@font-face{font-family:"Ovo";font-weight:400;src:url("/-fonts/ovo/400.woff2") format("woff2");}
@font-face{font-family:"Lora";font-weight:400;src:url("/-fonts/lora/400.woff2") format("woff2");}
@font-face{font-family:"Lora";font-weight:400;font-style:italic;src:url("/-fonts/lora/400i.woff2") format("woff2");}
@font-face{font-family:"Lora";font-weight:700;src:url("/-fonts/lora/700.woff2") format("woff2");}
@font-face{font-family:"Lora";font-weight:700;font-style:italic;src:url("/-fonts/lora/700i.woff2") format("woff2");}
@font-face{font-family:"Cinzel";font-weight:400;src:url("/-fonts/cinzel/400.woff2") format("woff2");}
@font-face{font-family:"Cinzel";font-weight:700;src:url("/-fonts/cinzel/700.woff2") format("woff2");}
html{
  height          : 100%;
  scroll-behavior : smooth;
}

body{
  height                   : 100%;
  margin                   : 0;
  padding                  : 0;
  font-size                : 16px;
  -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;
}

.wWidth300{
  width : 300px;
}

#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:1023px){

  #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         : #fff;
    -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     : 16px !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 : 14px !important;
    }

  }

}

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

.wGutter4 { margin : 0 -2px; }
.wGutter8 { margin : 0 -4px; }
.wGutter10 { margin : 0 -5px; }
.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;
}

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

.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:1024px) and (max-width:1279px){

  .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:1023px),screen and (min-width:1280px){

  .wOver0{
    clear : none !important;
  }

  .wOverAll{
    float : left;
  }

}

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

  .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:512px) and (max-width:767px){

  .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:768px) and (max-width:1023px){

  .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:1280px){

  .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;
}

.wLeading,
.wCentral{
  margin-right : -100%;
}

.wLeading,
.wTrailing{
  position : relative;
}

.wTrailing{
  float       : right;
  margin-left : -100%;
}

.wLeading15 > .wLeading{
  width : 15px;
}

.wLeading25 > .wLeading{
  width : 25px;
}

.wLeading32 > .wLeading{
  width : 32px;
}

.wLeading50 > .wLeading{
  width : 50px;
}

.wLeading300 > .wLeading{
  width : 300px;
}

.wCentral.wLeading25{
  padding-left : 25px;
}

.wCentral.wLeading35{
  padding-left : 35px;
}

.wCentral.wLeading42{
  padding-left : 42px;
}

.wCentral.wLeading80{
  padding-left : 80px;
}

.wCentral.wLeading320{
  padding-left : 320px;
}

.wTrailing140 > .wTrailing{
  width : 140px;
}

.wTrailing220 > .wTrailing{
  width : 220px;
}

.wTrailing300 > .wTrailing{
  width : 300px;
}

.wTrailing220 > .wCentral{
  padding-right : 220px;
}

.wCentral.wTrailing170{
  padding-right : 170px;
}

.wCentral.wTrailing320{
  padding-right : 320px;
}

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

  .wSplit.wRowsXs > div,
  .wSplit.wRowsXs > aside,
  .wSplit.wRowsXs > footer,
  .wSplit.wRowsXs > header,
  .wSplit.wRowsXs > main,
  .wSplit.wRowsXs > nav{
    clear      : both;
    width      : 100% !important;
    margin-top : 0 !important;
    padding    : 0 !important;
  }

  .wRowsXs > :first-child > :first-child{
    margin-top : 0 !important;
  }

}

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

  .wSplit.wRowsS > div,
  .wSplit.wRowsS > aside,
  .wSplit.wRowsS > footer,
  .wSplit.wRowsS > header,
  .wSplit.wRowsS > main,
  .wSplit.wRowsS > nav{
    clear      : both;
    width      : 100% !important;
    margin-top : 0 !important;
    padding    : 0 !important;
  }

  .wRowsS > :first-child > :first-child{
    margin-top : 0 !important;
  }

}

@media screen and (min-width:768px) and (max-width:1023px){

  .wSplit.wRowsM > div,
  .wSplit.wRowsM > aside,
  .wSplit.wRowsM > footer,
  .wSplit.wRowsM > header,
  .wSplit.wRowsM > main,
  .wSplit.wRowsM > nav{
    clear      : both;
    width      : 100% !important;
    margin-top : 0 !important;
    padding    : 0 !important;
  }

  .wRowsM > :first-child > :first-child{
    margin-top : 0 !important;
  }

}

@media screen and (min-width:1024px) and (max-width:1279px){

  .wSplit.wRowsL > div,
  .wSplit.wRowsL > aside,
  .wSplit.wRowsL > footer,
  .wSplit.wRowsL > header,
  .wSplit.wRowsL > main,
  .wSplit.wRowsL > nav{
    clear      : both;
    width      : 100% !important;
    margin-top : 0 !important;
    padding    : 0 !important;
  }

  .wRowsL > :first-child > :first-child{
    margin-top : 0 !important;
  }

}

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

  .wSplit.wRowsXl > div,
  .wSplit.wRowsXl > aside,
  .wSplit.wRowsXl > footer,
  .wSplit.wRowsXl > header,
  .wSplit.wRowsXl > main,
  .wSplit.wRowsXl > nav{
    clear      : both;
    width      : 100% !important;
    margin-top : 0 !important;
    padding    : 0 !important;
  }

  .wRowsXl > :first-child > :first-child{
    margin-top : 0 !important;
  }

}

#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;
}

.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{
  line-height : 1.5;
  text-align  : right;
}

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

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

  .wSearch{
    height : 1.75em;
  }

  #wSearchButton{
    display : inline;
    width   : 1.75em;
    margin  : 0;
    padding : 0;
    opacity : 0;
  }

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

  #wSearchButton ~ label:before{
    content         : '';
    display         : inline-block;
    width           : 1.75em;
    height          : 1.75em;
    background      : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ij48cGF0aCBmaWxsPSIjMjIyIiBkPSJNNSwxMmE3LDcgMCAxLDAgMTQsMGE3LDcgMCAxLDAgLTE0LDBNNywxMmE1LDUgMCAxLDAgMTAsMGE1LDUgMCAxLDAgLTEwLDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiMyMjIiIGQ9Ik0xNywxNS41IDIzLDIxLjUgMjEuNSwyMyAxNS41LDE3eiIvPjwvc3ZnPg%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;
  }

}

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

:root{--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;}
.wButtonLeft{text-align:left;}
.wButtonRight{text-align:right;}
.wButtonCentre{text-align:center;}
.wCentred{float:none;max-width:1536px;margin:0 auto;}
.wColourblock{border:0 solid var(--b);}
.webeditCopyrightComponent .webeditText{font-family:sans-serif;}
.webeditCopyrightComponent a{color:inherit;text-decoration:none;}
.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;}
.wEditButton{text-align:center;}
.wEditButton>svg{width:96px;height:16px;}
.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-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;}
.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;}
.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:#e5c55d!important;}
.webeditText .f8{color:#faded1!important;}
.webeditText .f10{color:#063869!important;}
.webeditText .f11{color:#fd2003!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:#e5c55d;}
.webeditText *>.h8,.w-background-8{background:#faded1;}
.webeditText *>.h10,.w-background-10{background:#063869;}
.webeditText *>.h11,.w-background-11{background:#fd2003;}
.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:#e5c55d;}
.w-border-8{--b:#faded1;}
.w-border-10{--b:#063869;}
.w-border-11{--b:#fd2003;}

@media screen and (max-width:511px){
.w-hide-xs{display:none;}
.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;}
}

@media screen and (min-width:512px) and (max-width:767px){
.w-hide-s{display:none;}
.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;}
}

@media screen and (min-width:768px) and (max-width:1023px){
.w-hide-m{display:none;}
.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;}
}

@media screen and (min-width:1024px) and (max-width:1279px){
.w-hide-l{display:none;}
.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;}
}

@media screen and (min-width:1280px){
.w-hide-xl{display:none;}
.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;}
}
.webeditText .twss{
  font-family : Verdana,Geneva,sans-serif;
}

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

.webeditText .tnss{
  font-family : sans-serif;
}

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

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

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

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

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

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

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

.webeditText .s10{ font-size:0.63em; }
.webeditText .s11{ font-size:0.69em; }
.webeditText .s12{ font-size:0.75em; }
.webeditText .s13{ font-size:0.81em; }
.webeditText .s14{ font-size:0.88em; }
.webeditText .s15{ font-size:0.94em; }
.webeditText .s16{ font-size:1em; }
.webeditText .s18{ font-size:1.13em; }
.webeditText .s20{ font-size:1.25em; }
.webeditText .s22{ font-size:1.38em; }
.webeditText .s24{ font-size:1.5em; }
.webeditText .s26{ font-size:1.63em; }
.webeditText .s28{ font-size:1.75em; }
.webeditText .s30{ font-size:1.88em; }
.webeditText .s32{ font-size:2em; }
.webeditText .s34{ font-size:2.13em; }
.webeditText .s36{ font-size:2.25em; }
.webeditText .s42{ font-size:2.63em; }
.webeditText .s48{ font-size:3em; }
.webeditText .s54{ font-size:3.38em; }
.webeditText .s60{ font-size:3.75em; }
.webeditText .s66{ font-size:4.13em; }
.webeditText .s72{ font-size:4.5em; }
#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 252px;
  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 63.492063492063%
}

.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:768px)     {  #top .mainAnimatorAnimator .AnimatorButton       { width: 3.2118055555556%; } }
@media screen and (max-width:767px) {  #top .mainAnimatorAnimator .AnimatorButton       { width: 24.666666666667px; } }
#top .mainAnimatorAnimator .AnimatorButton > img { margin-top: -89.189189189189%; } }
#top .mainAnimatorAnimator .AnimatorLeftButton   { left: 0%; }
#top .mainAnimatorAnimator .AnimatorRightButton  { right: 0%; }
                                                  #top .mainAnimatorAnimator .AnimatorDots    { right: 1.7361111111111%; bottom: 4.0241448692153%; }
                                                  #top .mainAnimatorAnimator .AnimatorDots    { left: 1.7361111111111%; bottom: 4.0241448692153%; }
                                                  #top .mainAnimatorAnimator .AnimatorDots    { left: 50%; bottom: 4.0241448692153%; }
@media screen and (min-width:768px)     { #top .mainAnimatorAnimator .AnimatorDots    { width: 1.3888888888889%; } }
@media screen and (max-width:767px) { #top .mainAnimatorAnimator .AnimatorDots    { width: 10.666666666667px; } }
#top .mainAnimatorAnimator .AnimatorDotNest { left:  162.5%; }

/* Build by CJW */

/*TABLE OF CONTENTS
 *
 * Site colour list
 * Sections in the order they appear from top to bottom, left to right on the site
 * Miscellaneous design bits
 * Options
 * General tweaks for every site
 *
 */

/*  Site colour list ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /*



*/
/* Body   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

body{

    background: -moz-linear-gradient(90deg, #ABDBFF 0%, #ABDBFF 1%, #007CDB 35%, #063360 100%) fixed; /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #063360), color-stop(65%, #007CDB), color-stop(99%, #ABDBFF), color-stop(100%, #ABDBFF)) fixed; /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #ABDBFF 0%, #ABDBFF 1%, #007CDB 35%, #063360 100%) fixed; /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #ABDBFF 0%, #ABDBFF 1%, #007CDB 35%, #063360 100%) fixed; /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #ABDBFF 0%, #ABDBFF 1%, #007CDB 35%, #063360 100%) fixed; /* ie10+ */
    background: linear-gradient(0deg, #ABDBFF 0%, #ABDBFF 1%, #007CDB 35%, #063360 100%) fixed; /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063360', endColorstr='#ABDBFF',GradientType=0 ) fixed; /* ie6-9 */

}

/* Header   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

header{
  color: white;
  padding: 30px 20px;
}

#logo{
  max-width: 480px;
  float: none;
  margin: 0 auto;
}

header a{
  color: white;
}


@media screen and (min-width:1024px) and (max-width:1279px){
  #miniBasket{
    max-width: 152px;
    float: right;
  }

  #miniBasket .wLeading35{
    margin-bottom: 10px;
  }
}

@media screen and (max-width:1023px){
  header{
    padding: 30px 20px 0;
  }
}

/* NavBar   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

@media screen and (min-width:1024px){
  #navBar{
    background: white;
    border-top: 4px solid #E5C55D;
    border-bottom: 4px solid #E5C55D;
    -webkit-box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.75);
  }
}


/* Mobile only stiff   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Align navigation centrally and move burger on toggle */

@media screen and (max-width:1023px){
    #navBarRow{
        position: relative;
        left: 50%;
        margin-left: -90px;
        transition: left 0.2s linear;
        width: 215px;
        margin-bottom: 20px;
    }
}
#wSearchButton ~ label::before {
  background: url("../_webedit/uploaded-files/search.png") no-repeat center/ 35px 35px;
  height: 35px;
  margin-top: 7px;
}
#wMenuIcon{
    position: relative;
    left: 0px;
    transition: left 0.2s linear;
}

#wMenuToggle:checked ~ * #navBarRow{
    left: 100%;
    margin-left: -50px;
}

/* ---- Just Basket Icon (always an icon) ---- */

div#wBasketName,
#wBasketAccount,
div#wBasketView,
div#wBasketSummary{
  display : none;
}

#wBasketItems{
  padding-top: 5px;
}

#wBasketItems > a{
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExOEY2MjlFQkJCODcwNjhDNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2OTg0OEY5OEQ0QTAxMUU1OTAwMEYwOTNBNEExRDREQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2OTg0OEY5N0Q0QTAxMUU1OTAwMEYwOTNBNEExRDREQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEzMzYxNjgzMDgyMDY4MTFBNEQ2RkVEODVCN0M0NDU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4RjYyOUVCQkI4NzA2OEM3Ii8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2BWu%2BWeQAACW5JREFUeNrsnQFkXlcUx0%2BTGCOUEGIlM0opJdMJq9AJnVan02qtOq1Oo9VqtDqrVqezarRam1ark1q0UotUYrHarFRLbVpisViJxWolZGIhlBJKZPfI%2Bebr8967J%2Fnee9999%2F1%2FHG2am6%2Fve%2B%2Bfc8495977LZufnycAkqYGtwBAWADCAhAWABAWgLBAgan759Ee3AWQGG%2Bs64XHAgiFWbHP2G%2FGuGr8u7HtMWM3G%2FtFxv5r7LSx13ALIawgXxn71tha%2BbrF2ECEuD4y9qOxNvm60diX8vMAwvqfvcaORXyPxfJ62de1IsIwdstrQVi4BbTa2LWY7y%2BXMSWajK2IGX%2FF2FsQVrGpN%2FZ9wCOFMV329%2BeK17whng3CKijdxlZZxjw2NlH29QtjQ5afWW%2FsCIRVTPYb22UZ89LYoZB%2F%2F1QEFsc5Y2sgrGLRIrmQjU5joyH%2F%2FszYUcvPcunhu6KWIIoorOVSRrA98D5j12O%2B32PsJ8trrJEyBIRVALh8sNIyZtzYAcVrdRibsYz5zNi7EJbfHKb4ajoza2ybIodipkRccdRKSKyHsPyklaILm%2BVwsj62iNflGeJNyxiua12CsPyjwVi%2FIq%2B6qRBJGEcDJYkwuA%2B5GcLyixtkr4aPRZQWNHDR9BNlftcIYfkBJ89bLGNeSF41W8H%2F88DYZcsYbgd1Q1j5h1cfnFWMOyAzwUo5rsjPtlIBGtU%2BC6uRdAXKb2ihZpUEXKnfI3%2FGwYl8M4SVT3oVD2%2BU7BX0xTJirMsyZrlcXy2ElS9OGduoSLi3KbzLUmBhDVvGeN2o9lFY%2FMA0bRSexT1L6RrmJCRqGtWrIax85FX9ihDDs7ehlK9lXJL5OLxtVPskrFoRVZNl3LDigScFTwzuWca0kIeNap%2BExbtk2i1juGG8I6W8Ki7kFq5R7YuwNkjCboPznomMr22S7BX9Wpkl1kNY7tAkeYotr7pI9vVTaXGb7LUyXspzCcJyJ68aIHv%2F7VdjJ6t8rZ3iveLwplGdd2Fxu6bNMoZ32OyUEkA1mSF9o7oBwqoeXAA9YRlTqidNOnLN92SmaAvt3RBWdWiWvMoGV8DvOnbtvMPH1vDmVa57Iaxs4WJivyJc8DKWMw5e%2F6x4UVtoznWjOo%2FC4jaIreYz5UheFcUw6RrVNyCsbOAFe8cUedVOenVbvIuwsEYsY9oV7xfCqhBeWtyrGPeFsYc5eD%2BltVu2Vau5bFTnRVicVw1IeIjjriLEuASvNj2peO%2B9lLNGdV6Exdu21lrGTIgHyBuXZaIRB7%2F30xBWsvDpeYcVYeXjHORVUXDh1HY80gnKUaPadWHxEUOaYuHntNC2ySvsbTstY3LVqHZZWHwYWr8ir7pDCw3mvHPL2KBlDDeqL0BYlcEFwhbLmGek67%2FlBd6GNmUZc5By0Kh2VVh8SOx%2BRV7F9aoZj4TF76VDMc75RrWLwrIdNluCe27D5B%2B8ZqzHMsb5RrVrwuK8akCRoHIucpX8hfc6PrWM4Ub1LghLRzfZq8zjynCRZ3jbmKZRzZ69GcKK91RnJbeKY1byqufkP48Vs12eMfMnZGyFsMKn0H%2BSbjMEh4hRKg7c93xiGcPnnPJZ9T%2BQ%2Fbz6wgiLb8R9pTvnOs91Khalma9mu9oWlxL6upjv8cd6rKdkK71BYexTiip4KFq9y4lrAgyXeeZSo1pzzCWnEl306gpVfoarEroubpnxypGZpQiLL4LrJG0J36zpEGFtUf7sA3r1HIQ58vsAs0OBkM%2BNau4Vak4D3BgQlmZvwGLpk7RkWhsKeUfuHymIiiISbm2RrykkifeZ4APjXyTtspkGxX2vFI4Wf8U5hpqAG71A6a37CROR9rSX4Djfj7au5F4Fd3qndeZp6YMY1sQJi5PocxncrOYQl6rhduDrFs%2BFFfb%2BNKfjsCcP7vZOc%2FUpO6ErccLaQPGfwZcUm0Nulm2RG7c3Riyv4xth7%2B9rslfjuTwxFfhlbk%2F5WteHTcBKwmrN6IaFNZY%2FjCgjzMkM51BIGNztubCaQ8TFk5f3KHyfJHsq7p1eDJklZrGkuTVqVphVp7xFEr%2B%2BwA07IOIqTY2fyA0M%2Bw09kpF3rTbcieCd0%2BU1LN7RvUm8UKsIcETu1WRI6pHVcuaGKGFluaT3mkylg8dWj5BuO9RpKgb8S3iJwo9AemBJIUqHpWTlMGaiQuFYhjeMZxM%2F0%2BI%2FJHI96T4OzicOLmFSVVp5257hdT6JEtbjKuQQjySs2YRSL2HhPnlwCssSOCHvXTO7a5P7uj3D6%2BNoNx4VCiekTpLlp6%2FXi6vnnb63JJ%2BYlLxqteRRGyUBbaRiw96HC9e8vn9QHuSY3EP%2BJeXdO1sz9lIlQjexlLd0HmYsrHLvdYp0qxuKTK2Ix7UlMqG7zmtsAwCoVFgciuZwn8AimKSI9WI1gUHwWmAxDEY5o%2BDqhjO4V0AJV%2Fsjl07XhMTLQdwzoKCLYs52DVua3EHJfCgk8BdeQXE%2BbkCYsHhh2Ptk76SDYsKtpB22iV7UZgoumK4j904cBtWFNwlvIsUK3rhdOtPyIh3kzjnpoDrwooH3aOGoJdUHXGm2f%2FFCuzfF%2Fd1GiCyUmK6KoN6mRZai6pTj5mS2GJwx%2Fk3VaQOBdBkTMS2ZSjesTuMZeEnFz7VSYc3gGXjJTLWFBY8FjwVhAYRCgFAI4LEgLIBQCIocCqfwDCAseCyQmcOAsEAQbjK%2FqLaw5pDAIwymISx4LYRBCAvky2NhZghhwWMBhEKAUAggLHgsEM%2B0K8JCHQvCgrAAQiGAxwIQVvLC4rMeXuJ5eMEsJfQBWEl9ECbCIfKrVISFcOgHUxAWKITHQiiEsOCxAEIhQCgEEFbywsIKB4RCeCyAUAgQCoEHTLsmLHgsCCsVYSXWvARVg3c%2Fv3RNWAiH8FapCQvhEMJKRViovmNGCGEBhEIAjwXgsSAsgFAIEAoBPBaEBfIgLFTe882Uq8LiGI2P%2BM0nky7nWMwdPKNckvhzS1pYPXhGuaTHdWGNGBvCc8oVQ%2FLcnBYW04kZYq5mgp1pvHAawuJE8APCwj%2FXmZXnNJkXYTHDxtYZG8Xzc5JReT7Daf0HNSlf%2FDvGTsJ7OeWljstzSfWXvi7lN8If4nTeWJ%2Bx3cY2GFtpbAWecWZwqHtq7J6xm5RRrbEuozc3YaxLDBSAGtwCkAbL5ufncRcAPBaAsACEBQCEBSAsAGEBAGEBCAtAWABAWADCAsXjPwEGAFJF7OVCezBTAAAAAElFTkSuQmCC') no-repeat center center;
  background-size: 42px;
  color: #04427F;
  font-family: "Lora", sans-serif;
  font-size : 15px;
  font-weight : 700;
  line-height : 50px;
  width: 50px;
  text-shadow: none;
}

div#wBasketItems{
  margin : 0;
}

/* Dropdown styling   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

@media screen and (min-width:1024px){
  /* General styling for the whole bar */
  nav .wDropdown {
    text-align: center;
  }

  /*Styling for dropdown menu*/
  nav .wDropdown ul {
    min-width: 100%;
    background: white;
    border-bottom: 4px solid #E5C55D;
  }

  /* ----- Basic styling ----- */

  /* Basic styling for TOP LEVEL menu items */
  nav .wDropdown > li > a, nav .wDropdown > li > span {
    line-height: 38px !important;
    color: #063461;
    text-transform: uppercase;
  }

  /* Basic children styling (all levels below top)*/
  nav .wDropdown ul li > a, nav .wDropdown ul li > span {
    color: #063461;
    text-transform: uppercase;
    line-height: 30px;
  }

  /* ----- Hover states -----*/

  /* Top level hover state
   * The item is hovered over or in the opened state - Can also include hover states of selected and ancestor states*/
  nav .wDropdown > li:hover > a, nav .wDropdown > li:hover > span,
  nav .wDropdown > li.wMenuOpen > a, nav .wDropdown > li.wMenuOpen > span,
  nav .wDropdown > li.wMenuSelected:hover > span,nav .wDropdown > li.wMenuAncestor:hover > a {
    transition: 0.2s;
    color: #ac8a1b;
  }

  /* Child level hover state
  /* The item is hovered over or in the opened state */
  nav .wDropdown ul li:hover > a,
  nav .wDropdown ul li:hover > span,
  nav .wDropdown ul li.wMenuOpen > a,
  nav .wDropdown ul li.wMenuOpen > span{
    transition: 0.2s;
    color: #ac8a1b;
  }

  /* ------ Selected states ----- */

  /* Top level selected state */
  nav .wDropdown > li.wMenuSelected > span {
    color: #ac8a1b;
  }

  /* Child selected state */
  nav .wDropdown ul li.wMenuSelected > span,
  nav .wDropdown ul li.wMenuSelected:hover > span {
    color: #ac8a1b;
  }

  /* First & last child styling */
  /* Often used to remove a separator border or image */
  nav .wDropdown > li:first-child{}
  nav .wDropdown > li:last-child,{}

  /* If using background images for dividers, you may need to use the below code./*
  nav .wDropdown > li:first-child a,nav .wDropdown > li:first-child span{background-image: none;}
  nav .wDropdown > li:last-child a,nav .wDropdown > li:last-child span{background-image: none;}
  */



  /* ----- Misc extra menu styling bits ------*/
  nav .wDropdown ul {min-width: 100%; text-align: left;}
  .wDropdown a,.wDropdown span{padding: 0 1em; line-height : 3em;}/* pad drop-down items */
}

/* Banner   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#banner{
  padding: 0 20px;
  min-height: 20px;
  color: white;
  border-bottom: 3px solid #E5C55D;
}

#banner .h8{
  background: #E5C55D;
  color: white;
  transition: 0.5s;
}

#banner .h8:hover{
  background: white;
  color: #053C73;
}

.scrollerPanelSplit{
  background: white;
  color: #003869;
  margin-bottom: 20px;
}

.coinName{
  background: #E5C55D;
  border-radius: 10px;
  color: #003869;
  margin-top: 10px;
  padding: 10px;
  font-size: 1vw;
}




/* Fader or Scroller Animator Styling 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; }


/* Content   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#content{
  padding: 20px;
}

#contentRow, .webeditShopComponent{
  background: white;
  border: 4px solid #E5C55D;
  -webkit-box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.75);
}

#contentInner, .webeditShopComponent{
  padding: 20px;
}

#content .w-background-8{
  background: white;
  transition: 0.5s;
}

#content .w-background-8:hover{
  background: #E5C55D;
}

@media screen and (max-width:1023px){
  #contentRow, .webeditShopComponent{
    border-left: none;
    border-right: none;
  }
}


@media screen and (max-width:767px){
  #content{
    padding: 0;
  }

  #contentRow{
    border-left: none;
    border-right: none;
  }
}

/* Footer ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

footer{
  padding: 20px;
  color: white;
}

@media screen and (min-width:1024px){
  #footerRow{
    padding: 0 20px;
  }
}

/* Shop styling   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Client doesn't want category images in shop */
.sCategoryImage{
  display: none !important;
}

.sCategoryName{
  text-transform: uppercase;
}

.sCategoriesGrid{
  margin-top: 20px !important;
}

/* ------ Shop Styling ------ */

/* Link styling in shop area */
.webeditShopComponent a{color: #053F79;}
.webeditShopComponent a:hover{ text-decoration: none;}

/* General text styling in shop area */
.webeditShopComponent .webeditText, .webeditShopComponent form, .webeditFormComponent label, .sContent{color: black;}

/* Heading styling in shop area */
.webeditShopComponent h1, .webeditShopComponent h2, .webeditShopComponent h3, .sProductsHeader{color: #053F79;}

/* Breadcrumb styling */
.webeditShopBreadcrumbs a{color: #053F79;}
.webeditShopBreadcrumbs a:hover{color: #E5C55D;}

/* Restyle the error message */
.webeditShopErrorMessage, .sError{
  background-color: #E5C55D;
  color: black;
  text-shadow: none;
  border: none;
}

/*  Button styling for all shop buttons */
.sButton span{
  border: none;
  border-radius: 0px;
  text-shadow: none;
  background: #E5C55D;
  color: #053D74;
  transition: 0.5s;
  text-transform: uppercase;
}

.sButton:hover span{
  background-color: #053D74;
  color: #E5C55D;
}

/* Change the colour of the delete button in the basket */
.sBasketRemove{background: #E5C55D;}

/* Replace the icons on the shop buttons (Images should ideally be 16x16px PNG) */
.sButtonRightArrow span span{background-image: url('../_webedit/uploaded-files/right-arrow.png');}
.sButtonPlus span span{background-image: url('../_webedit/uploaded-files/plus.png'); margin-top: 10px;}
.sButtonRefresh span span{background-image: url('../_webedit/uploaded-files/refresh.png');}
.sButtonLeftArrow span span{background-image: url('../_webedit/uploaded-files/left-arrow.png');}

/* Replace the image in the basket component */
#webeditBasketItems{
  /*background: url('../_webedit/uploaded-files/basket.jpg') center no-repeat;*/
}



/* Assorted bits of padding to make the whole thing look better */
#webeditShopShoppingCartUpdateHelp{padding-bottom: 10px;}
.webeditShopProductForm{margin: 10px 0;}
.webeditShopProductImages{margin-bottom: 10px;}
.webeditShopComponent{padding-top: 10px;}
.webeditShopCategoryDescription{margin-bottom:20px;}
.webeditShopCategoryDescription{padding-bottom: 15px;}
#webeditShopShoppingCartCheckout{margin-left: 58px;}
.sProductViewDetails span span{padding: 0 5px; background-image: none;}



.s-products-grid li{
  margin-bottom: 60px;
}


/* Miscellaneous design bits ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*Change the colour of the stars on required fields*/
.wFormRequired label:after, .wFormError{color: #E5C55D;}
.wColourblock .wFormRequired label:after, .wColourBlock .wFormError {color: ;}

/* Make the links match the page colours */
/*Standard colours*/
a:link, a:visited{ color: #053D74;} /*Normal*/
a:hover, a:active{ color: #E5C55D;} /*Hover*/

/*Colours for sections with a different background*/
footer a:link, footer a:visited {color: #E5C55D;}  /*Normal*/
footer a:hover, footer a:active {color: white;}   /*Hover*/


/*Button styling */
.wButton:not(.sButton) span,
.webeditShareComponent button > span{
  background: #E5C55D;
  color:  #053D74;
  text-shadow: none;
  transition: 0.5s;
  padding: 5px 10px;
  text-transform: uppercase;
  border-radius: 0;
  border: none;
}

.wButton:not(.sButton):hover span,
.webeditShareComponent:hover button > span{
    background: #053D74;
    color: #053D74;
}

/* Options --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.contentIcon100{max-width: 100px; float: none; margin: 0 auto;}
.contentIcon140{max-width: 140px; float: none; margin: 0 auto;}
.contentIcon300{max-width: 300px; float: none; margin: 0 auto;}
.extraPaddingRow10{padding-top: 10px;}
.extraPaddingRow20{padding-top: 20px;}
.wEdit .extraPadding{border: 1px dashed #cccccc;}

/* General tweaks for every site ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* pad the top of the page in edit mode in order to avoid the toolbar */
#webeditCoreEditModePage, .wEdit{padding-top : 100px;}

/* underline links only in the content area when the mouse hovers over them */
a{text-decoration : none;}
.content a:hover{text-decoration : underline;}

/* Colour the it'seeze link */
.webeditCopyrightComponent a{color : #f37422 !important;}

#backToTop{
    background: #cccccc url('../_webedit/uploaded-files/backToTopArrow.png') center no-repeat;
    background-size: contain;
    height: 28px;
}