@font-face{font-family:"Montserrat";font-weight:200;src:url("/-fonts/montserrat/200.woff2") format("woff2");}
@font-face{font-family:"Montserrat";font-weight:200;font-style:italic;src:url("/-fonts/montserrat/200i.woff2") format("woff2");}
@font-face{font-family:"Montserrat";font-weight:900;src:url("/-fonts/montserrat/900.woff2") format("woff2");}
@font-face{font-family:"Montserrat";font-weight:900;font-style:italic;src:url("/-fonts/montserrat/900i.woff2") format("woff2");}
@font-face{font-family:"Montserrat";font-weight:400;src:url("/-fonts/montserrat/400.woff2") format("woff2");}
@font-face{font-family:"Montserrat";font-weight:400;font-style:italic;src:url("/-fonts/montserrat/400i.woff2") format("woff2");}
@font-face{font-family:"Montserrat";font-weight:700;src:url("/-fonts/montserrat/700.woff2") format("woff2");}
@font-face{font-family:"Montserrat";font-weight:700;font-style:italic;src:url("/-fonts/montserrat/700i.woff2") format("woff2");}
html{
  height          : 100%;
  scroll-behavior : smooth;
}

body{
  height                   : 100%;
  margin                   : 0;
  padding                  : 0;
  font-size                : 15px;
  -webkit-text-size-adjust : 100%;
  line-height              : 1.5;
}

article,
aside,
div,
footer,
form,
header,
h1,
h2,
h3,
h4,
h5,
h6,
img,
main,
nav,
ul,
.wSplit > div > a{
  display    : block;
  box-sizing : border-box;
  float      : left;
  clear      : left;
  width      : 100%;
  margin     : 0;
}

ul ul,
.wNotRows,
.wNotRows div,
.wNotRows form,
.wNotRows img,
.webeditText > div{
  box-sizing : content-box;
  float      : none;
  clear      : none;
  width      : auto;
}

button:not(:focus-visible){
  outline : none;
}

img{
  height : auto;
}

#w-content{
  min-height : 100%;
  overflow   : hidden;
}
input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=url],
select,
textarea{
  box-sizing    : border-box;
  display       : inline-block;
  margin        : 0;
  padding       : 0.25em 0.5em;
  border        : 1px solid #ddd;
  border-radius : 4px;
  outline       : none;
  background    : #fff;
  color         : #000;
  font-family   : inherit;
  font-size     : 1em;
  font-weight   : inherit;
  line-height   : 1.5;
}

input[type=number]{
  text-align         : right;
     -moz-appearance : textfield;
  -webkit-appearance : textfield;
          appearance : textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance : none;
}

input::placeholder{
  color      : #999;
  font-style : italic;
}

select{
  -moz-appearance    : none;
  -webkit-appearance : none;
  appearance         : none;
  padding-right      : 30px;
  background         : #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjI2Ij48cGF0aCBkPSJtIDksMTIgNiw2IDYsLTYgLTIsLTIgLTQsNCAtNCwtNCB6Ii8%2BPC9zdmc%2B') no-repeat right;
}

select[multiple],
textarea{
  border-radius : 4px;
  resize        : vertical;
}

.w-radio,
.w-checkbox{
  display      : block;
  position     : relative;
  padding-left : 32px;
}

.w-radio > input,
.w-checkbox > input{
  position : absolute;
  left     : -100vw;
}

.w-radio > span,
.w-checkbox > span{
  display: block;
  position: absolute;
  top: calc(0.75em - 11px);
  left: 0;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
}

.w-radio > input + span{
  border-color  : #d3d3d3;
  border-radius : 11px;
}

.w-radio > input:checked + span:after{
  content       : '';
  display       : block;
  width         : 10px;
  height        : 10px;
  margin        : 5px;
  border-radius : 5px;
  background    : #000;
}

.w-checkbox > input:checked + span{
  background : #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0Ij48cGF0aCBmaWxsPSIjMjIyIiBkPSJNMCw4IDUsMTMgMTQsNCAxMiwyIDUsOSAyLDZ6Ii8+PC9zdmc+') no-repeat center center;
}

.w-spinner{
  display  : inline-block;
  position : relative;
}

.w-spinner > input{
  padding    : 0.25em calc(12px + 0.5em);
  text-align : center;
}

.w-spinner > input[size="1"]{ width : calc(20px + 2em + 1 * 0.6em); }
.w-spinner > input[size="2"]{ width : calc(20px + 2em + 2 * 0.6em); }
.w-spinner > input[size="3"]{ width : calc(20px + 2em + 3 * 0.6em); }
.w-spinner > input[size="4"]{ width : calc(20px + 2em + 4 * 0.6em); }
.w-spinner > input[size="5"]{ width : calc(20px + 2em + 5 * 0.6em); }
.w-spinner > input[size="6"]{ width : calc(20px + 2em + 6 * 0.6em); }
.w-spinner > input[size="7"]{ width : calc(20px + 2em + 7 * 0.6em); }
.w-spinner > input[size="8"]{ width : calc(20px + 2em + 8 * 0.6em); }

.w-spinner > span{
  display  : block;
  position : absolute;
  top      : 0;
  bottom   : 0;
  width    : calc(10px + 0.5em);
  cursor   : pointer;
}

.w-spinner > span:nth-child(2){
  left       : 0;
  background : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIj48cGF0aCBkPSJtMCw0aDEwdjJoLTEweiIvPjwvc3ZnPg%3D%3D') no-repeat right;
}

.w-spinner > span:nth-child(3){
  right      : 0;
  background : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIj48cGF0aCBkPSJtMCw0aDR2LTRoMnY0aDR2MmgtNHY0aC0ydi00aC00eiIvPjwvc3ZnPg%3D%3D') no-repeat left;
}

.w-pagination {
  display: flex !important;
  justify-content: end;
  gap: 0.25em;
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}

.w-pagination > li {
  display: block;
  min-width: 1.5em;
  border: 1px solid transparent;
  transition: border 0.25s;
}

.w-pagination > li > :is(a,span) {
  display: block;
  min-width: 1em;
  padding: 0 0.25em;
}

.w-pagination > li:is(:hover,[aria-current]) {
  border-color: rgba(0,0,0,0.2);
}

.w-pagination > li:is(:first-child,:last-child) {
  border-color: transparent;
}

iframe{
  border         : none;
  vertical-align : bottom;
}

iframe[data-src]{
  opacity    : 0;
  transition : opacity 1s;
}

.wFixedHeight > iframe,
.wFixedHeight > div{
  display : block;
  width   : 100%;
}

.wAspectRatio{
  position : relative;
  height   : 0;
}

.wAspectRatio > iframe,
.wAspectRatio > div{
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

#wMenuIcon:focus,
.w-menu:focus,
.w-menu [role=menuitem]:focus{
  outline : none;
}

#wMenuToggle,
#wMenuIcon,
.w-menu-enter,
.w-menu-title{
  display : none !important;
}

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

  #wMenuToggle ~ aside:nth-child(n),
  #wMenuToggle ~ div:nth-child(n),
  #wMenuToggle ~ footer:nth-child(n),
  #wMenuToggle ~ header:nth-child(n),
  #wMenuToggle ~ main:nth-child(n),
  #wMenuToggle ~ nav:nth-child(n){
    position   : relative;
    right      : 0;
    transition : right 0.5s;
  }

  #wMenuToggle:checked ~ aside,
  #wMenuToggle:checked ~ div,
  #wMenuToggle:checked ~ footer,
  #wMenuToggle:checked ~ header,
  #wMenuToggle:checked ~ main,
  #wMenuToggle:checked ~ nav{
    right : calc(100% - 50px);
  }

  #wMenuIcon{
    box-sizing : border-box;
    display    : block !important;
    clear      : both;
    width      : 50px;
    height     : 50px;
    padding    : 9px 0 0 9px;
    font-size  : 32px;
    cursor     : pointer;
  }

  #wMenuIcon > span,
  #wMenuIcon > span:before,
  #wMenuIcon > span:after{
    display            : block;
    width              : 1em;
    height             : 0.125em;
    background         : #000;
    -webkit-transition : all 0.5s;
            transition : all 0.5s;
  }

  #wMenuIcon > span{
    transform : translate(0,0.4375em) rotate(0);
  }

  #wMenuIcon > span:before{
    content   : '';
    transform : translate(0,-0.375em);
  }

  #wMenuIcon > span:after{
    content   : '';
    transform : translate(0,0.25em) rotate(0);
  }

  .w-menu-open #wMenuIcon > span{
    width     : 0.9375em;
    transform : translate(0,0.4375em) rotate(-180deg);
  }

  .w-menu-open #wMenuIcon > span:before{
    width     : 0.707em;
    transform : translate(-0.125em,-0.206em) rotate(-45deg);
  }

  .w-menu-open #wMenuIcon > span:after{
    width     : 0.707em;
    transform : translate(-0.125em,0.081em) rotate(45deg);
  }

  .w-menu-with-icon{
    position   : fixed;
    z-index    : 100;
    top        : 0;
    left       : 100%;
    width      : calc(100% - 50px);
    height     : 100%;
    overflow-y : auto;
    margin     : 0 !important;
    padding    : 0 !important;
    background : #222;
    transition : left 0.5s;
  }

  .w-menu-open .w-menu-with-icon{
    left : 50px;
  }

  .w-menu-with-icon li{
    display : flex !important;
    margin  : 0 !important;
    padding : 0 !important;
  }

  .w-menu-with-icon .w-menu-title,
  .w-menu-with-icon [role="menuitem"]{
    display       : block !important;
    box-sizing    : border-box;
    width         : 100% !important;
    overflow      : hidden;
    margin        : 0 !important;
    border        : none !important;
    border-bottom : 1px solid #333 !important;
    color         : #fff !important;
    font-size     : 15px !important;
    line-height   : 1.5 !important;
    white-space   : nowrap;
    transition    : background 0.2s !important;
  }

  .w-menu-with-icon .w-menu-title{
    padding    : 0.75em 3em !important;
    background : #222 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTIsMS41IC0xLjUsLTEuNSAtMTAsMTAgMTAsMTAgMS41LC0xLjUgLTguNSwtOC41IHoiLz48L3N2Zz4%3D') no-repeat 16px center !important;
    text-align : center;
    cursor     : pointer;
  }

  .w-menu-with-icon [role="menuitem"]{
    padding    : 0.75em 1em !important;
    background : #222 !important;
    text-align : left !important;
  }

  .w-menu-with-icon [aria-haspopup]{
    width : calc(100% - 3em) !important;
  }

  .w-menu-with-icon .w-menu-ancestor{
    background : #333 !important;
  }

  .w-menu-with-icon [aria-current="page"]{
    background : #444 !important;
  }

  .w-menu-enter{
    display       : block !important;
    width         : 3em;
    border-left   : 1px solid #333;
    border-bottom : 1px solid #333;
    background    : #222 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMCwxLjUgMS41LC0xLjUgMTAsMTAgLTEwLDEwIC0xLjUsLTEuNSA4LjUsLTguNSB6Ii8%2BPC9zdmc%2B') no-repeat center center;
    cursor        : pointer;
    transition    : background 0.2s;
  }

  .w-menu-with-icon .w-menu-title:hover,
  .w-menu-with-icon [role="menuitem"]:focus,
  .w-menu-with-icon [role="menuitem"]:hover,
  .w-menu-enter:hover{
    background-color : #666 !important;
  }

  .w-menu-with-icon [role=menu]{
    display    : block;
    position   : fixed;
    top        : 0;
    bottom     : 0;
    right      : 0;
    left       : 100%;
    width      : auto !important;
    min-width  : 0 !important;
    overflow-x : hidden;
    overflow-y : auto;
    padding    : 0 !important;
    background : #222 !important;
    transition : background 0.2s,left 0.5s,right 0.5s;
  }


  .w-menu-open .w-menu-with-icon [aria-expanded="true"] + [role=menu]{
    left : 50px;
  }

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

    .w-menu-with-icon,
    .w-menu-with-icon .w-menu-title,
    .w-menu-with-icon [role="menuitem"]{
      font-size : 13px !important;
    }

  }

}

.wGutter > div{
  float : none;
  width : auto;
}

.wGutter4 { margin : 0 -2px; }
.wGutter8 { margin : 0 -4px; }
.wGutter12 { margin : 0 -6px; }
.wGutter16 { margin : 0 -8px; }
.wGutter20 { margin : 0 -10px; }
.wGutter24 { margin : 0 -12px; }
.wGutter28 { margin : 0 -14px; }
.wGutter32 { margin : 0 -16px; }
.wGutter36 { margin : 0 -18px; }
.wGutter40 { margin : 0 -20px; }

.wGutter4 > article,
.wGutter4 > aside,
.wGutter4 > div,
.wGutter4 > footer,
.wGutter4 > header,
.wGutter4 > main,
.wGutter4 > nav{
  padding : 0 2px;
}

.wGutter8 > article,
.wGutter8 > aside,
.wGutter8 > div,
.wGutter8 > footer,
.wGutter8 > header,
.wGutter8 > main,
.wGutter8 > nav{
  padding : 0 4px;
}

.wGutter12 > article,
.wGutter12 > aside,
.wGutter12 > div,
.wGutter12 > footer,
.wGutter12 > header,
.wGutter12 > main,
.wGutter12 > nav{
  padding : 0 6px;
}

.wGutter16 > article,
.wGutter16 > aside,
.wGutter16 > div,
.wGutter16 > footer,
.wGutter16 > header,
.wGutter16 > main,
.wGutter16 > nav{
  padding : 0 8px;
}

.wGutter20 > article,
.wGutter20 > aside,
.wGutter20 > div,
.wGutter20 > footer,
.wGutter20 > header,
.wGutter20 > main,
.wGutter20 > nav{
  padding : 0 10px;
}

.wGutter24 > article,
.wGutter24 > aside,
.wGutter24 > div,
.wGutter24 > footer,
.wGutter24 > header,
.wGutter24 > main,
.wGutter24 > nav{
  padding : 0 12px;
}

.wGutter28 > article,
.wGutter28 > aside,
.wGutter28 > div,
.wGutter28 > footer,
.wGutter28 > header,
.wGutter28 > main,
.wGutter28 > nav{
  padding : 0 14px;
}

.wGutter32 > article,
.wGutter32 > aside,
.wGutter32 > div,
.wGutter32 > footer,
.wGutter32 > header,
.wGutter32 > main,
.wGutter32 > nav{
  padding : 0 16px;
}

.wGutter36 > article,
.wGutter36 > aside,
.wGutter36 > div,
.wGutter36 > footer,
.wGutter36 > header,
.wGutter36 > main,
.wGutter36 > nav{
  padding : 0 18px;
}

.wGutter40 > article,
.wGutter40 > aside,
.wGutter40 > div,
.wGutter40 > footer,
.wGutter40 > header,
.wGutter40 > main,
.wGutter40 > nav{
  padding : 0 20px;
}

.wSplit.wSpace4 > article,
.wSplit.wSpace4 > aside,
.wSplit.wSpace4 > div,
.wSplit.wSpace4 > footer,
.wSplit.wSpace4 > header,
.wSplit.wSpace4 > main,
.wSplit.wSpace4 > nav{
  margin-top : -4px !important;
}

.wSplit.wSpace8 > article,
.wSplit.wSpace8 > aside,
.wSplit.wSpace8 > div,
.wSplit.wSpace8 > footer,
.wSplit.wSpace8 > header,
.wSplit.wSpace8 > main,
.wSplit.wSpace8 > nav{
  margin-top : -8px !important;
}

.wSplit.wSpace12 > article,
.wSplit.wSpace12 > aside,
.wSplit.wSpace12 > div,
.wSplit.wSpace12 > footer,
.wSplit.wSpace12 > header,
.wSplit.wSpace12 > main,
.wSplit.wSpace12 > nav{
  margin-top : -12px !important;
}

.wSplit.wSpace16 > article,
.wSplit.wSpace16 > aside,
.wSplit.wSpace16 > div,
.wSplit.wSpace16 > footer,
.wSplit.wSpace16 > header,
.wSplit.wSpace16 > main,
.wSplit.wSpace16 > nav{
  margin-top : -16px !important;
}

.wSplit.wSpace20 > article,
.wSplit.wSpace20 > aside,
.wSplit.wSpace20 > div,
.wSplit.wSpace20 > footer,
.wSplit.wSpace20 > header,
.wSplit.wSpace20 > main,
.wSplit.wSpace20 > nav{
  margin-top : -20px !important;
}

.wSplit.wSpace24 > article,
.wSplit.wSpace24 > aside,
.wSplit.wSpace24 > div,
.wSplit.wSpace24 > footer,
.wSplit.wSpace24 > header,
.wSplit.wSpace24 > main,
.wSplit.wSpace24 > nav{
  margin-top : -24px !important;
}

.wSplit.wSpace28 > article,
.wSplit.wSpace28 > aside,
.wSplit.wSpace28 > div,
.wSplit.wSpace28 > footer,
.wSplit.wSpace28 > header,
.wSplit.wSpace28 > main,
.wSplit.wSpace28 > nav{
  margin-top : -28px !important;
}

.wSplit.wSpace32 > article,
.wSplit.wSpace32 > aside,
.wSplit.wSpace32 > div,
.wSplit.wSpace32 > footer,
.wSplit.wSpace32 > header,
.wSplit.wSpace32 > main,
.wSplit.wSpace32 > nav{
  margin-top : -32px !important;
}

.wSplit.wSpace36 > article,
.wSplit.wSpace36 > aside,
.wSplit.wSpace36 > div,
.wSplit.wSpace36 > footer,
.wSplit.wSpace36 > header,
.wSplit.wSpace36 > main,
.wSplit.wSpace36 > nav{
  margin-top : -36px !important;
}

.wSplit.wSpace40 > article,
.wSplit.wSpace40 > aside,
.wSplit.wSpace40 > div,
.wSplit.wSpace40 > footer,
.wSplit.wSpace40 > header,
.wSplit.wSpace40 > main,
.wSplit.wSpace40 > nav{
  margin-top : -40px !important;
}

@media screen and (min-width:896px) and (max-width:1119px){

  .wSplit > * ~ div.wOver0,
  .wSplit > * ~ .wOver0 ~ article,
  .wSplit > * ~ .wOver0 ~ aside,
  .wSplit > * ~ .wOver0 ~ div,
  .wSplit > * ~ .wOver0 ~ footer,
  .wSplit > * ~ .wOver0 ~ header,
  .wSplit > * ~ .wOver0 ~ main,
  .wSplit > * ~ .wOver0 ~ nav{
    margin-top : 0 !important;
  }

}

.wSplit > article,
.wSplit > aside,
.wSplit > div,
.wSplit > footer,
.wSplit > header,
.wSplit > main,
.wSplit > nav{
  clear : none;
}

.wSpace4 > * > a,
.wSpace4 > * > article,
.wSpace4 > * > div,
.wSpace4 > * > form,
.wSpace4 > * > h1,
.wSpace4 > * > h2,
.wSpace4 > * > h3,
.wSpace4 > * > h4,
.wSpace4 > * > h5,
.wSpace4 > * > h6,
.wSpace4 > * > img,
.wSpace4 > * > label,
.wSpace4 > * > ul{
  margin-top : 4px !important;
}

.wSpace8 > * > a,
.wSpace8 > * > article,
.wSpace8 > * > div,
.wSpace8 > * > form,
.wSpace8 > * > h1,
.wSpace8 > * > h2,
.wSpace8 > * > h3,
.wSpace8 > * > h4,
.wSpace8 > * > h5,
.wSpace8 > * > h6,
.wSpace8 > * > img,
.wSpace8 > * > label,
.wSpace8 > * > ul{
  margin-top : 8px !important;
}

.wSpace12 > * > a,
.wSpace12 > * > article,
.wSpace12 > * > div,
.wSpace12 > * > form,
.wSpace12 > * > h1,
.wSpace12 > * > h2,
.wSpace12 > * > h3,
.wSpace12 > * > h4,
.wSpace12 > * > h5,
.wSpace12 > * > h6,
.wSpace12 > * > img,
.wSpace12 > * > label,
.wSpace12 > * > ul{
  margin-top : 12px !important;
}

.wSpace16 > * > a,
.wSpace16 > * > article,
.wSpace16 > * > div,
.wSpace16 > * > form,
.wSpace16 > * > h1,
.wSpace16 > * > h2,
.wSpace16 > * > h3,
.wSpace16 > * > h4,
.wSpace16 > * > h5,
.wSpace16 > * > h6,
.wSpace16 > * > img,
.wSpace16 > * > label,
.wSpace16 > * > ul{
  margin-top : 16px !important;
}

.wSpace20 > * > a,
.wSpace20 > * > article,
.wSpace20 > * > div,
.wSpace20 > * > form,
.wSpace20 > * > h1,
.wSpace20 > * > h2,
.wSpace20 > * > h3,
.wSpace20 > * > h4,
.wSpace20 > * > h5,
.wSpace20 > * > h6,
.wSpace20 > * > img,
.wSpace20 > * > label,
.wSpace20 > * > ul{
  margin-top : 20px !important;
}

.wSpace24 > * > a,
.wSpace24 > * > article,
.wSpace24 > * > div,
.wSpace24 > * > form,
.wSpace24 > * > h1,
.wSpace24 > * > h2,
.wSpace24 > * > h3,
.wSpace24 > * > h4,
.wSpace24 > * > h5,
.wSpace24 > * > h6,
.wSpace24 > * > img,
.wSpace24 > * > label,
.wSpace24 > * > ul{
  margin-top : 24px !important;
}

.wSpace28 > * > a,
.wSpace28 > * > article,
.wSpace28 > * > div,
.wSpace28 > * > form,
.wSpace28 > * > h1,
.wSpace28 > * > h2,
.wSpace28 > * > h3,
.wSpace28 > * > h4,
.wSpace28 > * > h5,
.wSpace28 > * > h6,
.wSpace28 > * > img,
.wSpace28 > * > label,
.wSpace28 > * > ul{
  margin-top : 28px !important;
}

.wSpace32 > * > a,
.wSpace32 > * > article,
.wSpace32 > * > div,
.wSpace32 > * > form,
.wSpace32 > * > h1,
.wSpace32 > * > h2,
.wSpace32 > * > h3,
.wSpace32 > * > h4,
.wSpace32 > * > h5,
.wSpace32 > * > h6,
.wSpace32 > * > img,
.wSpace32 > * > label,
.wSpace32 > * > ul{
  margin-top : 32px !important;
}

.wSpace36 > * > a,
.wSpace36 > * > article,
.wSpace36 > * > div,
.wSpace36 > * > form,
.wSpace36 > * > h1,
.wSpace36 > * > h2,
.wSpace36 > * > h3,
.wSpace36 > * > h4,
.wSpace36 > * > h5,
.wSpace36 > * > h6,
.wSpace36 > * > img,
.wSpace36 > * > label,
.wSpace36 > * > ul{
  margin-top : 36px !important;
}

.wSpace40 > * > a,
.wSpace40 > * > article,
.wSpace40 > * > div,
.wSpace40 > * > form,
.wSpace40 > * > h1,
.wSpace40 > * > h2,
.wSpace40 > * > h3,
.wSpace40 > * > h4,
.wSpace40 > * > h5,
.wSpace40 > * > h6,
.wSpace40 > * > img,
.wSpace40 > * > label,
.wSpace40 > * > ul{
  margin-top : 40px !important;
}

.wOver0{
  clear : both !important;
}

.wOverAll{
  float  : right;
  margin : 0 0 0 -100%;
}

.wSpan1 { width : 1.7%; }
.wSpan2 { width : 3.3%; }
.wSpan3 { width : 5%; }
.wSpan4 { width : 6.7%; }
.wSpan5 { width : 8.3%; }
.wSpan6 { width : 10%; }
.wSpan7 { width : 11.7%; }
.wSpan8 { width : 13.3%; }
.wSpan9 { width : 15%; }
.wSpan10 { width : 16.7%; }
.wSpan11 { width : 18.3%; }
.wSpan12 { width : 20%; }
.wSpan13 { width : 21.7%; }
.wSpan14 { width : 23.3%; }
.wSpan15 { width : 25%; }
.wSpan16 { width : 26.7%; }
.wSpan17 { width : 28.3%; }
.wSpan18 { width : 30%; }
.wSpan19 { width : 31.7%; }
.wSpan20 { width : 33.3%; }
.wSpan21 { width : 35%; }
.wSpan22 { width : 36.7%; }
.wSpan23 { width : 38.3%; }
.wSpan24 { width : 40%; }
.wSpan25 { width : 41.7%; }
.wSpan26 { width : 43.3%; }
.wSpan27 { width : 45%; }
.wSpan28 { width : 46.7%; }
.wSpan29 { width : 48.3%; }
.wSpan30 { width : 50%; }
.wSpan31 { width : 51.7%; }
.wSpan32 { width : 53.3%; }
.wSpan33 { width : 55%; }
.wSpan34 { width : 56.7%; }
.wSpan35 { width : 58.3%; }
.wSpan36 { width : 60%; }
.wSpan37 { width : 61.7%; }
.wSpan38 { width : 63.3%; }
.wSpan39 { width : 65%; }
.wSpan40 { width : 66.7%; }
.wSpan41 { width : 68.3%; }
.wSpan42 { width : 70%; }
.wSpan43 { width : 71.7%; }
.wSpan44 { width : 73.3%; }
.wSpan45 { width : 75%; }
.wSpan46 { width : 76.7%; }
.wSpan47 { width : 78.3%; }
.wSpan48 { width : 80%; }
.wSpan49 { width : 81.7%; }
.wSpan50 { width : 83.3%; }
.wSpan51 { width : 85%; }
.wSpan52 { width : 86.7%; }
.wSpan53 { width : 88.3%; }
.wSpan54 { width : 90%; }
.wSpan55 { width : 91.7%; }
.wSpan56 { width : 93.3%; }
.wSpan57 { width : 95%; }
.wSpan58 { width : 96.7%; }
.wSpan59 { width : 98.3%; }
.wSpan60 { width : 100%; }

.wOver0 { margin : 0 -100% 0 0; }
.wOver1 { margin : 0 -100% 0 1.7%; }
.wOver2 { margin : 0 -100% 0 3.3%; }
.wOver3 { margin : 0 -100% 0 5%; }
.wOver4 { margin : 0 -100% 0 6.7%; }
.wOver5 { margin : 0 -100% 0 8.3%; }
.wOver6 { margin : 0 -100% 0 10%; }
.wOver7 { margin : 0 -100% 0 11.7%; }
.wOver8 { margin : 0 -100% 0 13.3%; }
.wOver9 { margin : 0 -100% 0 15%; }
.wOver10 { margin : 0 -100% 0 16.7%; }
.wOver11 { margin : 0 -100% 0 18.3%; }
.wOver12 { margin : 0 -100% 0 20%; }
.wOver13 { margin : 0 -100% 0 21.7%; }
.wOver14 { margin : 0 -100% 0 23.3%; }
.wOver15 { margin : 0 -100% 0 25%; }
.wOver16 { margin : 0 -100% 0 26.7%; }
.wOver17 { margin : 0 -100% 0 28.3%; }
.wOver18 { margin : 0 -100% 0 30%; }
.wOver19 { margin : 0 -100% 0 31.7%; }
.wOver20 { margin : 0 -100% 0 33.3%; }
.wOver21 { margin : 0 -100% 0 35%; }
.wOver22 { margin : 0 -100% 0 36.7%; }
.wOver23 { margin : 0 -100% 0 38.3%; }
.wOver24 { margin : 0 -100% 0 40%; }
.wOver25 { margin : 0 -100% 0 41.7%; }
.wOver26 { margin : 0 -100% 0 43.3%; }
.wOver27 { margin : 0 -100% 0 45%; }
.wOver28 { margin : 0 -100% 0 46.7%; }
.wOver29 { margin : 0 -100% 0 48.3%; }
.wOver30 { margin : 0 -100% 0 50%; }
.wOver31 { margin : 0 -100% 0 51.7%; }
.wOver32 { margin : 0 -100% 0 53.3%; }
.wOver33 { margin : 0 -100% 0 55%; }
.wOver34 { margin : 0 -100% 0 56.7%; }
.wOver35 { margin : 0 -100% 0 58.3%; }
.wOver36 { margin : 0 -100% 0 60%; }
.wOver37 { margin : 0 -100% 0 61.7%; }
.wOver38 { margin : 0 -100% 0 63.3%; }
.wOver39 { margin : 0 -100% 0 65%; }
.wOver40 { margin : 0 -100% 0 66.7%; }
.wOver41 { margin : 0 -100% 0 68.3%; }
.wOver42 { margin : 0 -100% 0 70%; }
.wOver43 { margin : 0 -100% 0 71.7%; }
.wOver44 { margin : 0 -100% 0 73.3%; }
.wOver45 { margin : 0 -100% 0 75%; }
.wOver46 { margin : 0 -100% 0 76.7%; }
.wOver47 { margin : 0 -100% 0 78.3%; }
.wOver48 { margin : 0 -100% 0 80%; }
.wOver49 { margin : 0 -100% 0 81.7%; }
.wOver50 { margin : 0 -100% 0 83.3%; }
.wOver51 { margin : 0 -100% 0 85%; }
.wOver52 { margin : 0 -100% 0 86.7%; }
.wOver53 { margin : 0 -100% 0 88.3%; }
.wOver54 { margin : 0 -100% 0 90%; }
.wOver55 { margin : 0 -100% 0 91.7%; }
.wOver56 { margin : 0 -100% 0 93.3%; }
.wOver57 { margin : 0 -100% 0 95%; }
.wOver58 { margin : 0 -100% 0 96.7%; }
.wOver59 { margin : 0 -100% 0 98.3%; }

@media screen and (max-width:895px),screen and (min-width:1120px){

  .wOver0{
    clear : none !important;
  }

  .wOverAll{
    float : left;
  }

}

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

  .wSplit > * ~ div.wOver0Xs,
  .wSplit > * ~ .wOver0Xs ~ article,
  .wSplit > * ~ .wOver0Xs ~ aside,
  .wSplit > * ~ .wOver0Xs ~ div,
  .wSplit > * ~ .wOver0Xs ~ footer,
  .wSplit > * ~ .wOver0Xs ~ header,
  .wSplit > * ~ .wOver0Xs ~ main,
  .wSplit > * ~ .wOver0Xs ~ nav{
    margin-top : 0 !important;
  }

  .wOver0Xs{
    clear : both !important;
  }

  .wOverAllXs{
    float  : right !important;
    margin : 0 0 0 -100% !important;
  }

  .wSpan1Xs { width : 1.7%; }
  .wSpan2Xs { width : 3.3%; }
  .wSpan3Xs { width : 5%; }
  .wSpan4Xs { width : 6.7%; }
  .wSpan5Xs { width : 8.3%; }
  .wSpan6Xs { width : 10%; }
  .wSpan7Xs { width : 11.7%; }
  .wSpan8Xs { width : 13.3%; }
  .wSpan9Xs { width : 15%; }
  .wSpan10Xs { width : 16.7%; }
  .wSpan11Xs { width : 18.3%; }
  .wSpan12Xs { width : 20%; }
  .wSpan13Xs { width : 21.7%; }
  .wSpan14Xs { width : 23.3%; }
  .wSpan15Xs { width : 25%; }
  .wSpan16Xs { width : 26.7%; }
  .wSpan17Xs { width : 28.3%; }
  .wSpan18Xs { width : 30%; }
  .wSpan19Xs { width : 31.7%; }
  .wSpan20Xs { width : 33.3%; }
  .wSpan21Xs { width : 35%; }
  .wSpan22Xs { width : 36.7%; }
  .wSpan23Xs { width : 38.3%; }
  .wSpan24Xs { width : 40%; }
  .wSpan25Xs { width : 41.7%; }
  .wSpan26Xs { width : 43.3%; }
  .wSpan27Xs { width : 45%; }
  .wSpan28Xs { width : 46.7%; }
  .wSpan29Xs { width : 48.3%; }
  .wSpan30Xs { width : 50%; }
  .wSpan31Xs { width : 51.7%; }
  .wSpan32Xs { width : 53.3%; }
  .wSpan33Xs { width : 55%; }
  .wSpan34Xs { width : 56.7%; }
  .wSpan35Xs { width : 58.3%; }
  .wSpan36Xs { width : 60%; }
  .wSpan37Xs { width : 61.7%; }
  .wSpan38Xs { width : 63.3%; }
  .wSpan39Xs { width : 65%; }
  .wSpan40Xs { width : 66.7%; }
  .wSpan41Xs { width : 68.3%; }
  .wSpan42Xs { width : 70%; }
  .wSpan43Xs { width : 71.7%; }
  .wSpan44Xs { width : 73.3%; }
  .wSpan45Xs { width : 75%; }
  .wSpan46Xs { width : 76.7%; }
  .wSpan47Xs { width : 78.3%; }
  .wSpan48Xs { width : 80%; }
  .wSpan49Xs { width : 81.7%; }
  .wSpan50Xs { width : 83.3%; }
  .wSpan51Xs { width : 85%; }
  .wSpan52Xs { width : 86.7%; }
  .wSpan53Xs { width : 88.3%; }
  .wSpan54Xs { width : 90%; }
  .wSpan55Xs { width : 91.7%; }
  .wSpan56Xs { width : 93.3%; }
  .wSpan57Xs { width : 95%; }
  .wSpan58Xs { width : 96.7%; }
  .wSpan59Xs { width : 98.3%; }
  .wSpan60Xs { width : 100%; }

  .wOver0Xs { margin : 0 -100% 0 0 !important; }
  .wOver1Xs { margin : 0 -100% 0 1.7% !important; }
  .wOver2Xs { margin : 0 -100% 0 3.3% !important; }
  .wOver3Xs { margin : 0 -100% 0 5% !important; }
  .wOver4Xs { margin : 0 -100% 0 6.7% !important; }
  .wOver5Xs { margin : 0 -100% 0 8.3% !important; }
  .wOver6Xs { margin : 0 -100% 0 10% !important; }
  .wOver7Xs { margin : 0 -100% 0 11.7% !important; }
  .wOver8Xs { margin : 0 -100% 0 13.3% !important; }
  .wOver9Xs { margin : 0 -100% 0 15% !important; }
  .wOver10Xs { margin : 0 -100% 0 16.7% !important; }
  .wOver11Xs { margin : 0 -100% 0 18.3% !important; }
  .wOver12Xs { margin : 0 -100% 0 20% !important; }
  .wOver13Xs { margin : 0 -100% 0 21.7% !important; }
  .wOver14Xs { margin : 0 -100% 0 23.3% !important; }
  .wOver15Xs { margin : 0 -100% 0 25% !important; }
  .wOver16Xs { margin : 0 -100% 0 26.7% !important; }
  .wOver17Xs { margin : 0 -100% 0 28.3% !important; }
  .wOver18Xs { margin : 0 -100% 0 30% !important; }
  .wOver19Xs { margin : 0 -100% 0 31.7% !important; }
  .wOver20Xs { margin : 0 -100% 0 33.3% !important; }
  .wOver21Xs { margin : 0 -100% 0 35% !important; }
  .wOver22Xs { margin : 0 -100% 0 36.7% !important; }
  .wOver23Xs { margin : 0 -100% 0 38.3% !important; }
  .wOver24Xs { margin : 0 -100% 0 40% !important; }
  .wOver25Xs { margin : 0 -100% 0 41.7% !important; }
  .wOver26Xs { margin : 0 -100% 0 43.3% !important; }
  .wOver27Xs { margin : 0 -100% 0 45% !important; }
  .wOver28Xs { margin : 0 -100% 0 46.7% !important; }
  .wOver29Xs { margin : 0 -100% 0 48.3% !important; }
  .wOver30Xs { margin : 0 -100% 0 50% !important; }
  .wOver31Xs { margin : 0 -100% 0 51.7% !important; }
  .wOver32Xs { margin : 0 -100% 0 53.3% !important; }
  .wOver33Xs { margin : 0 -100% 0 55% !important; }
  .wOver34Xs { margin : 0 -100% 0 56.7% !important; }
  .wOver35Xs { margin : 0 -100% 0 58.3% !important; }
  .wOver36Xs { margin : 0 -100% 0 60% !important; }
  .wOver37Xs { margin : 0 -100% 0 61.7% !important; }
  .wOver38Xs { margin : 0 -100% 0 63.3% !important; }
  .wOver39Xs { margin : 0 -100% 0 65% !important; }
  .wOver40Xs { margin : 0 -100% 0 66.7% !important; }
  .wOver41Xs { margin : 0 -100% 0 68.3% !important; }
  .wOver42Xs { margin : 0 -100% 0 70% !important; }
  .wOver43Xs { margin : 0 -100% 0 71.7% !important; }
  .wOver44Xs { margin : 0 -100% 0 73.3% !important; }
  .wOver45Xs { margin : 0 -100% 0 75% !important; }
  .wOver46Xs { margin : 0 -100% 0 76.7% !important; }
  .wOver47Xs { margin : 0 -100% 0 78.3% !important; }
  .wOver48Xs { margin : 0 -100% 0 80% !important; }
  .wOver49Xs { margin : 0 -100% 0 81.7% !important; }
  .wOver50Xs { margin : 0 -100% 0 83.3% !important; }
  .wOver51Xs { margin : 0 -100% 0 85% !important; }
  .wOver52Xs { margin : 0 -100% 0 86.7% !important; }
  .wOver53Xs { margin : 0 -100% 0 88.3% !important; }
  .wOver54Xs { margin : 0 -100% 0 90% !important; }
  .wOver55Xs { margin : 0 -100% 0 91.7% !important; }
  .wOver56Xs { margin : 0 -100% 0 93.3% !important; }
  .wOver57Xs { margin : 0 -100% 0 95% !important; }
  .wOver58Xs { margin : 0 -100% 0 96.7% !important; }
  .wOver59Xs { margin : 0 -100% 0 98.3% !important; }

}

@media screen and (min-width:448px) and (max-width:671px){

  .wSplit > * ~ div.wOver0S,
  .wSplit > * ~ .wOver0S ~ article,
  .wSplit > * ~ .wOver0S ~ aside,
  .wSplit > * ~ .wOver0S ~ div,
  .wSplit > * ~ .wOver0S ~ footer,
  .wSplit > * ~ .wOver0S ~ header,
  .wSplit > * ~ .wOver0S ~ main,
  .wSplit > * ~ .wOver0S ~ nav{
    margin-top : 0 !important;
  }

  .wOver0S{
    clear : both !important;
  }

  .wOverAllS{
    float  : right !important;
    margin : 0 0 0 -100% !important;
  }

  .wSpan1S { width : 1.7%; }
  .wSpan2S { width : 3.3%; }
  .wSpan3S { width : 5%; }
  .wSpan4S { width : 6.7%; }
  .wSpan5S { width : 8.3%; }
  .wSpan6S { width : 10%; }
  .wSpan7S { width : 11.7%; }
  .wSpan8S { width : 13.3%; }
  .wSpan9S { width : 15%; }
  .wSpan10S { width : 16.7%; }
  .wSpan11S { width : 18.3%; }
  .wSpan12S { width : 20%; }
  .wSpan13S { width : 21.7%; }
  .wSpan14S { width : 23.3%; }
  .wSpan15S { width : 25%; }
  .wSpan16S { width : 26.7%; }
  .wSpan17S { width : 28.3%; }
  .wSpan18S { width : 30%; }
  .wSpan19S { width : 31.7%; }
  .wSpan20S { width : 33.3%; }
  .wSpan21S { width : 35%; }
  .wSpan22S { width : 36.7%; }
  .wSpan23S { width : 38.3%; }
  .wSpan24S { width : 40%; }
  .wSpan25S { width : 41.7%; }
  .wSpan26S { width : 43.3%; }
  .wSpan27S { width : 45%; }
  .wSpan28S { width : 46.7%; }
  .wSpan29S { width : 48.3%; }
  .wSpan30S { width : 50%; }
  .wSpan31S { width : 51.7%; }
  .wSpan32S { width : 53.3%; }
  .wSpan33S { width : 55%; }
  .wSpan34S { width : 56.7%; }
  .wSpan35S { width : 58.3%; }
  .wSpan36S { width : 60%; }
  .wSpan37S { width : 61.7%; }
  .wSpan38S { width : 63.3%; }
  .wSpan39S { width : 65%; }
  .wSpan40S { width : 66.7%; }
  .wSpan41S { width : 68.3%; }
  .wSpan42S { width : 70%; }
  .wSpan43S { width : 71.7%; }
  .wSpan44S { width : 73.3%; }
  .wSpan45S { width : 75%; }
  .wSpan46S { width : 76.7%; }
  .wSpan47S { width : 78.3%; }
  .wSpan48S { width : 80%; }
  .wSpan49S { width : 81.7%; }
  .wSpan50S { width : 83.3%; }
  .wSpan51S { width : 85%; }
  .wSpan52S { width : 86.7%; }
  .wSpan53S { width : 88.3%; }
  .wSpan54S { width : 90%; }
  .wSpan55S { width : 91.7%; }
  .wSpan56S { width : 93.3%; }
  .wSpan57S { width : 95%; }
  .wSpan58S { width : 96.7%; }
  .wSpan59S { width : 98.3%; }
  .wSpan60S { width : 100%; }

  .wOver0S { margin : 0 -100% 0 0 !important; }
  .wOver1S { margin : 0 -100% 0 1.7% !important; }
  .wOver2S { margin : 0 -100% 0 3.3% !important; }
  .wOver3S { margin : 0 -100% 0 5% !important; }
  .wOver4S { margin : 0 -100% 0 6.7% !important; }
  .wOver5S { margin : 0 -100% 0 8.3% !important; }
  .wOver6S { margin : 0 -100% 0 10% !important; }
  .wOver7S { margin : 0 -100% 0 11.7% !important; }
  .wOver8S { margin : 0 -100% 0 13.3% !important; }
  .wOver9S { margin : 0 -100% 0 15% !important; }
  .wOver10S { margin : 0 -100% 0 16.7% !important; }
  .wOver11S { margin : 0 -100% 0 18.3% !important; }
  .wOver12S { margin : 0 -100% 0 20% !important; }
  .wOver13S { margin : 0 -100% 0 21.7% !important; }
  .wOver14S { margin : 0 -100% 0 23.3% !important; }
  .wOver15S { margin : 0 -100% 0 25% !important; }
  .wOver16S { margin : 0 -100% 0 26.7% !important; }
  .wOver17S { margin : 0 -100% 0 28.3% !important; }
  .wOver18S { margin : 0 -100% 0 30% !important; }
  .wOver19S { margin : 0 -100% 0 31.7% !important; }
  .wOver20S { margin : 0 -100% 0 33.3% !important; }
  .wOver21S { margin : 0 -100% 0 35% !important; }
  .wOver22S { margin : 0 -100% 0 36.7% !important; }
  .wOver23S { margin : 0 -100% 0 38.3% !important; }
  .wOver24S { margin : 0 -100% 0 40% !important; }
  .wOver25S { margin : 0 -100% 0 41.7% !important; }
  .wOver26S { margin : 0 -100% 0 43.3% !important; }
  .wOver27S { margin : 0 -100% 0 45% !important; }
  .wOver28S { margin : 0 -100% 0 46.7% !important; }
  .wOver29S { margin : 0 -100% 0 48.3% !important; }
  .wOver30S { margin : 0 -100% 0 50% !important; }
  .wOver31S { margin : 0 -100% 0 51.7% !important; }
  .wOver32S { margin : 0 -100% 0 53.3% !important; }
  .wOver33S { margin : 0 -100% 0 55% !important; }
  .wOver34S { margin : 0 -100% 0 56.7% !important; }
  .wOver35S { margin : 0 -100% 0 58.3% !important; }
  .wOver36S { margin : 0 -100% 0 60% !important; }
  .wOver37S { margin : 0 -100% 0 61.7% !important; }
  .wOver38S { margin : 0 -100% 0 63.3% !important; }
  .wOver39S { margin : 0 -100% 0 65% !important; }
  .wOver40S { margin : 0 -100% 0 66.7% !important; }
  .wOver41S { margin : 0 -100% 0 68.3% !important; }
  .wOver42S { margin : 0 -100% 0 70% !important; }
  .wOver43S { margin : 0 -100% 0 71.7% !important; }
  .wOver44S { margin : 0 -100% 0 73.3% !important; }
  .wOver45S { margin : 0 -100% 0 75% !important; }
  .wOver46S { margin : 0 -100% 0 76.7% !important; }
  .wOver47S { margin : 0 -100% 0 78.3% !important; }
  .wOver48S { margin : 0 -100% 0 80% !important; }
  .wOver49S { margin : 0 -100% 0 81.7% !important; }
  .wOver50S { margin : 0 -100% 0 83.3% !important; }
  .wOver51S { margin : 0 -100% 0 85% !important; }
  .wOver52S { margin : 0 -100% 0 86.7% !important; }
  .wOver53S { margin : 0 -100% 0 88.3% !important; }
  .wOver54S { margin : 0 -100% 0 90% !important; }
  .wOver55S { margin : 0 -100% 0 91.7% !important; }
  .wOver56S { margin : 0 -100% 0 93.3% !important; }
  .wOver57S { margin : 0 -100% 0 95% !important; }
  .wOver58S { margin : 0 -100% 0 96.7% !important; }
  .wOver59S { margin : 0 -100% 0 98.3% !important; }

}

@media screen and (min-width:672px) and (max-width:895px){

  .wSplit > * ~ div.wOver0M,
  .wSplit > * ~ .wOver0M ~ article,
  .wSplit > * ~ .wOver0M ~ aside,
  .wSplit > * ~ .wOver0M ~ div,
  .wSplit > * ~ .wOver0M ~ footer,
  .wSplit > * ~ .wOver0M ~ header,
  .wSplit > * ~ .wOver0M ~ main,
  .wSplit > * ~ .wOver0M ~ nav{
    margin-top : 0 !important;
  }

  .wOver0M{
    clear : both !important;
  }

  .wOverAllM{
    float  : right !important;
    margin : 0 0 0 -100% !important;
  }

  .wSpan1M { width : 1.7%; }
  .wSpan2M { width : 3.3%; }
  .wSpan3M { width : 5%; }
  .wSpan4M { width : 6.7%; }
  .wSpan5M { width : 8.3%; }
  .wSpan6M { width : 10%; }
  .wSpan7M { width : 11.7%; }
  .wSpan8M { width : 13.3%; }
  .wSpan9M { width : 15%; }
  .wSpan10M { width : 16.7%; }
  .wSpan11M { width : 18.3%; }
  .wSpan12M { width : 20%; }
  .wSpan13M { width : 21.7%; }
  .wSpan14M { width : 23.3%; }
  .wSpan15M { width : 25%; }
  .wSpan16M { width : 26.7%; }
  .wSpan17M { width : 28.3%; }
  .wSpan18M { width : 30%; }
  .wSpan19M { width : 31.7%; }
  .wSpan20M { width : 33.3%; }
  .wSpan21M { width : 35%; }
  .wSpan22M { width : 36.7%; }
  .wSpan23M { width : 38.3%; }
  .wSpan24M { width : 40%; }
  .wSpan25M { width : 41.7%; }
  .wSpan26M { width : 43.3%; }
  .wSpan27M { width : 45%; }
  .wSpan28M { width : 46.7%; }
  .wSpan29M { width : 48.3%; }
  .wSpan30M { width : 50%; }
  .wSpan31M { width : 51.7%; }
  .wSpan32M { width : 53.3%; }
  .wSpan33M { width : 55%; }
  .wSpan34M { width : 56.7%; }
  .wSpan35M { width : 58.3%; }
  .wSpan36M { width : 60%; }
  .wSpan37M { width : 61.7%; }
  .wSpan38M { width : 63.3%; }
  .wSpan39M { width : 65%; }
  .wSpan40M { width : 66.7%; }
  .wSpan41M { width : 68.3%; }
  .wSpan42M { width : 70%; }
  .wSpan43M { width : 71.7%; }
  .wSpan44M { width : 73.3%; }
  .wSpan45M { width : 75%; }
  .wSpan46M { width : 76.7%; }
  .wSpan47M { width : 78.3%; }
  .wSpan48M { width : 80%; }
  .wSpan49M { width : 81.7%; }
  .wSpan50M { width : 83.3%; }
  .wSpan51M { width : 85%; }
  .wSpan52M { width : 86.7%; }
  .wSpan53M { width : 88.3%; }
  .wSpan54M { width : 90%; }
  .wSpan55M { width : 91.7%; }
  .wSpan56M { width : 93.3%; }
  .wSpan57M { width : 95%; }
  .wSpan58M { width : 96.7%; }
  .wSpan59M { width : 98.3%; }
  .wSpan60M { width : 100%; }

  .wOver0M { margin : 0 -100% 0 0 !important; }
  .wOver1M { margin : 0 -100% 0 1.7% !important; }
  .wOver2M { margin : 0 -100% 0 3.3% !important; }
  .wOver3M { margin : 0 -100% 0 5% !important; }
  .wOver4M { margin : 0 -100% 0 6.7% !important; }
  .wOver5M { margin : 0 -100% 0 8.3% !important; }
  .wOver6M { margin : 0 -100% 0 10% !important; }
  .wOver7M { margin : 0 -100% 0 11.7% !important; }
  .wOver8M { margin : 0 -100% 0 13.3% !important; }
  .wOver9M { margin : 0 -100% 0 15% !important; }
  .wOver10M { margin : 0 -100% 0 16.7% !important; }
  .wOver11M { margin : 0 -100% 0 18.3% !important; }
  .wOver12M { margin : 0 -100% 0 20% !important; }
  .wOver13M { margin : 0 -100% 0 21.7% !important; }
  .wOver14M { margin : 0 -100% 0 23.3% !important; }
  .wOver15M { margin : 0 -100% 0 25% !important; }
  .wOver16M { margin : 0 -100% 0 26.7% !important; }
  .wOver17M { margin : 0 -100% 0 28.3% !important; }
  .wOver18M { margin : 0 -100% 0 30% !important; }
  .wOver19M { margin : 0 -100% 0 31.7% !important; }
  .wOver20M { margin : 0 -100% 0 33.3% !important; }
  .wOver21M { margin : 0 -100% 0 35% !important; }
  .wOver22M { margin : 0 -100% 0 36.7% !important; }
  .wOver23M { margin : 0 -100% 0 38.3% !important; }
  .wOver24M { margin : 0 -100% 0 40% !important; }
  .wOver25M { margin : 0 -100% 0 41.7% !important; }
  .wOver26M { margin : 0 -100% 0 43.3% !important; }
  .wOver27M { margin : 0 -100% 0 45% !important; }
  .wOver28M { margin : 0 -100% 0 46.7% !important; }
  .wOver29M { margin : 0 -100% 0 48.3% !important; }
  .wOver30M { margin : 0 -100% 0 50% !important; }
  .wOver31M { margin : 0 -100% 0 51.7% !important; }
  .wOver32M { margin : 0 -100% 0 53.3% !important; }
  .wOver33M { margin : 0 -100% 0 55% !important; }
  .wOver34M { margin : 0 -100% 0 56.7% !important; }
  .wOver35M { margin : 0 -100% 0 58.3% !important; }
  .wOver36M { margin : 0 -100% 0 60% !important; }
  .wOver37M { margin : 0 -100% 0 61.7% !important; }
  .wOver38M { margin : 0 -100% 0 63.3% !important; }
  .wOver39M { margin : 0 -100% 0 65% !important; }
  .wOver40M { margin : 0 -100% 0 66.7% !important; }
  .wOver41M { margin : 0 -100% 0 68.3% !important; }
  .wOver42M { margin : 0 -100% 0 70% !important; }
  .wOver43M { margin : 0 -100% 0 71.7% !important; }
  .wOver44M { margin : 0 -100% 0 73.3% !important; }
  .wOver45M { margin : 0 -100% 0 75% !important; }
  .wOver46M { margin : 0 -100% 0 76.7% !important; }
  .wOver47M { margin : 0 -100% 0 78.3% !important; }
  .wOver48M { margin : 0 -100% 0 80% !important; }
  .wOver49M { margin : 0 -100% 0 81.7% !important; }
  .wOver50M { margin : 0 -100% 0 83.3% !important; }
  .wOver51M { margin : 0 -100% 0 85% !important; }
  .wOver52M { margin : 0 -100% 0 86.7% !important; }
  .wOver53M { margin : 0 -100% 0 88.3% !important; }
  .wOver54M { margin : 0 -100% 0 90% !important; }
  .wOver55M { margin : 0 -100% 0 91.7% !important; }
  .wOver56M { margin : 0 -100% 0 93.3% !important; }
  .wOver57M { margin : 0 -100% 0 95% !important; }
  .wOver58M { margin : 0 -100% 0 96.7% !important; }
  .wOver59M { margin : 0 -100% 0 98.3% !important; }

}

@media screen and (min-width:1120px){

  .wSplit > * ~ div.wOver0Xl,
  .wSplit > * ~ .wOver0Xl ~ article,
  .wSplit > * ~ .wOver0Xl ~ aside,
  .wSplit > * ~ .wOver0Xl ~ div,
  .wSplit > * ~ .wOver0Xl ~ footer,
  .wSplit > * ~ .wOver0Xl ~ header,
  .wSplit > * ~ .wOver0Xl ~ main,
  .wSplit > * ~ .wOver0Xl ~ nav{
    margin-top : 0 !important;
  }

  .wOver0Xl{
    clear : both !important;
  }

  .wOverAllXl{
    float  : right !important;
    margin : 0 0 0 -100% !important;
  }

  .wSpan1Xl { width : 1.7%; }
  .wSpan2Xl { width : 3.3%; }
  .wSpan3Xl { width : 5%; }
  .wSpan4Xl { width : 6.7%; }
  .wSpan5Xl { width : 8.3%; }
  .wSpan6Xl { width : 10%; }
  .wSpan7Xl { width : 11.7%; }
  .wSpan8Xl { width : 13.3%; }
  .wSpan9Xl { width : 15%; }
  .wSpan10Xl { width : 16.7%; }
  .wSpan11Xl { width : 18.3%; }
  .wSpan12Xl { width : 20%; }
  .wSpan13Xl { width : 21.7%; }
  .wSpan14Xl { width : 23.3%; }
  .wSpan15Xl { width : 25%; }
  .wSpan16Xl { width : 26.7%; }
  .wSpan17Xl { width : 28.3%; }
  .wSpan18Xl { width : 30%; }
  .wSpan19Xl { width : 31.7%; }
  .wSpan20Xl { width : 33.3%; }
  .wSpan21Xl { width : 35%; }
  .wSpan22Xl { width : 36.7%; }
  .wSpan23Xl { width : 38.3%; }
  .wSpan24Xl { width : 40%; }
  .wSpan25Xl { width : 41.7%; }
  .wSpan26Xl { width : 43.3%; }
  .wSpan27Xl { width : 45%; }
  .wSpan28Xl { width : 46.7%; }
  .wSpan29Xl { width : 48.3%; }
  .wSpan30Xl { width : 50%; }
  .wSpan31Xl { width : 51.7%; }
  .wSpan32Xl { width : 53.3%; }
  .wSpan33Xl { width : 55%; }
  .wSpan34Xl { width : 56.7%; }
  .wSpan35Xl { width : 58.3%; }
  .wSpan36Xl { width : 60%; }
  .wSpan37Xl { width : 61.7%; }
  .wSpan38Xl { width : 63.3%; }
  .wSpan39Xl { width : 65%; }
  .wSpan40Xl { width : 66.7%; }
  .wSpan41Xl { width : 68.3%; }
  .wSpan42Xl { width : 70%; }
  .wSpan43Xl { width : 71.7%; }
  .wSpan44Xl { width : 73.3%; }
  .wSpan45Xl { width : 75%; }
  .wSpan46Xl { width : 76.7%; }
  .wSpan47Xl { width : 78.3%; }
  .wSpan48Xl { width : 80%; }
  .wSpan49Xl { width : 81.7%; }
  .wSpan50Xl { width : 83.3%; }
  .wSpan51Xl { width : 85%; }
  .wSpan52Xl { width : 86.7%; }
  .wSpan53Xl { width : 88.3%; }
  .wSpan54Xl { width : 90%; }
  .wSpan55Xl { width : 91.7%; }
  .wSpan56Xl { width : 93.3%; }
  .wSpan57Xl { width : 95%; }
  .wSpan58Xl { width : 96.7%; }
  .wSpan59Xl { width : 98.3%; }
  .wSpan60Xl { width : 100%; }

  .wOver0Xl { margin : 0 -100% 0 0 !important; }
  .wOver1Xl { margin : 0 -100% 0 1.7% !important; }
  .wOver2Xl { margin : 0 -100% 0 3.3% !important; }
  .wOver3Xl { margin : 0 -100% 0 5% !important; }
  .wOver4Xl { margin : 0 -100% 0 6.7% !important; }
  .wOver5Xl { margin : 0 -100% 0 8.3% !important; }
  .wOver6Xl { margin : 0 -100% 0 10% !important; }
  .wOver7Xl { margin : 0 -100% 0 11.7% !important; }
  .wOver8Xl { margin : 0 -100% 0 13.3% !important; }
  .wOver9Xl { margin : 0 -100% 0 15% !important; }
  .wOver10Xl { margin : 0 -100% 0 16.7% !important; }
  .wOver11Xl { margin : 0 -100% 0 18.3% !important; }
  .wOver12Xl { margin : 0 -100% 0 20% !important; }
  .wOver13Xl { margin : 0 -100% 0 21.7% !important; }
  .wOver14Xl { margin : 0 -100% 0 23.3% !important; }
  .wOver15Xl { margin : 0 -100% 0 25% !important; }
  .wOver16Xl { margin : 0 -100% 0 26.7% !important; }
  .wOver17Xl { margin : 0 -100% 0 28.3% !important; }
  .wOver18Xl { margin : 0 -100% 0 30% !important; }
  .wOver19Xl { margin : 0 -100% 0 31.7% !important; }
  .wOver20Xl { margin : 0 -100% 0 33.3% !important; }
  .wOver21Xl { margin : 0 -100% 0 35% !important; }
  .wOver22Xl { margin : 0 -100% 0 36.7% !important; }
  .wOver23Xl { margin : 0 -100% 0 38.3% !important; }
  .wOver24Xl { margin : 0 -100% 0 40% !important; }
  .wOver25Xl { margin : 0 -100% 0 41.7% !important; }
  .wOver26Xl { margin : 0 -100% 0 43.3% !important; }
  .wOver27Xl { margin : 0 -100% 0 45% !important; }
  .wOver28Xl { margin : 0 -100% 0 46.7% !important; }
  .wOver29Xl { margin : 0 -100% 0 48.3% !important; }
  .wOver30Xl { margin : 0 -100% 0 50% !important; }
  .wOver31Xl { margin : 0 -100% 0 51.7% !important; }
  .wOver32Xl { margin : 0 -100% 0 53.3% !important; }
  .wOver33Xl { margin : 0 -100% 0 55% !important; }
  .wOver34Xl { margin : 0 -100% 0 56.7% !important; }
  .wOver35Xl { margin : 0 -100% 0 58.3% !important; }
  .wOver36Xl { margin : 0 -100% 0 60% !important; }
  .wOver37Xl { margin : 0 -100% 0 61.7% !important; }
  .wOver38Xl { margin : 0 -100% 0 63.3% !important; }
  .wOver39Xl { margin : 0 -100% 0 65% !important; }
  .wOver40Xl { margin : 0 -100% 0 66.7% !important; }
  .wOver41Xl { margin : 0 -100% 0 68.3% !important; }
  .wOver42Xl { margin : 0 -100% 0 70% !important; }
  .wOver43Xl { margin : 0 -100% 0 71.7% !important; }
  .wOver44Xl { margin : 0 -100% 0 73.3% !important; }
  .wOver45Xl { margin : 0 -100% 0 75% !important; }
  .wOver46Xl { margin : 0 -100% 0 76.7% !important; }
  .wOver47Xl { margin : 0 -100% 0 78.3% !important; }
  .wOver48Xl { margin : 0 -100% 0 80% !important; }
  .wOver49Xl { margin : 0 -100% 0 81.7% !important; }
  .wOver50Xl { margin : 0 -100% 0 83.3% !important; }
  .wOver51Xl { margin : 0 -100% 0 85% !important; }
  .wOver52Xl { margin : 0 -100% 0 86.7% !important; }
  .wOver53Xl { margin : 0 -100% 0 88.3% !important; }
  .wOver54Xl { margin : 0 -100% 0 90% !important; }
  .wOver55Xl { margin : 0 -100% 0 91.7% !important; }
  .wOver56Xl { margin : 0 -100% 0 93.3% !important; }
  .wOver57Xl { margin : 0 -100% 0 95% !important; }
  .wOver58Xl { margin : 0 -100% 0 96.7% !important; }
  .wOver59Xl { margin : 0 -100% 0 98.3% !important; }

}

#wBasket > div,
#wBasket > div > div{
  float : none;
  clear : none;
  width : auto;
}

#wBasketLoggedIn{
  display:none;
}

div#wBasketItems{
  float  : left;
  margin : 0.375em 0.5em 0 0;
}

#wBasketItems > a{
  display         : block;
  width           : 2.25em;
  height          : 2.25em;
  background      : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABIFBMVEX%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FMzMzm5ubq6urd3d3f39%2Fh4eHf39%2Fg4ODi4uLj4%2BPk5OTf39%2Fg4ODd3d3h4eHg4ODe3t7f39%2Ff39%2Fg4ODh4eHh4eHh4eHg4ODh4eHg4ODg4ODh4eHf39%2Fi4uLi4uLh4eHh4eHh4eHh4eHh4eHi4uLh4eHi4uLg4ODh4eHh4eHh4eHg4ODh4eHh4eHg4ODh4eHg4ODh4eHg4ODh4eHg4ODm5ubl5eXl5eXk5OTi4uLj4%2BPm5ubh4eHi4uLm5ubh4eHn5%2Bfp6enh4eHo6Ojn5%2Bfm5ubo6Ojp6eno6Ojr6%2Bvs7Ozs7Ozg4ODu7u719fX29vb39%2Ffx8fHy8vLz8%2FP09PTu7u7v7%2B%2Fw8PDr6%2Bvg4ODq6urs7OznK3CsAAAAUnRSTlMAAQIEBQoMDxARGBkaGxwgISYqOkZHYWNmb3Bzdnt8f4GLk7KztLy%2Bv8XK0dPV1t%2Fi7u%2Fv8PHx8vLz8%2FT09PT09fX19vb29%2Ff3%2BPj6%2Bvv7%2FP7%2BX48AagAAAVlJREFUeF7FzF9XKVEAhvEXxZESgSglDFGloCEopsM5SWrv%2BQv6%2Ft8isyjWGntmddVz89781ouft3V88gdwH51us4394uE5A2T%2B%2F7u0M9FhXVQrwK0q3h%2ByjKsii69pIP0qKncuBkr2RFXwAT5BFf8mNxu%2FQMSnM12fPYlE8G9E2SGVik4dOYsSHWY3mVCL0EZ44cMNSlsho3HcjOj7tW2BbNfvdHTjMKBYnZJ2AMsCbULrsRXwcvx03ptMZtO1ZkR%2B05fnvHNTGijEJGVQ8oIbEIsGHHjFCik8eEm1SOKR06yQlkOib4X6CRw8WqHHA6AwUkwbFQDEe%2BaoFwewL5gjYR8ArjQzo11BL9qRTepEobfTNUPdHegh%2F8E2H3ksitTYqBZZInd3LDEad91Ydj5hock5vgo2GVfjZhDfpV82o5c0VnnKfW1sSOuXPVhrL1WdGqqmdvEbfQKhnfjDSvQPfAAAAABJRU5ErkJggg%3D%3D') no-repeat center center;
  background-size : contain;
  color           : black;
  line-height     : 46px;
  text-align      : center;
  text-shadow     : 0 0 2px white;
}

#w-cookies-notice{
  position    : fixed !important;
  bottom      : 0;
  left        : 0;
  z-index     : 500;
  width       : 100%;
  padding     : 40px 20px;
  background  : rgba(0,0,0,0.9);
  color       : #fff;
  font        : 18px/1.25em sans-serif;
  text-align  : center;
  text-shadow : 0 0 2px rgba(0,0,0,0.5);
}

#w-cookies-notice > a{
  color           : #fff;
  text-decoration : underline;
}

#w-cookies-notice > div{
  display         : flex;
  justify-content : space-between;
  float           : none;
  width           : 280px;
  margin          : 0 auto;
}

#w-cookies-accept,
#w-cookies-notice > div > span,
#w-cookies-notice > div > a{
  display         : block;
  width           : 130px;
  border-radius   : 4px;
  background      : #666;
  color           : #fff;
  font-size       : 14px;
  line-height     : 32px;
  text-decoration : none;
  cursor          : pointer;
}

#w-cookies-accept{
  float       : none;
  width       : 280px;
  margin      : 20px auto;
  background  : #393;
  font-size   : 18px;
  line-height : 40px;
}

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

  #w-cookies-notice{
    padding   : 20px;
    font-size : 16px;
  }

}.wDropdown,
.wDropdown ul,
.wDropdown li{
  margin  : 0;
  padding : 0;
}

.wDropdown ul{
  display : none;
}

.wDropdown .wDropdownOpen > ul{
  display : block;
}

.wDropdown ul,
[dir=rtl] .wDropdown > .wDropdownLeftToRight > ul{
  position : absolute;
  top      : 100%;
  left     : 0;
  z-index  : 200;
}

[dir=rtl] .wDropdown ul,
.wDropdown > .wDropdownRightToLeft > ul{
  left  : auto;
  right : 0;
}

.wDropdown ul ul,
[dir=rtl] .wDropdown ul .wDropdownLeftToRight ul{
  top   : 0;
  left  : 100%;
  right : auto;
}

[dir=rtl] .wDropdown ul ul,
.wDropdown ul .wDropdownRightToLeft ul{
  left  : auto;
  right : 100%;
}

.wDropdown:not([aria-orientation="vertical"]) > li > ul{
  min-width : 100%;
}

.wDropdown li{
  position        : relative;
  display         : block;
  list-style-type : none;
}

.wDropdown > li{
  display : inline-block;
}

.wDropdown a,
.wDropdown span{
  display         : block;
  text-decoration : none;
  white-space     : pre;
}

.wFlex{
  display         : flex;
  justify-content : center;
  float           : none;
  width           : auto;
}

.w-flex-horizontal-end{
  justify-content : flex-end;
}

.w-flex-vertical-centre{
  align-items : center;
  align-self  : center
}

.wFlex > *{
  flex  : 0 0 0%; /* % for IE11 */
}

.wFlexGutter12 { margin-right : -12px; }
.wFlexGutter20 { margin-right : -20px; }

.wFlexGutter12 > * { margin-right : 12px; }
.wFlexGutter20 > * { margin-right : 20px; }

.wFlexSpace20 > * + * { margin-top : 20px; }

.wFlexBasis32 { flex-basis : 32px; }
.wFlexBasis35 { flex-basis : 35px; }
.wFlexBasis40 { flex-basis : 40px; }
.wFlexBasis70 { flex-basis : 70px; }
.wFlexBasis120 { flex-basis : 120px; }
.wFlexBasis150 { flex-basis : 150px; }
.wFlexBasis180 { flex-basis : 180px; }

.wFlexGrow1 { flex-grow : 1; }

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

  .wFlexRowsXs{
    display : block;
    float   : left;
    width   : 100%;
  }

  .wFlexRowsXs > *{
    margin-right : 0 !important;
  }

  .wFlex:not(.wFlexRowsXs) > *{
    margin-top : 0 !important;
  }




  .wFlexBasis40Xs { flex-basis : 40px; }
  .wFlexBasis50Xs { flex-basis : 50px; }
  .wFlexBasis240Xs { flex-basis : 240px; }

  .wFlexGrow1Xs { flex-grow : 1; }

}

@media screen and (min-width:448px) and (max-width:671px){

  .wFlexRowsS{
    display : block;
    float   : left;
    width   : 100%;
  }

  .wFlexRowsS > *{
    margin-right : 0 !important;
  }

  .wFlex:not(.wFlexRowsS) > *{
    margin-top : 0 !important;
  }




  .wFlexBasis40S { flex-basis : 40px; }
  .wFlexBasis50S { flex-basis : 50px; }
  .wFlexBasis240S { flex-basis : 240px; }

  .wFlexGrow1S { flex-grow : 1; }

}

@media screen and (min-width:672px) and (max-width:895px){

  .wFlexRowsM{
    display : block;
    float   : left;
    width   : 100%;
  }

  .wFlexRowsM > *{
    margin-right : 0 !important;
  }

  .wFlex:not(.wFlexRowsM) > *{
    margin-top : 0 !important;
  }




  .wFlexBasis40M { flex-basis : 40px; }
  .wFlexBasis50M { flex-basis : 50px; }
  .wFlexBasis370M { flex-basis : 370px; }

  .wFlexGrow1M { flex-grow : 1; }

}

@media screen and (min-width:896px) and (max-width:1119px){

  .wFlexRowsL{
    display : block;
    float   : left;
    width   : 100%;
  }

  .wFlexRowsL > *{
    margin-right : 0 !important;
  }

  .wFlex:not(.wFlexRowsL) > *{
    margin-top : 0 !important;
  }




  .wFlexBasis40L { flex-basis : 40px; }
  .wFlexBasis370L { flex-basis : 370px; }

  .wFlexGrow1L { flex-grow : 1; }

}

@media screen and (min-width:1120px){

  .wFlexRowsXl{
    display : block;
    float   : left;
    width   : 100%;
  }

  .wFlexRowsXl > *{
    margin-right : 0 !important;
  }

  .wFlex:not(.wFlexRowsXl) > *{
    margin-top : 0 !important;
  }




  .wFlexBasis240Xl { flex-basis : 240px; }
  .wFlexBasis370Xl { flex-basis : 370px; }

  .wFlexGrow1Xl { flex-grow : 1; }

}

.wFlexOrder1{
  order : 1;
}

.wFlexOrder2{
  order : 2;
}

.w-form-fields{
  display : flex !important;
  float   : none !important;
}

.w-form-fields > label + label{
  margin-left : 20px;
}

.w-field{
  display  : block;
  position : relative;
}

.w-field > span:first-child{
  float         : left;
  position      : relative;
  z-index       : 1;
  margin        : -10px 5px;
  padding       : 0 5px;
  border-radius : 4px;
  background    : #fff;
  color         : #666;
  font-size     : 14px;
  line-height   : 20px;
}

.w-field > input,
.w-field > textarea{
  width   : 100%;
  height  : auto !important;
  padding : 8px 9px 5px !important;
}
.wLightbox{
  cursor : pointer;
}

a > img{
  border : 0;
}

.wSearch{
  font-size   : 16px;
  line-height : 1.5;
  text-align  : right;
}

#wSearchButton,
#wSearchButton + label{
  display : none;
}

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

  .wSearch{
    height : 40px;
  }

  #wSearchButton{
    display : inline;
    width   : 40px;
    margin  : 0;
    padding : 0;
    opacity : 0;
  }

  #wSearchButton ~ label{
    display     : inline-block;
    position    : relative;
    margin-left : -40px;
    cursor      : pointer;
  }

  #wSearchButton ~ label:before{
    content         : '';
    display         : inline-block;
    width           : 40px;
    height          : 40px;
    background      : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNSwxMmE3LDcgMCAxLDAgMTQsMGE3LDcgMCAxLDAgLTE0LDBNNywxMmE1LDUgMCAxLDAgMTAsMGE1LDUgMCAxLDAgLTEwLDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNywxNS41IDIzLDIxLjUgMjEuNSwyMyAxNS41LDE3eiIvPjwvc3ZnPg%3D%3D') no-repeat center center;
    background-size : cover;
  }

  #wSearchButton ~ label > span,
  .wSearch > form{
    display : none;
  }

  #wSearchButton:checked ~ label > span:last-child{
    display  : block;
    position : fixed;
    z-index  : 201;
    top      : 50%;
    left     : 50%;
    width    : 0;
  }

  #wSearchButton:checked ~ label > span:last-child:after{
    content    : '';
    display    : block;
    position   : relative;
    top        : -0.875em;
    left       : -7.125em;
    width      : 1.75em;
    height     : 1.75em;
    background : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ij48cGF0aCBmaWxsPSIjMjIyIiBkPSJNNy41LDYgMjIsMjAuNSAyMC41LDIyIDYsNy41eiIvPjxwYXRoIGZpbGw9IiMyMjIiIGQ9Ik0yMC41LDYgNiwyMC41IDcuNSwyMiAyMiw3LjV6Ii8%2BPC9zdmc%2B');
  }

  #wSearchButton:checked ~ label ~ form{
    display    : table;
    position   : fixed;
    z-index    : 200;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : rgba(0,0,0,0.75);
  }

  .wSearch > form > div{
    display        : table-cell;
    float          : none;
    vertical-align : middle;
    text-align     : center;
  }

  .wSearch > form > div > div{
    display       : inline-block;
    float         : none;
    width         : auto;
    padding       : 0.5em 0.5em 0.5em 2.75em;
    border-radius : 0.375em;
    background    : rgb(240,240,240);
  }

  .wSearch > form > div > div > input{
    width : 12em !important;
  }

}

.wSearch input[type=text]{
  width         : 100%;
  height        : 1.75em;
  padding-right : 1.75em;
}

.wSearch button{
  background     : transparent;
  border         : 0;
  margin         : 0 0 0 -1.75em;
  padding        : 0;
  font-size      : 1em;
  vertical-align : bottom;
  cursor         : pointer;
}

.wSearch button::-moz-focus-inner{
  padding : 0;
  border  : 0;
}

.wSearch button:after{
  content    : '';
  display    : block;
  width      : 1.75em;
  height     : 1.75em;
  background : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ij48cGF0aCBmaWxsPSIjMjIyIiBkPSJNNSwxMmE3LDcgMCAxLDAgMTQsMGE3LDcgMCAxLDAgLTE0LDBNNywxMmE1LDUgMCAxLDAgMTAsMGE1LDUgMCAxLDAgLTEwLDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiMyMjIiIGQ9Ik0xNywxNS41IDIzLDIxLjUgMjEuNSwyMyAxNS41LDE3eiIvPjwvc3ZnPg%3D%3D');
}

.wSearch button > span{
  display : none;
}

.w-searchresults > h1{
  font-size : 1.5em;
  margin    : 0 0 20px;
}

.w-searchresults > div{
  margin : 0 0 30px;
}

.w-searchresults > div > div > a{
  display   : block;
  padding   : 0 0 10px;
  font-size : 1.25em;
}

.w-searchresults-with-images > div{
  display : flex;
}

.w-searchresults-image{
  flex   : 0 0 160px;
  margin : 0 20px 0 0;
}

.w-searchresults-image > img{
  float      : none;
  width      : auto;
  max-width  : 160px;
  max-height : 160px;
  margin     : 0 auto;
}

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

  .w-searchresults-image{
    flex : 0 0 80px;
  }

  .w-searchresults-image > img{
    max-width  : 80px;
    max-height : 80px;
  }

}

.wPadding0-30{
  padding : 0px 30px;
}

.wPadding20-0{
  padding : 20px 0px;
}

.wPadding40-0{
  padding : 40px 0px;
}

.wPadding5-0{
  padding : 5px 0px;
}

.wPadding60-0{
  padding : 60px 0px;
}

div.wSpacer{
  margin-top : 0 !important;
}

:root{--width:1344px;--gutter:20px;--space:20px;--padding:20px;}
[hidden],.w-hidden{display:none !important;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:1em;font-weight:inherit;}
:is(h1,h2,h3,h4,h5,h6) > span{display:block;}
table{border-collapse:collapse;}
.wButton{display:inline-block;margin:0;padding:0;border:0;background:transparent;font-family:inherit;font-size:1em;line-height:1.5;text-decoration:none;cursor:pointer;}
.wButton::-moz-focus-inner{padding:0;border:0;}
.wButton > span{box-sizing:border-box;display:block;padding:0.25em 0.5em;border:1px solid #bbb;border-radius:0.25em;background:#eee;color:#000;text-shadow:0 0 2px #fff;}
.wButtonCentre{text-align:center;}
.wButtonLeft{text-align:left;}
.wButtonRight{text-align:right;}
.wCentred{float:none;max-width:1344px;margin:0 auto;}
#top .w-target{margin-top:0 !important;}
.w-blog>h1{width:auto;margin:0 var(--space) var(--space) 0;}
.w-blog-back{float:right;clear:none;width:auto;margin:0 0 var(--space);}
.w-blog-back>a>span::before{content:"◄ ";}
.w-blog-grid{--c:1;display:grid;grid-template-columns:repeat(var(--c),1fr);gap:var(--space);margin-bottom:var(--space);}
.w-blog-grid>a{display:flex;outline:1px solid rgba(0,0,0,0.2);color:inherit;}
.w-blog-grid>a>article{display:flex;flex-direction:column;gap:var(--space);}
.w-blog-grid>a>article>div+div{padding:0 var(--space);}
.w-blog-grid>a>article>div:last-child{margin:auto 0 var(--space);}
.w-blog-read{padding-bottom:calc(2 * var(--space));}
.w-blogmenu>ul{padding:10px 0 0 1em;}
.w-blogpost-banner,.w-blogpost-divider{margin-bottom:var(--space);}
.w-blogpost-metadata{width:auto;}
.w-blogpost-metadata h1{font-size:1.5em;line-height:1.25;}
.w-blogpost-tags,.w-blogpost-share,.w-blogpost>:is(h2,form){margin-top:var(--space);}
.w-blogpost-share{line-height:32px;text-align:center;}
.w-blogpost-share svg{display:inline;}
.wColourblock{border:0 solid var(--b);}
.w-comments .w-pagination{margin:0;}
.wCommentsComment>div:first-child{font-weight:700;}
.wCommentsDivider{border-top:1px dotted #888;}
.w-divider{--b:#888;--s:solid;--w:1px;border-bottom:var(--w) var(--s) var(--b);}
.w-border-dashed{--s:dashed;}
.w-border-dotted{--s:dotted;}
.w-edit{font-family:sans-serif;font-size:13px;text-align:right;}
.w-edit>a{color:inherit !important;}
.w-edit>a>span{color:#f60;}
.w-edit>svg{display:inline-block;width:22px;height:22px;margin:0 0 0 8px;vertical-align:bottom;cursor:pointer;fill:#f60;}
.w-notice,.w-error{padding:0.25em 0.5em;border:1px solid #070;border-radius:4px;background:#090;color:#fff;text-shadow:0 0 2px #000;}
.w-error{border-color:#800;background:#b00;}
.w-form{display:grid;gap:var(--space);}
.w-form-trap{display:none;}
.w-label-20{--label:20px;}
.w-label-40{--label:40px;}
.w-label-60{--label:60px;}
.w-label-80{--label:80px;}
.w-label-100{--label:100px;}
.w-label-120{--label:120px;}
.w-label-140{--label:140px;}
.w-label-160{--label:160px;}
.w-label-180{--label:180px;}
.w-label-200{--label:200px;}
.wFormLabel{width:var(--label);padding-bottom:0.25em;}
.wFormField{padding-left:var(--label);}
:where(.wFormLayoutRows,.wFormLayoutIndented) .wFormLabel{width:auto;}
.wFormLayoutColumns .wFormField{float:none;clear:none;}
.wFormLayoutColumns .wFormField>div{clear:none;}
.wFormLayoutRows .wFormField{clear:left;padding-left:0;}
.wFormLayoutColumns:has(:is(input:where([type=text],[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=url]),textarea,select))>.wFormLabel{padding-top:calc(0.25em + 1px);}
.wFormRequired label::after{content:" *";color:red;font-weight:bold;}
.wFormField :is(input:where([type=text],[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=url]),textarea,select){width:100%;}
.w-radio+.w-radio,.w-checkbox+.w-checkbox{margin-top:calc(var(--space) / 2);}
.w-maximum-300{max-width:300px;}
.w-maximum-281{max-width:281px;}
.w-maximum-32{max-width:32px;}
.w-maximum-48{max-width:48px;}
.w-maximum-64{max-width:64px;}
.w-maximum-96{max-width:96px;}
.w-maximum-128{max-width:128px;}
.w-maximum-250{max-width:250px;}
.w-maximum-35{max-width:35px;}
.w-maximum-800{max-width:800px;}
.w-maximum-1000{max-width:1000px;}
.w-maximum-30{max-width:30px;}
.w-share-icons{white-space:nowrap;}
.w-share-icons>span{margin:0 4px;}
.w-icon{display:inline-block;}
.w-icon> svg{width:32px;height:32px;vertical-align:top;cursor:pointer;}
.w-showhide>label{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;}
.w-showhide>label>span{display:block;}
.w-showhide>input{display:none;}
.w-showhide>input:not(:checked)+div{display:none;}
.w-sticky>div{top:0;z-index:100;width:100%;}
.w-table{--padding:calc(var(--gutter) / 2);--o:none;--r:none;--c:none;--t:var(--r);--l:var(--c);width:100%;border:1px var(--o) var(--b);}
.w-table :is(th,td){padding:0;border:1px none var(--b);border-style:none var(--c) var(--r) none;vertical-align:top;text-align:left;font-weight:inherit;}
.w-table-outline{--o:solid;}
.w-table-rows{--o:solid;--r:solid;}
.w-table-columns{--o:solid;--c:solid;}
.w-table-grid{--o:solid;--r:solid;--c:solid;}
.w-table-row{--o:solid;--t:solid;}
.w-table-column{--o:solid;--l:solid;}
.w-table-columnsAndRow{--o:solid;--c:solid;--t:solid;}
.w-table-rowsAndColumn{--o:solid;--r:solid;--l:solid;}
.w-table tr:first-child :is(th,td){border-bottom-style:var(--t);}
.w-table :is(th,td):first-child{border-right-style:var(--l);}
.w-table :is(th,td)>div,.w-table td::before{padding:var(--padding);}
.webeditText>:is(div,span){min-height:1lh;white-space:pre-wrap;}
.webeditText>.ac{text-align:center;}
.webeditText>.ar{text-align:right;}
.webeditText>.aj{text-align:justify;white-space:normal;}
.webeditText>.dl{display:list-item;}
.webeditText>:is(.ac,.ar).dl{list-style-position:inside;}
.webeditText>.dn{position:relative;counter-increment:dn1;}
.webeditText>.dn.i18{counter-increment:dn2;}
.webeditText>.dn.i36{counter-increment:dn3;}
.webeditText>.dn.i54{counter-increment:dn4;}
.webeditText>.dn.i72{counter-increment:dn5;}
.webeditText>.dn.i90{counter-increment:dn6;}
.webeditText>:not(.dl):not(.dn){counter-reset:dn1 dn2 dn3 dn4 dn5 dn6;}
.webeditText>:is(.dl,.dn):not(:is(.i18,.i36,.i54,.i72,.i90)){counter-reset:dn2 dn3 dn4 dn5 dn6;}
.webeditText>:is(.dl,.dn).i18{counter-reset:dn3 dn4 dn5 dn6;}
.webeditText>:is(.dl,.dn).i36{counter-reset:dn4 dn5 dn6;}
.webeditText>:is(.dl,.dn).i54{counter-reset:dn5 dn6;}
.webeditText>:is(.dl,.dn).i72{counter-reset:dn6;}
.webeditText>.dn::before{content:counter(dn1) '.';position:absolute;right:calc(100% + 0.5em);}
.webeditText>.dn.i18::before{content:counter(dn2) '.';}
.webeditText>.dn.i36::before{content:counter(dn3) '.';}
.webeditText>.dn.i54::before{content:counter(dn4) '.';}
.webeditText>.dn.i72::before{content:counter(dn5) '.';}
.webeditText>.dn.i90::before{content:counter(dn6) '.';}
.webeditText>:is(.dl,.dn,.i18){margin-left:1.5em;}
.webeditText>:is(.dl.i18,.dn.i18,.i36){margin-left:3.0em;}
.webeditText>:is(.dl.i36,.dn.i36,.i54){margin-left:4.5em;}
.webeditText>:is(.dl.i54,.dn.i54,.i72){margin-left:6.0em;}
.webeditText>:is(.dl.i72,.dn.i72,.i90){margin-left:7.5em;}
.webeditText>:is(.dl.i90,.dn.i90){margin-left:9.0em;}
.webeditText>.h75{line-height:0.75;}
.webeditText>.h100{line-height:1;}
.webeditText>.h125{line-height:1.25;}
.webeditText>.h175{line-height:1.75;}
.webeditText>.h200{line-height:2;}
.webeditText>.h250{line-height:2.5;}
.webeditText>.h300{line-height:3;}
.webeditText>.lm10{letter-spacing:-0.1em;}
.webeditText>.lm5{letter-spacing:-0.05em;}
.webeditText>.l5{letter-spacing:0.05em;}
.webeditText>.l10{letter-spacing:0.1em;}
.webeditText>.l15{letter-spacing:0.15em;}
.webeditText>.l20{letter-spacing:0.2em;}
.webeditText .bon{font-weight:700;}
.webeditText .du{text-decoration:underline;}
.webeditText .ds{text-decoration:line-through;}
.webeditText .do{text-decoration:overline;}
.webeditText .ion{font-style:italic;}
.w-text-light{color:#fff;}
.w-text-dark{color:#000;}
.wTextonimage{position:relative;}
.wTextonimage>:last-child{position:absolute;z-index:1;width:auto;color:#fff;}
.wTextonimage>a+:last-child{pointer-events:none;}
.w-gutter-0{--gutter:0px;}
.w-gutter-4{--gutter:4px;}
.w-gutter-8{--gutter:8px;}
.w-gutter-12{--gutter:12px;}
.w-gutter-16{--gutter:16px;}
.w-gutter-20{--gutter:20px;}
.w-gutter-24{--gutter:24px;}
.w-gutter-28{--gutter:28px;}
.w-gutter-32{--gutter:32px;}
.w-gutter-36{--gutter:36px;}
.w-gutter-40{--gutter:40px;}
.w-space-0{--space:0px;}
.w-space-4{--space:4px;}
.w-space-8{--space:8px;}
.w-space-12{--space:12px;}
.w-space-16{--space:16px;}
.w-space-20{--space:20px;}
.w-space-24{--space:24px;}
.w-space-28{--space:28px;}
.w-space-32{--space:32px;}
.w-space-36{--space:36px;}
.w-space-40{--space:40px;}
.w-border-width-1{--w:1px;}
.w-border-width-2{--w:2px;}
.w-border-width-3{--w:3px;}
.w-border-width-4{--w:4px;}
.w-border-width-5{--w:5px;}
.w-border-width-6{--w:6px;}
.w-border-width-7{--w:7px;}
.w-border-width-8{--w:8px;}
.w-border-width-9{--w:9px;}
.w-border-width-10{--w:10px;}
.w-border-width-11{--w:11px;}
.w-border-width-12{--w:12px;}
.w-border-width-13{--w:13px;}
.w-border-width-14{--w:14px;}
.w-border-width-15{--w:15px;}
.w-border-width-16{--w:16px;}
.w-border-width-17{--w:17px;}
.w-border-width-18{--w:18px;}
.w-border-width-19{--w:19px;}
.w-border-width-20{--w:20px;}
.w-padding{padding:var(--padding);}
.w-padding-0{--padding:0px;}
.w-padding-1{--padding:1px;}
.w-padding-2{--padding:2px;}
.w-padding-3{--padding:3px;}
.w-padding-4{--padding:4px;}
.w-padding-5{--padding:5px;}
.w-padding-6{--padding:6px;}
.w-padding-7{--padding:7px;}
.w-padding-8{--padding:8px;}
.w-padding-9{--padding:9px;}
.w-padding-10{--padding:10px;}
.w-padding-11{--padding:11px;}
.w-padding-12{--padding:12px;}
.w-padding-13{--padding:13px;}
.w-padding-14{--padding:14px;}
.w-padding-15{--padding:15px;}
.w-padding-16{--padding:16px;}
.w-padding-17{--padding:17px;}
.w-padding-18{--padding:18px;}
.w-padding-19{--padding:19px;}
.w-padding-20{--padding:20px;}
.w-padding-30{--padding:30px;}
.webeditText .f1{color:#000000!important;}
.webeditText .f2{color:#333333!important;}
.webeditText .f3{color:#666666!important;}
.webeditText .f4{color:#999999!important;}
.webeditText .f5{color:#cccccc!important;}
.webeditText .f6{color:#ffffff!important;}
.webeditText .f7{color:#84c22d!important;}
.webeditText .f8{color:#0ba3d8!important;}
.webeditText .f9{color:#9ed5ef!important;}
.webeditText .f10{color:#6bc4e8!important;}
.webeditText .f11{color:#00b2e3!important;}
.webeditText .f12{color:#0082ca!important;}
.webeditText .f13{color:#003da6!important;}
.webeditText .f14{color:#0f206c!important;}
.webeditText .f15{color:#407f7f!important;}
.webeditText .f16{color:#21333a!important;}
.webeditText *>.h1,.w-background-1{background:#000000;}
.webeditText *>.h2,.w-background-2{background:#333333;}
.webeditText *>.h3,.w-background-3{background:#666666;}
.webeditText *>.h4,.w-background-4{background:#999999;}
.webeditText *>.h5,.w-background-5{background:#cccccc;}
.webeditText *>.h6,.w-background-6{background:#ffffff;}
.webeditText *>.h7,.w-background-7{background:#84c22d;}
.webeditText *>.h8,.w-background-8{background:#0ba3d8;}
.webeditText *>.h9,.w-background-9{background:#9ed5ef;}
.webeditText *>.h10,.w-background-10{background:#6bc4e8;}
.webeditText *>.h11,.w-background-11{background:#00b2e3;}
.webeditText *>.h12,.w-background-12{background:#0082ca;}
.webeditText *>.h13,.w-background-13{background:#003da6;}
.webeditText *>.h14,.w-background-14{background:#0f206c;}
.webeditText *>.h15,.w-background-15{background:#407f7f;}
.webeditText *>.h16,.w-background-16{background:#21333a;}
.w-border-1{--b:#000000;}
.w-border-2{--b:#333333;}
.w-border-3{--b:#666666;}
.w-border-4{--b:#999999;}
.w-border-5{--b:#cccccc;}
.w-border-6{--b:#ffffff;}
.w-border-7{--b:#84c22d;}
.w-border-8{--b:#0ba3d8;}
.w-border-9{--b:#9ed5ef;}
.w-border-10{--b:#6bc4e8;}
.w-border-11{--b:#00b2e3;}
.w-border-12{--b:#0082ca;}
.w-border-13{--b:#003da6;}
.w-border-14{--b:#0f206c;}
.w-border-15{--b:#407f7f;}
.w-border-16{--b:#21333a;}

@media screen and (max-width:447px){
.w-hide-xs{display:none;}
.w-blog-grid-2-xs{--c:2;}
.w-blog-grid-3-xs{--c:3;}
.w-blog-grid-4-xs{--c:4;}
.w-label-rows-xs .wFormLabel{width:auto;}
.w-label-rows-xs .wFormField{clear:left;padding-left:0;}
.w-label-rows-xs .wFormLayoutColumns>.wFormLabel{padding-top:0;}
.w-sticky-fixed[data-sticky-at~="xs"]>div{position:fixed;}
.w-table-split-xs{border:none;}
.w-table-split-xs tr:first-child{display:none;}
.w-table-split-xs tr{display:table;width:100%;border:1px var(--o) var(--b);}
.w-table-split-xs tr+tr+tr{margin-top:var(--space);}
.w-table-split-xs :is(th,td){display:table-row;}
.w-table-split-xs :is(th,td)::before{content:attr(data-table-header);display:table-cell;}
.w-table-split-xs td{border-style:var(--c) none none none !important;}
.w-table-split-xs :is(th,td) div{float:none;width:100%;}
.w-table-split-xs :is(th,td)>div{display:table-cell;width:75%;}
.w-table-split-xs td>div{border-left:1px var(--t) var(--b);}
}

@media screen and (min-width:448px) and (max-width:671px){
.w-hide-s{display:none;}
.w-blog-grid-2-s{--c:2;}
.w-blog-grid-3-s{--c:3;}
.w-blog-grid-4-s{--c:4;}
.w-label-rows-s .wFormLabel{width:auto;}
.w-label-rows-s .wFormField{clear:left;padding-left:0;}
.w-label-rows-s .wFormLayoutColumns>.wFormLabel{padding-top:0;}
.w-sticky-fixed[data-sticky-at~="s"]>div{position:fixed;}
.w-table-split-s{border:none;}
.w-table-split-s tr:first-child{display:none;}
.w-table-split-s tr{display:table;width:100%;border:1px var(--o) var(--b);}
.w-table-split-s tr+tr+tr{margin-top:var(--space);}
.w-table-split-s :is(th,td){display:table-row;}
.w-table-split-s :is(th,td)::before{content:attr(data-table-header);display:table-cell;}
.w-table-split-s td{border-style:var(--c) none none none !important;}
.w-table-split-s :is(th,td) div{float:none;width:100%;}
.w-table-split-s :is(th,td)>div{display:table-cell;width:75%;}
.w-table-split-s td>div{border-left:1px var(--t) var(--b);}
}

@media screen and (min-width:672px) and (max-width:895px){
.w-hide-m{display:none;}
.w-blog-grid-2-m{--c:2;}
.w-blog-grid-3-m{--c:3;}
.w-blog-grid-4-m{--c:4;}
.w-label-rows-m .wFormLabel{width:auto;}
.w-label-rows-m .wFormField{clear:left;padding-left:0;}
.w-label-rows-m .wFormLayoutColumns>.wFormLabel{padding-top:0;}
.w-sticky-fixed[data-sticky-at~="m"]>div{position:fixed;}
.w-table-split-m{border:none;}
.w-table-split-m tr:first-child{display:none;}
.w-table-split-m tr{display:table;width:100%;border:1px var(--o) var(--b);}
.w-table-split-m tr+tr+tr{margin-top:var(--space);}
.w-table-split-m :is(th,td){display:table-row;}
.w-table-split-m :is(th,td)::before{content:attr(data-table-header);display:table-cell;}
.w-table-split-m td{border-style:var(--c) none none none !important;}
.w-table-split-m :is(th,td) div{float:none;width:100%;}
.w-table-split-m :is(th,td)>div{display:table-cell;width:75%;}
.w-table-split-m td>div{border-left:1px var(--t) var(--b);}
}

@media screen and (min-width:896px) and (max-width:1119px){
.w-hide-l{display:none;}
.w-blog-grid-2-l{--c:2;}
.w-blog-grid-3-l{--c:3;}
.w-blog-grid-4-l{--c:4;}
.w-label-rows-l .wFormLabel{width:auto;}
.w-label-rows-l .wFormField{clear:left;padding-left:0;}
.w-label-rows-l .wFormLayoutColumns>.wFormLabel{padding-top:0;}
.w-sticky-fixed[data-sticky-at~="l"]>div{position:fixed;}
.w-table-split-l{border:none;}
.w-table-split-l tr:first-child{display:none;}
.w-table-split-l tr{display:table;width:100%;border:1px var(--o) var(--b);}
.w-table-split-l tr+tr+tr{margin-top:var(--space);}
.w-table-split-l :is(th,td){display:table-row;}
.w-table-split-l :is(th,td)::before{content:attr(data-table-header);display:table-cell;}
.w-table-split-l td{border-style:var(--c) none none none !important;}
.w-table-split-l :is(th,td) div{float:none;width:100%;}
.w-table-split-l :is(th,td)>div{display:table-cell;width:75%;}
.w-table-split-l td>div{border-left:1px var(--t) var(--b);}
}

@media screen and (min-width:1120px){
.w-hide-xl{display:none;}
.w-blog-grid-2-xl{--c:2;}
.w-blog-grid-3-xl{--c:3;}
.w-blog-grid-4-xl{--c:4;}
.w-label-rows-xl .wFormLabel{width:auto;}
.w-label-rows-xl .wFormField{clear:left;padding-left:0;}
.w-label-rows-xl .wFormLayoutColumns>.wFormLabel{padding-top:0;}
.w-sticky-fixed[data-sticky-at~="xl"]>div{position:fixed;}
.w-table-split-xl{border:none;}
.w-table-split-xl tr:first-child{display:none;}
.w-table-split-xl tr{display:table;width:100%;border:1px var(--o) var(--b);}
.w-table-split-xl tr+tr+tr{margin-top:var(--space);}
.w-table-split-xl :is(th,td){display:table-row;}
.w-table-split-xl :is(th,td)::before{content:attr(data-table-header);display:table-cell;}
.w-table-split-xl td{border-style:var(--c) none none none !important;}
.w-table-split-xl :is(th,td) div{float:none;width:100%;}
.w-table-split-xl :is(th,td)>div{display:table-cell;width:75%;}
.w-table-split-xl td>div{border-left:1px var(--t) var(--b);}
}
.webeditText .twss{
  font-family : "Montserrat",Verdana,Geneva,sans-serif;
  font-weight : 200;
}

.webeditText .twss.bon{
  font-weight : 900;
}

body,
.webeditText,
.webeditText .tnss{
  font-family : "Montserrat",sans-serif;
}

.webeditText .bon,
.webeditText .tnss.bon{
  font-weight : 700;
}

.webeditText .tws{
  font-family : "Asap",Georgia,"Bitstream Charter",Charter,serif;
}

.webeditText .tws.bon{
  font-weight : 800;
}

.webeditText .tns{
  font-family : "Asap",serif;
}

.webeditText .tns.bon{
  font-weight : 600;
}

.webeditText .tm{
  font-family : monospace,monospace;
}

.webeditText .tm.bon{
  font-weight : 700;
}

.webeditText .s10{ font-size:0.67em; }
.webeditText .s11{ font-size:0.73em; }
.webeditText .s12{ font-size:0.8em; }
.webeditText .s13{ font-size:0.87em; }
.webeditText .s14{ font-size:0.93em; }
.webeditText .s15{ font-size:1em; }
.webeditText .s16{ font-size:1.07em; }
.webeditText .s18{ font-size:1.2em; }
.webeditText .s20{ font-size:1.33em; }
.webeditText .s22{ font-size:1.47em; }
.webeditText .s24{ font-size:1.6em; }
.webeditText .s26{ font-size:1.73em; }
.webeditText .s28{ font-size:1.87em; }
.webeditText .s30{ font-size:2em; }
.webeditText .s32{ font-size:2.13em; }
.webeditText .s34{ font-size:2.27em; }
.webeditText .s36{ font-size:2.4em; }
.webeditText .s42{ font-size:2.8em; }
.webeditText .s48{ font-size:3.2em; }
.webeditText .s54{ font-size:3.6em; }
.webeditText .s60{ font-size:4em; }
.webeditText .s66{ font-size:4.4em; }
.webeditText .s72{ font-size:4.8em; }
#w-modal {
  display: grid;
  place-content: center center;
  position: fixed;
  z-index: 200;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: opacity 0.2s linear;
}

#w-modal.w-modal-show {
  opacity: 1;
}

@starting-style {
  #w-modal.w-modal-show {
    opacity: 0;
  }
}

#w-modal > div {
  width: auto;
  max-width: 480px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  color: #000;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transform: scale(0.8);
  transition: transform 0.2s ease-in;
}

#w-modal.w-modal-show > div {
  transform: scale(1);
  transition: transform 0.2s ease-out;
}

@starting-style {
  #w-modal.w-modal-show > div {
    transform: scale(0.8);
  }
}

#w-modal > div > div:first-child {
  max-width: calc(100vw - 80px);
  max-height: calc(100vh - 250px);
  overflow: auto;
}

#w-modal > div > div:not(:has(*)) {
  white-space: pre-line;
}

#w-modal > div > div:last-child {
  text-align: center;
}

#w-modal button {
  margin: 20px 10px 0;
}

.w-modal-error {
  padding: 56px 0 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48ZyBmaWxsPSJ0cmFuc3BhcmVudCIgc3Ryb2tlPSIjZjAwIiBzdHJva2Utd2lkdGg9IjQiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjE4Ii8%2BPHBhdGggZD0iTSAyMCwxMCB2IDEyIi8%2BPHBhdGggZD0iTSAyMCwyNiB2IDQiLz48L2c%2BPC9zdmc%2B') no-repeat top;
}

.w-modal-error > ul {
  float: none;
  margin: 0;
  padding: 10px 0 0 20px;
}

.w-modal-error > ul > li {
  margin: 0;
  padding: 0;
}
/* styling shared between shop pages ******************************************/

.wColumn{
  clear : none;
}

.sContent,
.sContent div,
.sContent h1,
.sContent h2,
.sContent ul{
  display    : block;
  box-sizing : border-box;
  float      : left;
  clear      : left;
  width      : 100%;
  margin     : 0 0 20px;
}

.webeditShopComponent h1,
.sContent h1{
  font-size   : 1.5em;
  line-height : 1.5;
}

.sContent h2{
  margin-bottom : 1em;
  font-size     : 1.25em;
}

.sContent table{
  margin: 0 0 20px;
}

.sContent th{
  font-weight : inherit;
  text-align  : left;
}

.sContent th,
.sContent td{
  vertical-align : top;
}

.sContent input[type=number]{
  width : 3.5em;
}

.webeditShopHelp{
  margin : 0 0 1.5em;
}

.webeditShopButtonRight{
  text-align : right;
}

.webeditShopFormField input,
.webeditShopFormField select{
  width : 16em;
}

.sTrap,
.sHidden{
  display : none !important;
}

.sRequired{
  color : red;
}

.sContent .w-form{
  float     : none;
  max-width : 360px;
  margin    : 0 auto;
}

.sContent .w-form > div{
  float  : none;
  clear  : none;
  margin : 0;
}

.sContent .w-stars{
  height         : 1.5em;
  vertical-align : bottom;
}

.sContent .w-stars-off{
  opacity : 0.1;
}

/* error messages *************************************************************/

.sNotice,
.sError{
  padding       : 0.25em 0.5em;
  border-radius : 4px;
  color         : #fff;
  text-shadow   : 0 0 2px #000;
}

.sNotice{
  border-color : #070;
  background   : #090;
}

.sError{
  border-color : #800;
  background   : #b00;
}

.sError a{
  color : #fff !important;
}

.sError ul{
  margin  : 0;
  padding : 0 0 0 1em;
}

.sError li{
  margin  : 0;
  padding : 0;
}

.s-component-error{
  padding     : 6px 8px 6px 40px;
  background  : #333 url('../_webedit/uploaded-files/../shop/images/warning-white.svg') no-repeat 8px 6px;
  color       : #fff;
  font        : 400 16px/24px UI,sans-serif;
  text-shadow : 0 0 2px #000;
}

/* buttons ********************************************************************/

.sButton span{
  padding     : 0;
  line-height : 1.5;
}

.sButton span span{
  display     : block;
  padding     : 4px 8px 4px 30px;
  background  : no-repeat 6px center;
  white-space : nowrap;
}

.sButton[disabled]{
  cursor : not-allowed;
}

.sButton[disabled] span span{
  color : #999;
}

.sButtonLeftArrow  span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/left.svg'); }
.sButtonRightArrow span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/right.svg'); }
.sButtonRefresh    span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/refresh.svg'); }
.sButtonPlus       span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/plus.svg'); }
.sButtonTick       span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/tick.svg'); }
.sButtonCross      span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/cross.svg'); }
.sButtonHeart      span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/heart.svg'); }

.sButtons > form{
  float : right;
  clear : none;
  width : auto;
}

.sButtons > .sBackButton{
  float : left;
}

/* markdown *******************************************************************/

.s-markdown :is(h1,h2,h3,h4,h5,h6,hr,blockquote,ol,p,pre,table,ul){
  float   : none;
  margin  : 20px 0 0;
  padding : 0;
}

.s-markdown > :first-child{
  margin : 0;
}

.s-markdown blockquote{
  padding : 0 20px;
}

.s-markdown h3{
  font-size : 1.2em;
}

.s-markdown h4{
  font-size : 1.15em;
}

.s-markdown h5{
  font-size : 1.1em;
}

.s-markdown h6{
  font-size : 1.05em;
}

.s-markdown :is(ol,ul){
  padding-left : 20px;
}

.s-markdown :is(ol,ul) :is(ol,ul){
  margin : 0;
}

.s-markdown table{
  margin-top : 14px;
}

.s-markdown :is(td,th){
  padding : 6px 10px;
}

.s-markdown th{
  font-weight : bold;
}

.s-markdown td{
  border-top : 1px solid #ddd;
}

.s-markdown tbody tr:nth-child(odd) td{
  background : #f5f5f5;
}

/* formatted tables ***********************************************************/

.sFormatted th,
.sFormatted td{
  padding : 4px 8px;
  border  : 1px solid #ddd;
}

.sFormatted tr:first-child th{
  border-top : 1px solid #ccc;
}

.sFormatted th:first-child{
  border-left : 1px solid #ccc;
}

.sFormatted th:last-child{
  border-right : 1px solid #ccc;
}

.sFormatted th{
  background  : #ccc;
  text-shadow : 0 0 2px white;
}

.sFormatted td{
  background : #fff;
}

.sFormatted tr:nth-child(odd) td{
  background : #eee;
}

.sFormatted tr:hover td{
  background : #ddd;
}

.sNumber{
  text-align : right;
}

/* invoices *******************************************************************/

div.sInvoice{
  margin : 0;
}

.sInvoice > div > div{
  clear  : none;
  width  : 50%;
  margin : 0;
}

.sInvoice > div > div:first-child{
  padding-right : 3em;
}

.sInvoice td + td{
  padding-left : 0.75em;
}

.sInvoiceItems tr + tr > td{
  padding-top : 20px;
}

.sInvoiceItems button{
  margin-top : 20px;
}

.sInvoice ul{
  margin  : 0;
  padding : 0 0 0 1em;
}

.sInvoice li{
  margin  : 0;
  padding : 0;
}

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

  .sInvoice > div > div{
    clear : left;
    width : 100%;
  }

  .sInvoice > div > div:first-child{
    padding : 0;
  }

}

/* category pages *************************************************************/

.sCategoryDescription > div{
  margin : 0;
}

.sCategoriesHeader,
.sProductsHeader{
  margin      : 0 0 1em;
  padding     : 0;
  font-size   : 1.5em;
  font-weight : normal;
  line-height : 1em;
}

ul.sCategoriesGrid,
ul.s-products-grid{
  display         : flex;
  flex-wrap       : wrap;
  justify-content : space-around;
  margin          : 0;
  padding         : 0;
}

.sCategoriesGrid li,
.s-products-grid li{
  display    : block;
  flex       : 0 1 200px;
  margin     : 0 20px 20px;
  padding    : 0;
  text-align : center;
}

.sCategoriesGrid .sCategoryImage,
.s-products-grid .s-products-image,
.s-products-grid .s-products-lightbox{
  position : relative;
  padding  : 0 0 100%
}

.sCategoriesGrid .sCategoryImage > a,
.s-products-grid .s-products-image > a,
.s-products-grid .s-products-lightbox > span{
  position : absolute;
  top      : 0;
  bottom   : 0;
  left     : 0;
  right    : 0;
}

.sCategoriesGrid .sCategoryImage img,
.s-products-grid .s-products-image img,
.s-products-grid .s-products-lightbox img{
  display    : inline;
  float      : none;
  clear      : none;
  width      : auto;
  max-width  : 100%;
  max-height : 100%;
}

.sCategoriesGrid a,
.s-products-grid a{
  text-decoration : none;
}

div.s-products-controls{
  display         : flex;
  justify-content : flex-end;
  font-size       : 14px;
}

html:not(.s-products-scripts) div.s-products-controls{
  display : none;
}

div.s-products-controls > div{
  width  : auto;
  margin : 0;
}

.s-products-listing{
  opacity    : 1;
  transition : opacity 0.5s ease-in-out;
}

.s-products-colours > div{
  margin-bottom : 10px;
  font-size     : 0.875em;
  line-height   : 1;
}

.s-products-colours > ul{
  display         : flex;
  flex-wrap       : wrap;
  justify-content : center;
  margin          : -5px 0;
  padding         : 0;
}

.s-products-colours > ul > li{
  flex          : 0 1 0;
  margin        : 5px;
  border-radius : 2px;
}

.s-products-colours > ul > li:after{
  content       : '';
  display       : block;
  width         : 18px;
  height        : 18px;
  border        : 1px solid rgba(0,0,0,0.1);
  border-radius : 2px;
}

.s-products-price > span{
  display : block;
}

.s-products-quantity-buy-button{
  display         : flex;
  gap             : 10px;
  justify-content : center;
}

.s-products-quantity-buy-button label > span:first-child{
  display : none;
}

.s-products-grid .s-products-buy-button,
.s-products-grid .s-products-quantity-buy-button{
  margin : 0 0 20px;
}

.webeditShopEmptyCategory{
  margin:0.5em 0;
}

/* product pages **************************************************************/

div.sProductSingleColumnDetails{
  margin : 0;
}

div.sProductImagesAndDetails{
  display         : flex;
  flex-flow       : row wrap;
  justify-content : center;
  width           : calc(100% + 20px);
  margin          : 0 -10px;
}

.sProductImagesAndDetails > div{
  margin  : 0;
  padding : 0 10px;
}

div.sProductImages{
  display             : flex;
  flex-flow           : row;
  width               : 320px;
  -webkit-user-select : none;
          user-select : none;
}

div.sProductThumbnailsOnSide{
  width : 440px;
}

div.sProductThumbnails{
  position    : relative;
  width : 100px;
  overflow    : hidden;
  white-space : nowrap;
}

.sProductThumbnails > div{
  position   : absolute;
  top        : 0;
  left       : 0;
  margin     : 0;
  transition : top 0.2s,bottom 0.2s,left 0.2s,right 0.2s;
}

div.sProductThumbnailsBefore,
div.sProductThumbnailsAfter{
  width      : 100%;
  height     : 32px;
  background : rgba(255,255,255,0.8) no-repeat center center;
  cursor     : pointer;
}

div.sProductThumbnailsBefore{
  top : -32px;
  background-image : url('../_webedit/uploaded-files/../shop/images/scrolling/up.svg');
}

div.sProductThumbnailsAfter{
  top : auto;
  bottom : -32px;
  background-image : url('../_webedit/uploaded-files/../shop/images/scrolling/down.svg');
}

.sProductThumbnails > div > div{
  margin  : 0;
  cursor  : pointer;
}

.sProductThumbnails > div > div + div{
  margin-top : 20px;
}

div.sProductImage{
  position  : relative;
  max-width : 300px;
}

.sProductThumbnailsOnSide > .sProductImage{
  margin-left : 20px;
}

.sProductImage > div{
  position   : relative;
  z-index    : 1;
  margin     : 0;
  text-align : center;
  transition : opacity 0.2s linear;
}

.sProductImage > div + div{
  position : absolute;
  top      : 0;
  left     : 0;
  z-index  : 0;
  opacity  : 0;
}

.sProductThumbnails > div > div > img,
.sProductImage > div > img{
  display        : inline-block;
  float          : none;
  width          : auto;
  max-width      : 100%;
  vertical-align : bottom;
}

.sProductDetails{
  flex : 1 1 420px;
}

h1.sProductName,
div.sProductName{
  font-size   : 1.5em;
  line-height : 1.5;
}

div.sProductCode{
  margin : -20px 0 20px;
}

.s-product-price{
  font-size : 1.25em;
}

.s-product-price > span{
  display : block;
}

.sProductPreviousPrice,
.s-price-previous{
  text-decoration : line-through;
}

.s-product-price-breaks > div{
  margin      : 0 0 10px;
}

.s-product-price-breaks > table{
  margin : 0;
}

.s-product-price-breaks td:first-child{
  padding    : 0 1em 0 0;
  text-align : right;
}

.s-product-price-breaks td > span{
  display : block;
}

.sProductDescription div,
.sProductSummary div{
  margin : 0;
}

table.s-product-variants{
  margin : 0;
}

.s-product-variants th{
  padding : 2px 20px 20px 0;
}

.s-product-variants td{
  padding : 0 0 20px;
}

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

  table.s-product-variants,
  .s-product-variants tr,
  .s-product-variants td{
    display : block;
  }

  .s-product-variants th{
    padding-bottom : 10px;
  }

}

.s-product-variants div{
  float  : none;
  margin : 0 0 0.5em;
}

.s-product-variants div:last-child{
  margin : 0;
}

.s-product-variants select{
  width : 100%;
}

.s-product-variants input[type=text],
.s-product-variants textarea{
  width     : 100%;
  min-width : 16em;
}

.s-product-variants textarea{
  height : 7em;
}

.s-product-variants input[type="radio"]{
  width          : 30px;
  height         : 26px;
  margin         : 0;
  padding        : 0;
  opacity        : 0;
  vertical-align : top;
}

.s-product-variants label > span:first-child,
.s-product-variants input:checked ~ label > span:first-child:after{
  display        : inline-block;
  border-radius  : 2em;
  background     : linear-gradient(#f0f0f0,#e8e8e8);
  vertical-align : bottom;
  box-shadow     : inset 0 1px 0 rgba(255,255,255,0.5);
}

.s-product-variants label > span:first-child{
  margin         : -1px 0.5em -1px -30px;
  transition     : border-color 0.25s;
}

.s-product-variant-single{
  padding-top : 2px;
}

.sProductVariantRadio label > span:first-child{
  width               : calc(1.5em + 2px);
  height              : calc(1.5em + 2px);
  border              : 1px solid #e0e0e0;
  border-bottom-color : #d0d0d0;
}

.sProductVariantColour label > span:first-child{
  width  : calc(1.5em + 4px);
  height : calc(1.5em + 4px);
}

.s-product-variant-swatch{
  display        : inline-block;
  width          : calc(1.75em + 2px);
  height         : calc(1.75em + 2px);
  margin         : 0 0.5em 0 0;
  border-radius  : 4px;
  vertical-align : bottom;
}

.sProductVariantColourDark{
  box-shadow : 0 0 2px #fff !important;
}

span.sProductVariantColourLight{
  box-shadow : 0 0 2px rgba(0,0,0,0.5) !important;
}

.sProductVariantRadio input:checked ~ label > span:first-child{
  border     : 1px solid #d0d0d0;
  background : linear-gradient(#e8e8e8,#e0e0e0);
  box-shadow : inset 0 2px 2px rgba(0,0,0,0.0625),0 1px 0 rgba(255,255,255,0.5);
}

.sProductVariantRadio input:focus ~ label > span:first-child{
  margin : -2px calc(0.5em - 1px) -2px -31px;
  border : 2px solid #d0d0d0;
}

.sProductVariantRadio input:checked ~ label > span:first-child:after{
  content             : '';
  width               : 1em;
  height              : 1em;
  margin              : 0.25em;
  border              : 1px solid #d0d0d0;
  border-bottom-color : #c0c0c0;
}

.sProductVariantColour input:checked ~ label > span:first-child:after{
  content    : '';
  width      : 1em;
  height     : 1em;
  margin     : calc(0.25em + 2px);
  background : #fff;
  box-shadow : 0 0 2px rgba(0,0,0,0.5);
}

.sProductQuantity:after{
  content : attr(data-unit-plural);
}

.sProductQuantityOne:after{
  content : attr(data-unit);
}

.sProductUnavailable{
  font-size : 1.25em;
}

.sProductShareButtons > span{
  margin : 0 4px 0 0;
}

.sProductComponentBuyButton .sProductName,
.sProductComponentBuyButton .sProductPrice,
.sProductComponentBuyButton .s-product-price-breaks,
.sProductComponentBuyButton .s-product-variants td[colspan],
.sProductComponentBuyButton .sProductAddToBasket,
.sProductComponentBuyButton .sProductAddToWishlist,
.sProductComponentBuyButton .sProductUnavailable{
  text-align : center;
}

.sProductComponentBuyButton .s-product-price-breaks table,
.sProductComponentBuyButton .s-product-variants{
  margin : 0 auto;
}

div.s-product-more-details{
  display   : flex;
  flex-wrap : wrap;
}

div.s-product-description{
  flex         : 1 1 480px;
  margin-right : 20px;
}

.s-product-description [role="tablist"]{
  display   : flex;
  flex-wrap : wrap;
}

.s-product-description [role="tab"]{
  flex                : 0 1 auto;
  width               : auto;
  margin              : 0 -1px -1px 0;
  padding             : 6px 10px;
  border              : 1px solid #ddd;
  background          : #f5f5f5;
  font-size           : 1em;
  user-select         : none;
  -webkit-user-select : none;
}

.s-product-description [role="tab"][aria-selected="true"]{
  position            : relative;
  border-bottom-color : #fff;
  background          : #fff;
}

.s-product-description [role="tab"][aria-selected="false"]{
  cursor : pointer;
}

.s-product-description [role="tabpanel"]{
  padding-top : 10px;
  border-top  : 1px solid #ddd;
}

.s-product-reviews{
  flex : 0 1 480px;
}

.s-product-reviews-listing{
  scroll-margin-top : 20px;
  transition        : opacity 0.5s ease-in-out;
}

ul.s-product-reviews-list,
.s-product-review{
  display : block;
  margin  : 0;
  padding : 0;
}

.s-product-review,
.s-product-reviews-list + ul{
  padding    : 20px 0 0;
  border-top : 1px solid rgba(128,128,128,0.2);
}

.s-product-review > div{
  float : none;
}

.s-product-review-byline{
  font-style : italic;
}

/* review page ****************************************************************/

.s-review > h1{
  text-align : center;
}

.s-review > form{
  padding-top : 20px;
}

div.s-review-rating{
  display         : flex;
  justify-content : space-evenly;
  float           : none;
  padding         : 15px 9px;
  border          : 1px solid #ddd;
  border-radius   : 4px;
}

.s-review-rating > label:first-child,
.s-review-rating > input{
  position : absolute;
  left     : -100vw;
}

.s-review-rating > label{
  width    : 3em;
  height   : 3em;
  overflow : hidden;
}

.s-review-rating > label > .w-stars{
  height     : 3em;
  transition : opacity 0.2s linear;
}

.s-review-rating > :checked ~ label > .w-stars{
  opacity : 0.1;
}

/* log-in pages ***************************************************************/

.sLogIn h1{
  text-align : center;
}

div .sLogInMessage{
  float     : none;
  max-width : 360px;
  margin    : 0 auto 35px;
}

.sLogInCreateAccountHelp{
  margin       : -10px 0 24px !important;
  padding-left : 32px;
  font-size    : 14px;
  line-height  : 18px;
  opacity      : 0.6;
}

.sLogInPassword{
  padding-left : 32px;
}

.sLogIn .w-radio + .w-radio{
  margin-top : -10px;
}

.sLogInForgottenPassword{
  float         : right;
  position      : relative;
  z-index       : 1;
  margin        : -10px 5px;
  padding       : 0 5px;
  border-radius : 4px;
  background    : #fff;
  font-size     : 14px;
  line-height   : 20px;
}

#sAccountExists p,
#sAccountExists ul{
  margin  : 0 0 1.5em;
  padding : 0;
}

#sAccountExists li{
  margin  : 0 0 0 1.5em;
  padding : 0;
}

/* wishlist page **************************************************************/

div.s-wishlist-header{
  display         : flex;
  flex-wrap       : wrap;
  justify-content : center;
  margin          : 0;
}

.s-wishlist-header > h1{
  flex   : 1 0 auto;
  width  : auto;
  margin : 0 20px 20px 0;
}

div.s-wishlist-share-buttons{
  flex  : 0 0 auto;
  width : auto;
}

.s-wishlist-share-buttons > span{
  margin : 0 0 0 4px;
}

div.s-wishlist-items{
  width  : auto;
  margin : 0;
}

.s-wishlist-items div,
.s-wishlist-items ul{
  float : none;
  clear : none;
  width : auto;
}

.s-wishlist-items > div{
  margin : 0;
}

.s-wishlist-items > div,
.s-wishlist-item-details > div{
  display : table;
  width   : 100%;
}

.s-wishlist-items > div > div,
.s-wishlist-item-details > div > div{
  display        : table-cell;
  vertical-align : top;
}

div.s-wishlist-item-image{
  width   : 128px;
  padding : 0 0 40px;
}

div.s-wishlist-item-details{
  padding : 0 0 0 40px;
}

div.s-wishlist-item-description{
  width   : 100%;
  padding : 0 40px 0 0;
}

.s-wishlist-item-name{
  font-size : 1.25em;
}

.s-wishlist-items ul{
  margin  : 0 0 20px 20px;
  padding : 0;
}

.s-wishlist-item-unavailable{
  padding    : 0 0 0 24px;
  background : url('../_webedit/uploaded-files/../shop/images/warning-small.png') no-repeat 0 0.25em;
}

div.s-wishlist-item-actions{
  width : 0;
}

.s-wishlist-item-price{
  font-size  : 1.25em;
  text-align : right;
}

.s-wishlist-item-quantity{
  text-align : right;
}

.s-wishlist-items button{
  width : 100%;
}

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

  .s-wishlist-item-details > div,
  .s-wishlist-item-details > div > div{
    display : block;
  }

  div.s-wishlist-item-description{
    padding : 0;
  }

  .s-wishlist-item-details > div > .s-wishlist-item-actions{
    display : table;
  }

  .s-wishlist-item-price,
  .s-wishlist-item-quantity{
    text-align : left;
  }

}

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

  div.s-wishlist-item-image{
    width : 64px;
  }

  div.s-wishlist-item-details{
    padding : 0 0 0 20px;
  }

}

/* basket page ****************************************************************/

#sBasketCountry{
  text-align : center;
}

#sBasketCountry select{
  margin-left : 0.25em;
}

.sBasket table{
  margin : 0 auto 1.25em;
}

.sBasket th{
  font-weight : 700;
}

.sBasket th,
.sBasket td{
  padding : 0 0 20px;
}

.sBasket th + th,
.sBasket td + td{
  padding : 0 0 20px 20px;
}

.sBasket th:last-child,
.sBasket td:last-child,
#sBasketTotals th{
  text-align : right;
}

#sBasketItems input{
  height       : 1.75em;
  margin-right : 0.25em;
}

.s-basket-item-image{
  width : 128px;
}

.s-basket-item-image > img {
  width : 100%;
}

.s-basket-item-details{
  max-width : 320px;
}

div.s-basket-item-description{
  float  : none;
  clear  : none;
  margin : 0 0 10px;
}

.sBasketRemove{
  display       : block;
  float         : right;
  width         : 1.5em;
  height        : 1.5em;
  margin        : 0.25em 0 0.25em 1em;
  border-radius : 0.75em;
  background    : #f00;
  color         : #fff;
  font-size     : 0.75em;
  text-align    : center;
  cursor        : pointer;
}

.sBasketRemove:after{
  content : '✖';
}

.sBasket ul{
  float     : none;
  clear     : none;
  margin    : 0 0 10px 0;
  padding   : 0 0 0 20px;
  font-size : 0.875em;
}

.sBasketWishlist{
  display : block;
  margin  : 0 0 10px 0;
}

.sBasketUnavailable{
  display    : block;
  margin     : 0 0 10px 0;
  padding    : 0 0 0 24px;
  background : url('../_webedit/uploaded-files/../shop/images/warning-small.png') no-repeat 0 0.25em;
}

#sBasketItems td + td + td span:first-child{
  display : none;
}

.s-basket-discount .sBasketRemove{
  display        : inline-block;
  float          : none;
  vertical-align : top;
}

#sBasketTotals select{
  max-width : 15em;
}

#sBasketUpdate{
  text-align : center;
}

#sBasketFooter{
  display         : flex;
  justify-content : space-between;
  margin          : 0;
}

#sBasketFooter > form{
  width  : auto;
}

#sBasketEmpty{
  text-align : center;
}

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

  .sBasket table{
    display   : block;
    max-width : 468px;
  }

  #sBasketItems tr:first-child{
    display : none;
  }

  #sBasketItems,
  #sBasketItems tr{
    display : block;
    clear   : left;
  }

  .s-basket-item{
    box-sizing : border-box;
    float      : left;
    width      : 100%;
    margin     : 0 0 10px;
    padding    : 0 0 0 128px;
  }

  .s-basket-item > td{
    display : block;
  }

  .s-basket-item-image{
    float  : left;
    margin : 0 0 0 -128px;
  }

  .s-basket-item-details{
    max-width      : none;
    padding-bottom : 0 !important;
  }

  .s-basket-item-quantity{
    float : left;
  }

  .s-basket-item-total{
    float : right;
  }

  #sBasketItems td + td + td span:first-child{
    display : inline;
  }

  #sBasketItems input{
    margin-left : 0.5em;
  }

  #sBasketItems + tbody{
    display : table;
    clear   : both;
    width   : 100%;
  }

}

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

  .sBasket table{
    max-width : 364px;
    font-size : 0.875em;
  }

  .s-basket-item{
    padding : 0 0 0 64px;
  }

  .s-basket-item-image{
    width  : 64px;
    margin : 0 0 0 -64px;
  }

}

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

  #sBasketFooter{
    flex-direction : column;
    align-items    : center;
  }

  #sBasketFooter > form{
    margin-top : 20px;
  }

}

/* styling for the 'add to basket' modal **************************************/

.s-modal-basket-item{
  padding : 20px 0 0;
  display : flex;
}

.s-modal-basket-image{
  flex   : 0 0 128px;
  margin : 0 20px 0 0;
}

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

  .s-modal-basket-image{
    flex : 0 0 64px;
  }

}

.s-modal-basket-image > img{
  width : 100%;
}

.s-modal-basket-name{
  margin      : 0 0 10px;
  font-size   : 1.25em;
  line-height : 1em;
  font-weight : 700;
}

.s-modal-basket-variants{
  float     : none;
  margin    : 0;
  padding   : 0 0 10px 20px;
  font-size : 0.875em;
}

.s-modal-basket-variants > li{
  margin  : 0;
  padding : 0;
}

.s-modal-basket-quantity,
.s-modal-basket-price{
  white-space : nowrap;
}

.s-modal-basket-quantity{
  padding : 0 20px 0 0;
}

/* styling for the create account page ****************************************/

#webeditShopCreateAccountFormState{
  visibility:collapse;
}

/* styling for the password forgotten page ************************************/

#webeditShopPasswordForgottenHelp{
  margin:0.75em 0;
}

#webeditShopPasswordForgottenErrorMessage{
  margin-bottom:0.75em;
}

#webeditShopPasswordForgottenForm{
  margin:0.75em 0;
}

#webeditShopPasswordForgottenContinue{
  text-align:right;
}

/* styling for the account page ***********************************************/

#sAccount > form{
  float : right;
  width : auto;
}

#sAccount > h1{
  width : auto;
}

#sAccount > table{
  float : left;
  clear : left;
  width : 100%;
}

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

  #sAccount > table
  #sAccount tbody{
    display : block;
  }

  #sAccount tr:first-child{
    display : none;
  }

  #sAccount tr{
    display : table;
    width   : 100%;
    margin  : 0 0 1.5em;
  }

  #sAccount td{
    display    : table-row;
    text-align : left !important;
  }

  #sAccount tr:hover td{
    background : #fff;
  }

  #sAccount td:before{
    content     : attr(data-table-header);
    display     : table-cell;
    background  : #ccc;
    padding     : 4px 8px;
    border      : 1px solid #ddd;
    border-left : 1px solid #ccc;
    text-shadow : 0 0 2px white;
    white-space : nowrap;
  }

  #sAccount td:first-child:before{
    border-top : 1px solid #ccc;
  }

  #sAccount td:last-child:before{
    border-bottom : 1px solid #ccc;
  }

  #sAccount td > span{
    display : table-cell;
    width   : 100%;
    padding : 4px 8px;
    border  : 1px solid #ddd;
  }

  #sAccount td:nth-child(odd) > span{
    background : #eee;
  }

  #sAccount td > span:hover{
    background : #ddd;
  }

}

/* styling for the account password page **************************************/

#webeditShopAccountPasswordHelp,
#webeditShopAccountPasswordErrorMessage{
  margin-top:0.75em;
}

#webeditShopAccountPasswordForm table{
  margin:0.75em auto;
}

#webeditShopAccountPasswordContinue{
  text-align:right;
}

/* styling for the account/addresses page *************************************/

div.sAccountAddressesAddress{
  clear        : none;
  width        : auto;
  margin-right : 3em;
}

.sAccountAddressesAddress form{
  width      : auto;
  margin-top : -0.5em;
}

.sAccountAddressesAddress form + form{
  clear       : none;
  margin-left : 1em;
}

/* styling for the address book process page **********************************/

#webeditShopAddressBookProcessIntroduction,
#webeditShopAddressBookProcessErrorMessage{
  margin-top:0.75em;
}

#webeditShopAddressBookProcessForm table{
  margin:0.75em auto;
}

#webeditShopAddressBookProcessFormState{
  visibility:collapse;
}

#webeditShopAddressBookProcessContinue{
  text-align:right;
}

/* styling for the account/order page *****************************************/

.sAccountOrderHistory td:nth-child(1),
.sAccountOrderHistory td:nth-child(2),
.sAccountOrderHistory th:nth-child(1),
.sAccountOrderHistory th:nth-child(2){
  white-space : nowrap;
}

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

  .sAccountOrderHistory > table
  .sAccountOrderHistory tbody{
    display : block;
  }

  .sAccountOrderHistory tr:first-child{
    display : none;
  }

  .sAccountOrderHistory tr{
    display : table;
    width   : 100%;
    margin  : 0 0 1.5em;
  }

  .sAccountOrderHistory td{
    display : table-row;
  }

  .sAccountOrderHistory tr:hover td{
    background : #fff;
  }

  .sAccountOrderHistory td:before{
    content     : attr(data-table-header);
    display     : table-cell;
    background  : #ccc;
    padding     : 4px 8px;
    border      : 1px solid #ddd;
    border-left : 1px solid #ccc;
    text-shadow : 0 0 2px white;
  }

  .sAccountOrderHistory td:first-child:before{
    border-top : 1px solid #ccc;
  }

  .sAccountOrderHistory td:last-child:before{
    border-bottom : 1px solid #ccc;
  }

  .sAccountOrderHistory td > span{
    display : table-cell;
    width   : 100%;
    padding : 4px 8px;
    border  : 1px solid #ddd;
  }

  .sAccountOrderHistory td:nth-child(odd) > span{
    background : #eee;
  }

  .sAccountOrderHistory td > span:hover{
    background : #ddd;
  }

}

/* addresses page *************************************************************/

.webeditShopAddressesHelp{
  margin-bottom:1.5em;
}

.webeditShopAddressesNewAddress{
  margin:0 0 1.5em 0;
}

.webeditShopAddressesAdditionalAddress{
  margin:0 0 1.5em 3em;
}

#webeditShopAddressesNewDeliveryAddress,
#webeditShopAddressesNewBillingAddress{
  display:none;
}

#webeditShopAddressesNewDeliveryAddressState,
#webeditShopAddressesNewBillingAddressState{
  visibility:collapse;
}

/* comments page **************************************************************/

.sCommentsOptions > div{
  margin-bottom : 0;
}

.sComments textarea{
  width : 100%;
}

.sCommentsFooter > div{
  float : left;
  clear : none;
  width : 50%;
}

.sCommentsFooter > div + div{
  text-align : right;
}

/* payment button *************************************************************/

.s-payment-button{
  text-align : center;
}

/* payment form ***************************************************************/

div.s-payment-form,
form.s-payment-form{
  float     : none;
  max-width : 280px;
  margin    : 0 auto;
}

.s-payment-form > h2{
  margin     : 0 0 15px;
  text-align : center;
}

.s-payment-form > button{
  width : 100%;
}

.s-payment-form > button > span{
  position : relative;
  padding  : 3px 8px;
}

.s-payment-form > button > span > span{
  transition : opacity 0.5s linear;
}

.s-payment-form > button > span > span:last-child{
  display         : flex;
  align-items     : center;
  justify-content : center;
  position        : absolute;
  top             : 0;
  bottom          : 0;
  left            : 0;
  right           : 0;
  opacity         : 0;
}


button.s-payment-form-busy > span > span:first-child{
  opacity : 0;
}

button.s-payment-form-busy > span > span:last-child{
  opacity : 1;
}

button.s-payment-form-error > span{
  border-color : #f00;
  background   : #f00;
  color        : #fff;
  box-shadow   : none;
  cursor       : default;
}

/* calculator - Payl8r ********************************************************/

#pl-calculator-price{
  display : none;
}

div#pl-calculator-light-app{
  width  : 100% !important;
  margin : 0 0 20px;
}

.payl8r-main-logo{
  display : inline;
  float   : none;
  width   : 60px;
}

#pl-calculator-light-app #show-modal{
  text-decoration : none;
  cursor          : pointer;
}

#pl-calc-modal *{
  float : none;
}

/* payment form - Stripe ******************************************************/

div.s-payment-stripe-form{
  max-width : 370px;
}

#s-payment-stripe-form-card{
  height        : 36px;
  padding       : 0 10px;
  border        : 1px solid #ddd;
  border-radius : 4px;
  background    : #fff;
}

#s-payment-stripe-form-card.StripeElement--invalid{
  border-color : #f00;
}

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

  .s-payment-stripe-form > button > span{
    padding   : 4px 8px;
    font-size : 15px;
  }

}

/* payment form - Viva Wallet *************************************************/

.s-payment-vivawallet-form label > span{
  display : block;
  margin  : 0 0 5px;
}

.s-payment-vivawallet-form input{
  width : 100%;
}

.s-payment-vivawallet-form input[data-vp="cvv"]{
  width : 50px;
}

.s-payment-vivawallet-form input[data-vp="month"]{
  width : 40px;
}

.s-payment-vivawallet-form input[data-vp="year"]{
  width : 60px;
}

div.s-payment-vivawallet-security{
  display         : none;
  align-items     : center;
  justify-content : center;
  flex-direction  : column;
  position        : fixed;
  z-index         : 200;
  top             : 0;
  bottom          : 0;
  left            : 0;
  right           : 0;
  margin          : 0;
  padding         : 20px;
  background      : rgba(0,0,0,0.5);
}

div.s-payment-vivawallet-security-show{
  display : flex;
}

.s-payment-vivawallet-security > div{
  width         : calc(100vw - 40px);
  max-width     : 480px;
  height        : calc(100vh - 40px);
  max-height    : 600px;
  margin        : 0;
  padding       : 20px;
  border-radius : 10px;
  background    : #fff;
  color         : #000;
  box-shadow    : 0 4px 8px rgba(0,0,0,0.2);
}

.s-payment-vivawallet-security > div > div{
  width  : 100%;
  height : 100%;
  margin : 0;
}


#top .mainAnimatorAnimator .AnimatorButton       { position: absolute; z-index: 2; top: 50%; }
@media screen and (min-width:1920px)     {  #top .mainAnimatorAnimator .AnimatorButton       { width: 1.9270833333333%; } }
@media screen and (max-width:1919px) {  #top .mainAnimatorAnimator .AnimatorButton       { width: 37px; } }
#top .mainAnimatorAnimator .AnimatorButton > img { margin-top: -89.189189189189%; } }
#top .mainAnimatorAnimator .AnimatorLeftButton   { left: 0%; }
#top .mainAnimatorAnimator .AnimatorRightButton  { right: 0%; }
#top .mainAnimatorAnimator .AnimatorDots    { right: 1.0416666666667%; bottom: 4.0241448692153%; }
#top .mainAnimatorAnimator .AnimatorDots    { left: 1.0416666666667%; bottom: 4.0241448692153%; }
#top .mainAnimatorAnimator .AnimatorDots    { left: 50%; bottom: 4.0241448692153%; }
@media screen and (min-width:1920px)     { #top .mainAnimatorAnimator .AnimatorDots    { width: 0.83333333333333%; } }
@media screen and (max-width:1919px) { #top .mainAnimatorAnimator .AnimatorDots    { width: 16px; } }
#top .mainAnimatorAnimator .AnimatorDotNest { left:  162.5%; }
/**
 * Site CSS
 * Template version 23/12/19
 * Builder: Jake
 * URL: https://s1.itseeze.com/sites/purewaterpeopl/
 */
/* =============================================================================
 * Global rules and tweaks
 * You can probably leave this section alone
 * ========================================================================== */
/* pad the top of the page in edit mode to avoid the toolbar */
.wEdit {
  padding-top: 56px; }

/* Remove default underline on links */
a {
  text-decoration: none; }

/* Make textonimage text larger */
.wTextonimageText {
  font-size: 1.5em; }

/* =============================================================================
 * Global styling
 * ========================================================================== */
/* Page element (links, form stars, bullet points, blog headings) styling --- */
a,
a:visited,
.wFormRequired label:after,
.dl,
.w-blogpost-metadata h1 {
  color: #00B2E3; }

.dl > span {
  color: initial; }

/* Link hover effect */
a:hover,
a:active {
  color: #22bef4; }

/* Accent colours for colours that won't work with $main/$accent ------------ */
.lightAccents a:link,
.lightAccents a:visited,
.lightAccents .wFormRequired label:after,
.lightAccents .dl {
  color: #D3D3D3; }

.lightAccents a:hover,
.lightAccents a:active {
  color: #ededed; }

.lightAccents form .wButton > span {
  background: #fff;
  color: #00B2E3;
  font-size: 10px!important;
  font-weight: 700!important;
  letter-spacing: 2px!important;
  text-transform: uppercase!important; }

.lightAccents form .wButton > span:hover {
  background: #fff;
  color: #22bef4; }

/* Accent colours for colours that won't work with $main/$accent ------------ */
.darkAccents a:link,
.darkAccents a:visited,
.darkAccents .wFormRequired label:after,
.darkAccents .dl {
  color: #0082CA; }

.darkAccents a:hover,
.darkAccents a:active {
  color: #689923; }

.darkAccents form .wButton > span {
  background: #0082CA;
  color: #fff;
   font-size: 10px!important;
  font-weight: 700!important;
  letter-spacing: 2px!important;
  text-transform: uppercase!important; }

.darkAccents form .wButton > span:hover {
  background: #689923;
  color: #fff; }

/* Colour content block styling --------------------------------------------- */
/* Stars, links and bullet points in light text colour blocks */
.wColourblockLightText label:after, .wColourblockLightText div:not(nav li) a, .wColourblockLightText .dl, .w-text-light label:after, .w-text-light div:not(nav li) a, .w-text-light .dl {
  color: #f0f0f0; }

/* Stars, links and bullet points in dark text colour blocks */
.wColourblockDarkText label:after, .wColourblockDarkText div:not(nav li) a, .wColourblockDarkText .dl, .w-text-dark label:after, .w-text-dark div:not(nav li) a, .w-text-dark .dl {
  color: #252525; }

/* Form styling ------------------------------------------------------------- */
.wFormField input,
.wFormField select,
.wFormField textarea,
.wSearch input,
.sContent input {
  border: 1px solid #d6d6d6;
  border-radius: 0;
  background: #fff;
  box-shadow: none; }

.wFormField input[type=file] {
  border: none;
  background: none; }

.wFormField input:focus,
.wFormField textarea:focus {
  background: #eee; }

/* =============================================================================
 * Header
 * ========================================================================== */

.w-sticky-fixed .headerIcon img { filter: brightness(0%); }

#top header {
/*  position: absolute;*/
  color: white;
  transition: .3s;
  z-index: 2; 
  background: rgba(33,51,58,.5);
  position: relative;
}

#top:has(#bannerContent) header,
#top:has(.faderPanelInner) header {
  margin-bottom: -100%;
}

.wEdit header { background: #333; }

#top .logoContainer {
  position: relative; }

#top .logoColour {
  position: absolute;
  /*top: 10px;*/
  opacity: 0;
  transition: 0.3s; }

@media screen and (min-width:896px){
  #top .w-sticky-fixed header {
    background: white;
    color: black;
    box-shadow: #bdbdbd 2px 0px 8px; }
  #top .w-sticky-fixed .logoColour {
    opacity: 1; } 
  .headerLink a{
    color: white !important;
    transition: 0.3s;
  }
  .w-sticky-fixed .headerLink a{
    color: black !important;
  }  
}



/* =============================================================================
 * Header
 * ========================================================================== */
/* =============================================================================
   General navigation styling
 * ========================================================================== */
/* =============================================================================
 * Menu styling
 * ========================================================================== */
/* General styling for the whole menu */
.w-menu {
  text-align: right;
}

/* Top level item styling */
.w-menu [role=menuitem] {
  line-height: 40px;
  padding: 0 1em;
  color: #fff;
  -webkit-transition: color 0.2s, background-color 0.2s;
  -o-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
}

.w-sticky-fixed .w-menu [role=menuitem] {
  color: #000 !important;
}

/* Top level items with subpages - arrow */
.w-menu [aria-haspopup]:after {
  content: "  ▼";
  font-size: 10px;
}

/* Top level ancestor */
.w-menu .w-menu-ancestor:not([aria-current=page]) {
  color: #fff;
  font-weight: bold;
}

/* Top level - selected */
.w-menu [aria-current=page] {
  color: #fff;
  font-weight: bold;
}

/* Top level - hover/focus/selected focus */
.w-menu [role=menuitem]:hover,
.w-menu [role=menuitem]:focus,
.w-menu [aria-expanded=true] {
  color: #0082CA;
}

/* Child styling ---------------------------------------------*/
/* Submenu background */
.w-menu [role=menu] {
  background: #00B2E3;
}

/* Child item styling */
.w-menu [role=menu] [role=menuitem] {
  text-align: left;
  line-height: 35px;
  padding: 0 1em;
  color: #fff !important;
  -webkit-transition: color 0.2s, background-color 0.2s;
  -o-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
}

/* Child pages with subpages - arrow */
.w-menu [role=menu] [aria-haspopup]:after {
  content: " â–¸";
  float: right;
}

/* Child ancestor */
.w-menu [role=menu] .w-menu-ancestor {
  background: #0082CA;
}

/* Child items - selected */
.w-menu [role=menu] [aria-current=page] {
  background: #0082CA;
}

/* Child items  - hover/focus/ancestor */
.w-menu [role=menu] [role=menuitem]:hover,
.w-menu [role=menu] [role=menuitem]:focus,
.w-menu [role=menu] [aria-expanded=true] {
  background: #0082CA;
}


/* =============================================================================
   General navigation styling
 * ========================================================================== */
/* =============================================================================
   Sidebar
 * ========================================================================== */
.sideBar {
  background: #21333A;
  position: relative;
  z-index: 1000; }

@media screen and (min-width:896px){
  #arrow {
    position: fixed; }
  .wEdit #arrow {
    top: 80%; }
  #top #arrow {
    bottom: 0;
    transition: .3s; }
  .scrolled {
    transform: rotate(-180deg); }
  .menu {
    position: fixed;
    top: 10px;
    max-width: 50px!important; }
  .closeText,
  .menuText {
    transform: rotate(-90deg);
    position: relative;
    top: 40px; } }

@media screen and (min-width:896px){ .closeText,
.menuText,
.menuText .webeditText .s12 {
  color: white;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: 2px; } }

@media screen and (max-width:895px){ .closeText,
.menuText,
.menuText .webeditText .s12 {
  color: white;
  font-size: 11px !important;
  font-weight: 700;
   } }

.editMenu ul li {
  padding: 0 1em;
  text-align: center; }



/* =============================================================================
 * Burger styling
 * ========================================================================== */
/* Move burger on toggle ---------------------------------------------------- */
#wMenuToggle:checked ~ * #wMenuIcon {
  position: fixed;
  left: 0;
  z-index: 99;
  background: #00B2E3;
}

/* Make the dropdown a cross on toggle -------------------------------------- */
#wMenuToggle:checked ~ * #wMenuIcon > span::before {
  width: 0.98em;
  -webkit-transform: translate(-0.025em, -0.006em) rotate(-90deg);
      -ms-transform: translate(-0.025em, -0.006em) rotate(-90deg);
          transform: translate(-0.025em, -0.006em) rotate(-90deg);
}

#wMenuToggle:checked ~ * #wMenuIcon > span::after {
  opacity: 0;
}

#wMenuToggle:checked ~ * #wMenuIcon > span {
  -webkit-transform: translate(0, 0.4375em) rotate(-134deg);
      -ms-transform: translate(0, 0.4375em) rotate(-134deg);
          transform: translate(0, 0.4375em) rotate(-134deg);
}

/* Menu tab ------------------------------------------------------------------*/
#wMenuIcon {
  position: relative;
}

#wMenuIcon:after {
  content: "MENU";
  font-size: 40%;
  position: absolute;
  top: 90%;
  left: 0;
  right: 0;
  text-align: center;
}

#wMenuToggle:checked ~ * #wMenuIcon:after {
  background: inherit;
  content: "CLOSE";
  border-radius: 0;
}

/* =============================================================================
 * Dropdown styling
 * ========================================================================== */
/* =============================================================================
   Slide out navigation styling
 * ========================================================================== */
/* Whole menu ------------------------------------------------------------*/



@media screen and (max-width:895px){
  /* Menu item styling -----------------------------------------------------*/
.wScripts #wMenuIcon + ul a .wMenuNavigation > div + div:after,
.wScripts #wMenuIcon + ul a, #wMenuIcon + ul span {
  color: #fff !important;
  text-shadow: none !important;
  transition: 0.2s;}

/* Background for the menu items -*/
.wScripts #wMenuIcon + ul [role="menuitem"] {
  background: none !important; }

/* Remove the bottom border from items*/
.wScripts #wMenuIcon + ul [role="menuitem"] {
  border: none !important; }

/* Remove border from last child ---*/
.wScripts #wMenuIcon + ul li:last-child:after {
  border-bottom: none !important; }

/* Hover and selected states ---------------------------------------------*/
.wScripts #wMenuIcon + ul a:hover,
.wScripts #wMenuIcon + ul li.wMenuSelected span,
.wScripts #wMenuIcon + ul li.wMenuAncestor,
.wScripts #wMenuIcon + ul li.wMenuAncestor > a {
  background: transparent !important;
  color: #fff !important; }

/* Arrow styling ---------------------------------------------------------*/
.wScripts #wMenuIcon + ul .wMenuNavigation > div:first-child,
.wScripts #wMenuIcon + ul .wMenuNavigation > div:first-child:after {
  border-left: none !important;
  background: #6aa014 !important;}

.wScripts #wMenuIcon + ul .wMenuNavigation > div:first-child:after,
.wScripts .wMenuOpen .wMenuNavigation > div:nth-child(2):before {
  color: #fff;
  font-family: 'Times New Roman', sans-serif;
  font-size: 1.5em;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100% !important; }

.wScripts #wMenuIcon + ul .wMenuNavigation > div:first-child:after {
  content: '>' !important;
  width: 100% !important; }

.wScripts .wMenuOpen .wMenuNavigation > div:nth-child(2):before {
  content: '<';
  color: #fff;
  background: #6aa014 !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 2em; }

#wMenuIcon > span, #wMenuIcon > span:before, #wMenuIcon > span:after {
    display: block;
    width: 1em;
    height: 0.125em;
    background: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

/* Arrow hover ------------*/
.wScripts #wMenuIcon + ul .wMenuNavigation > div:first-child:hover,
.wScripts #wMenuIcon + ul .wMenuNavigation > div + div:hover {
  background: #6aa014 !important; }

/* Submenus --------------------------------------------------------------*/
/* Title in submenus */
.wScripts #wMenuIcon + ul .wMenuNavigation > div + div:after {
  background: #6aa014 !important;
  color: #fff !important;
  text-shadow: none !important; }

/* Bottom border of sub menu titles */
.wScripts #wMenuIcon + ul .wMenuNavigation > div + div {
  border-color: #6aa014 !important; }


  .wScripts #wMenuIcon + ul{
    background: #46A3D8 !important;
  }


  .wScripts #wMenuIcon + ul > li > a:hover,
  .wScripts #wMenuIcon + ul > li.wMenuAncestor > a,
  .wScripts #wMenuIcon + ul > li.wMenuSelected span,
  .wScripts #wMenuIcon + ul > li .wMenuNavigation > div:first-child:after{
    background: #2f86b8 !important;
  }
}


/* =============================================================================
   Banner
 * ========================================================================== */
#bannerContent {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 180px!important; }

/* =============================================================================
 * Content sections
 * ========================================================================== */
/* Standard content sections -------------------------------------------------*/
.WhiteContent {
  background: #fff; }

.LGreyContent {
  background: #EFEFEF; }

.DGreyContent {
  background: #21333A;
  color: #fff; }

.BlueContent {
  background: #00B2E3;
}

.LBlueContent{
  background: #6BC4E8;
}

.LLBlueContent{
  background: #9ED5EF;
}

.DBlueContent{
  background: #003DA6;
  color: white;
}

.DDBlueContent{
  background: #0F206C;
  color: white;
}

.GreenContent {
  background: #0082CA;
  color: #fff; }

/* Full width map options ----------------------------------------------------*/
.mapContent, .mapContent iframe, .mapContent .wHasCover {
  min-height: 400px; }

/* =============================================================================
 * Footer
 * ========================================================================== */
#itseezeFooter {
  background: rgba(255, 255, 255, 0.1); }

#top .w-edit {
  position: relative;
  z-index: 9999999999 !important; }

@media screen and (max-width:671px){
  #itseezeFooter,
  .w-edit {
    text-align: center; } }

#w-cookies-accept {
  background: #00B2E3;
  color: #fff; }

/* =============================================================================
 * Options
 * ========================================================================== */
/* ROLLOVER - Standard ------------------------------------------------------ */
#top .rollover {
  position: relative; }

#top .rollover > :last-child {
  position: absolute;
  opacity: 0; }

#top .rollover > * {
  transition: opacity 0.2s linear; }

#top .rollover:hover > :first-child {
  opacity: 0; }

#top .rollover:hover > :last-child {
  opacity: 1; }

/* ROLLOVER - Grow (no overflow) -------------------------------------------- */
.growRollover, .growRollover img {
  transition: 0.5s;
  overflow: hidden; }

.growRollover:hover img {
  transform: scale(1.2); }

/* Dark rollover with content-------------------------------------------------*/
.darkRolloverContent {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  transition: 0.5s; }

#top .darkRolloverContent:hover {
  background: rgba(0, 0, 0, 0.4); }

/* Social icons --------------------------------------------------------------*/
.socialIconGroup > .wGutter > .wSplit > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }

/* IMAGE - circle ------------------------------------------------------------*/
.circleImage img {
  border-radius: 50%;
  border: 10px solid transparent; }

.circleImage {
  border-radius: 50%; }

/* Extra space options -------------------------------------------------------*/
.wEdit .extraSpace {
  border: 1px dashed #ccc; }

/* Equal height columns ------------------------------------------------------*/
@media screen and (min-width:896px){
  .equalHeightContent {
    display: flex;
    align-items: center; }
  .equalHeightContent > div {
    padding: 100px !important; } }

@media screen and (min-width:896px) and (max-width:1119px){
  .equalHeightContent > div {
    padding: 50px !important; } }

@media screen and (max-width:895px){
  .equalHeightMedia {
    min-height: 300px; } }

/* BUTTON OPTIONS ------------------------------------------------------------ */
.wButton > span,
.buttonBranded .wButton > span {
  display: inline-block;
  transition: 0.6s;
  padding: 1.3em 1.5em;
  margin: 5px 0;
  text-shadow: none;
  box-shadow: none;
  line-height: 1.5;
  border-radius: 0;
  background: #00B2E3;
  color: #fff;
  border: none;
   font-size: 10px!important;
  font-weight: 700!important;
  letter-spacing: 2px!important;
  text-transform: uppercase!important; }

.wButton > span:hover,
.buttonBranded .wButton > span:hover {
  background: #22bef4;
  color: #fff; }

.buttonWhite .wButton > span {
  background: #fff !important;
  color: #00B2E3 !important;
   font-size: 10px!important;
  font-weight: 700!important;
  letter-spacing: 2px!important;
text-transform: uppercase!important;}
  .buttonWhite .wButton > span:hover {
    background: #EFEFEF !important; }

.buttonGreen .wButton > span {
  background: #0082CA !important;
  color: #fff !important;
   font-size: 10px!important;
  font-weight: 700!important;
  letter-spacing: 2px!important;
text-transform: uppercase!important;}
  .buttonGreen .wButton > span:hover {
    background: #9dd64c !important; }

.headerButton .wButton > span {
  background: #00B2E3 !important;
  color: #fff !important;
   font-size: 10px!important;
  font-weight: 700!important;
  letter-spacing: 2px!important;
text-transform: uppercase!important;}
  .headerButton .wButton > span:hover {
    background: #fff !important;
    color: #21333A !important; }

.w-sticky-fixed .headerButton .wButton > span {
  color: #fff !important;
   font-size: 10px!important;
  font-weight: 700!important;
  letter-spacing: 2px!important;
  text-transform: uppercase!important; 
  background: #00B2E3 !important;
}
  .w-sticky-fixed .headerButton .wButton > span:hover {
    background: #21333A !important;
    color: #fff !important; }

/* Animator rules   ----------------------------------------------------------*/
#top .Animator {
  position: relative; }

#top .Animator > .wSplit {
  position: relative;
  z-index: 1;
  overflow: hidden; }

#top .Animator > .wSplit > div > * {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }

#top .AnimatorScroller > .wSplit > div > * + * {
  position: absolute;
  left: 100%; }

#top .AnimatorFader > .wSplit > div > * + * {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0); }

#top .AnimatorButton {
  cursor: pointer; }

#top .AnimatorDots {
  position: absolute;
  z-index: 3; }

#top .AnimatorDot {
  position: relative;
  cursor: pointer; }

#top .AnimatorDot img + img {
  position: absolute;
  top: 0;
  left: 0; }

#top .AnimatorDotNest {
  position: absolute;
  top: 0; }

@media screen and (max-width:895px){
  .faderPanelInner {
    min-height: 80vh !important; } }

.faderPanelInner {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 180px!important;  }

@media screen and (min-width:896px){
  .faderPanelInner > .wCentred,
  #bannerContent > .wCentred {
    position: relative; }
    .faderPanelInner > .wCentred:after,
    #bannerContent > .wCentred:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 2px;
      height: 70vh;
      background: white; } }

/* Icon block ----------------------------------------------------------------*/
#top .iconBoxQuote img {
 margin-bottom: -24px;
position: relative;
 z-index: 2;
}

.iconBlock > .wColourblock {
 padding-top: 40px !important;
 -webkit-clip-path: polygon(0% 0%, calc(50% - 100px) 0%, 50% 35px, calc(50% + 100px) 0%, 100% 0%, 100% 100%, 0% 100%);
 clip-path: polygon(0% 0%, calc(50% - 100px) 0%, 50% 35px, calc(50% + 100px) 0%, 100% 0%, 100% 100%, 0% 100%);
}


/*============================================================================*/
/* Grid style basket (style B) */
/*============================================================================*/
/* General overall basket styling --------------------------------------------*/
#wBasket {
  grid-template-areas: "cart-icon view-basket account-icon account-text";
  grid-template-columns: 25px max-content 25px max-content;
  grid-template-rows: max-content;
  gap: 15px;
  display: grid;
  line-height: 1.2; }

#wBasket a{
  color: #fff;
}

@media screen and (max-width:671px){
  #wBasket {
    grid-template-columns: 25px 0 25px max-content;
    gap: 10px; }
  #wBasketView a {
    font-size: 0; } }

#wBasketItems {
  grid-area: cart-icon; }

#wBasketAccount {
  grid-area: account-text; }

#wBasketView {
  grid-area: view-basket; }

#wBasket > div {
  min-height: 25px;
  display: flex;
  align-items: center; }

/* Basket and account icons --------------------------------------------------*/
#wBasketView a,
#wBasketAccount {
  position: relative; }

#wBasketAccount a:first-child:before,
#wBasketView a:before {
  background: url("../_webedit/uploaded-files/shop-icon-basket.png") left center no-repeat;
  height: 25px;
  width: 25px;
  content: '';
  background-size: contain;
  position: absolute;
  right: calc(100% + 15px);
  top: 50%;
  transform: translateY(-50%); }

/* Account icon */
#wBasketAccount a:first-child:before {
  background-image: url("../_webedit/uploaded-files/shop-icon-account.png"); }

/* The circle displaying the number of items in the basket ------------------*/
#wBasketItems > a {
  background: #00B2E3;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 16px !important;
  display: inline-block;
  text-shadow: none;
  line-height: 1.1em;
  min-width: 1.1em;
  width: unset;
  height: auto;
  padding: 1px;
  position: relative;
  right: -16px;
  top: -8px;
  z-index: 2; }

#wBasket #wBasketItems {
  justify-content: flex-end;
  align-items: flex-start; }

/* Bits we want to hide ------------------------------------------------------*/
#wBasketName,
#wBasketSummary {
  display: none !important; }

/* Mobile view ---------------------------------------------------------------*/
@media screen and (max-width:671px){
  #wBasket {
    font-size: 85%; } }


/* Chunky search bar -----------------------*/ 
 
.wSearch input[type=text]{ 
  height: 32px; 
  padding-left: 10px; 
 } 
  
 .wSearch button{ 
  vertical-align: middle; 
  margin: 0 0 0 -2em; 
 }

@media screen and (min-width:896px){
  #searchRow{
    float: right;
  }
}

@media screen and (max-width:895px){
  #shopBar{
    background: #222222;
  }
}

@media screen and (min-width:448px){
  #searchRow{
    padding-right: 20px;
  }
}

@media screen and (max-width:447px){
  .wSearch{
    text-align: left;
  }
}


/* SHOP STYLING --------------------------------------------------------------*/
.sContent {
  position: relative; }

/* Shop heading styling */
.sContent h1,
h1.sContent,
.sProductImagesAndDetails h1 {
  font-weight: bold;
  text-align: center;
  color: #00B2E3; }

.sContent h1:not(.s-product-name),
h1.sContent:not(.s-product-name),
#sBasketUpdate,
#sBasketFooter,
.webeditShopBreadcrumbs,
.sContent h2,
h2.sContent {
  position: relative; }
  .sContent h1:not(.s-product-name):before, .sContent h1:not(.s-product-name):after,
  h1.sContent:not(.s-product-name):before,
  h1.sContent:not(.s-product-name):after,
  #sBasketUpdate:before,
  #sBasketUpdate:after,
  #sBasketFooter:before,
  #sBasketFooter:after,
  .webeditShopBreadcrumbs:before,
  .webeditShopBreadcrumbs:after,
  .sContent h2:before,
  .sContent h2:after,
  h2.sContent:before,
  h2.sContent:after {
    content: '';
    background: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 300vw; }
  .sContent h1:not(.s-product-name):before,
  h1.sContent:not(.s-product-name):before,
  #sBasketUpdate:before,
  #sBasketFooter:before,
  .webeditShopBreadcrumbs:before,
  .sContent h2:before,
  h2.sContent:before {
    left: unset;
    right: 100%; }

.sContent h2 {
  margin-bottom: 50px; }

/* Chunky titles */
.s-products-filter-title,
.s-products-grid .s-products-name,
div.s-basket-item-description,
.sBasketItems th,
.s-product-variants th {
  font-weight: bold;
  font-size: 1.15em; }

/* Stuff we want to hide */
h2.sCategoriesHeader,
h2.sProductsHeader {
  display: none; }

/* Product page styling ------------------------*/
div.s-product-description {
  padding: 30px 0 0; }

.w-stars {
  fill: #00B2E3; }

/* Category page styling -----------------------*/
/* Filter styling */
div.s-products-filter {
  background: transparent;
  border-color: transparent; }

.s-products-filter-button .wButton {
  margin: 0; }

/* White filter icon */
.s-products-filter-button .wButton > span > span {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath fill='%23fff' d='M0,1 0,3 6,9 6,15 9,15 9,9 15,3 15,1z'/%3E%3C/svg%3E"); }

.s-products-filter-title {
  background: transparent;
  color: #00B2E3; }

@media screen and (min-width:1120px){
  .s-products-filter-title {
    padding-left: 0;
    padding-right: 0; }
  .s-products-filter-content {
    padding-left: 0;
    padding-right: 0; } }

.s-products-filter-content input + span {
  background-color: #00B2E3;
  border-color: transparent;
  border-radius: 0; }

.s-products-filter-content input:checked + span {
  border-color: #00B2E3;
  background-color: #fff; }

.s-products-filter-content {
  padding-left: 0;
  padding-right: 0; }

/* Sorting box */
.s-products-sort-order select {
  border-radius: 0;
  border-width: 2px;
  margin-left: 10px;
  min-height: 3em; }

.s-products-sort-order select option {
  min-height: 3em; }

/* Breadcrumb styling */
.webeditShopBreadcrumbs {
  margin-bottom: 40px;
  font-weight: bold; }

.webeditShopBreadcrumbs + h1 {
  position: relative;
  background: #00B2E3;
  color: #fff;
  padding: 20px; }

.webeditShopBreadcrumbs a,
.webeditShopBreadcrumbs span {
  font-weight: normal; }

/* Product grid item styling */
.s-products-grid li {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center; }

.s-products-grid li * {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }

.s-products-grid .s-products-name {
  min-height: unset !important;
  margin-bottom: 0; }

.s-products-grid .s-products-colours > ul {
  justify-content: flex-start; }

.s-products-grid .s-products-colours > ul > li,
.s-products-grid .s-products-colours > ul > li:after {
  border-radius: 50%; }

.s-products-grid .s-products-name {
  font-weight: normal;
  padding-bottom: 20px; }

/* Variant table styling */
.s-product-variants tr:nth-child(odd) th,
.s-product-variants tr:nth-child(odd) td {
  background: rgba(11, 163, 216, 0.25); }

.sProductVariantRadio label > span:first-child,
.sProductVariantRadio input:checked ~ label > span:first-child {
  background: #00B2E3;
  border-color: #00B2E3;
  box-shadow: none; }

.s-product-variants input:checked ~ label > span:first-child:after {
  background: #fff;
  border-color: transparent;
  box-shadow: none; }

.s-product-variants th,
.s-product-variants td {
  padding: 10px; }

/* Shop button styling --------------------*/
.sButton.wButton > span {
  padding: 0.6em 1.5em; }

.wButton[disabled="disabled"] > span {
  background: #ddd; }

/* Basket page styling -------------------*/
.s-product-variants {
  background: rgba(11, 163, 216, 0.25);
  width: 100%;
  margin-bottom: 20px !important; }

.s-product-summary {
  border-top: 1px solid #ddd;
  padding: 20px 0;
  margin-bottom: 0; }

.sProductImagesAndDetails h1 {
  text-align: left; }

.sProductDetails {
  padding: 0 40px !important; }

.sContent select {
  border-radius: 0;
  min-height: 40px; }

.sBasket table {
  width: 100%; }

.sContent h1 {
  position: relative;
  padding: 0 30px 30px;
  margin-bottom: 40px; }

.sContent h1:before {
  content: '';
  border-bottom: 1px solid #ddd;
  position: absolute;
  left: -100vw;
  right: -100vw;
  bottom: 0; }

#sBasketItems {
  padding-top: 40px; }

.s-basket-item {
  border-bottom: 1px solid #ddd; }

.sBasket th + th, .sBasket td + td {
  padding-top: 10px; }

div.s-basket-item-description,
.sBasketItems th {
  color: #00B2E3;
  margin-bottom: 5px; }

.sBasketRemove {
  background: #00B2E3; }

.s-basket-item > * {
  padding-top: 20px !important; }

#sBasketTotals {
  border-top: 20px solid transparent; }

#sBasketCountry {
  padding-bottom: 20px; }

#sBasketUpdate {
  padding-top: 40px;
  position: relative; }

#sBasketUpdate:before {
  content: '';
  border-bottom: 1px solid #ddd;
  position: absolute;
  left: -100vw;s
  right: -100vw;
  top: 0;
  width: 200vw; }

.webeditShopEmptyCategory{
  padding-top: 30px;
}

.webeditShopEmptyCategory h1:before,
.webeditShopEmptyCategory h1:after{
  display: none;
}