@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@400;700&display=swap');

html{
font-size:18px;
text-size-adjust:none;
line-height:1.5;
overflow-x:hidden;
overflow-y:auto;
font-family:'Noto Sans Display',sans-serif;
}


*{
scroll-behavior:smooth;
box-sizing:border-box;
outline:none;
border:none;
padding:0;
margin:0;
position:relative;
word-wrap:break-word;
list-style-type:none;
text-decoration:none;
-webkit-transition:background 0.5s,border-color 0.5s;-moz-transition:background 0.5s,border-color 0.5s;-o-transition:background 0.5s,border-color 0.5s;transition:background 0.5s,border-color 0.5s;
}

body{overflow:visible;max-width:2000px;margin:0 auto;}
main{min-height:100vh}

section{padding-top:1px;padding-bottom:1px;margin:-1px 0}
a,a:visited,a:active{color:inherit}
p a{text-decoration:underline}



.avatar{display:inline-flex;flex-direction:column;vertical-align:middle;width:40px;height:40px;border-radius:50%;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}
.avatar + *{display:inline-block;vertical-align:middle}
.avatar + *:not(:empty){margin-left:10px}
.avatar.large{width:100px;height:100px}
.avatar.medium{width:70px;height:70px}
.avatar > img{width:100%;height:100%;object-fit:cover}
figure.avatar:empty:before{content:'\e973';font-family:icomoon;font-size:30px}
figure.avatar.medium:empty:before{font-size:50px}
figure.avatar.large:empty:before{font-size:80px}



.block{padding:0 50px;margin:30px 0}
.block.navbar{margin-bottom:0}

@media screen and (max-width:650px){
.block{padding-left:25px;padding-right:25px}
}




.block.navbar{padding-top:0 !important;padding-bottom:0 !important}
.block.ignore{display:none}
.block.wide{margin:0 !important;padding:0 !important}

.block.image img{display:block;width:100%}

p{margin:15px 0}
p.icon-quote:before{margin-right:10px !important;font-size:larger}
p.icon-quote + figure:not([data-type]):empty{display:none}


u{text-decoration:underline}
center{display:block;text-align:center}

body{overflow:visible}



[class*='icon-']{line-height:inherit !important;font-family:inherit !important;font-weight:inherit !important}
[class*='icon-']:before{font-family:icomoon !important}
[class*='icon-']:not(:empty):before{margin-right:5px}


ul.list li{display:flex;flex-wrap:nowrap;align-items:center}
ul.horz{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
ul.list a{color:inherit !important}
ul.list a:not([href]):empty{display:none}
ul.list:not(.horz) li > *{padding:15px}
ul.list li > :first-child{flex:1}
ul[class*='marker'] li{align-items:flex-start}
ul[class*='marker'] li:before{font-family:icomoon;margin-right:10px;align-self:center;font-size:smaller}
ul.list > li:not(.icon-envelope) > :first-letter{text-transform:capitalize}
ul.marker1 li:before{content:'\e955';line-height:2.6}
ul.marker2 li:before{content:'\ea10'}
ul.marker3 li:before{content:'\e950'}
ul.marker4 li:before{content:'\ea3c'}
section.breadcrumbs{text-transform:capitalize;font-style:italic;color:#666;letter-spacing:1px}
section.breadcrumbs + section{padding-top:0}
section.breadcrumbs a:hover{text-decoration:underline}

address{font-style:normal}
address > div{display:flex;align-items:flex-start;margin:10px 0}
address > div > span{margin-right:10px}
address > div > div{flex:1}

.quote{display:flex;align-items:flex-start}
.quote > div{flex:1}
.quote h4{margin-top:20px}
.quote > span{margin-right:20px}


.textcenter{text-align:center}


.success:before,.error:before{font-family:icomoon;content:'\ea10';margin-right:10px;padding:10px;display:inline-block;vertical-align:middle;color:green;font-size:larger}
.error:before{content:'\e928';color:red}
.w300{width:300px;max-width:100%}
.w600{width:600px;max-width:100%}
.w900{width:900px;max-width:100%}
.w1200{width:1200px;max-width:100%}



.paddingy10{padding-top:10px !important;padding-bottom:10px !important}
.paddingx10{padding-left:10px !important;padding-right:10px !important}
.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}



.icon-bell[data-count]:after{content:attr(data-count);font-size:smaller;font-family:Arial,sans-serif;position:absolute;margin-top:-8px}

a{-webkit-transition:color 0.3s,background 0.3s;-moz-transition:color 0.3s,background 0.3s;-o-transition:color 0.3s,background 0.3s;transition:color 0.3s,background 0.3s;}

[data-for]{cursor:pointer}
.h1:empty,.h2:empty,.h3:empty{display:none}

.sticky{position:sticky}
.top0{top:0}
.bottom0{bottom:0}

.h0{font-size:3rem;line-height:1.1}
h1,.h1{font-size:2.5rem;line-height:1.2}
h2,.h2{font-size:1.8rem;line-height:1.2}
h3,.h3{font-size:1.5rem;line-height:1.4}
h4,.h4{font-size:1.15rem}
h5,.h5{font-size:0.8rem;font-weight:normal}
.normal{font-weight:normal;font-size:1rem}


h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h1 > :first-letter,h2 > :first-letter,h3 > :first-letter,h4 > :first-letter{text-transform:capitalize}
center:empty,center > br:only-child{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.navbutton{display:inline-block;border:1px solid currentColor;line-height:1;padding:5px;cursor:pointer}
.capitalize{text-transform:capitalize}





.logo img[src$='svg']{height:80px}
img{vertical-align:middle;max-width:100%;}

video{display:block;max-width:100%;height:auto}
audio{display:block;width:500px;max-width:100%}

iframe{display:block;min-width:0px;min-height:0px;max-width:100% !important;padding:0}
iframe[allowfullscreen]{aspect-ratio:16/9}

iframe:not([width]):not([class*='width']){width:100%}
iframe[src*='map.php']{height:40rem !important}

iframe.fullscreen{position:fixed;width:100vw !important;height:100vh !important;top:0;left:0;z-index:3;padding-right:15px;background:#000}

iframe.texteditor{width:100%;box-sizing:border-box;height:500px;margin-top:10px;padding:0px;max-width:1300px;border:1px solid black;background:rgba(255,255,255,0.85)}


img.icon{width:50px}

.arrow + .arrow{margin-left:15px}



.dropbox{position:absolute;margin-top:5px;width:350px;max-width:100vw;box-shadow:0px 4px 10px 0 rgba(0,0,0,0.2),0px 4px 20px 0 rgba(0,0,0,0.2);z-index:2;top:100%;background:rgba(255,255,255,1);color:#111}

.dropbox > *{padding:10px}

.dropbox > .close{position:absolute;right:5px;top:5px;padding:5px 7px;z-index:2;background:#d10000;color:#eee;line-height:1}


i{font-family:icomoon;font-style:normal}


#fmanager .post div.media:empty,#fmanager .post div.media:empty + .text{display:none}


.progress{position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);padding:50px;box-shadow:0px 0px 50px rgba(0,0,0.5);text-align:center;background:#fff}





fieldset{display:block;border:1px solid #ccc;padding:20px 30px 20px 20px;margin:0px;background:rgba(220,220,220,0.03);min-width:0;max-width:100%}
fieldset + *{}
fieldset:empty{display:none}
fieldset legend{padding:0 8px;font-weight:bold;text-transform:uppercase;max-width:100%}
fieldset legend > *{display:inline-block}
fieldset legend > * + *{margin-left:20px;text-decoration:underline;text-transform:lowercase}
div.input{margin-bottom:15px}

input[readonly],[disabled]{opacity:0.5;cursor:not-allowed !important}

input#reminder:checked + div + div{display:none}
input{line-height:1}
input,textarea{width:100%;padding:10px}
input[size]{width:auto}
input[size='1']{width:50px}
input[size='2']{width:60px}
input[size='3']{width:80px}
input[size='4']{width:100px}
input[size='5']{width:120px}
input[size='6']{width:140px}
table tr td input{width:100%}
input[type='checkbox'],input[type='radio']{width:auto;padding:0px}

select{width:100%;padding:10px 15px 10px 10px;text-transform:capitalize}

select:empty{display:none}

select.arrow{width:20px;outline:none;padding:5px 0}

div.input-colour{display:flex;align-items:center;gap:5px;width:150px}
div.input-colour input[type='text']{flex:1}
div.input-colour input[type='color']{width:50px;height:30px}


input,textarea,select,.selectbox{background:none;font-size:inherit !important;font-family:inherit;border:1px solid;color:inherit !important}

::placeholder{color:inherit;opacity:0.5;font-size:smaller}
::-ms-input-placeholder{color:inherit;opacity:0.5;font-size:smaller}

input[type='range']{-webkit-appearance:none;outline:none;height:6px;background:#ddd;width:50px !important;padding:0 !important;border-radius:15px}
::-moz-range-thumb{width:15px;height:15px;background:#009900;border:1px solid #fff;border-radius:50%}
::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#009900;border:1px solid #fff;border-radius:50%}
input[type='color']{padding:0}

textarea[cols]{width:auto}

label{white-space:nowrap}
label{margin-right:5px}
label > input + *{margin:0 5px;display:inline-block;text-transform:capitalize}
label > *:not(input) + input{margin:0 5px}

input:not([type='button']):focus,textarea:focus,input:not([type='button']):hover,textarea:hover{box-shadow:0px 0px 3px rgba(0,0,0,0.2)}

input:required:invalid:focus{border-color:red}

div.input{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px}
div.input > *{max-width:100% !important;min-width:0 !important}
div.input > label{flex:1 1 140px;padding-right:5px;text-transform:capitalize} 
div.input > label + *{flex:20 1 320px}
div.input > label + * > div:first-child:not(.selectbox){padding-top:5px}
div.input > label > small{display:block}

div.inputdate{display:flex}

label[data-style*='hidelabel']{visibility:hidden}
label[data-style*='hidelabelx']{display:none}
input[value='default header']{pointer-events:none;user-select:none;opacity:0.5}
select[name='icon']{font-family:icomoon}


button{background:none;cursor:pointer}

.button,a.button{position:relative;display:inline-block;padding:11px 20px;font-size:inherit;cursor:pointer;text-transform:capitalize;line-height:1;color:#fff;background:#252525;border:1px solid transparent;white-space:nowrap;min-width:120px;text-align:center}

.block.buttons .button{display:block;width:min-content}
.button + .button{margin-left:5px}

.button:not(.xx):hover{background:none;color:inherit;border-color:currentcolor}






.noselect{-webkit-callout-touch:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}

.modal{position:fixed;z-index:2;width:100vw;box-sizing:border-box;height:100vh;top:0px;left:0px;box-sizing:border-box;background:rgba(0,0,0,0.9);overflow-y:scroll}

.modal .modal{z-index:3}
.modal .modal .modal{z-index:4}

.modal[style*='visible']{max-height:100vh !important}

.modal div.modalcontent{z-index:2;width:90%;max-width:1000px;min-height:33vh;margin:0 auto;box-sizing:border-box;animation:scale 1s;background:#fff}

.modalcontent .header{font-weight:bold;display:flex;align-items:center;margin-bottom:10px;color:inherit;width:100%;z-index:3;padding:10px 20px;border-bottom:1px solid #aaa;text-transform:uppercase;position:sticky;top:0;background:#fafafa}

.modalcontent .footer{height:60px;padding:0px 20px;display:flex;align-items:center;justify-content:center;border-top:1px solid #aaa}

.modalcontent .header .close{font-size:2.5rem;color:red;cursor:pointer !important}
.modalcontent .header >*:not(.close){flex:1}

.modalcontent .body{min-height:300px;padding:10px 20px 40px 20px}

.modal#progress{display:block}
.modal#progress > div{text-align:center}
progress{width:100%;max-width:30rem;height:3rem;margin:1rem 0}


[onclick]:not([contenteditable]),[data-open]{cursor:pointer}

.delete,a.delete:visited{color:red}

.dialog{position:fixed;top:50%;left:50%;width:300px;transform:translate(-50%,-50%);z-index:4;background:#fff;padding:20px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,0.1);text-transform:capitalize}
#basket:after{content:'cart';font-size:2rem;display:block}
#basket{position:fixed;top:50%;right:15px;background:#fff;font-size:3rem;z-index:1;line-height:1 !important;padding:10px 5px 0 5px;font-weight:bold}
#basket span{position:absolute;top:-1px;left:0;display:block;width:100%;text-align:center;z-index:1;font-size:1.7rem;color:red}
#basket:empty{display:none}


table{table-layout:auto;border-collapse:collapse;margin:20px 0;background:rgba(255,255,255,0.3);border:1px solid #ddd;min-width:350px}
table tbody:empty:after{content:'';display:table-row;height:50px}
table tr > *{border:1px solid #ddd}
table tr th{background:#fafafa;text-align:left;text-transform:capitalize}
table tr > *{padding:15px;vertical-align:middle}
table table{border:none;margin:0;min-width:0;background:none;margin-left:30px}
table table tr > *{padding:0}
.scrollx{overflow-x:auto}
.scroller{width:100%;overflow-x:auto}
.scroller > div{max-width:none !important;height:1px}



@-webkit-keyframes scale{
0%{-webkit-transform:scale(0.1,0.1)}
100%{-webkit-transform:scale(1,1)}
}
@keyframes scale{
0%{transform:scale(0.1,0.1)}
100%{transform:scale(1,1)}
}

hr{border:none;min-width:100%;height:1px;padding:0px !important;background:currentColor;margin:10px 0;opacity:0.2}
hr.break{background:none;margin:20px 0}


.pagenumbers > *{display:inline-block;padding:8px 16px}
.pagenumbers > *:not(.currentnumber):hover{background-color:#ddd}
.pagenumbers .currentnumber{background:black;color:#fff}



.align-center{align-items:center}
.align-end{align-items:flex-end}
.align-start{align-items:flex-start}
.justify-center{justify-content:center}
.justify-left{justify-content:left}
.justify-right{justify-content:right}
.justify-between{justify-content:space-between}
.grow-middle > *:nth-child(3n-1){flex:1}
.text-center{text-align:center}




.columns .flex-row > div{flex:3 1 450px}
.columns .flex-row > div.size1{flex:1 1 350px}
.columns .flex-row > div.size2{flex:2 1 390px}




.padding0{padding:0 !important}
.paddingy0{padding-top:0px !important;padding-bottom:0px !important}


.fill-height{min-height:100vh}
.break{min-width:100%;height:0px;padding:0 !important}



/* FLEX */

.flex-row{display:flex;flex-wrap:wrap}
.flex-row > *{max-width:100%;min-width:0;word-wrap:break-word}


.flex-column{display:flex;flex-direction:column}
.flex-column > *{min-width:0px;max-width:100%}
.flex-column > div:empty{display:none}

.flex1{flex:1 1 250px}


/* GRID */

.testgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,50px));}

.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(33.5%,250px),1fr));}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(25.5%,250px),1fr));}
.grid4{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(20.5%,250px),1fr));}
.grid5{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(17%,190px),1fr));}

.grid2.wide{grid-template-columns:repeat(auto-fill,minmax(max(33.5%,400px),1fr))}

.table4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-width:1px 0 0 1px;border-color:#ddd;border-style:solid}
.table4 > *{padding:10px;border-width:0 1px 1px 0;border-color:#ddd;border-style:solid;text-align:center}

.nogrid [class*='grid']{display:flex;flex-wrap:wrap}

.nogrid .grid2 > *{flex:1 1 250px;min-width:33.5%}
.nogrid .grid3 > *{flex:1 1 250px;min-width:25.1%}
.nogrid .grid4 > *{flex:1 1 250px;min-width:20.1%}
.nogrid .grid5 > *{flex:1 1 190px;min-width:16.7%}

.nogrid [class*='grid'].wide > *{flex:1 1 350px}



.dividers > *:not(:only-of-type):not(:last-of-type):not(:empty):after{content:'';display:block;width:100%;position:absolute;bottom:-0px;left:0px;height:1px;background:currentColor;opacity:0.15}

.gapx10{column-gap:10px}
.gapx20{column-gap:20px}
.gapx30{column-gap:30px}
.gapx40{column-gap:40px}
.gapx50{column-gap:50px}


.gapy10{row-gap:10px}
.gapy20{row-gap:20px}
.gapy30{row-gap:30px}
.gapy40{row-gap:40px}
.gapy50{row-gap:50px}


body.nogap .gapx10 > *{margin-right:10px}
body.nogap .gapx20 > *{margin-right:20px}
body.nogap .gapx30 > *{margin-right:30px}
body.nogap .gapx40 > *{margin-right:40px}
body.nogap .gapx50 > *{margin-right:50px}

body.nogap .gapy10 > *{margin-bottom:10px}
body.nogap .gapy20 > *{margin-bottom:20px}
body.nogap .gapy30 > *{margin-bottom:30px}
body.nogap .gapy40 > *{margin-bottom:40px}
body.nogap .gapy50 > *{margin-bottom:50px}




.reverse{flex-direction:row-reverse}
.nowrap{flex-wrap:nowrap !important}
.wrap-reverse{flex-wrap:wrap-reverse}



.hlist{overflow:hidden}
.hlist > *:not(.flex-row){display:inline-block;vertical-align:middle;margin-right:24px;text-transform:capitalize}
div.share > span{color:#777}
.hlist:empty{display:none}






.seps > *:not(:empty):after{content:'';display:inline-block;width:1px;height:1rem;position:absolute;left:-12px;top:0;background:currentColor;opacity:0.4;top:50%;transform:translateY(-50%)}

div.info:not(:empty){margin:10px 0}


.share [class*='icon']{padding:10px;line-height:1 !important;background:#eee}
.share [class*='facebook']{background:#3b5998 !important;color:#fff}
.share [class*='twitter']{background:#55acee !important;color:#fff}
.share [class*='linkedin']{background:#007bb5 !important;color:#fff}
[href*='facebook']:before{content:'\e916' !important;font-family:icomoon}
[href*='twitter']:before{content:'\e915' !important;font-family:icomoon}
[href*='instagram']:before{content:'\e90a' !important;font-family:icomoon}
[href*='youtube']:before{content:'\e918' !important;font-family:icomoon}
[href*='linkedin']:before{content:'\e93c' !important;font-family:icomoon}
[href^='search']:before{content:'\e907' !important;font-family:icomoon}
[href^='tel:']:before{content:'\e943' !important;font-family:icomoon}
[href^='tel:']:empty:after{content:attr(href)}

[href^='mailto']{font-style:italic;text-decoration:underline}
div.block:has([href^='mailto']){margin:0px !important;opacity:0.6;text-transform:capitalize;padding-bottom:20px;
padding-top:20px;border-top:1px solid #444;line-height:1;letter-spacing:1px;font-size:0.75rem;color:#fff}

[href]:not(:empty):before{margin-right:5px}


.item-link{position:absolute;top:0px;left:0px;width:100%;height:100%}
.item-link:hover + span{opacity:0.8}


.strike{text-decoration:line-through red 1px}
[data-before]:before{content:attr(data-before);margin-right:5px;text-decoration:none}
[data-after]:after{content:attr(data-after);margin-left:5px;text-decoration:none}
.icon-bell[data-after]:not([data-after='']):after,.icon-envelope[data-after]:not([data-after='']):after{vertical-align:super;background:#ff0000;color:#fff;font-size:1.2rem;padding:1px  4px;border-radius:50%;margin-left:0}





.theme-orangewhite{color:#ffffff}.theme-orangewhite:not(section):not(span){padding-top:15px;padding-bottom:15px}.theme-orangewhite{background-color:#ff4d01 !important}.theme-orangewhite.block.heading .obj span:first-of-type,.theme-orangewhite.block.heading .obj span:last-of-type:not(:nth-of-type(2)),.theme-orangewhite .block.heading .obj span:first-of-type,.theme-orangewhite .block.heading .obj span:last-of-type:not(:nth-of-type(2)),.theme-orangewhite a,.theme-orangewhite article h4,.theme-orangewhite article h3{color:#0000fe}.theme-orangewhite .button{background-color:#0000fe;color:#fff}.theme-orangewhite.block.heading .obj > a,.theme-orangewhite .block.heading .obj > a{color:inherit}.theme-whiteblue{color:#000000}.theme-whiteblue:not(section):not(span){padding-top:15px;padding-bottom:15px}.theme-whiteblue{background-color:#ffffff !important}.theme-whiteblue.block.heading .obj span:first-of-type,.theme-whiteblue.block.heading .obj span:last-of-type:not(:nth-of-type(2)),.theme-whiteblue .block.heading .obj span:first-of-type,.theme-whiteblue .block.heading .obj span:last-of-type:not(:nth-of-type(2)),.theme-whiteblue a,.theme-whiteblue article h4,.theme-whiteblue article h3{color:#0000fe}.theme-whiteblue .button{background-color:#0000fe;color:#fff}.theme-whiteblue.block.heading .obj > a,.theme-whiteblue .block.heading .obj > a{color:inherit}.theme-bluewhite{color:#ffffff}.theme-bluewhite:not(section):not(span){padding-top:15px;padding-bottom:15px}.theme-bluewhite{background-color:#063f74 !important}.theme-bluewhite.block.heading .obj span:first-of-type,.theme-bluewhite.block.heading .obj span:last-of-type:not(:nth-of-type(2)),.theme-bluewhite .block.heading .obj span:first-of-type,.theme-bluewhite .block.heading .obj span:last-of-type:not(:nth-of-type(2)),.theme-bluewhite a,.theme-bluewhite article h4,.theme-bluewhite article h3{color:#ff4d01}.theme-bluewhite .button{background-color:#ff4d01;color:#fff}.theme-bluewhite.block.heading .obj > a,.theme-bluewhite .block.heading .obj > a{color:inherit}.theme-lightblue{color:#2c2b2b}.theme-lightblue:not(section):not(span){padding-top:15px;padding-bottom:15px}.theme-lightblue{background-color:#f5f5f5 !important}.theme-lightblue.block.heading .obj span:first-of-type,.theme-lightblue.block.heading .obj span:last-of-type:not(:nth-of-type(2)),.theme-lightblue .block.heading .obj span:first-of-type,.theme-lightblue .block.heading .obj span:last-of-type:not(:nth-of-type(2)),.theme-lightblue a,.theme-lightblue article h4,.theme-lightblue article h3{color:#ff4d01}.theme-lightblue .button{background-color:#ff4d01;color:#fff}.theme-lightblue.block.heading .obj > a,.theme-lightblue .block.heading .obj > a{color:inherit}.theme-whiteorange.block.heading .obj span:first-of-type,.theme-whiteorange.block.heading .obj span:last-of-type:not(:nth-of-type(2)),.theme-whiteorange .block.heading .obj span:first-of-type,.theme-whiteorange .block.heading .obj span:last-of-type:not(:nth-of-type(2)),.theme-whiteorange a,.theme-whiteorange article h4,.theme-whiteorange article h3{color:#ff4d01}.theme-whiteorange .button{background-color:#ff4d01;color:#fff}.theme-whiteorange.block.heading .obj > a,.theme-whiteorange .block.heading .obj > a{color:inherit}.bg-black{background:black;color:#fff}


section > *{background-color:inherit}
.columns > div{background-color:inherit}

[class*=slant]{background-color:inherit;background-size:0 !important;z-index:1}

[class*=slant]:before{content:'';background:inherit;background-size:cover;position:absolute;left:0;top:0;height:100%;width:100%;z-index:-1}


.slant-lbs:before{width:calc(100% + 30px);left:-30px;clip-path:polygon(0% 0%,100% 0%,100% 100%,30px 100%)}


.slant-lfs:before{width:calc(100% + 30px);left:-30px;clip-path:polygon(30px 0%,100% 0%,100% 100%,0 100%)}

.slant-rfs:before{width:clamp(100%,calc((100vw - (100% + 30px)) * 999),calc(100% + 30px));clip-path:polygon(0% 0%,100% 0%,calc(100% - 30px) 100%,0% 100%)}


.slant-rbs:before{width:clamp(100%,calc((100vw - (100% + 30px)) * 999),calc(100% + 30px));clip-path:polygon(0% 0%,calc(100% - 30px) 0%,100% 100%,0% 100%)}


.slant-par:before{width:clamp(100%,calc((100vw - (100% + 30px)) * 999),calc(100% + 30px));left:-15px;clip-path:polygon(15px 0%,100% 0%,calc(100% - 15px) 100%,0 100%)}

.slant-bbs:before{height:calc(100% + 30px);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% calc(100% - 30px))}

.slant-bfs:before{height:calc(100% + 30px);clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 30px),0% 100%)}

.slant-tbs:before{height:calc(100% + 30px);top:-30px;clip-path:polygon(0% 0%,100% 30px,100% 100%,0% 100%)}

.slant-tfs:before{height:calc(100% + 30px);top:-30px;clip-path:polygon(0% 30px,100% 0%,100% 100%,0% 100%)}




.displaynone{display:none !important}

.hidden{visibility:hidden;max-height:0;max-width:0;overflow:hidden}


.hidden[style*='hidden'] .hidden[style*='visible']{max-height:0px !important;visibility:hidden !important}

input.hidden,label.hidden{display:none}
.invisible{visibility:hidden}

[class*='show'][class$='00']{display:none}

@media screen and (max-width:700px){
.collapse700{flex-direction:column !important;align-items:flex-start}
.collapse700 > *{flex:0 0 auto !important;min-height:0 !important;min-width:100%}
.hide700{visibility:hidden;max-height:0px}
[class*='show'].show700{display:inline-block}
}

@media screen and (min-width:701px){
.hide700[style]{visibility:visible !important;max-height:1000px !important}
}



.downarrow:before{content:'\2193'}
.uparrow:before{content:'\2191'}





button{text-align:left;font-size:inherit;border:none;outline:none;}
div.selectbox{min-width:150px;max-width:300px}
div.selectbox div:first-of-type{text-transform:capitalize}
div.selectbox button a.delete{padding:5px 10px}
div.selectbox button a.delete:hover{background:#fff}
div.selectbox button{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;padding:5px;border-bottom:1px solid #f5f5f5}
div.selectbox button[data-total]:after{content:'(' attr(data-total) ')';display:inline-block;vertical-align:middle;font-size:1.1rem;margin-left:25px;color:#999}
div.selectbox .dropbox{width:100%}
div.selectbox button:hover{background:lightblue}
div.selectbox > div:empty:before{content:attr(data-tit);font-weight:bold}


div.selectbox > div:first-of-type{display:flex;justify-content:space-between;align-items:center;padding:10px;line-height:1;background:rgba(255,255,255,0.3)}
div.selectbox > div:first-of-type .delete{display:none}

div.selectbox > div:first-of-type:after{content:'';line-height:0;border:7px solid transparent;border-top-color:currentColor;opacity:0.8;position:relative;top:4px;margin-left:10px}





.image-placeholder{width:100px;height:80px;border:1px dashed #999}
.image-placeholder img{width:100%;height:100%}
.image-placeholder [data-type]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,0.5);font-size:2rem}
.image-placeholder button{display:none;position:absolute;width:100%;bottom:-20px;text-align:center;z-index:2;font-size:smaller}
.image-placeholder img ~ button{display:block}

.image-placeholder [data-type]{z-index:1}


.loader{background:rgba(255,255,255,0.8);background-clip:padding-box;width:80px;height:80px;border:8px solid black;border-top-color:blue;border-bottom-color:#eee;border-radius:50%;-webkit-animation:rotate 1s linear infinite;-moz-animation:rotate 1s linear infinite;-o-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;position:fixed;z-index:4}


@keyframes rotate{
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}

@-webkit-keyframes rotate{
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}

@keyframes moveintop{
0%{transform:translateY(-60px);opacity:0}
100%{transform:translateY(0px);opacity:1}
}

@keyframes moveinleft{
0%{margin-left:-60px;opacity:0}
100%{margin-left:0;opacity:1}
}






div.slider{overflow:hidden;container-type:inline-size;container-name:slider;user-select:none}

@container slider (max-width:500px){
div.slider.pics .slider-tabs:not(.xx),div.slider.pics .slider-controls:not(.xx){position:relative;height:auto;margin:0;top:auto;left:auto;transform:translateY(0);color:inherit;font-size:inherit;width:100%}
div.slider.pics .slider-tabs:not(.xx) a{outline-color:currentColor}
div.slider.pics .slider-controls:not(.xx){justify-content:center;margin:10px 0}
div.slider.pics .slider-controls .button{opacity:1}
}

div.slider.total1 .slider-controls,div.slider.total1 .slider-tabs{display:none}

div.slider-content{display:flex;flex-wrap:nowrap;overflow:visible;left:0;transition:left 0s}


div.slider-content > *{flex:0 0 100%;overflow:hidden}
div.slider figcaption > *{opacity:0}
div.slider-content:not([style*='duration']) figcaption > h1{animation:moveintop 1s forwards;animation-delay:0.1s}
div.slider-content:not([style*='duration']) figcaption > p{animation:moveinleft 1s forwards;animation-delay:0.5s}
div.slider-content[style*='duration'] figcaption > *{opacity:0}

.slider-controls{margin:20px 0;user-select:none}

.slider-controls .button{padding:0;min-width:0;cursor:pointer;display:inline-block;text-align:center;margin-right: 15px;width:2rem;height:2rem;line-height:2rem;border-radius:50%}

.slider-controls .button.next:before{content:'\e950';font-family:icomoon}
.slider-controls .button.prev:before{content:'\e951';font-family:icomoon}

.slider-count{background:rgba(0,0,0,0.8);width:70px;color:#fff;text-align:center;position:absolute;margin-top:-35px}

.slider .slider-tabs{min-height:50px;display:flex;justify-content:center;flex-wrap:wrap;width:90%;max-width:800px;margin:auto;padding:5px 0}
.slider .slider-tabs > a{cursor:pointer;width:14px;height:14px;border-radius:50%;outline:2px solid #eee;filter:opacity(40%);margin:10px 7px}
.slider .slider-tabs > a:first-child,.slider .slider-tabs > a:last-child{display:none}
.slider .slider-tabs > a.selected{filter:opacity(100%);outline-color:#fff}

.slider.pics .slider-controls{height:0;display:flex;margin:0;width:100%;position:absolute;top:50%;justify-content:space-between;align-items:center;transform:translateY(-50%);font-size:2rem;color:#fff}

.slider.pics .slider-controls .button{opacity:0.6;width:3rem;height:3rem;line-height:3rem;margin-right:0;transition:opacity 1s}

.slider.pics:hover .slider-controls .button{opacity:0.75 !important}

.slider.pics .slider-controls .button:hover{opacity:1}

.slider.pics .slider-tabs{margin-top:-60px}




.menu{text-transform:uppercase}
.menu div[class*='lev']{display:flex;flex-wrap:nowrap;align-items:center;gap:15px;padding:12px 20px;line-height:1;justify-content:space-between}
.menu div[class*='lev'] *{text-transform:uppercase}

.side-menu{position:fixed;top:0;width:350px;max-width:100%;left:-100%;height:100vh;overflow-y:auto;transition:left 0.5s;background:rgba(0,0,0,0.9);color:#f5f5f5;z-index:2;display:flex;flex-direction:column}

.side-menu:not(.hidden){left:0}

.side-menu > ul{flex:1}

.side-menu .sticky:not(:empty){background:black;z-index:1;padding:0px 15px}
.side-menu span.close{font-size:3rem}

.side-menu form{background:rgba(255,255,255,0.3)}
.side-menu form *{border:none;font-weight:bold}
.side-menu[style*='visible']{left:0}


.menu div.lev0 *{font-weight:bold;letter-spacing:1px}
.menu div.lev3 *{text-transform:capitalize;font-style:italic}
.menu div.lev1:not(:first-of-type){border-top:1px solid rgba(255,255,255,0.2)}
.menu div.lev2{padding-left:40px}
.menu div.lev3{padding-left:60px}
.menu div[data-for]:after{content:'+';transition:transform 0.3s;padding:0px 5px;font-size:1.2rem}
.menu a{flex:1}
.menu div.selected:after{content:'\2212'}

.margin-auto{margin-left:auto !important;margin-right:auto !important}
.margin-left-auto{margin-left:auto !important;}
.margin-top-auto{margin-top:auto !important;}
.padding{padding:10px}

figure{max-width:100%}

.width100{width:100px;max-width:100%}.width150{width:150px;max-width:100%}.width200{width:200px;max-width:100%}.width250{width:250px;max-width:100%}.width300{width:300px;max-width:100%}.width350{width:350px;max-width:100%}.width400{width:400px;max-width:100%}.width450{width:450px;max-width:100%}.width500{width:500px;max-width:100%}.width550{width:550px;max-width:100%}.width600{width:600px;max-width:100%}.width650{width:650px;max-width:100%}.width700{width:700px;max-width:100%}.width750{width:750px;max-width:100%}.width800{width:800px;max-width:100%}.width850{width:850px;max-width:100%}.width900{width:900px;max-width:100%}.width950{width:950px;max-width:100%}.width1000{width:1000px;max-width:100%}.width1050{width:1050px;max-width:100%}.width1100{width:1100px;max-width:100%}.width1150{width:1150px;max-width:100%}.width1200{width:100%;max-width:100%}




dl{display:grid;grid-template-columns:120px 1fr;gap:1px}
dl dt{font-weight:bold;white-space:nowrap;background:#f5f5f5}
dl > *{border:1px solid #ddd;padding:10px}
dl dd:first-letter{text-transform:capitalize}
.circle{clip-path:circle(40%)}








article.vert,article.horz{background:rgba(200,200,200,0.2);overflow:hidden}

article > *{min-width:0;max-width:100%}

article .category{display:none}

article.vert{display:flex;flex-direction:column}
article.vert figure{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:3/2}
article.vert figure:empty{display:none}
article.vert figure:empty + div{height:100%;justify-content:flex-end}
article.vert figure img{display:block;width:100%;height:100%;object-fit:cover}
article.products.vert figure img{object-fit:fill}
.boxes article.vert figure img{}
article.vert > div{display:flex;flex-direction:column;gap:13px;padding:4% 4% 30px;flex:1}
article.vert > div .button{margin-top:auto;top:10px}


article.horz{display:flex;padding:10px}
article.horz figure{width:25%;text-align:center}
article.horz img{max-height:220px;min-width:80%}
article.horz > div{align-self:center;display:flex;flex-direction:column;gap:10px;width:75%;padding:0px 3% 15px 2%;padding-left:clamp(15px,5%,30px)}
article.horz .category{order:-1}


article .meta{display:flex;flex-wrap:wrap;column-gap:30px;align-items:center;overflow:hidden;text-transform:capitalize;line-height:1.1}
article .meta:empty{display:none}
article .meta > *{white-space:xnowrap}

article time{display:flex;gap:3px;align-items:center}
article:not(.main) a.author > span:not(:empty):before{content:'By ';}
article a.author:empty{display:none}
article:not(.main) .details{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.block.boxes article:not(.main) .details{display:block}
.block.boxes article a.button:not([href]){display:none}

article .price[data-after]:after{text-decoration:line-through 1px red}



article.events .datebox{order:-2}
article.events .meta{order:-1;left:150px;font-size:1.1rem;margin-top:-35px;max-width:calc(100% - 150px);transform:translateY(-50%);line-height:1}

article.horz.events .datebox{margin-bottom:10px}
article.horz.events >  div{gap:5px}
article.vert.events >  div{gap:5px}
article.events > div > h4{margin-top:2.5%}
article.vert.events > div > h4{margin-top:20px}
article.vert.events .meta{margin-top:-30px}


article.classifieds .meta{order:1;padding-top:10px}
article.classifieds figure:not(:empty) + div .meta{margin-top:auto}
article.classifieds time{display:none}

article.articles .meta > *:after,article.main .meta > *:after{content:'';position:absolute;left:-16px;width:1px;height:60%;top:50%;transform:rotate(15deg) translateY(-50%);background:currentcolor;opacity:0.7}

article.vert.products > div,.boxes article.vert > div{text-align:center;align-items:center}


article:not(.main) > div > .category{display:blockx;order:-3;text-transform:uppercase;font-size:smaller}
article.main > h1{display:flex;gap:25px;align-items:center;text-transform:capitalize}
article.main > *{margin-bottom:30px}
article.main a.author img{display:inline-block;width:50px;height:50px;border-radius:50%;vertical-align:middle;margin-right:5px}
article.main dl > dd > span + span{margin-left:15px}


article.horz + article.horz{margin-top:10px}
div.article-horz{container-type:inline-size;container-name:arthorz}
@container arthorz (max-width:650px){
article .details{display:none !important}
}

.admin article .options{padding-top:12px;margin-top:auto;display:flex;gap:10px;line-height:1;flex-wrap:wrap;text-transform:capitalize;font-size:1rem;color:#fff}
.admin article .options > *{background:#555;padding:2px 4px}


.datebox div{font-weight:normal}
.datebox{white-space:nowrap;text-transform:uppercase;line-height:1}
.datebox > *{display:inline-block;vertical-align:middle}
.datebox h2{font-size:3rem;line-height:1;margin-right:5px}



select optgroup{text-transform:uppercase;letter-spacing:1px}

optgroup[label='articles'] ~ optgroup[label='articles']{display:none}
optgroup[label='events'] ~ optgroup[label='events']{display:none}
optgroup[label='classifieds'] ~ optgroup[label='classifieds']{display:none}
optgroup[label='products'] ~ optgroup[label='products']{display:none}
optgroup[label='people'] ~ optgroup[label='people']{display:none}
optgroup[label='pages'] ~ optgroup[label='pages']{display:none}





h1.s1{border-top:5px solid;padding-top:7px}
h1.s2{border-bottom:5px solid;padding-bottom:7px}
h1.h4{border-width:1px}

.tooltip{position:absolute;width:200px;padding:10px;background:#ffe;box-shadow:5px 5px 5px #999;font-size:smaller}
.tooltip .close{position:absolute;right:5px;top:5px;color:red;background:#fff;padding:5px;line-height:1;cursor:pointer;font-weight:bold;font-size:larger;z-index:1}




figure.overlay{overflow:hidden;color:#fff;text-align:center;display:flex;max-height:calc(100vh - 90px);height:100%}
figure.overlay:before{content:'';padding-bottom:66%}
figure.overlay img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover}
figure.overlay figcaption{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,0.25);text-align:center;padding:10px}
figure.overlay figcaption.empty{display:none}
figure.overlay figcaption > *{width:90%;max-width:600px;text-shadow:0 0 1px #000}
figure.overlay figcaption > *:first-letter{text-transform:uppercase}


nav{display:flex;flex-wrap:wrap;line-height:1;align-items:flex-start;margin:auto 0;font-size:0.9rem}

nav > a{text-transform:uppercase;padding:13px 10px;border:2px solid transparent;background-clip:padding-box;color:inherit !important}
nav [href='images/template/damien_c.jpg']:before{content:'';display:none;position:absolute;bottom:3px;transform:translateX(-0%);height:2px;width:35px;background:currentcolor;opacity:0.7}
nav > a:not([href]){display:none}
nav a[href='images/template/damien_c.jpg']{background:#000 !important;color:#ff4d01 !important}
nav .basket{display:flex;align-items:center}
nav .basket:before{font-size:1.5rem}
nav .basket span{color:green}
nav .basket span:after{content:' items'}
nav .basket:empty{display:none}

header.admin{padding:10px 50px}
header figure img{max-height:100px}
header{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:center}

[style*='background-image']{min-height:300px;background-repeat:no-repeat;background-size:cover}

@media screen and (max-width:0px){
[style*='background-image']{background-attachment:scroll !important}
}

[style*='background-image'][style*='cover']:not([class*='theme-']){color:#fff}

.container.columns [class*='grid'] > [style*='background-image'],section [style*='background-image']{min-height:350px}
.obj[style*='background-color']{padding:20px !important}
.obj[class*=lt-]{color:initial}


.block.decal img{height:60px !important}

.block.mainnav{background:rgba(255,255,255,1);position:sticky;top:0px;z-index:999;padding-top:5px !important;padding-bottom:5px !important;
margin-top:0 !important}
.block.mainnav nav{gap:4px !important;justify-content:right;margin:2px;font-weight:bold;font-size:0.8rem;font-style:italic}
.block.mainnav nav a{background:#f0f0f0;padding:5px 8px}

@media screen and (max-width:500px){
.block.mainnav{padding-left:0px !important;padding-right:0px !important}
nav{justify-content:center !important}
}


input[name='location']{opacity:0;z-index:-1;padding:0px !important;max-height:0px;line-height:0 !important;overflow:hidden !important;
border:none !important;margin-top:-10px !important}