@font-face {
  font-family: ff;
  /*src: url(fonts/font.eot);
  src: url(fonts/font.svg) format("svg"), url(fonts/font.eot?#iefix) format("embedded-opentype"), url(fonts/font.woff2) format("woff2"), url(fonts/font.woff) format("woff"), url(fonts/font.ttf) format("truetype");*/
  src: url("../assets_quote/fonts/Montserrat-Bold.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: ffb;
  /*src: url(fonts/font-bold.eot);*/
  /*src: url(fonts/font-bold.svg) format("svg"), url(fonts/font-bold.eot?#iefix) format("embedded-opentype"), url(fonts/font-bold.woff2) format("woff2"), url(fonts/font-bold.woff) format("woff"), url(fonts/font-bold.ttf) format("truetype");*/
  src: url("../assets_quote/fonts/Montserrat-Bold.ttf");
  font-weight: 400;
  font-style: normal;
}

body.minimise .continueQuote {
  bottom: 2em;
  opacity: 1
}

body.quote * {
  box-sizing: initial;
}

body.respond-s .continueQuote,
body.touch .continueQuote {
  display: none
}

@media (min-width:35em) {
  body.quote {
    font-size: 54%
  }
  .which-respond {
    height: 1px
  }
}

@media (min-width:48em) {
  body.quote {
    font-size: 58%
  }
  .which-respond {
    height: 2px
  }
}

@media (min-width:60em) {
  body.quote {
    font-size: 60%
  }
  .which-respond {
    height: 3px
  }
  .loader {
    left: 5.2em
  }
  body.loading .loader {
    top: 2.1em
  }
}

@media (min-width:90em) {
  body.quote {
    font-size: 62.5%
  }
}

footer .wrap {
  background: #000;
  color: #fff;
  padding: 4em
}

footer .wrap>img {
  width: 9.2em;
  margin-left: 4em;
  margin-bottom: 2em
}

footer .wrap .contact a {
  font-size: 1.6em;
  color: #fff;
  text-decoration: none;
  padding: 1em 0 1em 2.8em;
  margin-left: 2.5em;
  background-size: 1.9em;
  display: block
}

footer .wrap .contact a:nth-of-type(1) {
  background: url(img/contact-mail.html) 0 .7em no-repeat;
  background-size: 1.9em
}

footer .wrap .contact a:nth-of-type(2) {
  background: url(img/contact-twitter.html) 0 .7em no-repeat;
  background-size: 1.9em
}

footer .wrap .contact a:nth-of-type(3) {
  background: url(img/contact-facebook.html) 0 .7em no-repeat;
  background-size: 1.9em
}

footer .wrap .contact a:hover {
  color: rgba(255, 255, 255, .9)
}

footer .legal {
  background: #e5e5e5;
  padding: 1em 4em;
  font-size: 1em;
  text-align: center;
  color: rgba(0, 0, 0, .5);
  margin-bottom: 0
}

footer .legal:first-of-type {
  padding-bottom: 0
}

footer .legal a {
  color: rgba(0, 0, 0, .6)
}

footer .legal a:hover {
  color: rgba(0, 0, 0, .8)
}

body.quote footer {
  opacity: .2;
  -webkit-transition: 1s cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: 1s cubic-bezier(.23, 1, .32, 1);
  transition: 1s cubic-bezier(.23, 1, .32, 1)
}

body.quote.minimise footer {
  opacity: 1
}

@media (min-width:60em) {
  footer .wrap:after {
    content: "";
    display: table;
    clear: both
  }
  footer .wrap>img {
    margin: 0;
    float: left
  }
  footer .wrap .contact {
    float: right
  }
  footer .wrap .contact a {
    display: inline-block
  }
}

.logo {
  position: fixed;
  z-index: 10200;
  top: 2em;
  left: 2em;
  width: 6.2em;
  -webkit-transform: scale(0) translateY(2em);
  -moz-transform: scale(0) translateY(2em);
  -ms-transform: scale(0) translateY(2em);
  -o-transform: scale(0) translateY(2em);
  transform: scale(0) translateY(2em)
}

.logo img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.logo img.white {
  clip-path: inset(1000px 0 0 0);
  -webkit-clip-path: inset(1000px 0 0 0);
  z-index: 0
}

body.loaded .logo {
  -webkit-transform: scale(1) translateY(50%);
  -moz-transform: scale(1) translateY(50%);
  -ms-transform: scale(1) translateY(50%);
  -o-transform: scale(1) translateY(50%);
  transform: scale(1) translateY(50%);
  -webkit-transition: .6s cubic-bezier(1, 0, .195, 1);
  -webkit-transition: .6s cubic-bezier(1, -.13, .195, 1.185);
  -moz-transition: .6s cubic-bezier(1, -.13, .195, 1.185);
  -o-transition: .6s cubic-bezier(1, -.13, .195, 1.185);
  transition: .6s cubic-bezier(1, -.13, .195, 1.185)
}

body.quote:not(.minimise) .logo {
  left: 7em;
  -webkit-transition: 500ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 500ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 500ms cubic-bezier(.23, 1, .32, 1);
  transition: 500ms cubic-bezier(.23, 1, .32, 1);
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  -o-transition-delay: 2.1s;
  transition-delay: 2.1s
}

body.quote:not(.minimise) .logo img {
  clip-path: inset(0 0 0 0) !important;
  -webkit-clip-path: inset(0 0 0 0) !important;
  z-index: 1;
  opacity: 1
}

body.quote:not(.minimise) .logo img.white {
  clip-path: inset(1000px 0 0 0) !important;
  -webkit-clip-path: inset(1000px 0 0 0) !important;
  z-index: 0
}

body.scrolled .wrap-btn {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  pointer-events: all
}

body.scrolled .wrap-btn:hover .btn {
  background: #ff0202;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: inset 0 0 0 0 #000;
  -moz-box-shadow: inset 0 0 0 0 #000;
  box-shadow: inset 0 0 0 0 #000;
  color: #fff;
  clip-path: inset(0 0 0 0) !important;
  -webkit-clip-path: inset(0 0 0 0) !important
}

section.associations,
section.form-v2 div.associations,
section.quote div.associations {
  position: absolute;
  top: 2em;
  right: 2em;
  -webkit-transform: scale(.9) translateX(2em);
  -moz-transform: scale(.9) translateX(2em);
  -ms-transform: scale(.9) translateX(2em);
  -o-transform: scale(.9) translateX(2em);
  transform: scale(.9) translateX(2em);
  opacity: 0;
  -webkit-transition: .3s cubic-bezier(.23, 1, .32, 1);
  -moz-transition: .3s cubic-bezier(.23, 1, .32, 1);
  -o-transition: .3s cubic-bezier(.23, 1, .32, 1);
  transition: .3s cubic-bezier(.23, 1, .32, 1);
  transition-delay: .3s;
  z-index: 10100
}

section.associations a img,
section.form-v2 div.associations a img,
section.quote div.associations a img {
  cursor: pointer;
  pointer-events: all
}

section.associations .donate,
section.form-v2 div.associations .donate,
section.quote div.associations .donate {
  position: absolute;
  bottom: -5.7em;
  left: -2em;
  font-size: 1.2em;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
  line-height: 1.6em;
  display: none
}

section.associations .donate:after,
section.form-v2 div.associations .donate:after,
section.quote div.associations .donate:after {
  content: "";
  position: absolute;
  left: 4em;
  top: -2em;
  width: 1.4em;
  height: 3em;
  background: url(img/icon-movember-arrow2.html) no-repeat;
  background-size: 100%
}

section.associations img,
section.form-v2 div.associations img,
section.quote div.associations img {
  width: auto;
  height: 3em;
  display: inline-block;
  margin-left: 3em;
  position: relative
}

section.form-v2 div.associations,
section.quote div.associations {
  opacity: 1;
  position: fixed;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s
}

section.quote {
  position: fixed;
  width: 100%;
  min-height: 100vh;
  -webkit-transition: .3s cubic-bezier(.23, 1, .32, 1);
  -moz-transition: .3s cubic-bezier(.23, 1, .32, 1);
  -o-transition: .3s cubic-bezier(.23, 1, .32, 1);
  transition: .3s cubic-bezier(.23, 1, .32, 1);
  /*padding: 0 4em 10vh;*/
  z-index: 0;
  opacity: 0;
  font-size: 70%;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by any browser but < IE9 */
}

section.quote .continue:after {
  content: "";
  position: absolute;
  width: 5em;
  height: 5em;
  background: url(img/arrow-black-left.html) center center no-repeat;
  background-size: 100%;
  -webkit-transform: translateX(.4em) translateY(.2em) rotate(90deg);
  -moz-transform: translateX(.4em) translateY(.2em) rotate(90deg);
  -ms-transform: translateX(.4em) translateY(.2em) rotate(90deg);
  -o-transform: translateX(.4em) translateY(.2em) rotate(90deg);
  transform: translateX(.4em) translateY(.2em) rotate(90deg);
  opacity: 0;
  -webkit-transition: 1s cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 1s cubic-bezier(.23, 1, .32, 1);
  -o-transition: 1s cubic-bezier(.23, 1, .32, 1);
  transition: 1s cubic-bezier(.23, 1, .32, 1);
  top: 3.3em;
  right: 3.8em
}

section.quote .wrap {
  max-width: 124em;
  margin: 0 auto;
  padding: 2em 0 0;
  position: relative;
  -webkit-transition: 2s cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 2s cubic-bezier(.23, 1, .32, 1);
  -o-transition: 2s cubic-bezier(.23, 1, .32, 1);
  transition: 2s cubic-bezier(.23, 1, .32, 1)
}

section.quote .wrap input[type=submit] {
  opacity: 0;
  margin-left: -10000px
}

section.quote .wrap>div:not(.messagewrite) {
  padding-bottom: 1rem;
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: 200ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 200ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 200ms cubic-bezier(.23, 1, .32, 1);
  transition: 200ms cubic-bezier(.23, 1, .32, 1);
  display: none;
  opacity: 0
}

@media (max-width:60em) {
  section.quote .wrap>div:not(.messagewrite) {
    padding-bottom: 1em;
  }
}

section.quote .wrap>div:not(.messagewrite).qinsuretom img {
  max-width: 11em
}

section.quote .wrap>div:not(.messagewrite)>div {
  font-family: ffb, sans-serif;
  background: #fff;
  /*min-height: 3em;*/
  border-radius: 0.6em;
  display: inline-block;
  padding: 0.7em 1em;
  -webkit-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  transition: 250ms cubic-bezier(.23, 1, .32, 1);
  opacity: 1;
  text-align: left;
  font-size: 16px
}

section.quote .wrap>div:not(.messagewrite)>div.number,
section.quote .wrap>div:not(.messagewrite)>div.text {
  padding: .4em 1.2em .4em 1em
}

section.quote .wrap>div:not(.messagewrite)>div.number span,
section.quote .wrap>div:not(.messagewrite)>div.text span {
  white-space: nowrap
}

section.quote .wrap>div:not(.messagewrite)>div.number input,
section.quote .wrap>div:not(.messagewrite)>div.text input {
  font-family: ffb, sans-serif;
  background:rgb(183 24 24);
  border: none;
  font-size: 1em;
  color: #fff;
  padding: .3em .6em;
  width: 8em;
  caret-color: #fff
}

section.quote .wrap>div:not(.messagewrite)>div.number input::-webkit-input-placeholder,
section.quote .wrap>div:not(.messagewrite)>div.text input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .4)
}

section.quote .wrap>div:not(.messagewrite)>div.number input:-moz-placeholder,
section.quote .wrap>div:not(.messagewrite)>div.text input:-moz-placeholder {
  color: rgba(255, 255, 255, .4)
}

section.quote .wrap>div:not(.messagewrite)>div.number input::-moz-placeholder,
section.quote .wrap>div:not(.messagewrite)>div.text input::-moz-placeholder {
  color: rgba(255, 255, 255, .4)
}

section.quote .wrap>div:not(.messagewrite)>div.number input:-ms-input-placeholder,
section.quote .wrap>div:not(.messagewrite)>div.text input:-ms-input-placeholder {
  color: rgba(255, 255, 255, .4)
}

section.quote .wrap>div:not(.messagewrite)>div.number input:focus,
section.quote .wrap>div:not(.messagewrite)>div.text input:focus {
  background: rgb(183 24 24);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);
  -webkit-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  transition: 250ms cubic-bezier(.23, 1, .32, 1)
}

section.quote .wrap>div:not(.messagewrite)>div.number input:-webkit-autofill,
section.quote .wrap>div:not(.messagewrite)>div.number input:-webkit-autofill:active,
section.quote .wrap>div:not(.messagewrite)>div.number input:-webkit-autofill:focus,
section.quote .wrap>div:not(.messagewrite)>div.number input:-webkit-autofill:hover,
section.quote .wrap>div:not(.messagewrite)>div.text input:-webkit-autofill,
section.quote .wrap>div:not(.messagewrite)>div.text input:-webkit-autofill:active,
section.quote .wrap>div:not(.messagewrite)>div.text input:-webkit-autofill:focus,
section.quote .wrap>div:not(.messagewrite)>div.text input:-webkit-autofill:hover {
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out
}

section.quote .wrap>div:not(.messagewrite)>div.number input#address,
section.quote .wrap>div:not(.messagewrite)>div.number input#email,
section.quote .wrap>div:not(.messagewrite)>div.number input#phone,
section.quote .wrap>div:not(.messagewrite)>div.text input#address,
section.quote .wrap>div:not(.messagewrite)>div.text input#email,
section.quote .wrap>div:not(.messagewrite)>div.text input#phone {
  width: 11.5em
}

section.quote .wrap>div:not(.messagewrite)>div.number input#phone,
section.quote .wrap>div:not(.messagewrite)>div.text input#phone {
  width: 9em
}

@media (max-width:25em) {
  section.quote .wrap>div:not(.messagewrite)>div.number input#phone,
  section.quote .wrap>div:not(.messagewrite)>div.text input#phone {
    width: 100%
  }
}

section.quote .wrap>div:not(.messagewrite)>div input.number {
  width: 3em;
  text-align: center;
  -webkit-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  transition: 250ms cubic-bezier(.23, 1, .32, 1)
}

section.quote .wrap>div:not(.messagewrite)>div.radio {
  padding: 0;
  /*border-radius: 6em;*/
  margin: 0 0 1em 0.9em !important;
  position: relative
}

section.quote .wrap>div:not(.messagewrite)>div.radio label {
  font-family: ffb, sans-serif;
  background: #000;
  color: #fff;
  /*min-height: 3em;*/
  border-radius: 0.6em;
  display: inline-block;
  padding: 1.0em 1.2em;
  cursor: pointer;
  margin-bottom: 0px;
}

section.quote .wrap>div:not(.messagewrite)>div.radio label:hover {
  background: #e0001b;
}

section.quote .wrap>div:not(.messagewrite)>div.radio input[type=radio] {
  position: absolute;
  left: -100000px
}

section.quote .wrap>div:not(.messagewrite)>div.radio input[type=radio]:checked+label {
  background: #e0001b;
}

section.quote .wrap>div:not(.messagewrite).next {
  display: block
}

section.quote .wrap>div:not(.messagewrite).active {
  z-index: 1;
  position: relative;
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

section.quote .wrap>div:not(.messagewrite).you {
  text-align: right;
  padding-bottom: 1rem;
}

/*@media (max-width:60em) {
  section.quote .wrap>div:not(.messagewrite).you.active:not(.prev) {
    padding-bottom: 13em;
  }
}*/

section.quote .wrap>div:not(.messagewrite).you>div {
  background: #e0001b;
  color: #fff;
  margin-bottom: .4em;
  margin-left: .4em
}

section.quote .wrap>div:not(.messagewrite).you>div.go,
section.quote .wrap>div:not(.messagewrite).you>div.gonoclick {
  cursor: pointer;
  padding-top: 1em;
  padding-bottom: 0.9em;
}

section.quote .wrap>div:not(.messagewrite).you>div.go.hide,
section.quote .wrap>div:not(.messagewrite).you>div.gonoclick.hide {
  display: none
}

section.quote .wrap>div:not(.messagewrite).you>div.go.show,
section.quote .wrap>div:not(.messagewrite).you>div.gonoclick.show {
  display: inline-block
}

section.quote .wrap>div:not(.messagewrite).you>div.go:hover,
section.quote .wrap>div:not(.messagewrite).you>div.gonoclick:hover {
  background: #000
}

section.quote .wrap>div:not(.messagewrite).you>div.go.fired,
section.quote .wrap>div:not(.messagewrite).you>div.gonoclick.fired {
  background: url(img/Thumb.svg) center center no-repeat;
  background-size: 76%;
  padding: 1.5em;
  vertical-align: bottom;
  padding-bottom: 1.2em;
  padding-left: 1.9em;
  -webkit-transition: 0ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 0ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 0ms cubic-bezier(.23, 1, .32, 1);
  transition: 0ms cubic-bezier(.23, 1, .32, 1);
}

section.quote .wrap>div:not(.messagewrite).you>div.gonoclick {
  display: none
}

section.quote .wrap>div:not(.messagewrite).you:before {
  left: auto;
  right: 0;
  display: none
}

section.quote .wrap>div:not(.messagewrite).tom.qsmoke img {
  width: 1em;
  display: inline-block
}

section.quote .wrap>div:not(.messagewrite).tom.qinsure2 img {
  width: 1em;
  display: inline-block
}

section.quote .wrap>div:not(.messagewrite).tom>div {
  line-height: 1.5em;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards
}

section.quote .wrap>div:not(.messagewrite).tom>div:after {
  content: "";
  width: 2em;
  height: 2em;
  background: url("img/Talk-corner.svg") no-repeat;
  position: absolute;
  border-radius: 100%;
  z-index: -1;
  bottom: 0 !important;
  left: -.5rem !important;
}

@media (max-width:60em) {
  section.quote .wrap>div:not(.messagewrite).tom>div:after {
    width: 1.6em;
    bottom: 1.6em;
    left: -.7em;
  }
}

@media (max-width:48em) {
  section.quote .wrap>div:not(.messagewrite).tom>div:after {
    bottom: 1.45em;
  }
}

section.quote .wrap>div:not(.messagewrite).prev {
  opacity: .4
}

section.quote .wrap>div:not(.messagewrite).prev.reset,
section.quote .wrap>div:not(.messagewrite).prev:hover,
section.quote .wrap>div:not(.messagewrite).prev:hover+div.you {
  opacity: 1;
  /*position: relative;*/
}

section.quote .wrap>div:not(.messagewrite).waiting>div {
  -webkit-animation: waiting 600ms infinite;
  -moz-animation: waiting 600ms infinite;
  -o-animation: waiting 600ms infinite;
  animation: waiting 600ms infinite;
  -webkit-transition: 0s;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s
}

section.quote .wrap .messagewrite {
  position: absolute;
  background: rgba(255, 255, 255, .6);
  bottom: -11em;
  padding: 1em 1em 0.8em;
  text-align: center;
  border-radius: 4em;
  -webkit-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  opacity: 0;
  font-size: 40%;
  display: none
}

section.quote .wrap .messagewrite.move {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

section.quote .wrap .messagewrite.out {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 0
}

section.quote .wrap .messagewrite>div {
  width: 1em;
  height: 1em;
  background: silver;
  border-radius: 100%;
  display: inline-block;
  margin: .3em;
  -webkit-animation: load 1s infinite;
  -moz-animation: load 1s infinite;
  -o-animation: load 1s infinite;
  animation: load 1s infinite;
  font-family: ffb, sans-serif;
  font-size: 3.4em
}

.loader-quote {
  pointer-events: none;
  width: 20em;
  height: 20em;
  /*background: #fff;*/
  position: fixed;
  top: 51%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  z-index: 0;
  -webkit-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  transition: 250ms cubic-bezier(.23, 1, .32, 1);
  border-radius: 100%;
  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
  /*border: 4px solid #ff0202;*/
  /*  -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, .09);
  -moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, .09);
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, .09);*/
  display: none
}

.loader-quote img.beard {
  pointer-events: none;
  position: absolute;
  width: calc(100% - 6em);
  left: 3em;
  top: calc(50% - 1em);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.loader-quote img:not(.beard) {
  display: none;
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 5em;
  -webkit-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 250ms cubic-bezier(.23, 1, .32, 1);
  transition: 250ms cubic-bezier(.23, 1, .32, 1);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
  -moz-transform: translateX(-50%) translateY(-50%) scale(.8);
  -ms-transform: translateX(-50%) translateY(-50%) scale(.8);
  -o-transform: translateX(-50%) translateY(-50%) scale(.8);
  transform: translateX(-50%) translateY(-50%) scale(.8)
}

.loader-quote.loading {
  opacity: 1;
  z-index: 100000;
  top: 50%;
  display: block
}

body.complete .loader-quote {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  display: block
}

.loader-quote.out {
  opacity: 0;
  top: 51%
}

.loader-quote-text {
  position: fixed;
  top: calc(50% + 9em);
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  z-index: -1;
  display: none
}

.loader-quote-text p {
  position: absolute;
  top: 2.4em;
  opacity: 0;
  white-space: nowrap;
  font-size: 1.6em;
  bottom: -3.7em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 400ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 400ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 400ms cubic-bezier(.23, 1, .32, 1);
  transition: 400ms cubic-bezier(.23, 1, .32, 1);
  -webkit-transition-delay: .9s;
  -moz-transition-delay: .9s;
  -o-transition-delay: .9s;
  transition-delay: .9s
}

body.quote {
  height: 100%;
  width: 100%
}

body.quote img.back {
  opacity: 1
}

body.quote main {
  -webkit-transform: scale(.998);
  -moz-transform: scale(.998);
  -ms-transform: scale(.998);
  -o-transform: scale(.998);
  transform: scale(.998);
  opacity: .06;
  -webkit-transition: transform .8s, -webkit-transform .8s, filter .8s, -webkit-filter .8s, opacity .8s, margin 0s;
  -moz-transition: transform .8s, -webkit-transform .8s, filter .8s, -webkit-filter .8s, opacity .8s, margin 0s;
  -o-transition: transform .8s, -webkit-transform .8s, filter .8s, -webkit-filter .8s, opacity .8s, margin 0s;
  transition: transform .8s, -webkit-transform .8s, filter .8s, -webkit-filter .8s, opacity .8s, margin 0s;
  position: fixed;
  width: 100%;
}

body.quote section.associations {
  opacity: 0
}

body.quote section.quote {
  z-index: 1000;
  opacity: 1;
  position: relative;
  width: 100%;
  /*background: rgba(200, 228, 252, 1);*/
  background: rgba(239, 248, 161, 0.4);
  -webkit-transition: 1.2s;
  -moz-transition: 1.2s;
  -o-transition: 1.2s;
  transition: 1.2s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s
}

body.quote section.quote.type {
  top: -50vh
}

body.quote .wrap-btn {
  opacity: 0 !important
}

body.quote.editing:not(.minimise) section.quote {
  -webkit-transition: 400ms cubic-bezier(.23, 1, .32, 1);
  -moz-transition: 400ms cubic-bezier(.23, 1, .32, 1);
  -o-transition: 400ms cubic-bezier(.23, 1, .32, 1);
  transition: 400ms cubic-bezier(.23, 1, .32, 1);
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s
}

@media (min-width:48em) {
  body.quote section.quote .wrap>div:not(.messagewrite)>div {
    font-size: 2.4em
  }
  body.quote section.quote .wrap>div:not(.messagewrite)>div input.number:focus {
    width: 3.5em
  }
}

@media (min-width:60em) {
  section.quote {}
  section.quote img.back {
    left: 2em;
    top: 2.2em
  }
  body.quote {
    height: auto;
    position: relative;
    width: auto;
    margin-top: 0 !important
  }
  body.quote img.back {
    opacity: 1
  }
  body.quote section.quote .wrap {
    margin-bottom: 30vh
  }
  body.quote section.quote .wrap>div.tom>div:after,
  body.quote section.quote .wrap>div.tom>div:before {
    /*bottom: .7em!important*/
  }
  body.quote section.quote .wrap>div.apostcode input {
    width: 7.5em !important
  }
  body.quote section.quote .wrap .messagewrite {
    font-size: 100%
  }
  body.quote section.quote .wrap .messagewrite>div {
    width: 1.6em;
    height: 1.6em;
    margin: .5em;
    font-size: 120%
  }
}

@media (max-width: 60em) {
  body.quote section.quote .wrap {
    margin-bottom: 30vh;
  }
}

.auntMeg {
  text-align: center;
  position: fixed;
  background: white;
  z-index: 99999;
  width: 100%;
  height: 11.4em;
  font-family: ffb, sans-serif;
  border-bottom: 1px solid #d3d3d3;
}

.auntMeg div {
  font-size: 3em;
  padding-top: 1.2em;
  color: rgb(64, 171, 255)
}

.auntMeg img {
  position: absolute;
  width: 8em;
  top: 1.6em;
  left: 1.2em;
  border-radius: 50%;
}

body.quote {
  /*background: rgba(200, 228, 252, 1);*/
}

section.quote .wrap>div:not(.messagewrite).you.asmoke img {
  width: 1em;
  /*height: 1em;*/
  display: inline-block;
}

section.quote .wrap>div:not(.messagewrite).you.ainsure img {
  width: 1em;
  /*height: 1em;*/
  display: inline-block;
}

body.quote {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  text-align: left;
  font-size: 14px;
  line-height: 17px;
  word-wrap: break-word;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: 'liga';
  -ms-font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

section.quote.form-v1>form {
  padding-top: 13em;
  padding-bottom: 0.4em;
}

.form-v1 {
  background: rgba(200, 228, 252, 1);
}

.getStarted:hover {
  cursor: pointer;
}

#goToMain:hover {
  cursor: pointer;
}

body.minimise .main {
  display: block;
  opacity: 1;
  transition: .5s;
}

body.quote {
  margin: 0;
}

body.quote .main {
  opacity: 0;
  display: none;
  height: 100vh;
  overflow: hidden;
}

.back-main:hover {
  cursor: pointer;
}

.quote_doty_logo{
    font-size: 32px;
    font-weight: bold;
    position: relative;
    padding-left: 45px;
}

.quote_doty_arrow{
      position: absolute;
      left: 9px;
      margin-top: -2px;
}
.border_thanks{
  border-bottom: 1px solid #ddd;
}
.btn_thanks{
    border-radius: 33px;
    width: 545px;
    min-height: 60px;
    font-size: 26px;
    font-weight: bold;
    line-height: 49px;
    margin-top: 15px;
    font-size: 19px;
    /* height: 60px; */
}