@font-face {
  font-family: 'Metropolis';
  src: url("../fonts/metropolis-medium-webfont.woff2") format("woff2"), url("../fonts/metropolis-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Metropolis';
  src: url("../fonts/metropolis-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/metropolis-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Metropolis';
  src: url("../fonts/metropolis-bold-webfont.woff2") format("woff2"), url("../fonts/metropolis-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Metropolis';
  src: url("../fonts/metropolis-bolditalic-webfont.woff2") format("woff2"), url("../fonts/metropolis-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Metropolis';
  src: url("../fonts/metropolis-extrabold-webfont.woff2") format("woff2"), url("../fonts/metropolis-extrabold-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

html {
  font-size: 14px;
}

body {
  background: #fff;
  color: #222;
  font-family: 'Metropolis', sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
}

a:link, a:visited {
  color: #b71800;
  text-decoration: underline;
}

a:hover, a:active, a:focus {
  color: #f60001;
  text-decoration: none;
}

em {
  font-family: 'Metropolis', sans-serif;
  font-weight: normal;
  font-style: italic;
}

strong {
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
}

strong em,
em strong {
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: italic;
}

h1 {
  margin: 0;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  line-height: 1.2;
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 38px;
  font-size: 2.375rem;
  color: #39393a;
}

h2, h3 {
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
}

/* classes */
a.ext:after {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  vertical-align: baseline;
  position: relative;
  top: 0.1em;
  margin-left: -0.8em;
  left: 1.2em;
  background: transparent url(../img/ext.svg) 50% 50% no-repeat;
  -ms-background-size: contain;
  background-size: contain;
}

main > div > div a.ext:after {
  margin-right: 1.2em;
}

.runner a.ext:after,
.sidebar a.ext:after {
  background-image: url(../img/ext-dark.svg);
}

a.more {
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
}

a.more:link,
a.more:visited {
  text-decoration: none;
}

a.more:hover,
a.more:active,
a.more:focus {
  text-decoration: underline;
}

a.more:before {
  content: '';
  display: inline-block;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  margin-right: 0.6em;
  vertical-align: baseline;
  position: relative;
  top: 2px;
  top: 0.125rem;
}

a.more:link:before,
a.more:visited:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2I3MTkwMTt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 16px;
  -ms-background-size: 1rem, 1rem;
  background-size: 16px;
  background-size: 1rem, 1rem;
}

a.more:active:before,
a.more:hover:before,
a.more:focus:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2Y2MDAwMTt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 16px;
  -ms-background-size: 1rem, 1rem;
  background-size: 16px;
  background-size: 1rem, 1rem;
}

/* layout */
.topbar,
.wbcmenu > div,
.masthead,
.urgent-message,
.breadcrumb,
.main,
.footer,
.feedback,
.runner {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}

.topbar > div,
.wbcmenu > div > div,
.masthead > div,
.urgent-message > div,
.breadcrumb > div,
.main > div,
.footer > div,
.feedback > div,
.runner > div {
  box-sizing: border-box;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

ul.thirds {
  padding-left: 0;
}

ul.thirds > li {
  list-style: none;
}

.main .runner {
  clear: both;
  float: none;
  box-sizing: border-box;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #f8f7f8;
}

.main .runner.dark {
  background: #39393a;
  color: #fff;
  border-bottom: 4px solid #dddddd;
  border-bottom-width: 4px;
  border-bottom-width: 0.25rem;
}

.main .runner.white {
  background: #fff;
}

.thirds.bordered > div {
  margin-left: -20px;
  margin-left: -1.25rem;
  margin-right: -20px;
  margin-right: -1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  border-top: 6px solid #fff;
  border-top-width: 6px;
  border-top-width: 0.375rem;
}

.thirds.bordered > div:first-child {
  border-top: none;
}

/* top bar */
.topbar {
  background: #ebebeb;
  border-bottom: 2px solid #39393a;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
}

.topbar a:link,
.topbar a:visited {
  color: #222;
  text-decoration: none;
}

.topbar a:hover,
.topbar a:active,
.topbar a:focus {
  color: #f60001;
  text-decoration: underline;
}

.wbcmenu-trigger {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  line-height: 1;
}

.wbcmenu-trigger a {
  position: relative;
  padding-right: 38px;
  padding-right: 2.375rem;
}

.wbcmenu-trigger a:before {
  content: '';
  position: absolute;
  top: -6px;
  top: -0.375rem;
  right: 0;
  box-sizing: border-box;
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  border: 1px solid #222;
  border-radius: 100px;
  background: transparent url(../img/menu.svg) 50% 50% no-repeat;
  -ms-background-size: 32px;
  -ms-background-size: 2rem, 2rem;
  background-size: 32px;
  background-size: 2rem, 2rem;
}

.wbcmenu-trigger a:hover:before,
.wbcmenu-trigger a:active:before,
.wbcmenu-trigger a:focus:before {
  border-color: #f60001;
  border-width: 2px;
  border-width: 0.125rem;
}

.topbar ul {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.topbar li {
  display: inline-block;
  padding-right: 30px;
  padding-right: 1.875rem;
}

.topbar li.wide-only,
.topbar li.not-sm {
  display: none;
}

/* menu */
.wbcmenu {
  display: none;
  position: absolute;
  top: -10000px;
  left: 0;
  right: 0;
  z-index: 1000;
  will-change: transform;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective-origin: 50% 0;
          perspective-origin: 50% 0;
  -webkit-transform: perspective(1000px);
          transform: perspective(1000px);
  -webkit-transition: top 0 linear 0.4s, -webkit-transform 0.1s ease-out;
  transition: top 0 linear 0.4s, -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out, top 0 linear 0.4s;
  transition: transform 0.1s ease-out, top 0 linear 0.4s, -webkit-transform 0.1s ease-out;
}

.wbcmenu > div {
  background: #b71800;
  color: #fff;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
  box-shadow: 0 2px 20px rgba(57, 57, 58, 0.6);
  opacity: 0;
  will-change: opacity, transform;
  -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.15s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.15s ease-out, transform 0.2s ease-out;
  transition: opacity 0.15s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: rotateX(-40deg);
          transform: rotateX(-40deg);
}

.wbcmenu.open {
  top: 0;
  -webkit-transform: perspective(0px);
          transform: perspective(0px);
  -webkit-transition: -webkit-transform 0.1s ease-in;
  transition: -webkit-transform 0.1s ease-in;
  transition: transform 0.1s ease-in;
  transition: transform 0.1s ease-in, -webkit-transform 0.1s ease-in;
}

.wbcmenu.open > div {
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-in, -webkit-transform 0.15s ease-in;
  transition: opacity 0.1s ease-in, -webkit-transform 0.15s ease-in;
  transition: opacity 0.1s ease-in, transform 0.15s ease-in;
  transition: opacity 0.1s ease-in, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

.wbcmenu .wbcmenu-trigger {
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  top: 20px;
  top: 1.25rem;
  right: 0;
  margin: 0;
  line-height: 1;
}

.wbcmenu .wbcmenu-trigger a:link,
.wbcmenu .wbcmenu-trigger a:visited {
  color: #fff;
  text-decoration: none;
}

.wbcmenu .wbcmenu-trigger a:hover,
.wbcmenu .wbcmenu-trigger a:active,
.wbcmenu .wbcmenu-trigger a:focus {
  color: #fff;
  text-decoration: underline;
}

.wbcmenu .wbcmenu-trigger a:link:before,
.wbcmenu .wbcmenu-trigger a:visited:before {
  border-color: #dddddd;
}

.wbcmenu .wbcmenu-trigger a:hover:before,
.wbcmenu .wbcmenu-trigger a:active:before,
.wbcmenu .wbcmenu-trigger a:focus:before {
  border-color: #fff;
}

.wbcmenu .wbcmenu-trigger a:before {
  background-image: url(../img/white/close.svg);
}

.wbcmenu h2 {
  margin-top: 0;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  border-bottom: 4px solid #f8f7f8;
  line-height: 1;
}

.wbcmenu ul {
  margin: 0;
  padding: 0;
}

.wbcmenu li {
  list-style: none;
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.wbcmenu a:link,
.wbcmenu a:visited {
  color: #fff;
  text-decoration: none;
}

.wbcmenu a:hover,
.wbcmenu a:active,
.wbcmenu a:focus {
  color: #fff;
  text-decoration: underline;
}

.wbcmenu .tasks {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.wbcmenu .tasks li + li {
  padding-top: 10px;
  padding-top: 0.625rem;
}

.wbcmenu .tasks li a {
  display: block;
  line-height: 60px;
  line-height: 3.75rem;
  vertical-align: middle;
  padding-left: 70px;
  padding-left: 4.375rem;
  position: relative;
}

.wbcmenu .tasks li a:before {
  content: '';
  position: absolute;
  width: 60px;
  width: 3.75rem;
  height: 60px;
  height: 3.75rem;
  top: 0;
  left: 0;
  box-sizing: border-box;
  line-height: 60px;
  line-height: 3.75rem;
  background: transparent url(../img/this-section.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
  border: 2px solid #dddddd;
  border-radius: 2px;
  border-radius: 0.125rem;
  border-radius: 100px;
}

.wbcmenu .tasks li.pay a:before {
  background-image: url(../img/white/pay.svg);
}

.wbcmenu .tasks li.apply a:before {
  background-image: url(../img/white/apply.svg);
}

.wbcmenu .tasks li.report a:before {
  background-image: url(../img/white/report.svg);
}

.wbcmenu .tasks a:hover:before,
.wbcmenu .tasks a:active:before,
.wbcmenu .tasks a:focus:before {
  border-color: #fff;
  border-width: 3px;
  border-width: 0.1875rem;
}

.wbcmenu .utils {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.wbcmenu .utils li {
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 10px;
  padding-top: 0.625rem;
}

/* masthead */
.masthead {
  background: #b71800;
  border-bottom: 4px solid #39393a;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.masthead .logo {
  margin: 0;
  max-width: 308px;
  max-width: 19.25rem;
}

.masthead .logo a {
  display: block;
}

.masthead .logo img {
  width: 100%;
}

.masthead-search {
  position: relative;
  margin-top: 40px;
  margin-top: 2.5rem;
}

.masthead .form-text {
  border: none;
  background: #fff;
  outline: none;
  border-radius: 100px;
  box-sizing: border-box;
  width: 100%;
  padding-top: 9px;
  padding-top: 0.5625rem;
  padding-bottom: 9px;
  padding-bottom: 0.5625rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  font-size: 16px;
  line-height: initial;
}

.masthead .form-text::-webkit-input-placeholder {
  color: #5f5f61;
}

.masthead .form-text::-moz-placeholder {
  opacity: 1;
  color: #5f5f61;
}

.masthead .form-text:-ms-input-placeholder {
  color: #5f5f61;
}

.masthead .form-text:-moz-placeholder {
  opacity: 1;
  color: #5f5f61;
}

.masthead form button,
.find-my-nearest form button {
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  color: #fff;
  background: #222;
  border: 1px solid #fff;
  border-radius: 100px;
  line-height: 1;
  box-sizing: border-box;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  padding-left: 14px;
  padding-left: 0.875rem;
  padding-right: 2.3em;
  position: relative;
}

.masthead form button {
  position: absolute;
  top: 3px;
  top: 0.1875rem;
  right: 3px;
  right: 0.1875rem;
}

.masthead form button:hover,
.masthead form button:active,
.masthead form button:focus {
  background: #b71800;
  border: 1px solid #b71800;
}

.find-my-nearest form button:hover,
.find-my-nearest form button:active,
.find-my-nearest form button:focus {
  background: #39393a;
}

.masthead form button:after,
.find-my-nearest form button:after {
  content: '';
  position: absolute;
  top: 6px;
  top: 0.375rem;
  right: 9px;
  right: 0.5625rem;
  width: 1.2em;
  height: 1.2em;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48cGF0aCBkPSJNOTYuNiA3OS4xbC0xNS45LTE1LjljLTMuMS0zLjEtNy43LTQuMy0xMi0zLjEgMTAuNC0xNC43IDkuMy0zNS42LTMuOS00OC44LTE1LjEtMTUtMzkuMS0xNS01My44IDAtMTQuNyAxNC44LTE0LjcgMzguNyAwIDUzLjUgMTMuMiAxMy4yIDM0LjEgMTQuNyA0OC44IDMuOS0xLjIgNC4zIDAgOC45IDMuMSAxMmwxNS45IDE1LjljNSA0LjYgMTIuOCA0LjYgMTcuNCAwIDUtNC44IDUtMTIuNS40LTE3LjV6bS03NS4xLTI0LjhjLTkuMy05LjMtOS4zLTI0LjQgMC0zMy43IDkuMy04LjkgMjQtOC45IDMzLjMuNHM5LjMgMjQuNCAwIDMzLjdjLTkuMyA4LjktMjQgOC45LTMzLjMtLjR6Ii8+PC9zdmc+") 50% 50% no-repeat;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
}

.extra-search {
  padding: 0;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.extra-search li {
  list-style: none;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 16px;
  margin-top: 1rem;
}

.extra-search a:link,
.extra-search a:visited {
  color: #fff;
  text-decoration: none;
}

.extra-search a:hover,
.extra-search a:active,
.extra-search a:focus {
  color: #fff;
  text-decoration: underline;
}

/* urgent message bar */
.urgent-message {
  margin-top: 50px;
  margin-top: 3.125rem;
  background: #222;
  color: #fff;
  padding-top: 64px;
  padding-top: 4rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  line-height: 1.2;
}

.urgent-message p {
  margin-top: 0;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  font-size: 18px;
  font-size: 1.125rem;
  color: #dddddd;
}

.urgent-message h2 {
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 30px;
  font-size: 1.875rem;
  color: #fff;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
}

.urgent-message a.more {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.urgent-message a.more:link,
.urgent-message a.more:visited {
  color: #fff;
}

.urgent-message a.more:hover,
.urgent-message a.more:active,
.urgent-message a.more:focus {
  color: #dddddd;
}

.urgent-message a.more:before {
  position: relative;
  top: 3px;
  top: 0.1875rem;
}

.urgent-message a.more:link:before,
.urgent-message a.more:visited:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=");
}

.urgent-message a.more:active:before,
.urgent-message a.more:hover:before,
.urgent-message a.more:focus:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2RkZGRkZDt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=");
}

.urgent-message.alert {
  border-bottom: 4px solid #b71800;
}

.urgent-message.info {
  border-bottom: 4px solid #b71800;
}

.urgent-message > div:before {
  content: '';
  position: absolute;
  top: -100px;
  top: -6.25rem;
  left: 0;
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  box-sizing: border-box;
  border-radius: 1000px;
  border: 4px solid #222;
  border-width: 3px;
  border-width: 0.1875rem;
  box-shadow: 0 0 0 5px #fff;
  box-shadow: 0 0 0 0.3125rem #fff;
}

.urgent-message.alert > div:before {
  border-color: #b71800;
  background: #fff url(../img/alert.svg) 50% 50% no-repeat;
  -ms-background-size: 80px;
  -ms-background-size: 5rem, 5rem;
  background-size: 80px;
  background-size: 5rem, 5rem;
}

.urgent-message.info > div:before {
  border-color: #b71800;
  background: #fff url(../img/info.svg) 50% 50% no-repeat;
  -ms-background-size: 80px;
  -ms-background-size: 5rem, 5rem;
  background-size: 80px;
  background-size: 5rem, 5rem;
}

/* breadcrumb */
.breadcrumb {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.urgent-message + .breadcrumb {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.breadcrumb ol {
  margin: 0;
  border-bottom: 4px solid #dddddd;
  padding: 0;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.breadcrumb li {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  padding-left: 27px;
  padding-left: 1.6875rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}

.breadcrumb li:before {
  content: '';
  position: absolute;
  top: 3px;
  top: 0.1875rem;
  left: 0;
  width: 8px;
  width: 0.5rem;
  height: 11px;
  height: 0.6875rem;
  background: transparent url(../img/chevron.svg) 50% 50% no-repeat;
  -ms-background-size: contain;
  background-size: contain;
}

.breadcrumb a:link,
.breadcrumb a:visited {
  text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus {
  text-decoration: underline;
}

/* main */
.main {
  overflow: hidden;
  line-height: 1.5;
}

.main:before, .main:after {
  content: "";
  display: table;
}

.main:after {
  clear: both;
}

.main > div:before, .main > div:after {
  content: "";
  display: table;
}

.main > div:after {
  clear: both;
}

/* footer */
.footer {
  margin-top: 60px;
  margin-top: 3.75rem;
  background: #222;
  border-top: 4px solid #dddddd;
  color: #fff;
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
}

.footer ul {
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 0;
  padding: 0;
}

.footer li {
  list-style: none;
  margin-top: 10px;
  margin-top: 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.footer a:link,
.footer a:visited {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
}

.footer a:hover,
.footer a:active,
.footer a:focus {
  color: #fff;
  text-decoration: underline;
  opacity: 1;
}

.footer p {
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 0;
}

.footer .newsletter {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  max-width: 240px;
  max-width: 15rem;
  line-height: 1.2;
}

.footer .newsletter a:after {
  content: '';
  display: inline-block;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  vertical-align: baseline;
  margin-left: 6px;
  margin-left: 0.375rem;
  position: relative;
  top: 3px;
  top: 0.1875rem;
}

.footer .social {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.footer .social li {
  display: inline-block;
  margin-left: 26px;
  margin-left: 1.625rem;
}

.footer .social li:first-child {
  margin-left: 0;
}

.footer .social li a {
  display: block;
  overflow: hidden;
  height: 0;
  width: 24px;
  width: 1.5rem;
  padding-top: 24px;
  padding-top: 1.5rem;
  opacity: 0.7;
}

.footer .social li.social-facebook a {
  background: transparent url(../img/social/facebook.svg) 50% 50% no-repeat;
  -ms-background-size: cover;
  background-size: cover;
}

.footer .social li.social-twitter a {
  background: transparent url(../img/social/twitter.svg) 50% 50% no-repeat;
  -ms-background-size: 24px;
  -ms-background-size: 1.5rem, 1.5rem;
  background-size: 24px;
  background-size: 1.5rem, 1.5rem;
}

.footer .social li.social-instagram a {
  background: transparent url(../img/social/instagram.svg) 50% 50% no-repeat;
  -ms-background-size: 24px;
  -ms-background-size: 1.5rem, 1.5rem;
  background-size: 24px;
  background-size: 1.5rem, 1.5rem;
}

.footer .social li.social-youtube a {
  width: 28px;
  width: 1.75rem;
  background: transparent url(../img/social/youtube.svg) 50% 50% no-repeat;
  -ms-background-size: 28px;
  -ms-background-size: 1.75rem, 1.75rem;
  background-size: 28px;
  background-size: 1.75rem, 1.75rem;
}

.footer .social li a:hover,
.footer .social li a:active,
.footer .social li a:focus {
  opacity: 1;
}

.footer .newsletter a:link:after,
.footer .newsletter a:visited:after {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 16px;
  -ms-background-size: 1rem, 1rem;
  background-size: 16px;
  background-size: 1rem, 1rem;
}

.footer .newsletter a:active:after,
.footer .newsletter a:hover:after,
.footer .newsletter a:focus:after {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2RkZGRkZDt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 16px;
  -ms-background-size: 1rem, 1rem;
  background-size: 16px;
  background-size: 1rem, 1rem;
}

.footer .logo {
  clear: both;
  margin-top: 0;
  padding-top: 50px;
  padding-top: 3.125rem;
}

.footer .logo a {
  opacity: 1;
}

/* feedback panel */
.feedback {
  position: static;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1100;
}

.feedback > div > div {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 100%;
  width: 250px;
  width: 15.625rem;
  background: #39393a;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}

.feedback h2 {
  margin: 0;
  color: #fff;
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
}

.feedback .feedback-link {
  display: block;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  text-align: center;
}

#feedback-form-toggle {
  display: none;
}

.feedback form {
  color: #fff;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.feedback .form-item-message {
  position: relative;
  margin-top: 10px;
  margin-top: 0.625rem;
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
}

.feedback .form-required {
  position: absolute;
  top: 0.3em;
  right: 0;
  width: 0.8em;
  height: 0;
  padding-top: 0.8em;
  overflow: hidden;
  background: transparent url(../img/white/asterisk.svg) 50% 50% no-repeat;
  -ms-background-size: cover;
  background-size: cover;
}

.feedback textarea {
  border: 0;
  outline: none;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  padding: 0.625rem;
  background: #f8f7f8;
  color: #222;
  font-size: 16px;
  font-family: 'Metropolis', sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.feedback .form-actions {
  text-align: right;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.feedback .form-submit {
  border: 1px solid #222;
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #222;
  background: #dddddd;
  border-radius: 100px;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  line-height: 1;
}

.main h2 {
  color: #39393a;
  margin-top: 40px;
  margin-top: 2.5rem;
  line-height: 1.4;
}

.main .dark h2 {
  color: #fff;
}

.main h3 {
  color: #39393a;
  margin-top: 30px;
  margin-top: 1.875rem;
  line-height: 1.4;
}

.main p {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.main ul,
.main ol {
  padding-left: 20px;
  padding-left: 1.25rem;
}

.main li {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.main ul li {
  list-style: none;
}

.main ul li:before {
  content: '';
  display: inline-block;
  width: 11px;
  width: 0.6875rem;
  height: 11px;
  height: 0.6875rem;
  border-radius: 1em;
  background: #dddddd;
  float: left;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-left: -20px;
  margin-left: -1.25rem;
}

/* classes */
.bigimg {
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.datatable {
  position: relative;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  margin-left: -20px;
  margin-left: -1.25rem;
  margin-right: -20px;
  margin-right: -1.25rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  overflow-x: auto;
  background: #f8f7f8;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background: -webkit-linear-gradient(left, #f8f7f8 0%, #f8f7f8 94%, #eeecee 100%);
  background: linear-gradient(to right, #f8f7f8 0%, #f8f7f8 94%, #eeecee 100%);
  background-position: fixed;
}

.datatable table {
  border-collapse: separate;
  border-spacing: 10px;
  border-spacing: 0.625rem;
  min-width: 690px;
  padding-right: 10px;
  padding-right: 0.625rem;
}

.datatable th {
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  vertical-align: top;
  padding: 0;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  text-align: left;
  line-height: 1.4;
  border-bottom: 2px solid #222;
}

.datatable td {
  vertical-align: top;
  padding: 0;
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  text-align: left;
  border-bottom: 2px solid #dddddd;
}

.datatable .number {
  text-align: right;
}

table.blocks {
  display: block;
  margin-left: -10px;
  margin-left: -0.625rem;
  margin-right: -10px;
  margin-right: -0.625rem;
  border-collapse: separate;
  border-spacing: 10px;
  border-spacing: 0.625rem;
}

table.blocks th {
  display: block;
  background: #dddddd;
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  vertical-align: top;
  padding: 10px;
  padding: 0.625rem;
  text-align: left;
  line-height: 1.4;
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}

table.blocks td {
  display: block;
  background: #f8f7f8;
  vertical-align: top;
  padding: 10px;
  padding: 0.625rem;
  text-align: left;
}

table.blocks td p,
table.blocks td ul,
table.blocks td ol,
table.blocks td li {
  margin: 0;
}

table.blocks td p + p,
table.blocks td li + li {
  margin-top: 10px;
  margin-top: 0.625rem;
}

table.blocks td.fig {
  padding: 0;
}

p.buttons {
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

p.buttons a {
  display: inline-block;
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #fff;
  background: #39393a;
  border-radius: 100px;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-top: 6px;
  padding-top: 0.375rem;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  line-height: 1;
  font-size: 18px;
  font-size: 1.125rem;
  text-decoration: none;
  position: relative;
}

p.buttons a:hover,
p.buttons a:active,
p.buttons a:focus {
  background: #b71800;
}

p.buttons a:after {
  content: '';
  display: inline-block;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  margin-left: 20px;
  margin-left: 1.25rem;
  vertical-align: baseline;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2ZmZjt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 16px;
  -ms-background-size: 1rem, 1rem;
  background-size: 16px;
  background-size: 1rem, 1rem;
  position: relative;
  top: 2px;
  top: 0.125rem;
}

p.buttons a.ext:after {
  left: 0;
}

p.cta {
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

p.cta a {
  display: block;
  position: relative;
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem;
  padding-left: 36px;
  padding-left: 2.25rem;
  line-height: 1.4;
}

p.cta a:link,
p.cta a:visited {
  text-decoration: none;
}

p.cta a:hover,
p.cta a:active,
p.cta a:focus {
  text-decoration: underline;
}

p.cta a:before {
  content: '';
  position: absolute;
  top: 4px;
  top: 0.25rem;
  left: 0;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2I3MTkwMTt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 16px;
  -ms-background-size: 1rem, 1rem;
  background-size: 16px;
  background-size: 1rem, 1rem;
  overflow: visible;
}

.main .highlight {
  position: relative;
  background: #f8f7f8;
  border: 1px solid #ebebeb;
  border-bottom-width: 3px;
  border-bottom-width: 0.1875rem;
  padding: 20px;
  padding: 1.25rem;
  padding-left: 80px;
  padding-left: 5rem;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.main .highlight p:first-child {
  margin-top: 0;
}

.main .highlight p:last-child {
  margin-bottom: 0;
}

.main .highlight:before {
  content: '';
  position: absolute;
  top: 20px;
  top: 1.25rem;
  left: 20px;
  left: 1.25rem;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  box-sizing: border-box;
  border-radius: 1000px;
  border: 2px solid #b71800;
  border-width: 2px;
  border-width: 0.125rem;
  background: #fff url(../img/info.svg) 50% 50% no-repeat;
  -ms-background-size: 40px;
  -ms-background-size: 2.5rem, 2.5rem;
  background-size: 40px;
  background-size: 2.5rem, 2.5rem;
}

.main .highlight.alert:before {
  background: #fff url(../img/alert.svg) 50% 50% no-repeat;
  -ms-background-size: 40px;
  -ms-background-size: 2.5rem, 2.5rem;
  background-size: 40px;
  background-size: 2.5rem, 2.5rem;
}

.main p.footnotes {
  font-family: 'Metropolis', sans-serif;
  font-weight: normal;
  font-style: italic;
  margin-top: 40px;
  margin-top: 2.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
}

.main p.footnotes + p.footnotes {
  margin-top: 20px;
  margin-top: 1.25rem;
}

/* sidebar */
.sidebar {
  margin-top: 80px;
  margin-top: 5rem;
}

.sidebar > div {
  background: #f8f7f8;
  border-bottom: 1px solid #ebebeb;
  border-bottom-width: 4px;
  border-bottom-width: 0.25rem;
  margin-top: 30px;
  margin-top: 1.875rem;
}

.sidebar > div + div {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.sidebar div.tasks {
  background: #ebebeb;
  border-bottom-color: #dddddd;
}

.sidebar div h2 {
  position: relative;
  background: #fff;
  color: #39393a;
  line-height: 1;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  border-bottom: 1px solid #39393a;
  border-bottom-width: 4px;
  border-bottom-width: 0.25rem;
  margin-top: 0;
}

.sidebar ul {
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}

.sidebar ul li {
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
}

.sidebar ul li:before {
  display: none;
}

.sidebar a:link,
.sidebar a:visited {
  text-decoration: none;
}

.sidebar a:hover,
.sidebar a:active,
.sidebar a:focus {
  text-decoration: underline;
}

.sidebar a:link,
.sidebar a:visited {
  color: #39393a;
}

.sidebar a:hover,
.sidebar a:active,
.sidebar a:focus {
  color: #f60001;
}

.sidebar li a,
.sidebar li span {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  padding-left: 1.25rem;
}

.sidebar li a span {
  padding-left: 0;
}

.sidebar li a:before,
.sidebar li span:before {
  content: '';
  position: absolute;
  top: 4px;
  top: 0.25rem;
  left: 0px;
  left: 0rem;
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
}

.sidebar li a:link:before,
.sidebar li a:visited:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2I3MTkwMTt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 12px;
  -ms-background-size: 0.75rem, 0.75rem;
  background-size: 12px;
  background-size: 0.75rem, 0.75rem;
}

.sidebar li a:active:before,
.sidebar li a:hover:before,
.sidebar li a:focus:before,
.sidebar .tasks li a:active:before,
.sidebar .tasks li a:hover:before,
.sidebar .tasks li a:focus:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2Y2MDAwMTt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 12px;
  -ms-background-size: 0.75rem, 0.75rem;
  background-size: 12px;
  background-size: 0.75rem, 0.75rem;
}

.sidebar li > span {
  color: #b71800;
}

.sidebar li span:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2I3MTkwMTt9PC9zdHlsZT48cGF0aCBkPSJNNi4zIDExNS42bDY0LjkgNzEuNGM4LjMgOS4zIDIxLjMgOS4zIDI5LjcgMHM4LjMtMjMuMiAwLTMyLjRsLTMwLjYtMzIuNGgxMDguNGMxMiAuOCAyMS4zLTkuNCAyMS4zLTIyLjR2LS45YzAtMTMtOS4zLTIyLjItMjAuNC0yMi4yaC0xMDcuNWwyOC43LTMxLjVjOC4zLTkuMyA4LjMtMjMuMiAwLTMyLjRzLTIxLjMtOS4zLTI5LjcgMGwtNjQuOSA3MC41Yy04LjMgOS4xLTguMyAyMy45LjEgMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 12px;
  -ms-background-size: 0.75rem, 0.75rem;
  background-size: 12px;
  background-size: 0.75rem, 0.75rem;
}

.sidebar li a span:before {
  display: none;
}

.sidebar div h2:after {
  content: '';
  position: absolute;
  top: -14px;
  top: -0.875rem;
  right: 0;
  width: 60px;
  width: 3.75rem;
  height: 60px;
  height: 3.75rem;
  box-sizing: border-box;
  border-radius: 1000px;
  border: 2px solid #b71800;
  border-width: 2px;
  border-width: 0.125rem;
  box-shadow: 0 0 0 5px #fff;
  box-shadow: 0 0 0 0.3125rem #fff;
}

.sidebar div.apply-for-it h2:after {
  border-color: #b71800;
  background: #fff url(../img/tasks/apply.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.sidebar div.pay-for-it h2:after {
  border-color: #b71800;
  background: #fff url(../img/tasks/pay.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.sidebar div.report-it h2:after {
  border-color: #b71800;
  background: #fff url(../img/tasks/report.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.sidebar div.this-section h2:after {
  background: #fff url(../img/this-section.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.sidebar div.see-also h2:after {
  background: #fff url(../img/related.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.sidebar div.documents h2:after {
  background: #fff url(../img/pdf.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.sidebar div.other-sites h2:after {
  background: #fff url(../img/external.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.sidebar div.news-highlights h2:after {
  background: #fff url(../img/news-highlights.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.landing h1 {
  position: relative;
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  color: #39393a;
  z-index: 10;
  padding-right: 100px;
  padding-right: 6.25rem;
}

.landing h1:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -30px;
  bottom: -1.875rem;
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  box-sizing: border-box;
  border-radius: 1000px;
  border: 4px solid #b71800;
  border-width: 3px;
  border-width: 0.1875rem;
  box-shadow: 0 0 0 5px #fff;
  box-shadow: 0 0 0 0.3125rem #fff;
  background: #fff url(../img/this-section.svg) 50% 50% no-repeat;
  -ms-background-size: 80px;
  -ms-background-size: 5rem, 5rem;
  background-size: 80px;
  background-size: 5rem, 5rem;
}

.section-benefits .landing h1:before {
  background-image: url(../img/benefits.svg);
}

.section-business .landing h1:before {
  background-image: url(../img/business.svg);
}

.section-community .landing h1:before {
  background-image: url(../img/community.svg);
}

.section-council-and-democracy .landing h1:before {
  background-image: url(../img/council-2.svg);
}

.section-council-tax .landing h1:before {
  background-image: url(../img/counciltax.svg);
}

.section-environmental-services .landing h1:before {
  background-image: url(../img/environmental.svg);
}

.section-housing .landing h1:before {
  background-image: url(../img/housing.svg);
}

.section-jobs-and-volunteering .landing h1:before {
  background-image: url(../img/jobs-and-volunteering.svg);
}

.section-leisure-and-culture .landing h1:before {
  background-image: url(../img/leisure.svg);
}

.section-licensing-and-permits .landing h1:before {
  background-image: url(../img/licensing.svg);
}

.section-living-well .landing h1:before {
  background-image: url(../img/living.svg);
}

.section-major-developments .landing h1:before {
  background-image: url(../img/major-developments.svg);
}

.section-nature-and-sustainability .landing h1:before {
  background-image: url(../img/nature.svg);
}

.section-parking-and-roads .landing h1:before {
  background-image: url(../img/parking.svg);
}

.section-planning-and-building-control .landing h1:before {
  background-image: url(../img/planning.svg);
}

.section-property-and-land .landing h1:before {
  background-image: url(../img/property.svg);
}

.section-waste-and-recycling .landing h1:before {
  background-image: url(../img/waste.svg);
}

.section-woking-town-management .landing h1:before {
  background-image: url(../img/martian.svg);
}

.section-contact-us .landing h1:before {
  background-image: url(../img/contact.svg);
}

.section-data-and-transparency .landing h1:before {
  background-image: url(../img/data-transparency-1.svg);
}

.landing .runner {
  border-top: 4px solid #39393a;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.landing .runner.white {
  border-top: 0;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.landing .runner ul {
  padding-left: 0;
}

.landing .runner li {
  margin-top: 0;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

.landing .runner .services li {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 0;
}

.landing .runner li:before,
div.more li:before {
  display: none;
}

.landing .runner li strong {
  display: block;
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.landing .runner li a:link,
.landing .runner li a:visited {
  text-decoration: none;
}

.landing .runner li a:hover,
.landing .runner li a:active,
.landing .runner li a:focus {
  text-decoration: underline;
}

.landing .runner li span {
  display: block;
  color: #666;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
}

.landing .services li a span {
  color: inherit;
}

.services + .more {
  margin-top: 10px;
  margin-top: 0.625rem;
  border-top: 4px solid #dddddd;
  padding-top: 30px;
  padding-top: 1.875rem;
}

.services + .more li strong {
  font-size: 18px;
  font-size: 1.125rem;
}

div.more h2 {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-bottom: 0;
  font-size: 20px;
  font-size: 1.25rem;
  color: #39393a;
  line-height: 1.2;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  border-bottom: 4px solid #dddddd;
}

.landing .runner.dark {
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}

.landing .runner h2 {
  margin-top: 20px;
  margin-top: 1.25rem;
  font-size: 28px;
  font-size: 1.75rem;
}

.landing .runner h2 + p {
  font-size: 18px;
  font-size: 1.125rem;
  color: #666;
}

.landing .runner p + h2 {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.landing .runner.dark h2 + p {
  color: #f8f7f8;
}

div.more ul {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.4;
  padding-left: 0;
}

div.more li {
  margin-top: 30px;
  margin-top: 1.875rem;
}

div.more li a {
  display: inline-block;
  padding-left: 1.35em;
  text-indent: -1.4em;
}

div.more li a:link:before,
div.more li a:visited:before,
div.more li a:hover:before,
div.more li a:focus:before,
div.more li a:active:before {
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  -ms-background-size: 12px;
  -ms-background-size: 0.75rem, 0.75rem;
  background-size: 12px;
  background-size: 0.75rem, 0.75rem;
  top: 1px;
  top: 0.0625rem;
}

.main .pre-title {
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 26px;
  margin-top: 1.625rem;
  margin-bottom: -20px;
  margin-bottom: -1.25rem;
}

.pre-title a:link,
.pre-title a:visited {
  color: #666;
  text-decoration: none;
}

.pre-title a:hover,
.pre-title a:active,
.pre-title a:focus {
  color: #f60001;
  text-decoration: underline;
}

.contents {
  background: #f8f7f8;
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  border-bottom: 4px solid #dddddd;
}

.contents h2 {
  position: relative;
  background: #fff;
  color: #39393a;
  line-height: 1;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  border-bottom: 1px solid #39393a;
  border-bottom-width: 4px;
  border-bottom-width: 0.25rem;
  margin-top: 0;
}

.contents h2:after {
  content: '';
  position: absolute;
  top: -14px;
  top: -0.875rem;
  right: 0;
  width: 60px;
  width: 3.75rem;
  height: 60px;
  height: 3.75rem;
  box-sizing: border-box;
  border-radius: 1000px;
  border: 2px solid #b71800;
  border-width: 2px;
  border-width: 0.125rem;
  box-shadow: 0 0 0 5px #fff;
  box-shadow: 0 0 0 0.3125rem #fff;
  background: #fff url(../img/contents.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.contents ol {
  margin: 0;
  padding: 0;
  counter-reset: li;
}

.contents li {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0;
  line-height: 1.2;
  counter-increment: li;
}

.contents li a,
.contents li span {
  display: block;
  padding: 10px;
  padding: 0.625rem;
  padding: 10px;
  padding: 0.625rem;
  text-decoration: none;
}

.contents li a:hover,
.contents li a:active,
.contents li a:focus {
  background: #39393a;
  color: #fff;
}

.contents li span {
  background: #b71800;
  color: #fff;
}

.contents li a:before,
.contents li span:before {
  content: counter(li);
  display: inline-block;
  text-align: center;
  width: 20px;
  width: 1.25rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  font-family: 'Metropolis', sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #666;
}

.contents li a:hover:before,
.contents li a:active:before,
.contents li a:focus:before,
.contents li span:before {
  color: #dddddd;
}

.pagination {
  margin-top: 50px;
  margin-top: 3.125rem;
  border-top: 1px solid #b71800;
  border-top-width: 4px;
  border-top-width: 0.25rem;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #b71800;
  border-bottom-width: 4px;
  border-bottom-width: 0.25rem;
}

.pagination:before, .pagination:after {
  content: "";
  display: table;
}

.pagination:after {
  clear: both;
}

.pagination p {
  float: left;
  width: 50%;
  margin: 0;
}

.pagination p a {
  display: inline-block;
  text-decoration: none;
  position: relative;
}

.pagination p.previous a {
  padding-left: 36px;
  padding-left: 2.25rem;
}

.pagination p.next a {
  padding-right: 36px;
  padding-right: 2.25rem;
}

.pagination p span {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
}

.pagination p strong {
  display: block;
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2;
}

.pagination p a:hover strong,
.pagination p a:active strong,
.pagination p a:focus strong {
  text-decoration: underline;
}

.pagination p.previous a:before {
  content: '';
  position: absolute;
  top: 10px;
  top: 0.625rem;
  left: 0;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.pagination p.previous a:link:before,
.pagination p.previous a:visited:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2I3MTkwMTt9PC9zdHlsZT48cGF0aCBkPSJNNi4zIDExNS42bDY0LjkgNzEuNGM4LjMgOS4zIDIxLjMgOS4zIDI5LjcgMHM4LjMtMjMuMiAwLTMyLjRsLTMwLjYtMzIuNGgxMDguNGMxMiAuOCAyMS4zLTkuNCAyMS4zLTIyLjR2LS45YzAtMTMtOS4zLTIyLjItMjAuNC0yMi4yaC0xMDcuNWwyOC43LTMxLjVjOC4zLTkuMyA4LjMtMjMuMiAwLTMyLjRzLTIxLjMtOS4zLTI5LjcgMGwtNjQuOSA3MC41Yy04LjMgOS4xLTguMyAyMy45LjEgMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 18px;
  -ms-background-size: 1.125rem, 1.125rem;
  background-size: 18px;
  background-size: 1.125rem, 1.125rem;
}

.pagination p.previous a:active:before,
.pagination p.previous a:hover:before,
.pagination p.previous a:focus:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2Y2MDAwMTt9PC9zdHlsZT48cGF0aCBkPSJNNi4zIDExNS42bDY0LjkgNzEuNGM4LjMgOS4zIDIxLjMgOS4zIDI5LjcgMHM4LjMtMjMuMiAwLTMyLjRsLTMwLjYtMzIuNGgxMDguNGMxMiAuOCAyMS4zLTkuNCAyMS4zLTIyLjR2LS45YzAtMTMtOS4zLTIyLjItMjAuNC0yMi4yaC0xMDcuNWwyOC43LTMxLjVjOC4zLTkuMyA4LjMtMjMuMiAwLTMyLjRzLTIxLjMtOS4zLTI5LjcgMGwtNjQuOSA3MC41Yy04LjMgOS4xLTguMyAyMy45LjEgMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 18px;
  -ms-background-size: 1.125rem, 1.125rem;
  background-size: 18px;
  background-size: 1.125rem, 1.125rem;
}

.pagination p.next {
  text-align: right;
}

.pagination p.next a:before {
  content: '';
  position: absolute;
  top: 10px;
  top: 0.625rem;
  right: 0;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.pagination p.next a:link:before,
.pagination p.next a:visited:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2I3MTkwMTt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 18px;
  -ms-background-size: 1.125rem, 1.125rem;
  background-size: 18px;
  background-size: 1.125rem, 1.125rem;
}

.pagination p.next a:active:before,
.pagination p.next a:hover:before,
.pagination p.next a:focus:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2Y2MDAwMTt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 18px;
  -ms-background-size: 1.125rem, 1.125rem;
  background-size: 18px;
  background-size: 1.125rem, 1.125rem;
}

.front .main {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.front .main section ul {
  padding-left: 0;
}

.front .main li:before {
  display: none;
}

.front .main h2,
.services h2 {
  font-size: 28px;
  font-size: 1.75rem;
}

.front .services {
  position: relative;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}

.front .services:before, .front .services:after {
  content: "";
  display: table;
}

.front .services:after {
  clear: both;
}

.front .services h2 {
  margin-top: 30px;
  margin-top: 1.875rem;
  color: #222;
  line-height: 1;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  border-bottom: 1px solid #222;
  border-bottom-width: 4px;
  border-bottom-width: 0.25rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}

.services > ul {
  margin-top: 0;
  margin-bottom: 0;
}

.services > ul:before, .services > ul:after {
  content: "";
  display: table;
}

.services > ul:after {
  clear: both;
}

.services a.service,
.front .tasks a.task {
  position: relative;
  display: block;
  padding-left: 70px;
  padding-left: 4.375rem;
  line-height: 60px;
  line-height: 3.75rem;
  vertical-align: middle;
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
}

.services a.service:hover span,
.services a.service:active span,
.services a.service:focus span,
.front .tasks a.task:hover span,
.front .tasks a.task:active span,
.front .tasks a.task:focus span {
  text-decoration: underline;
}

.services a.service span,
.front .tasks a.task span {
  display: inline-block;
  line-height: 1.2;
  font-size: 18px;
  font-size: 1.125rem;
  vertical-align: middle;
  padding-right: 10px;
  padding-right: 0.625rem;
}

.landing .services a.service span {
  padding-right: 0;
}

.services a.service:link,
.services a.service:visited {
  color: #222;
}

.services a.service:hover,
.services a.service:active,
.services a.service:focus {
  color: #f60001;
}

.services a.service:before,
.front .tasks a.task:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  width: 3.75rem;
  height: 60px;
  height: 3.75rem;
  box-sizing: border-box;
  border-radius: 1000px;
  border: 2px solid #b71800;
  border-width: 2px;
  border-width: 0.125rem;
  background: transparent url(../img/this-section.svg) 50% 50% no-repeat;
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.front .tasks a.task:before {
  background-color: #f8f7f8;
  border-color: #b71800;
}

.services a.service:hover:before,
.services a.service:active:before,
.services a.service:focus:before,
.front .tasks a.task:hover:before,
.front .tasks a.task:active:before,
.front .tasks a.task:focus:before {
  border-width: 3px;
  border-width: 0.1875rem;
  border-color: #f60001;
}

.services a.services-benefits:before {
  background-image: url(../img/benefits.svg);
}

.services a.services-community:before {
  background-image: url(../img/community.svg);
}

.services a.services-council-and-democracy:before {
  background-image: url(../img/council-2.svg);
}

.services a.services-council-tax:before {
  background-image: url(../img/counciltax.svg);
}

.services a.services-environmental-services:before {
  background-image: url(../img/environmental.svg);
}

.services a.services-housing:before {
  background-image: url(../img/housing.svg);
}

.services a.services-leisure-and-culture:before {
  background-image: url(../img/leisure.svg);
}

.services a.services-licensing-and-permits:before {
  background-image: url(../img/licensing.svg);
}

.services a.services-living-well:before {
  background-image: url(../img/living.svg);
}

.services a.services-parking-and-roads:before {
  background-image: url(../img/parking.svg);
}

.services a.services-planning-and-building-control:before {
  background-image: url(../img/planning.svg);
}

.services a.services-waste-and-recycling:before {
  background-image: url(../img/waste.svg);
}

.services a.services-business:before {
  background-image: url(../img/business.svg);
}

.services a.services-jobs-and-volunteering:before {
  background-image: url(../img/jobs.svg);
}

.services a.services-major-developments:before {
  background-image: url(../img/major-developments.svg);
}

.services a.services-nature-and-sustainability:before {
  background-image: url(../img/nature.svg);
}

.services a.services-property-and-land:before {
  background-image: url(../img/property.svg);
}

.services a.services-woking-town-management:before {
  background-image: url(../img/martian.svg);
}

.services a.services-comment:before {
  background-image: url(../img/comment.svg);
}

.services a.services-data-and-transparency:before {
  background-image: url(../img/data-transparency-1.svg);
}

.front .sidebar .tasks a.tasks-apply-for-it:before {
  background-image: url(../img/tasks/apply.svg);
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.front .sidebar .tasks a.tasks-pay-for-it:before {
  background-image: url(../img/tasks/pay.svg);
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.front .sidebar .tasks a.tasks-report-it:before {
  background-image: url(../img/tasks/report.svg);
  -ms-background-size: 60px;
  -ms-background-size: 3.75rem, 3.75rem;
  background-size: 60px;
  background-size: 3.75rem, 3.75rem;
}

.front .services div {
  overflow: hidden;
  box-sizing: border-box;
  max-height: 0;
  will-change: max-height;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.front .services div.open {
  max-height: 1000px;
  -webkit-transition: max-height 0.4s ease-in;
  transition: max-height 0.4s ease-in;
}

.front .services ul ul {
  background: #b71800;
  position: relative;
  overflow: visible;
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  box-sizing: border-box;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  padding-top: 12px;
  padding-top: 0.75rem;
  margin-top: 18px;
  margin-top: 1.125rem;
}

.front .services ul ul:before, .front .services ul ul:after {
  content: "";
  display: table;
}

.front .services ul ul:after {
  clear: both;
}

.front .services ul div.open ul {
  opacity: 0.99;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}

.front .services ul ul:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #b71800;
  border-width: 15px;
  border-width: 0.9375rem;
  top: -28px;
  top: -1.75rem;
  left: 0;
  margin-left: 15px;
  margin-left: 0.9375rem;
}

.front .services ul ul li {
  box-sizing: border-box;
  margin-top: 6px;
  margin-top: 0.375rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}

.front .services ul ul a {
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
}

.front .services ul ul a:link,
.front .services ul ul a:visited {
  color: #fff;
  text-decoration: none;
}

.front .services ul ul a:hover,
.front .services ul ul a:active,
.front .services ul ul a:focus {
  color: #fff;
  text-decoration: underline;
}

.front .services ul ul a:before {
  content: '';
  display: inline-block;
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  margin-right: 0.6em;
  vertical-align: baseline;
  position: relative;
  top: 0.1em;
}

.front .services ul ul a:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 12px;
  -ms-background-size: 0.75rem, 0.75rem;
  background-size: 12px;
  background-size: 0.75rem, 0.75rem;
}

.main .opener {
  margin: 0;
  padding-top: 40px;
  padding-top: 2.5rem;
}

.landing .opener {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}

.main .opener a > span {
  display: inline-block;
  min-width: 140px;
  min-width: 8.75rem;
}

.main .opener a:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7ZmlsbDojZmZmO308L3N0eWxlPjxwYXRoIGQ9Ik0xMTUuNyAxOTMuNmw3MS40LTY0LjljOS4zLTguMyA5LjMtMjEuMyAwLTI5LjctOS4zLTguNC0yMy4yLTguMy0zMi40IDBsLTMyLjQgMzAuNnYtMTA4LjRjLjgtMTItOS40LTIxLjMtMjIuNC0yMS4zaC0uOWMtMTMgMC0yMi4yIDkuMy0yMi4yIDIwLjR2MTA3LjVsLTMxLjUtMjguN2MtOS4zLTguMy0yMy4yLTguMy0zMi40IDBzLTkuMyAyMS4zIDAgMjkuN2w3MC41IDY0LjljOS4xIDguMyAyMy45IDguMyAzMi4zLS4xeiIvPjwvc3ZnPg==");
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.main .opener.fewer a:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.main .opener.fewer span > span {
  display: none;
}

.main .opener.fewer a > span:before {
  content: 'Fewer';
}

.main .services .more-services {
  display: none;
  max-height: 0;
  overflow: hidden;
  will-change: max-height;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}

.main .services .more-services.open {
  max-height: 1000px;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.front .sidebar {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.front .sidebar .tasks {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.front .sidebar .tasks h2:after {
  display: none;
}

.front .sidebar .tasks ul {
  margin: 0;
}

.front .sidebar .tasks h3 {
  margin-left: 20px;
  margin-left: 1.25rem;
  margin-right: 20px;
  margin-right: 1.25rem;
  border-top: 2px solid #fff;
  margin-top: 22px;
  margin-top: 1.375rem;
  padding-top: 16px;
  padding-top: 1rem;
  margin-bottom: 0;
  color: #39393a;
  line-height: 1;
}

.front .sidebar .tasks h3 + ul {
  margin-top: 16px;
  margin-top: 1rem;
}

.front .sidebar .tasks h3 + ul li {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.front .sidebar .tasks h3 + ul li a:before {
  width: 10px;
  width: 0.625rem;
  height: 10px;
  height: 0.625rem;
  -ms-background-size: 10px;
  -ms-background-size: 0.625rem, 0.625rem;
  background-size: 10px;
  background-size: 0.625rem, 0.625rem;
  top: 3px;
  top: 0.1875rem;
}

.main .find-my-nearest {
  margin-top: 50px;
  margin-top: 3.125rem;
  border-top: 1px solid #222;
  border-top-width: 4px;
  border-top-width: 0.25rem;
  background: #b71800;
  border-bottom: 1px solid #dddddd;
  border-bottom-width: 4px;
  border-bottom-width: 0.25rem;
}

.main .find-my-nearest > div {
  padding-top: 100px;
  padding-top: 6.25rem;
  padding-bottom: 26px;
  padding-bottom: 1.625rem;
}

.main .find-my-nearest > div:before {
  content: '';
  position: absolute;
  top: 20px;
  top: 1.25rem;
  left: 0;
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  border: 1px solid #fff;
  border-width: 3px;
  border-width: 0.1875rem;
  border-radius: 120px;
  background: transparent url(../img/white/find-my-nearest.svg) 0 0 no-repeat;
  -ms-background-size: 80px;
  -ms-background-size: 5rem, 5rem;
  background-size: 80px;
  background-size: 5rem, 5rem;
}

.main .find-my-nearest h2 {
  margin-top: 0;
  padding-top: 26px;
  padding-top: 1.625rem;
  margin-bottom: 0;
  color: #fff;
}

.main .find-my-nearest p {
  color: #ebebeb;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.main .find-my-nearest form {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.main .find-my-nearest label {
  display: block;
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.main .find-my-nearest select {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  padding-top: 6px;
  padding-top: 0.375rem;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 50px;
  padding-right: 3.125rem;
  font-size: 16px;
  line-height: initial;
  width: 100%;
  overflow: ellipsis;
  -webkit-font-smoothing: antialiased;
  color: #222;
  outline: none;
  background: #fff url(../img/select.svg) 100% 50% no-repeat;
  -ms-background-size: contain;
  background-size: contain;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.main .find-my-nearest select::-ms-expand {
  display: none;
}

.main .find-my-nearest select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}

.main .find-my-nearest select option:hover,
.main .find-my-nearest select option:checked {
  box-shadow: 0 0 10px 100px #222 inset;
}

.main .find-my-nearest select:focus {
  box-shadow: 0 0 0px 3px rgba(34, 34, 34, 0.6);
}

.main .find-my-nearest input {
  display: block;
  border: none;
  background: #fff;
  outline: none;
  box-sizing: border-box;
  padding-top: 6px;
  padding-top: 0.375rem;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  width: 100%;
  font-size: 16px;
  line-height: initial;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.main .find-my-nearest input:focus {
  box-shadow: 0 0 0px 3px rgba(34, 34, 34, 0.6);
}

.main .find-my-nearest input::-webkit-input-placeholder {
  color: #5f5f61;
}

.main .find-my-nearest input::-moz-placeholder {
  opacity: 1;
  color: #5f5f61;
}

.main .find-my-nearest input:-ms-input-placeholder {
  color: #5f5f61;
}

.main .find-my-nearest input:-moz-placeholder {
  opacity: 1;
  color: #5f5f61;
}

.main .find-my-nearest button {
  display: block;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.main .carousel {
  clear: both;
  float: none;
  width: 100%;
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  background: #222;
}

.carousel .panel {
  position: relative;
  background: #222;
  overflow: hidden;
}

.carousel .panel img {
  width: 100%;
  display: block;
}

.carousel .panel > div {
  position: relative;
  box-sizing: border-box;
  background: #222;
  padding-top: 40px;
  padding-top: 2.5rem;
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
  padding-left: 30px;
  padding-left: 1.875rem;
  padding-right: 30px;
  padding-right: 1.875rem;
}

.carousel .panel > div:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 6%;
  margin-top: -5%;
  background: transparent url(../img/curve-h.svg) 50% 50% no-repeat;
  -ms-background-size: 100% 100%;
  background-size: 100% 100%;
}

.carousel .panel h2 {
  margin: 0;
  color: #fff;
  line-height: 1.2;
}

.carousel .panel p {
  color: #dddddd;
}

.carousel .panel a.more:link,
.carousel .panel a.more:visited {
  color: #fff;
}

.carousel .panel a.more:hover,
.carousel .panel a.more:active,
.carousel .panel a.more:focus {
  color: #fff;
}

.carousel .panel a.more:before,
.carousel .panel a.more:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=");
}

.slick-dots {
  position: absolute;
  margin: 0;
  right: 30px;
  right: 1.875rem;
  bottom: 30px;
  bottom: 1.875rem;
}

.slick-dots li {
  float: left;
  margin: 0;
  margin-left: 20px;
  margin-left: 1.25rem;
}

.slick-dots button {
  display: block;
  height: 0;
  width: 20px;
  width: 1.25rem;
  padding: 0;
  padding-top: 20px;
  padding-top: 1.25rem;
  overflow: hidden;
  position: relative;
  background: transparent;
  border: none;
  outline: none;
}

.slick-dots button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  background: #dddddd;
  border-radius: 100px;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  border: 1px solid #39393a;
  border-width: 2px;
  border-width: 0.125rem;
}

.slick-dots .slick-active button:before {
  background: #fff;
  border-color: #fff;
}

.front .main .thirds > div {
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.front .main .thirds h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  color: #b71800;
  border-bottom: 1px solid #b71800;
  border-bottom-width: 3px;
  border-bottom-width: 0.1875rem;
}

.front .main .thirds p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}

.front .main .thirds .sheerwater p:first-of-type {
  margin-bottom: -14px;
  margin-bottom: -0.875rem;
}

.front .main .thirds a.more:before {
  top: 3px;
  top: 0.1875rem;
}

.front .main .thirds .latest-news h2 {
  color: #39393a;
  border-bottom-color: #39393a;
}

.front .main .thirds .latest-news ul {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 22px;
  margin-bottom: 1.375rem;
}

.front .main .thirds .latest-news li {
  font-size: 14px;
  font-size: 0.875rem;
  border-top: 1px solid rgba(221, 221, 221, 0.4);
  padding-top: 12px;
  padding-top: 0.75rem;
  margin-top: 14px;
  margin-top: 0.875rem;
}

.front .main .thirds .latest-news li:first-child {
  border-top: 0;
  padding-top: 0;
}

.front .main .thirds .latest-news li a:link,
.front .main .thirds .latest-news li a:visited {
  color: #39393a;
  text-decoration: none;
}

.front .main .thirds .latest-news li a:hover,
.front .main .thirds .latest-news li a:active,
.front .main .thirds .latest-news li a:focus {
  color: #f60001;
  text-decoration: underline;
}

.front .main .thirds .latest-news a.more:link,
.front .main .thirds .latest-news a.more:visited {
  color: #39393a;
}

.front .main .thirds .latest-news a.more:hover,
.front .main .thirds .latest-news a.more:active,
.front .main .thirds .latest-news a.more:focus {
  color: #f60001;
}

.front .main .thirds .latest-news a.more:link:before,
.front .main .thirds .latest-news a.more:visited:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6IzIyMjIyMjt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=");
}

.front .main .thirds .latest-news a.more:active:before,
.front .main .thirds .latest-news a.more:hover:before,
.front .main .thirds .latest-news a.more:focus:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj5wYXRoe2ZpbGw6I2Y2MDAwMTt9PC9zdHlsZT48cGF0aCBkPSJNMTkzLjcgODQuMmwtNjQuOS03MS40Yy04LjMtOS4zLTIxLjMtOS4zLTI5LjcgMHMtOC4zIDIzLjIgMCAzMi40bDMwLjYgMzIuNGgtMTA4LjRjLTEyLS44LTIxLjMgOS40LTIxLjMgMjIuNHYuOWMwIDEzIDkuMyAyMi4yIDIwLjQgMjIuMmgxMDcuNWwtMjguNyAzMS41Yy04LjMgOS4zLTguMyAyMy4yIDAgMzIuNHMyMS4zIDkuMyAyOS43IDBsNjQuOS03MC41YzguMy05LjEgOC4zLTIzLjktLjEtMzIuM3oiLz48L3N2Zz4=");
}

.front .main .thirds .tweet {
  overflow: hidden;
}

.front .main .thirds .tweet p {
  margin: 0;
  color: #666;
}

.front .main .thirds .tweet .dt {
  font-family: 'Metropolis', sans-serif;
  font-weight: normal;
  font-style: italic;
  font-size: 12px;
  font-size: 0.75rem;
  color: rgba(102, 102, 102, 0.6);
  margin-top: 10px;
  margin-top: 0.625rem;
}

.front .main .thirds .tweet .dt a:link,
.front .main .thirds .tweet .dt a:visited {
  color: rgba(102, 102, 102, 0.6);
}

.front .main .thirds .tweet .dt a:hover,
.front .main .thirds .tweet .dt a:active,
.front .main .thirds .tweet .dt a:focus {
  color: #f60001;
}

#tweets {
  position: static;
}

.front .main .thirds .twitter {
  position: relative;
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

.twitter .slick-dots {
  right: 20px;
  right: 1.25rem;
  bottom: 51px;
  bottom: 3.1875rem;
}

.twitter .slick-dots li {
  margin-left: 14px;
  margin-left: 0.875rem;
}

.twitter .slick-dots button {
  width: 12px;
  width: 0.75rem;
  padding-top: 12px;
  padding-top: 0.75rem;
}

.twitter .slick-dots button:before {
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  border: 0;
}

.twitter .slick-dots .slick-active button:before {
  background: #b71800;
}

.twitter .timeline {
  position: absolute;
  left: 20px;
  left: 1.25rem;
  bottom: 46px;
  bottom: 2.875rem;
  margin: 0;
  line-height: 1;
  font-family: 'Metropolis', sans-serif;
  font-weight: 900;
  font-style: normal;
}

.twitter .timeline a {
  padding-left: 32px;
  padding-left: 2rem;
  position: relative;
  text-decoration: none;
}

.twitter .timeline a:before {
  content: '';
  display: inline-block;
  width: 26px;
  width: 1.625rem;
  height: 26px;
  height: 1.625rem;
  position: absolute;
  left: 0;
  top: -2px;
  top: -0.125rem;
}

.twitter .timeline a:link:before,
.twitter .timeline a:visited:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7ZmlsbDojYjcxOTAxfTwvc3R5bGU+PHBhdGggZD0iTTk0LjcyMSAyNzEuMTQyYzExMi41IDAgMTc0LTkzLjIgMTc0LTE3NCAwLTIuNi0uMS01LjMtLjItNy45IDExLjktOC42IDIyLjMtMTkuNCAzMC41LTMxLjctMTEgNC45LTIyLjcgOC4xLTM1LjEgOS42IDEyLjYtNy42IDIyLjMtMTkuNSAyNi45LTMzLjgtMTEuOCA3LTI0LjkgMTIuMS0zOC44IDE0LjgtMTEuMi0xMS45LTI3LTE5LjMtNDQuNi0xOS4zLTMzLjggMC02MS4xIDI3LjQtNjEuMSA2MS4xIDAgNC44LjUgOS41IDEuNiAxMy45LTUwLjgtMi42LTk1LjktMjYuOS0xMjYtNjMuOS01LjMgOS04LjMgMTkuNS04LjMgMzAuNyAwIDIxLjIgMTAuOCAzOS45IDI3LjIgNTAuOS0xMC0uMy0xOS41LTMuMS0yNy43LTcuNnYuOGMwIDI5LjYgMjEuMSA1NC4zIDQ5LjEgNTkuOS01LjEgMS40LTEwLjUgMi4yLTE2LjEgMi4yLTMuOSAwLTcuOC0uNC0xMS41LTEuMSA3LjggMjQuMyAzMC40IDQyIDU3LjEgNDIuNS0yMC45IDE2LjQtNDcuMyAyNi4yLTc1LjkgMjYuMi00LjkgMC05LjgtLjMtMTQuNi0uOCAyNi44IDE3LjMgNTkgMjcuNSA5My41IDI3LjUiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 26px;
  -ms-background-size: 1.625rem, 1.625rem;
  background-size: 26px;
  background-size: 1.625rem, 1.625rem;
}

.twitter .timeline a:hover:before,
.twitter .timeline a:active:before,
.twitter .timeline a:focus:before {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPnBhdGh7ZmlsbDojZjYwMDAxfTwvc3R5bGU+PHBhdGggZD0iTTk0LjcyMSAyNzEuMTQyYzExMi41IDAgMTc0LTkzLjIgMTc0LTE3NCAwLTIuNi0uMS01LjMtLjItNy45IDExLjktOC42IDIyLjMtMTkuNCAzMC41LTMxLjctMTEgNC45LTIyLjcgOC4xLTM1LjEgOS42IDEyLjYtNy42IDIyLjMtMTkuNSAyNi45LTMzLjgtMTEuOCA3LTI0LjkgMTIuMS0zOC44IDE0LjgtMTEuMi0xMS45LTI3LTE5LjMtNDQuNi0xOS4zLTMzLjggMC02MS4xIDI3LjQtNjEuMSA2MS4xIDAgNC44LjUgOS41IDEuNiAxMy45LTUwLjgtMi42LTk1LjktMjYuOS0xMjYtNjMuOS01LjMgOS04LjMgMTkuNS04LjMgMzAuNyAwIDIxLjIgMTAuOCAzOS45IDI3LjIgNTAuOS0xMC0uMy0xOS41LTMuMS0yNy43LTcuNnYuOGMwIDI5LjYgMjEuMSA1NC4zIDQ5LjEgNTkuOS01LjEgMS40LTEwLjUgMi4yLTE2LjEgMi4yLTMuOSAwLTcuOC0uNC0xMS41LTEuMSA3LjggMjQuMyAzMC40IDQyIDU3LjEgNDIuNS0yMC45IDE2LjQtNDcuMyAyNi4yLTc1LjkgMjYuMi00LjkgMC05LjgtLjMtMTQuNi0uOCAyNi44IDE3LjMgNTkgMjcuNSA5My41IDI3LjUiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 26px;
  -ms-background-size: 1.625rem, 1.625rem;
  background-size: 26px;
  background-size: 1.625rem, 1.625rem;
}

.front .footer {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.carousel .views-slideshow-controls-bottom {
  width: 100%;
  box-sizing: border-box;
  right: 0;
  margin-top: -60px;
  margin-top: -3.75rem;
  margin-bottom: 0;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.carousel .views-slideshow-simple-pager {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding-left: 30px;
  padding-left: 1.875rem;
  line-height: 1;
}

.carousel .views-slideshow-controls-text {
  float: right;
  box-sizing: border-box;
  width: 50%;
  padding-right: 30px;
  padding-right: 1.875rem;
  position: relative;
}

.carousel .views-slideshow-controls-text-previous {
  position: absolute;
  top: 0;
  right: 110px;
  right: 6.875rem;
}

.carousel .views-slideshow-controls-text-pause {
  position: absolute;
  top: 0;
  right: 70px;
  right: 4.375rem;
}

.carousel .views-slideshow-controls-text-next {
  position: absolute;
  top: 0;
  right: 30px;
  right: 1.875rem;
}

.carousel .views-slideshow-controls-text-previous a,
.carousel .views-slideshow-controls-text-pause a,
.carousel .views-slideshow-controls-text-next a {
  display: block;
  height: 0;
  overflow: hidden;
  width: 20px;
  width: 1.25rem;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.views-slideshow-controls-text-previous a:link,
.views-slideshow-controls-text-previous a:visited {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+cGF0aHtmaWxsOiNEM0QzRDM7fTwvc3R5bGU+PHBhdGggZD0iTTE1LjMgMTUuOWwtNS43LTUuOSA1LjYtNS45Yy45LTEgLjktMi41IDAtMy40LS45LS45LTIuNC0uOS0zLjMgMGwtNy4yIDcuNmMtLjkuOS0uOSAyLjUgMCAzLjRsNy4zIDcuNmMuOS45IDIuNCAxIDMuMyAwIC45LS45LjktMi41IDAtMy40eiIvPjwvc3ZnPg==") 50% 50% no-repeat;
  -ms-background-size: 20px;
  -ms-background-size: 1.25rem, 1.25rem;
  background-size: 20px;
  background-size: 1.25rem, 1.25rem;
}

.views-slideshow-controls-text-previous a:hover,
.views-slideshow-controls-text-previous a:active,
.views-slideshow-controls-text-previous a:focus {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+cGF0aHtmaWxsOiNmZmZmZmY7fTwvc3R5bGU+PHBhdGggZD0iTTE1LjMgMTUuOWwtNS43LTUuOSA1LjYtNS45Yy45LTEgLjktMi41IDAtMy40LS45LS45LTIuNC0uOS0zLjMgMGwtNy4yIDcuNmMtLjkuOS0uOSAyLjUgMCAzLjRsNy4zIDcuNmMuOS45IDIuNCAxIDMuMyAwIC45LS45LjktMi41IDAtMy40eiIvPjwvc3ZnPg==") 50% 50% no-repeat;
  -ms-background-size: 20px;
  -ms-background-size: 1.25rem, 1.25rem;
  background-size: 20px;
  background-size: 1.25rem, 1.25rem;
}

.views-slideshow-controls-text-status-play a:link,
.views-slideshow-controls-text-status-play a:visited {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+cGF0aHtmaWxsOiNEM0QzRDM7fTwvc3R5bGU+PHBhdGggZD0iTTIuMyAzLjZjMC0xLjEuOS0xLjkgMi0xLjloMS45YzEuMSAwIDIgLjkgMiAxLjl2MTIuOGMwIDEuMS0uOSAxLjktMiAxLjloLTEuOWMtMS4xIDAtMi0uOS0yLTEuOXYtMTIuOHpNMTEuOCAzLjZjMC0xLjEuOS0xLjkgMS45LTEuOWgyYzEuMSAwIDEuOS45IDEuOSAxLjl2MTIuOGMwIDEuMS0uOSAxLjktMS45IDEuOWgtMmMtMS4xIDAtMS45LS45LTEuOS0xLjl2LTEyLjh6Ii8+PC9zdmc+") 50% 50% no-repeat;
  -ms-background-size: 20px;
  -ms-background-size: 1.25rem, 1.25rem;
  background-size: 20px;
  background-size: 1.25rem, 1.25rem;
}

.views-slideshow-controls-text-status-play a:hover,
.views-slideshow-controls-text-status-play a:active,
.views-slideshow-controls-text-status-play a:focus {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+cGF0aHtmaWxsOiNmZmZmZmY7fTwvc3R5bGU+PHBhdGggZD0iTTIuMyAzLjZjMC0xLjEuOS0xLjkgMi0xLjloMS45YzEuMSAwIDIgLjkgMiAxLjl2MTIuOGMwIDEuMS0uOSAxLjktMiAxLjloLTEuOWMtMS4xIDAtMi0uOS0yLTEuOXYtMTIuOHpNMTEuOCAzLjZjMC0xLjEuOS0xLjkgMS45LTEuOWgyYzEuMSAwIDEuOS45IDEuOSAxLjl2MTIuOGMwIDEuMS0uOSAxLjktMS45IDEuOWgtMmMtMS4xIDAtMS45LS45LTEuOS0xLjl2LTEyLjh6Ii8+PC9zdmc+") 50% 50% no-repeat;
  -ms-background-size: 20px;
  -ms-background-size: 1.25rem, 1.25rem;
  background-size: 20px;
  background-size: 1.25rem, 1.25rem;
}

.views-slideshow-controls-text-status-pause a:link,
.views-slideshow-controls-text-status-pause a:visited {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+cGF0aHtmaWxsOiNEM0QzRDM7fTwvc3R5bGU+PHBhdGggZD0iTTE3LjEgMTAuOWwtMTMuMSA3LjNjLS43LjQtMS43LS4xLTEuNy0uOXYtMTQuNmMwLS44LjktMS4zIDEuNy0uOWwxMy4yIDcuMmMuNy41LjcgMS41LS4xIDEuOXoiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 20px;
  -ms-background-size: 1.25rem, 1.25rem;
  background-size: 20px;
  background-size: 1.25rem, 1.25rem;
}

.views-slideshow-controls-text-status-pause a:hover,
.views-slideshow-controls-text-status-pause a:active,
.views-slideshow-controls-text-status-pause a:focus {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+cGF0aHtmaWxsOiNmZmZmZmY7fTwvc3R5bGU+PHBhdGggZD0iTTE3LjEgMTAuOWwtMTMuMSA3LjNjLS43LjQtMS43LS4xLTEuNy0uOXYtMTQuNmMwLS44LjktMS4zIDEuNy0uOWwxMy4yIDcuMmMuNy41LjcgMS41LS4xIDEuOXoiLz48L3N2Zz4=") 50% 50% no-repeat;
  -ms-background-size: 20px;
  -ms-background-size: 1.25rem, 1.25rem;
  background-size: 20px;
  background-size: 1.25rem, 1.25rem;
}

.views-slideshow-controls-text-next a:link,
.views-slideshow-controls-text-next a:visited {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+cGF0aHtmaWxsOiNEM0QzRDM7fTwvc3R5bGU+PHBhdGggZD0iTTE1LjMgOC4zbC03LjMtNy42Yy0uOS0uOS0yLjQtLjktMy4zIDAtLjkuOS0uOSAyLjUgMCAzLjRsNS43IDUuOS01LjYgNS45Yy0uOS45LS45IDIuNSAwIDMuNC45LjkgMi40IDEgMy4zIDBsNy4zLTcuNmMuOC0uOS44LTIuNC0uMS0zLjR6Ii8+PC9zdmc+") 50% 50% no-repeat;
  -ms-background-size: 20px;
  -ms-background-size: 1.25rem, 1.25rem;
  background-size: 20px;
  background-size: 1.25rem, 1.25rem;
}

.views-slideshow-controls-text-next a:hover,
.views-slideshow-controls-text-next a:active,
.views-slideshow-controls-text-next a:focus {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+cGF0aHtmaWxsOiNEM0QzRDM7fTwvc3R5bGU+PHBhdGggZD0iTTE1LjMgOC4zbC03LjMtNy42Yy0uOS0uOS0yLjQtLjktMy4zIDAtLjkuOS0uOSAyLjUgMCAzLjRsNS43IDUuOS01LjYgNS45Yy0uOS45LS45IDIuNSAwIDMuNC45LjkgMi40IDEgMy4zIDBsNy4zLTcuNmMuOC0uOS44LTIuNC0uMS0zLjR6Ii8+PC9zdmc+") 50% 50% no-repeat;
  -ms-background-size: 20px;
  -ms-background-size: 1.25rem, 1.25rem;
  background-size: 20px;
  background-size: 1.25rem, 1.25rem;
}

.front .services ul ul.show-full-landing a {
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
  font-style: italic;
}

#topbar,
#wbcmenu,
.footer,
.feedback {
  display: none;
}

.masthead {
  background: #fff;
}

.logo img {
  visibility: hidden;
}

.masthead-search {
  display: none;
}

.logo:before {
  content: url(../img/wbc-blue.svg);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 308px;
  width: 19.25rem;
  height: 98px;
  height: 6.125rem;
}

.datatable {
  background: transparent;
  border: 0;
}

.main .runner {
  width: 100%;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}