* {
  margin: 0;
  border: 0;
  padding: 0;
  background: none;
  font-size: 100%;
  /*font: inherit;*/
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, details, figcaption, figure, main,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Gutter Widths */
/* Screen Widths */
/* Lato */
@font-face {
  font-family: "Lato";
  font-weight: 100;
  font-style: normal;
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-100/Lato-100-54771b3bf20fb4565e169176e5bfe784d5e5a03fcfab9926003194ac4552ace5.eot);
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-100/Lato-100-54771b3bf20fb4565e169176e5bfe784d5e5a03fcfab9926003194ac4552ace5.eot?#iefix) format("embedded-opentype"), local("Lato Hairline"), local("Lato-100"), font-url(https://cdn.deepsearch.uk/fonts/Lato/Lato-100/Lato-100.woff2) format("woff2"), font-url(https://cdn.deepsearch.uk/fonts/Lato/Lato-100/Lato-100.woff) format("woff"), font-url(https://cdn.deepsearch.uk/fonts/Lato/Lato-100/Lato-100.ttf) format("truetype"), font-url(https://cdn.deepsearch.uk/fonts/Lato/Lato-100/Lato-100.svg#Lato) format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: 300;
  font-style: normal;
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300/Lato-300-dda92b2f6bda89eadba6931082c9abf532b406f225cafc2255c22e0019695825.eot);
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300/Lato-300-dda92b2f6bda89eadba6931082c9abf532b406f225cafc2255c22e0019695825.eot?#iefix) format("embedded-opentype"), local("Lato Light"), local("Lato-300"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300/Lato-300-03734f81265e2079b59ae058330be8499035b2ccdd675ca00b4e87185b244490.woff2) format("woff2"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300/Lato-300-d4b032fe906c51801fa0a819ecfe498181622c2f0e7eebfe9ff2d08f29889693.woff) format("woff"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300/Lato-300-70e4279e1c8eda13bcf46727d0f2af06db898677a0daed49bb7b0bd256abc17c.ttf) format("truetype"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300/Lato-300-6f6f9f026c24a945006352c2f7d4f1b2ce14a07e56a1c8f0934b3c0d4df9f980.svg#Lato) format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: 400;
  font-style: normal;
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-regular/Lato-regular-8bc53017aa9c6e774579b0c164984397adf31c9d189f583bee271c5d0e31f628.eot);
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-regular/Lato-regular-8bc53017aa9c6e774579b0c164984397adf31c9d189f583bee271c5d0e31f628.eot?#iefix) format("embedded-opentype"), local("Lato Regular"), local("Lato-regular"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-regular/Lato-regular-37194aafba43fd161d723859d8280466e24636793d8ace1d8b05c728eb4ac4bd.woff2) format("woff2"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-regular/Lato-regular-1d25bf7bb28567ab1a0df289a6613528c83994f5a0b360f44f9257cf650d882e.woff) format("woff"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-regular/Lato-regular-49bf5159709d0b9220affeb22efa4029c718084a0401b57851b5f0398955710b.ttf) format("truetype"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-regular/Lato-regular-5536247f7d320d50583f5b773eab6d574d80dd4f6b86c2cb01711db9821c79ba.svg#Lato) format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: 700;
  font-style: normal;
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700/Lato-700-3c7d80a42b745d50144efc38eece6719add42baf313953cbe9f3aa02f2afdbcb.eot);
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700/Lato-700-3c7d80a42b745d50144efc38eece6719add42baf313953cbe9f3aa02f2afdbcb.eot?#iefix) format("embedded-opentype"), local("Lato Bold"), local("Lato-700"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700/Lato-700-7cc01b1616222423e9db07a757b289b8be6ca647f336d7e099e78b061c86dd48.woff2) format("woff2"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700/Lato-700-280a7b1a348b33ea69f1edaf69fdbd2df1df32840fe2175bf4a7705ad7565fe4.woff) format("woff"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700/Lato-700-1543c65a633d9f45867236a13a43943ba8c536bcf00a038d2e2c5f989e2b69cf.ttf) format("truetype"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700/Lato-700-555073bf6ae43b71a06efa435864e46afd9a04b1d3a7c4c8edc89d400d0875a0.svg#Lato) format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: 100;
  font-style: italic;
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-100italic/Lato-100italic-bda3931831e25962e5cac422cf3ecf6c6679412636307de070a2278c13f19701.eot);
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-100italic/Lato-100italic-bda3931831e25962e5cac422cf3ecf6c6679412636307de070a2278c13f19701.eot?#iefix) format("embedded-opentype"), local("Lato Hairline Italic"), local("Lato-100italic"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-100italic/Lato-100italic-f30d1d994e9816b717a5ce096e8ccbe8cc54901b0c237c840067a28a03ebc253.woff2) format("woff2"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-100italic/Lato-100italic-a76a48e8b96804d0a0986198e6ea09d37dfce9e6ab2ae620303b9d11dfd08164.woff) format("woff"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-100italic/Lato-100italic-0e57fd66903bcf1a624760a02613d214673d595aafa468d6374f522c4b532837.ttf) format("truetype"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-100italic/Lato-100italic-0a4b58c60d7529b1d9340f37f5504d2c1cbf248baca69b6016cb9402e12d673f.svg#Lato) format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: 300;
  font-style: italic;
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300italic/Lato-300italic-4f1da4b023c632a4695c192671cb23732a2102dbdb4ba9aa9a41e6ca479e54b5.eot);
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300italic/Lato-300italic-4f1da4b023c632a4695c192671cb23732a2102dbdb4ba9aa9a41e6ca479e54b5.eot?#iefix) format("embedded-opentype"), local("Lato Light Italic"), local("Lato-300italic"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300italic/Lato-300italic-49b46c9c7c4af272ea8effd9e2063b63fa8861840fbac16923b3f5e77108621f.woff2) format("woff2"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300italic/Lato-300italic-eeb449f1e46e68968a473d683189d25562e5a54babe8d844e241c623109a555f.woff) format("woff"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300italic/Lato-300italic-bbcda4e2aed12ad80b1f1d995df84448aa60c5353946db0ed3860ede7f683237.ttf) format("truetype"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-300italic/Lato-300italic-8817cf0c74f3d34eedd6c9d9afda322daddc55cacadbace3125f3318a45a1b29.svg#Lato) format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: 400;
  font-style: italic;
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-italic/Lato-italic-440f93e334e4ec9ad5f2a8833b297da0932a77ebc648ac08887d04e9523cf3ef.eot);
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-italic/Lato-italic-440f93e334e4ec9ad5f2a8833b297da0932a77ebc648ac08887d04e9523cf3ef.eot?#iefix) format("embedded-opentype"), local("Lato Italic"), local("Lato-italic"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-italic/Lato-italic-42b4807593bb74809d958316f10d1ab0c5d321519263625bb81fb7963be50f38.woff2) format("woff2"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-italic/Lato-italic-9bd4a25bec87200af001c06dfbb4ce545a7fdaa2e7dea67e04ac41b5d7348352.woff) format("woff"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-italic/Lato-italic-a5112546c7b507ce213f36315c68cd7d6150078ffc28457245e523ecb910bd70.ttf) format("truetype"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-italic/Lato-italic-682703cd5f14a74baf44f1f7eedc079638d7ce03f0b982a7aa4bfb834ea9c2f0.svg#Lato) format("svg");
}
@font-face {
  font-family: "Lato";
  font-weight: 700;
  font-style: italic;
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700italic/Lato-700italic-3717bc5c931e5d67e00b17c744c4351a6310bbac7f1ab09faa26e5fa4fdd9e45.eot);
  src: font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700italic/Lato-700italic-3717bc5c931e5d67e00b17c744c4351a6310bbac7f1ab09faa26e5fa4fdd9e45.eot?#iefix) format("embedded-opentype"), local("Lato Bold Italic"), local("Lato-700italic"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700italic/Lato-700italic-7b784ff611b854e113342336886e27eba48cd0bccaa606c02ec4789a46429bdf.woff2) format("woff2"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700italic/Lato-700italic-0a6a1815f142a2fea96a83d987803b26c46a37ef5d9a7e9f2597d9226f1b1a49.woff) format("woff"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700italic/Lato-700italic-3e6d641188049738b04a0c43b358e51924e78241f7e6e52e7023a8edc38e775d.ttf) format("truetype"), font-url(https://cdn.deepsearch.uk/assets/Lato/Lato-700italic/Lato-700italic-56c716975f5c454890d873f816ec8f4505dac76aff731da05c43df58216d7dfb.svg#Lato) format("svg");
}
/* Hiding */
.hide-1 {
  position: absolute;
  left: -1000em;
}

.hide-2 {
  display: none;
}

.hide-3 {
  text-indent: -1000em;
}

.hide-4 {
  visibility: hidden;
}

.hide-5 {
  visibility: hidden;
  text-indent: -1000em;
}

/* Links */
a {
  font-weight: 300;
  color: #2e4c71;
  text-decoration: underline;
  transition: color 0.15s, background 0.15s;
}
a.divide:after {
  content: " |";
  color: #333;
}
a:hover, a:focus {
  text-decoration: none;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font: 400 1em/1.4 "Lato", "Trebuchet MS", "Lucida Grande", Verdana, Geneva, Sans-Serif;
}

/* Formatting */
.formatting h1, .formatting h2, .formatting h3, .formatting h4, .formatting h5, .formatting h6 {
  margin-bottom: 0.75em;
}
.formatting p, .formatting ul, .formatting ol, .formatting dl, .formatting blockquote {
  margin-bottom: 0.75em;
}
.formatting ul, .formatting ol {
  padding-left: 1.2em;
}
.formatting ul {
  list-style: disc;
}
.formatting ol {
  list-style: decimal;
}
.formatting dd {
  margin: 0 0 0 0.5em;
}
.formatting b {
  font-weight: 400;
}
.formatting strong {
  font-weight: 700;
}
.formatting dt {
  margin: 1em 0 0;
  font-weight: bold;
  text-transform: uppercase;
}
.formatting dt:first-child {
  margin-top: 0;
}
.formatting header h1,
.formatting section > h2,
.formatting h2.question {
  font-size: 1.15em;
  letter-spacing: 1px;
  font-weight: 300;
}
.formatting header h1 span,
.formatting section > h2 span,
.formatting h2.question span {
  display: block;
}
@media (min-width: 768px) {
  .formatting header h1 span,
  .formatting section > h2 span,
  .formatting h2.question span {
    display: inline;
  }
}
.formatting h2 {
  font-size: 1em;
}
.formatting h2.intro {
  font-size: 1.1em;
}
.formatting h2.mins span {
  display: block;
  font-size: 0.6em;
  text-transform: uppercase;
}

@font-face {
  font-family: "icomoon";
  src: url(https://cdn.deepsearch.uk/assets/icomoon-92df930552ab7da825991a95ca136f0f6fd5ae727c8710628cb7e104052cbcdb.eot?yj3l8l#iefix) format("embedded-opentype"), url(https://cdn.deepsearch.uk/assets/icomoon-f595b6ce06fca6f03aed3d995fb14e273185dc2c538e7a2d19c8be7b3dcbeb3a.ttf?yj3l8l) format("truetype"), url(https://cdn.deepsearch.uk/assets/icomoon-98202f2f1255b71434a8b84b093dbef9e1d758dec4d99f14e3e6846ff99781b3.woff?yj3l8l) format("woff"), url(https://cdn.deepsearch.uk/assets/icomoon-bb8aee5032a26d27e27babdfb5da4e8ffbf04bb363d0481fec868097f51103f1.svg?yj3l8l#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*=icon-]:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

[class*="button icon-"]:before {
  margin-right: 10px;
  vertical-align: middle;
}

.button span[class*=icon-] {
  vertical-align: middle;
}
.button span[class*=icon-]:before {
  margin-left: 8px;
}

.icon-arrow-down:before {
  content: "\e900";
}

.icon-arrow-right:before {
  content: "\e901";
}

.icon-arrow-up:before {
  content: "\e902";
}

.icon-times:before {
  content: "\e903";
}

.button {
  display: inline-block;
  border-radius: 2em;
  border: 1px solid #2e4c71;
  padding: 0.5em 1.25em;
  min-width: 125px;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-weight: 400;
  font-size: 1.2em;
  color: #2e4c71;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
  -webkit-appearance: none;
}
@media (min-width: 500px) {
  .button {
    min-width: 0;
  }
}
.button.small {
  padding: 0.4em 1em;
}
.button.very-small {
  padding: 0.2em 0.5em;
}
.button:hover, .button:focus {
  border-color: #2e4c71;
  background: #2e4c71;
  color: white;
}
.button.outline {
  border-color: white;
  background: transparent;
  font-weight: 300;
  color: white;
}

div.buttons {
  margin: 1em 0 0.25em;
  text-align: center;
}
div.buttons .button {
  margin: 0 0 0.25em;
  width: 100%;
}
@media (min-width: 500px) {
  div.buttons .button {
    margin: 0 0.25em 0.25em;
    width: auto;
  }
}
div.buttons span.secondary {
  display: block;
  margin: 0.25em;
}

/* ------------------------------- */
/* =Structure */
/* ------------------------------- */
body {
  background-color: #1d4473;
  text-align: left;
  font: 300 118.8%/1.5 "Lato", "Trebuchet MS", "Lucida Grande", Verdana, Geneva, Sans-Serif;
  color: white;
}
body:after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: -70px;
  z-index: 1;
  background-image: url(https://cdn.deepsearch.uk/assets/bgs/texture-1f596a86d790385a386fb3a2cc8d49aa8834b99e5711e3fce261ff12612dfae1.png), linear-gradient(to bottom, #1d4473 0%, #fdaf80 80%, #fdaf80 100%);
  background-size: 420px 326px, auto;
  background-attachment: scroll;
  content: "";
  transform: translateY(0);
}

.wrap {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 60em;
  box-sizing: border-box;
}
@media (min-width: 960px) {
  .wrap {
    padding: 0 30px;
  }
}

.columns {
  display: block;
}
@media (min-width: 768px) {
  .columns {
    display: flex;
  }
}
.columns .column {
  flex: 1 0;
  position: relative;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .columns .column {
    margin: 0 20px;
  }
}
.columns > :first-child {
  margin-left: 0;
}
.columns > :last-child {
  margin-right: 0;
}

.cookie-alert {
  text-align: center;
}

/* ------------------------------- */
/* =Header */
/* ------------------------------- */
header[role=banner] {
  overflow: hidden;
  margin-bottom: 1em;
  padding-top: 0.5em;
  text-align: center;
}
.js header[role=banner] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  margin-bottom: 0;
}
header[role=banner] span.aesthetics {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: url(https://cdn.deepsearch.uk/assets/bgs/texture-1f596a86d790385a386fb3a2cc8d49aa8834b99e5711e3fce261ff12612dfae1.png), linear-gradient(to bottom, #1d4473 0%, #fdaf80 80%, #fdaf80 100%);
  background-size: 420px 326px, auto;
  background-attachment: scroll;
}
header[role=banner] div.wrap {
  position: relative;
  z-index: 2;
}
header[role=banner] div.wrap h1:after {
  display: block;
  margin: 0.5em auto 0;
  padding: 0;
  width: 100px;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  content: "";
}
.with-navigation header[role=banner] div.wrap h1:after {
  content: none;
}
.taster header[role=banner] div.wrap h1:after {
  width: auto;
}
.taster header[role=banner] div.wrap h1 a {
  margin: 0; /* Remove this to centre the taster logo */
}
header[role=banner] div.wrap h1 a {
  display: block;
  margin: 0 auto;
  width: 250px;
  height: 54px;
  background: url(https://cdn.deepsearch.uk/assets/logos/now-61b6fdec3408375dcdbaabee0ab3a58cabdd7e5bf9963b5ee0d7b616df048ffe.png) no-repeat 50%;
  background-size: 100% auto;
  text-decoration: none;
}
header[role=banner] div.wrap h1 a:focus {
  outline: 1px dotted;
}
.change header[role=banner] div.wrap h1 a {
  background-image: url(https://cdn.deepsearch.uk/assets/logos/change-f43aab8fef5557eb7d949722e7d944e3217df03e210491a367ae40fbd1b2eeef.png);
}
.future header[role=banner] div.wrap h1 a {
  background-image: url(https://cdn.deepsearch.uk/assets/logos/future-590c8dfe5f07896600b09cd8cf61bea7f209aaa4414e8f795956882d430f2665.png);
}
.taster header[role=banner] div.wrap h1 a {
  background-image: url(https://cdn.deepsearch.uk/assets/logos/taster-11f103fd6459edf14b8c4cc526e3c745089038800d275fe72781cca1ff84e63a.png);
}
header[role=banner] div.wrap h1 a span {
  position: absolute;
  left: -1000em;
}
header[role=banner] nav[role=navigation] {
  display: none;
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-top: 0.5em;
}
.with-navigation header[role=banner] nav[role=navigation] {
  display: block;
}
header[role=banner] nav[role=navigation] a {
  display: block;
  color: #c6c8cc;
  text-decoration: none;
}
header[role=banner] nav[role=navigation] a:hover {
  color: white;
}
header[role=banner] nav[role=navigation] a:focus {
  outline: 1px dotted;
}
header[role=banner] nav[role=navigation] > ol {
  position: relative;
  font-size: 1em;
}
header[role=banner] nav[role=navigation] > ol > li {
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  border-bottom: 0;
  padding: 0.35em 0.75em 0.2em;
}
header[role=banner] nav[role=navigation] > ol > li:before, header[role=banner] nav[role=navigation] > ol > li:after {
  position: absolute;
  bottom: 0;
  width: 1000em;
  height: 1px;
  background: white;
}
header[role=banner] nav[role=navigation] > ol > li.current {
  border-color: white;
  color: white;
}
header[role=banner] nav[role=navigation] > ol > li.current:before {
  right: 100%;
  content: "";
}
header[role=banner] nav[role=navigation] > ol > li.current:after {
  left: 100%;
  content: "";
}

/* ------------------------------- */
/* =Main */
/* ------------------------------- */
main[role=main] {
  position: relative;
  z-index: 2;
}

/* General */
.cta {
  text-align: center;
}
@media (min-width: 500px) {
  .cta {
    text-align: left;
  }
}

.dot-separate, section.questions form div.box h2 span:before {
  position: relative;
  margin-top: 65px;
  text-align: center;
}
.dot-separate:before, section.questions form div.box h2 span:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin: 0 0 3px -2px;
  width: 4px;
  height: 56px;
  background: url(https://cdn.deepsearch.uk/assets/bgs/question-dots-c23c0527c59c733b8b979c232cb90cc8dfb4506d3264655e7c40f08970c7c131.svg) 50%;
  background-repeat: space;
  background-size: 100% auto;
  content: "";
}

.formatting .underline {
  margin-bottom: 1em;
  border-bottom: 1px solid #2e4c71;
  padding-bottom: 1em;
}
.formatting .divide, .formatting section.answers h3, section.answers .formatting h3 {
  margin-top: 1em;
  border-top: 1px solid #2e4c71;
  padding-top: 1em;
}

ul.unstyled,
ol.unstyled {
  padding-left: 0;
  list-style: none;
}

div.cookies-alert {
  text-align: center;
}

/* ------------------------------- */
/* =Footer */
/* ------------------------------- */
footer[role=contentinfo] {
  position: relative;
  z-index: 2;
  padding: 1em 0;
  text-align: center;
}
footer[role=contentinfo] p, footer[role=contentinfo] ul {
  margin-bottom: 0.5em;
  font-size: 0.8em;
}
footer[role=contentinfo] ul li {
  display: inline-block;
  margin: 0 8px;
}
footer[role=contentinfo] a {
  color: white;
  text-decoration: none;
}
footer[role=contentinfo] a:hover {
  text-decoration: underline;
}

/* ------------------------------- */
/* =Questions & Answers */
/* ------------------------------- */
.box {
  margin-bottom: 1em;
  border-radius: 10px;
  padding: 0.85em;
  background: rgba(255, 255, 255, 0.7);
  color: #2e4c71;
}
@media (min-width: 768px) {
  .box {
    padding: 1.5em;
  }
}
.box div.box-wrap {
  margin: 0 auto;
  max-width: 660px;
}
.box div.box-wrap > :last-child {
  margin-bottom: 0;
}

section header h1,
section > h2 {
  text-align: center;
}

section.questions > h2.underline {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
section.questions form div.box {
  position: relative;
  margin-top: 100px;
  font-weight: 400;
}
section.questions form div.box h2 {
  margin-bottom: 0.5em;
}
section.questions form div.box h2 span {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 0 7px;
  text-align: center;
  font-size: 0.85em;
  letter-spacing: 1px;
  color: white;
}
section.answers div.answers-wrap ~ h3 {
  border-top: 0;
}

div.answers-wrap ul {
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 0.75em;
  max-height: 100em;
  transition: max-height 0.5s ease-in;
}
div.answers-wrap.hide ul {
  max-height: 2.5em;
  transition-timing-function: ease-out;
}
div.answers-wrap a.toggle {
  display: block;
  border: solid #2e4c71;
  border-width: 1px 0;
  padding: 0.45em;
  font-size: 0.8em;
  font-weight: 700;
}
div.answers-wrap a.toggle:before {
  margin-right: 0.5em;
}

/* ------------------------------- */
/* =Selection options */
/* ------------------------------- */
div.selection-options {
  position: relative;
  overflow: hidden;
  border: 1px solid #2e4c71;
  border-radius: 10px;
  box-shadow: inset 0 0 3px 2px rgba(46, 76, 113, 0.5);
  transition: opacity 0.2s;
}
div.selection-options.disabled {
  opacity: 0.3;
}
div.selection-options.disabled:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.01);
  content: "";
}
div.selection-options ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.3;
  list-style: none;
  font-size: 0.8em;
}
@media (min-width: 768px) {
  div.selection-options ul {
    font-size: 0.9em;
  }
}
div.selection-options ul li {
  display: flex;
  flex: 1 1 33.333%;
}
div.selection-options ul li:nth-child(-n+3) label {
  border-top-width: 0;
}
div.selection-options ul li:nth-child(3n) label {
  border-right-width: 0;
}
@media (min-width: 768px) {
  div.selection-options ul li {
    flex-basis: 0;
  }
  div.selection-options ul li label:nth-child(n) {
    border-width: 0 1px 0 0;
  }
  div.selection-options ul li:last-child label {
    border-right-width: 0;
  }
}
div.selection-options ul li input {
  position: absolute;
  left: -1000em;
}
div.selection-options ul li input:focus ~ label {
  background: rgba(255, 255, 255, 0.3);
}
div.selection-options ul li input:checked ~ label {
  background: #2e4c71;
  color: white;
}
div.selection-options ul li label {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  border: solid #2e4c71;
  border-width: 1px 1px 0 0;
  padding: 0.6em 0.5em;
  cursor: pointer;
}
@media (min-width: 768px) {
  div.selection-options ul li label {
    padding: 1em 0.5em;
  }
}
div.selection-options ul li label:hover {
  background: rgba(255, 255, 255, 0.3);
}

div.not-relevant {
  margin-top: 1em;
  font-size: 0.9em;
}
div.not-relevant label {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
div.not-relevant label input:not(#iefix) {
  position: absolute;
  left: -1000em;
}
div.not-relevant label input:not(#iefix):checked ~ span:after {
  content: "";
}
div.not-relevant label input:not(#iefix):focus ~ span:before {
  box-shadow: inset 0 0 3px 2px rgba(46, 76, 113, 0.5), 0 0 3px 2px rgba(46, 76, 113, 0.5);
}
div.not-relevant label span:not(#iefix) {
  display: inline-block;
  padding: 6px 0 0 45px;
}
div.not-relevant label span:not(#iefix):before {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  box-shadow: inset 0 0 3px 2px rgba(46, 76, 113, 0.5);
  content: "";
}
div.not-relevant label span:not(#iefix):after {
  position: absolute;
  top: 11px;
  left: 11px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: #2e4c71;
}

/* ------------------------------- */
/* =Modal */
/* ------------------------------- */
div.modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1000em;
  padding: 20px;
  z-index: 9999999;
  overflow: auto;
  opacity: 0;
  transition: left 0.2s 0.1s, right 0.2s 0.1s;
}
div.modal.show {
  position: fixed;
  left: 0;
  right: 0;
  opacity: 1;
  transition: opacity 0.2s 0.1s;
}
div.modal.show:after {
  position: fixed;
}
div.modal:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
div.modal section {
  position: relative;
  z-index: 2;
  padding: 0;
  background: none;
}
@media (min-width: 768px) {
  div.modal section {
    margin-top: 4%;
  }
}
div.modal section header {
  border-radius: 10px 10px 0 0;
  padding: 0.75em;
  background: #2e4c71;
  text-align: right;
}
div.modal section header h1 {
  position: absolute;
  left: -1000em;
}
div.modal section header a.close {
  font-weight: 400;
  color: white;
}
div.modal section header a.close span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
div.modal section div.box {
  border-radius: 0 0 10px 10px;
  padding: 0.75em;
  background: white;
  color: #2e4c71;
}
div.modal section div.box p, div.modal section div.box span.label {
  -webkit-text-size-adjust: none;
}
div.modal section div.box { /* Horrible hack to stop iOS increasing the text size from 19px to 23px! */ }
div.modal section div.box span.secondary {
  display: none;
}

/* ------------------------------- */
/* =Forms */
/* ------------------------------- */
div.form-wrap {
  margin: 0 0 0.75em;
}
div.form-wrap span.label {
  display: block;
  margin: 0 0 0.15em;
  font-weight: 400;
}
div.form-wrap span.field {
  display: block;
  margin: 0;
}
div.form-wrap span.field.custom-select {
  padding: 0;
}
div.form-wrap span.field.custom-select::after {
  top: 33%;
  right: 0.75em;
  width: 25px;
  height: 17px;
  background: url(https://cdn.deepsearch.uk/assets/icons/arrow-down-520a00d437b5b36773be93749019824d1c25365f921017bc53b63577f51e67a6.svg) no-repeat 50%;
  background-size: 100% auto;
}
div.form-wrap span.field.custom-select select {
  padding-right: 2.5em;
  font-weight: 300;
  color: #2e4c71;
}
div.form-wrap span.field input:not([type=checkbox]):not([type=radio]),
div.form-wrap span.field textarea,
div.form-wrap span.field select {
  width: 100%;
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]),
textarea,
span.field.custom-select {
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  padding: 0.6em;
  font: 300 19px/1.5 "Lato", "Trebuchet MS", "Lucida Grande", Verdana, Geneva, Sans-Serif;
  color: #2e4c71;
  box-sizing: border-box;
  box-shadow: inset 0 0 3px 2px rgba(46, 76, 113, 0.5);
  outline: none;
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]),
textarea {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  font-weight: 300;
  color: rgba(46, 76, 113, 0.5);
}

::-moz-placeholder {
  font-weight: 300;
  color: rgba(46, 76, 113, 0.5);
  opacity: 1;
}

:-ms-input-placeholder {
  font-weight: 300;
  color: rgba(46, 76, 113, 0.5);
}

/* ------------------------------- */
/* =Privacy */
/* ------------------------------- */
section.privacy h2, section.privacy h3 {
  text-decoration: underline;
}

/* From Vendor - css files should be added without the .css */
/* Container used for styling the custom select, the buttom class below adds the
 * bg gradient, corners, etc. */
.custom-select {
  position: relative;
  display: block;
}

/* This is the native select, we're making everything but the text invisible so
 * we can see the button styles in the wrapper */
.custom-select select {
  width: 100%;
  margin: 0;
  outline: none;
  padding: 0.6em 0.8em 0.6em 0.6em;
  /* Prefixed box-sizing rules necessary for older browsers */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Font size must be 16px to prevent iOS page zoom on focus */
  font-size: 19px;
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font,
 * etc. or the arrow could just baked into the bg image on the select. */
.custom-select::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 1em;
  z-index: 2;
  /* These hacks make the select behind the arrow clickable in some browsers */
  pointer-events: none;
  display: none;
}

/* Firefox <= 34 has a false positive on @supports( -moz-appearance: none )
 * @supports ( mask-type: alpha ) is Firefox 35+
 */
@supports (-webkit-appearance: none) or (appearance: none) or ((-moz-appearance: none) and (mask-type: alpha)) {
  /* Show custom arrow */
  .custom-select::after {
    display: block;
  }
  /* Remove select styling */
  .custom-select select {
    padding-right: 2em; /* Match-01 */
    /* inside @supports so that iOS <= 8 display the native arrow */
    background: none; /* Match-04 */
    /* inside @supports so that Android <= 4.3 display the native arrow */
    border: 1px solid transparent; /* Match-05 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .custom-select select:focus {
    border-color: #aaa; /* Match-03 */
  }
}
/* Adds Firefox < 35 support */
/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  /* Warning: this kills the focus outline style */
  .custom-select {
    overflow: hidden;
  }
  .custom-select::after {
    display: block;
  }
  /* Make the native select extra wide so the arrow is clipped. 1.5em seems to be enough to safely clip it */
  .custom-select select {
    overflow: -moz-hidden-unscrollable;
    padding-right: 0.4em;
    background: none; /* Match-04 */
    border: 1px solid transparent; /* Match-05 */
    /* Firefox < 4 */
    min-width: 6em;
    width: 130%;
    /* Firefox 4-15 */
    min-width: -moz-calc(0em);
    width: -moz-calc(100% + 2.4em);
    /* Firefox 16+ */
    min-width: 0em;
    width: calc(100% + 2.4em);
  }
  /* Firefox 35+ that supports hiding the native select can have a proper 100% width, no need for the overflow clip trick */
  @supports (mask-type: alpha) {
    .custom-select {
      overflow: visible;
    }
    .custom-select select {
      -moz-appearance: none;
      width: 100%;
      padding-right: 2em; /* Match-01 padding-right */
    }
  }
}
/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance. Targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none;
  }
  .custom-select select:focus {
    border-color: #aaa; /* Match-03 */
  }
  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #222; /* Match-02*/
  }
  .custom-select select {
    padding-right: 2em; /* Match-01 */
    background: none; /* Match-04 */
    border: 1px solid transparent; /* Match-05 */
  }
  .custom-select::after {
    display: block;
  }
}