@import url("https://use.typekit.net/hep4emy.css");
.ipwrapper {
  color: #333;
  font-family: roboto, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  height: 100%;
  margin: 0;
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px; }
  .ipwrapper button, .ipwrapper [type='button'], .ipwrapper [type='reset'], .ipwrapper [type='submit'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #1565c0;
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: roboto, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    line-height: 1;
    padding: 0.75em 1.5em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 150ms ease;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    vertical-align: middle;
    white-space: nowrap; }
    .ipwrapper button:hover, .ipwrapper [type='button']:hover, .ipwrapper [type='reset']:hover, .ipwrapper [type='submit']:hover {
      background-color: #11519a;
      color: #fff; }
    .ipwrapper button:focus, .ipwrapper [type='button']:focus, .ipwrapper [type='reset']:focus, .ipwrapper [type='submit']:focus {
      outline: 3px solid rgba(21, 101, 192, 0.6);
      outline-offset: 2px; }
    .ipwrapper button:disabled, .ipwrapper [type='button']:disabled, .ipwrapper [type='reset']:disabled, .ipwrapper [type='submit']:disabled {
      cursor: not-allowed;
      opacity: 0.5; }
      .ipwrapper button:disabled:hover, .ipwrapper [type='button']:disabled:hover, .ipwrapper [type='reset']:disabled:hover, .ipwrapper [type='submit']:disabled:hover {
        background-color: #1565c0; }
  .ipwrapper fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0; }
  .ipwrapper legend {
    font-weight: 600;
    margin-bottom: 0.375em;
    padding: 0; }
  .ipwrapper label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.375em; }
  .ipwrapper input,
  .ipwrapper select,
  .ipwrapper textarea {
    display: block;
    font-family: roboto, sans-serif;
    font-size: 16px; }
  .ipwrapper [type='color'], .ipwrapper [type='date'], .ipwrapper [type='datetime'], .ipwrapper [type='datetime-local'], .ipwrapper [type='email'], .ipwrapper [type='month'], .ipwrapper [type='number'], .ipwrapper [type='password'], .ipwrapper [type='search'], .ipwrapper [type='tel'], .ipwrapper [type='text'], .ipwrapper [type='time'], .ipwrapper [type='url'], .ipwrapper [type='week'], .ipwrapper input:not([type]), .ipwrapper textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    margin-bottom: 0.75em;
    padding: 0.5em;
    -webkit-transition: border-color 150ms ease;
    transition: border-color 150ms ease;
    width: 100%; }
    .ipwrapper [type='color']:hover, .ipwrapper [type='date']:hover, .ipwrapper [type='datetime']:hover, .ipwrapper [type='datetime-local']:hover, .ipwrapper [type='email']:hover, .ipwrapper [type='month']:hover, .ipwrapper [type='number']:hover, .ipwrapper [type='password']:hover, .ipwrapper [type='search']:hover, .ipwrapper [type='tel']:hover, .ipwrapper [type='text']:hover, .ipwrapper [type='time']:hover, .ipwrapper [type='url']:hover, .ipwrapper [type='week']:hover, .ipwrapper input:not([type]):hover, .ipwrapper textarea:hover {
      border-color: #b1b1b1; }
    .ipwrapper [type='color']:focus, .ipwrapper [type='date']:focus, .ipwrapper [type='datetime']:focus, .ipwrapper [type='datetime-local']:focus, .ipwrapper [type='email']:focus, .ipwrapper [type='month']:focus, .ipwrapper [type='number']:focus, .ipwrapper [type='password']:focus, .ipwrapper [type='search']:focus, .ipwrapper [type='tel']:focus, .ipwrapper [type='text']:focus, .ipwrapper [type='time']:focus, .ipwrapper [type='url']:focus, .ipwrapper [type='week']:focus, .ipwrapper input:not([type]):focus, .ipwrapper textarea:focus {
      border-color: #1565c0;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(21, 101, 192, 0.7);
      outline: none; }
    .ipwrapper [type='color']:disabled, .ipwrapper [type='date']:disabled, .ipwrapper [type='datetime']:disabled, .ipwrapper [type='datetime-local']:disabled, .ipwrapper [type='email']:disabled, .ipwrapper [type='month']:disabled, .ipwrapper [type='number']:disabled, .ipwrapper [type='password']:disabled, .ipwrapper [type='search']:disabled, .ipwrapper [type='tel']:disabled, .ipwrapper [type='text']:disabled, .ipwrapper [type='time']:disabled, .ipwrapper [type='url']:disabled, .ipwrapper [type='week']:disabled, .ipwrapper input:not([type]):disabled, .ipwrapper textarea:disabled {
      background-color: #f2f2f2;
      cursor: not-allowed; }
      .ipwrapper [type='color']:disabled:hover, .ipwrapper [type='date']:disabled:hover, .ipwrapper [type='datetime']:disabled:hover, .ipwrapper [type='datetime-local']:disabled:hover, .ipwrapper [type='email']:disabled:hover, .ipwrapper [type='month']:disabled:hover, .ipwrapper [type='number']:disabled:hover, .ipwrapper [type='password']:disabled:hover, .ipwrapper [type='search']:disabled:hover, .ipwrapper [type='tel']:disabled:hover, .ipwrapper [type='text']:disabled:hover, .ipwrapper [type='time']:disabled:hover, .ipwrapper [type='url']:disabled:hover, .ipwrapper [type='week']:disabled:hover, .ipwrapper input:not([type]):disabled:hover, .ipwrapper textarea:disabled:hover {
        border: 1px solid #ddd; }
    .ipwrapper [type='color']::-webkit-input-placeholder, .ipwrapper [type='date']::-webkit-input-placeholder, .ipwrapper [type='datetime']::-webkit-input-placeholder, .ipwrapper [type='datetime-local']::-webkit-input-placeholder, .ipwrapper [type='email']::-webkit-input-placeholder, .ipwrapper [type='month']::-webkit-input-placeholder, .ipwrapper [type='number']::-webkit-input-placeholder, .ipwrapper [type='password']::-webkit-input-placeholder, .ipwrapper [type='search']::-webkit-input-placeholder, .ipwrapper [type='tel']::-webkit-input-placeholder, .ipwrapper [type='text']::-webkit-input-placeholder, .ipwrapper [type='time']::-webkit-input-placeholder, .ipwrapper [type='url']::-webkit-input-placeholder, .ipwrapper [type='week']::-webkit-input-placeholder, .ipwrapper input:not([type])::-webkit-input-placeholder, .ipwrapper textarea::-webkit-input-placeholder {
      color: #858585; }
    .ipwrapper [type='color']::-moz-placeholder, .ipwrapper [type='date']::-moz-placeholder, .ipwrapper [type='datetime']::-moz-placeholder, .ipwrapper [type='datetime-local']::-moz-placeholder, .ipwrapper [type='email']::-moz-placeholder, .ipwrapper [type='month']::-moz-placeholder, .ipwrapper [type='number']::-moz-placeholder, .ipwrapper [type='password']::-moz-placeholder, .ipwrapper [type='search']::-moz-placeholder, .ipwrapper [type='tel']::-moz-placeholder, .ipwrapper [type='text']::-moz-placeholder, .ipwrapper [type='time']::-moz-placeholder, .ipwrapper [type='url']::-moz-placeholder, .ipwrapper [type='week']::-moz-placeholder, .ipwrapper input:not([type])::-moz-placeholder, .ipwrapper textarea::-moz-placeholder {
      color: #858585; }
    .ipwrapper [type='color']:-ms-input-placeholder, .ipwrapper [type='date']:-ms-input-placeholder, .ipwrapper [type='datetime']:-ms-input-placeholder, .ipwrapper [type='datetime-local']:-ms-input-placeholder, .ipwrapper [type='email']:-ms-input-placeholder, .ipwrapper [type='month']:-ms-input-placeholder, .ipwrapper [type='number']:-ms-input-placeholder, .ipwrapper [type='password']:-ms-input-placeholder, .ipwrapper [type='search']:-ms-input-placeholder, .ipwrapper [type='tel']:-ms-input-placeholder, .ipwrapper [type='text']:-ms-input-placeholder, .ipwrapper [type='time']:-ms-input-placeholder, .ipwrapper [type='url']:-ms-input-placeholder, .ipwrapper [type='week']:-ms-input-placeholder, .ipwrapper input:not([type]):-ms-input-placeholder, .ipwrapper textarea:-ms-input-placeholder {
      color: #858585; }
    .ipwrapper [type='color']::-ms-input-placeholder, .ipwrapper [type='date']::-ms-input-placeholder, .ipwrapper [type='datetime']::-ms-input-placeholder, .ipwrapper [type='datetime-local']::-ms-input-placeholder, .ipwrapper [type='email']::-ms-input-placeholder, .ipwrapper [type='month']::-ms-input-placeholder, .ipwrapper [type='number']::-ms-input-placeholder, .ipwrapper [type='password']::-ms-input-placeholder, .ipwrapper [type='search']::-ms-input-placeholder, .ipwrapper [type='tel']::-ms-input-placeholder, .ipwrapper [type='text']::-ms-input-placeholder, .ipwrapper [type='time']::-ms-input-placeholder, .ipwrapper [type='url']::-ms-input-placeholder, .ipwrapper [type='week']::-ms-input-placeholder, .ipwrapper input:not([type])::-ms-input-placeholder, .ipwrapper textarea::-ms-input-placeholder {
      color: #858585; }
    .ipwrapper [type='color']::placeholder, .ipwrapper [type='date']::placeholder, .ipwrapper [type='datetime']::placeholder, .ipwrapper [type='datetime-local']::placeholder, .ipwrapper [type='email']::placeholder, .ipwrapper [type='month']::placeholder, .ipwrapper [type='number']::placeholder, .ipwrapper [type='password']::placeholder, .ipwrapper [type='search']::placeholder, .ipwrapper [type='tel']::placeholder, .ipwrapper [type='text']::placeholder, .ipwrapper [type='time']::placeholder, .ipwrapper [type='url']::placeholder, .ipwrapper [type='week']::placeholder, .ipwrapper input:not([type])::placeholder, .ipwrapper textarea::placeholder {
      color: #858585; }
  .ipwrapper textarea {
    resize: vertical; }
  .ipwrapper [type="checkbox"],
  .ipwrapper [type="radio"] {
    display: inline;
    margin-right: 0.375em; }
  .ipwrapper [type="file"] {
    margin-bottom: 0.75em;
    width: 100%; }
  .ipwrapper select {
    margin-bottom: 0.75em;
    width: 100%; }
  .ipwrapper [type="checkbox"]:focus,
  .ipwrapper [type="radio"]:focus,
  .ipwrapper [type="file"]:focus,
  .ipwrapper select:focus {
    outline: 3px solid rgba(21, 101, 192, 0.6);
    outline-offset: 2px; }
  .ipwrapper ul,
  .ipwrapper ol {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .ipwrapper dl {
    margin: 0; }
  .ipwrapper dt {
    font-weight: 600;
    margin: 0; }
  .ipwrapper dd {
    margin: 0; }
  .ipwrapper figure {
    margin: 0; }
  .ipwrapper img,
  .ipwrapper picture {
    margin: 0;
    max-width: 100%; }
  .ipwrapper table {
    border-collapse: collapse;
    margin: 1.5em 0;
    table-layout: fixed;
    text-align: left;
    width: 100%; }
  .ipwrapper thead {
    line-height: 1.2;
    vertical-align: bottom; }
  .ipwrapper tbody {
    vertical-align: top; }
  .ipwrapper tr {
    border-bottom: 1px solid #ddd; }
  .ipwrapper th {
    font-weight: 600; }
  .ipwrapper th,
  .ipwrapper td {
    padding: 0.75em 0.75em 0.75em 0; }
  .ipwrapper h1,
  .ipwrapper h2,
  .ipwrapper h3,
  .ipwrapper h4,
  .ipwrapper h5,
  .ipwrapper h6 {
    font-family: bebas-neue, sans-serif;
    font-size: 1.25em;
    line-height: 1.2;
    margin: 0 0 0.75em; }
  .ipwrapper p {
    margin: 0 0 0.75em; }
  .ipwrapper a {
    color: inherit;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip: ink;
    -webkit-transition: color 150ms ease;
    transition: color 150ms ease; }
    .ipwrapper a:hover {
      color: #104c90; }
    .ipwrapper a:focus {
      outline: 3px solid rgba(21, 101, 192, 0.6);
      outline-offset: 2px; }
  .ipwrapper hr {
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 1.5em 0; }
  .ipwrapper *,
  .ipwrapper *::before,
  .ipwrapper *::after {
    box-sizing: inherit; }
  .ipwrapper .inner {
    max-width: 1000px;
    margin: auto;
    padding: 2em 1em; }
  .ipwrapper h2 {
    font-size: 2.5em; }
  .ipwrapper header {
    background-color: #F4B2CE; }
    .ipwrapper header .hero {
      background-color: #C7279D;
      display: -webkit-box;
      display: flex; }
      .ipwrapper header .hero .img {
        width: 30%;
        background-size: cover;
        background-position: center center;
        height: 0; }
        .ipwrapper header .hero .img.l {
          padding-bottom: 22%;
          background-image: url(../img/headerimg1.png);
          background-size: 120%; }
        .ipwrapper header .hero .img.r {
          width: 44%;
          padding-bottom: 22%;
          background-image: url(../img/headerimg2.png);
          align-self: flex-end; }
      .ipwrapper header .hero .title {
        padding: 2% 2% 1%;
        -webkit-box-flex: 1;
                flex: 1; }
        .ipwrapper header .hero .title img {
          width: 100%; }
  .ipwrapper section.orange {
    background-color: #F4BDBB; }
  .ipwrapper section.pink {
    background-color: #F4B2CE; }
  .ipwrapper section .flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 2em 1em; }
    .ipwrapper section .flex.crimes {
      text-align: left;
      -webkit-box-align: center;
              align-items: center; }
      .ipwrapper section .flex.crimes > * {
        width: 100%; }
      .ipwrapper section .flex.crimes ul {
        width: 80%;
        font-family: bebas-neue, sans-serif;
        font-size: 1.1em;
        margin-left: 20px; }
        .ipwrapper section .flex.crimes ul li {
          display: -webkit-box;
          display: flex;
          -webkit-box-align: center;
                  align-items: center;
          background-color: #4F066C;
          color: #fff;
          border-radius: 100px;
          margin: 10px 0;
          padding-right: 10px; }
          .ipwrapper section .flex.crimes ul li .num {
            width: 30px;
            height: 30px;
            background-color: #000;
            border-radius: 100px;
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                    align-items: center; }
          .ipwrapper section .flex.crimes ul li .crime {
            -webkit-box-flex: 1;
                    flex: 1;
            padding: 0 7px;
            letter-spacing: 0.05em; }
      @media screen and (max-width: 700px) {
        .ipwrapper section .flex.crimes {
          flex-wrap: wrap; }
          .ipwrapper section .flex.crimes > * {
            width: 100% !important; } }
  .ipwrapper section .circles {
    flex-wrap: wrap;
    padding-top: 0; }
    .ipwrapper section .circles .c_wrap {
      margin: 5px;
      font-family: bebas-neue, sans-serif; }
      .ipwrapper section .circles .c_wrap .circle {
        position: relative;
        width: 200px;
        height: 200px; }
        .ipwrapper section .circles .c_wrap .circle .face, .ipwrapper section .circles .c_wrap .circle .back {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1; }
        .ipwrapper section .circles .c_wrap .circle .back {
          z-index: 9;
          background-color: #fff;
          border-radius: 200px;
          display: -webkit-box;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
          -webkit-box-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
                  align-items: center;
          font-size: 2.5em;
          line-height: 1em;
          padding: 1em;
          opacity: 0;
          cursor: pointer;
          color: #FA036C; }
          .ipwrapper section .circles .c_wrap .circle .back:hover {
            opacity: 1; }
          .ipwrapper section .circles .c_wrap .circle .back .title {
            color: #333; }
      .ipwrapper section .circles .c_wrap .loc {
        line-height: 1em;
        margin-top: 1em;
        color: #000; }
  .ipwrapper section .cons {
    flex-wrap: wrap; }
    .ipwrapper section .cons li {
      margin: 10px;
      width: 200px;
      height: 200px;
      font-family: bebas-neue, sans-serif;
      color: #fff;
      background-color: #FA036C;
      padding: 1em 1em;
      font-size: 1.3em;
      line-height: 1.3em;
      border-radius: 25px; }
      .ipwrapper section .cons li span {
        font-size: 2.3em;
        display: block;
        line-height: 1em; }
  .ipwrapper section .map_wrap {
    position: relative;
    max-width: 1000px;
    margin: auto; }
    @media screen and (min-width: 761px) {
      .ipwrapper section .map_wrap .pins {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%; }
        .ipwrapper section .map_wrap .pins li {
          position: absolute;
          min-width: auto !important; }
          .ipwrapper section .map_wrap .pins li.Glasgow {
            bottom: 58%;
            right: 48%; }
          .ipwrapper section .map_wrap .pins li.Edinburgh {
            bottom: 62%;
            left: 58%; }
          .ipwrapper section .map_wrap .pins li.Manchester {
            bottom: 43%;
            left: 55%; }
          .ipwrapper section .map_wrap .pins li.Norwich {
            bottom: 26%;
            left: 81%; }
          .ipwrapper section .map_wrap .pins li.Birmingham {
            bottom: 27%;
            right: 35%; }
          .ipwrapper section .map_wrap .pins li.London {
            bottom: 10%;
            left: 75%; }
          .ipwrapper section .map_wrap .pins li.Bristol {
            bottom: 15%;
            right: 38%; }
          .ipwrapper section .map_wrap .pins li.Brighton {
            top: 89%;
            left: 71%; }
          .ipwrapper section .map_wrap .pins li.Southampton {
            top: 88%;
            right: 32%; } }
    @media screen and (max-width: 760px) {
      .ipwrapper section .map_wrap .map {
        display: none; } }
    .ipwrapper section .map_wrap .map img {
      width: 70%;
      margin: 0 15%; }
    .ipwrapper section .map_wrap .pins li {
      display: inline-block;
      text-align: left;
      min-width: 200px;
      background-color: #fff;
      border-radius: 20px;
      box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
      padding: 10px;
      font-size: 0.9em;
      margin: 10px; }
      .ipwrapper section .map_wrap .pins li h3 {
        margin: 0;
        color: #FA036C; }
      .ipwrapper section .map_wrap .pins li p {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
                justify-content: space-between;
        margin: 0; }
        .ipwrapper section .map_wrap .pins li p > *:nth-child(1) {
          margin-right: 20px; }
        .ipwrapper section .map_wrap .pins li p .perc {
          color: #FA036C; }
  .ipwrapper section .scale_wrap .scale {
    position: relative;
    margin: 40px auto 0;
    max-width: 700px; }
    .ipwrapper section .scale_wrap .scale .face img {
      width: 100%; }
    .ipwrapper section .scale_wrap .scale .dial {
      position: absolute;
      bottom: -7%;
      left: 24.5%;
      width: 35%;
      -webkit-transform-origin: 72% 50%;
              transform-origin: 72% 50%;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .ipwrapper section .scale_wrap .scale .dial img {
        width: 100%; }
    .ipwrapper section .scale_wrap .scale .hotspots {
      width: 100%;
      height: 200%;
      overflow: hidden;
      border-radius: 100%;
      position: absolute;
      top: 0; }
      .ipwrapper section .scale_wrap .scale .hotspots > div {
        overflow: hidden;
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 0;
        width: 50%;
        height: 50%;
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%;
        box-sizing: border-box; }
        .ipwrapper section .scale_wrap .scale .hotspots > div.p1 {
          -webkit-transform: rotate(-90deg) skewY(-54deg) scale(1.2);
                  transform: rotate(-90deg) skewY(-54deg) scale(1.2); }
        .ipwrapper section .scale_wrap .scale .hotspots > div.p2 {
          -webkit-transform: rotate(-54deg) skewY(-36deg) scale(1.2);
                  transform: rotate(-54deg) skewY(-36deg) scale(1.2); }
        .ipwrapper section .scale_wrap .scale .hotspots > div.p3 {
          -webkit-transform: rotate(0deg) skewY(-36deg) scale(1.2);
                  transform: rotate(0deg) skewY(-36deg) scale(1.2); }
        .ipwrapper section .scale_wrap .scale .hotspots > div.p4 {
          -webkit-transform: rotate(54deg) skewY(-54deg) scale(1.2);
                  transform: rotate(54deg) skewY(-54deg) scale(1.2); }
  .ipwrapper section .scale_wrap .output {
    background-color: #F4BDBB;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    text-align: left;
    max-width: 300px;
    margin: 40px auto;
    font-size: 0.9em; }
    .ipwrapper section .scale_wrap .output .flex {
      padding: 10px; }
      .ipwrapper section .scale_wrap .output .flex .img {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        -webkit-box-pack: center;
                justify-content: center;
        width: 80px;
        padding-right: 20px; }
        .ipwrapper section .scale_wrap .output .flex .img img {
          width: inherit;
          max-height: 100px; }
      .ipwrapper section .scale_wrap .output .flex .text {
        -webkit-box-flex: 1;
                flex: 1; }
  .ipwrapper section.worse {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 242, 242, 0.89)), to(rgba(242, 242, 242, 0.89))), url(../img/bg.png);
    background-image: -webkit-linear-gradient(rgba(242, 242, 242, 0.89), rgba(242, 242, 242, 0.89)), url(../img/bg.png);
    background-image: linear-gradient(rgba(242, 242, 242, 0.89), rgba(242, 242, 242, 0.89)), url(../img/bg.png);
    background-size: cover;
    background-position: center center; }
    .ipwrapper section.worse p {
      font-size: 1.5em;
      margin-bottom: 2em; }
    @media screen and (min-width: 701px) {
      .ipwrapper section.worse ul {
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2; } }
    @media screen and (max-width: 700px) {
      .ipwrapper section.worse ul.top li:nth-of-type(2) {
        display: none; } }
    .ipwrapper section.worse ul li {
      display: -webkit-box;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
              align-items: center;
      text-align: left;
      padding: 0 10px 0 0;
      background-color: #FDD2DD;
      border-radius: 100px;
      font-size: 0.9em;
      margin-bottom: 5px; }
      .ipwrapper section.worse ul li .text {
        -webkit-box-flex: 1;
                flex: 1;
        padding: 0 10px; }
      .ipwrapper section.worse ul li .num {
        border-radius: 100px;
        background-color: #fff;
        width: 25px;
        height: 25px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        -webkit-box-pack: center;
                justify-content: center;
        font-family: bebas-neue, sans-serif; }
      .ipwrapper section.worse ul li .perc {
        font-weight: 700; }
    .ipwrapper section.worse ul.top li {
      padding: 5px 10px;
      font-family: bebas-neue, sans-serif;
      line-height: 15px; }
      .ipwrapper section.worse ul.top li img {
        height: 15px;
        margin-right: 5px; }
  .ipwrapper section.purple {
    text-align: left;
    padding: 1em; }
    .ipwrapper section.purple .inner {
      background-color: #F8CDF2;
      border-radius: 10px;
      padding: 1em; }
      .ipwrapper section.purple .inner h2 {
        color: #FA036C; }
        .ipwrapper section.purple .inner h2 span {
          color: #000; }
      .ipwrapper section.purple .inner .tips {
        margin: 40px 0 0; }
        .ipwrapper section.purple .inner .tips li {
          display: -webkit-box;
          display: flex;
          -webkit-box-align: center;
                  align-items: center;
          background-color: #fff;
          margin-bottom: 3px;
          border-radius: 100px; }
          .ipwrapper section.purple .inner .tips li .num {
            width: 50px;
            height: 50px;
            background-color: #F4BDBB;
            border-radius: 100px;
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                    align-items: center;
            font-family: bebas-neue, sans-serif;
            font-size: 2em; }
          .ipwrapper section.purple .inner .tips li .text {
            -webkit-box-flex: 1;
                    flex: 1;
            padding: 5px 10px;
            line-height: 1.3em; }