@import url("https://use.typekit.net/mgn6vdg.css");
@import url(../fonts/Klinic%20Slab/KlinicSlab-Bold-min.css);
@import url(../fonts/Klinic%20Slab/KlinicSlab-Medium-min.css);
@import url(../fonts/Klinic%20Slab%202/KlinicSlab-Light-min.css);
.ip_wrapper {
  font-family: "open-sans";
  font-size: 1.4em;
  line-height: 1.5;
  color: #121824; }
  .ip_wrapper fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0; }
  .ip_wrapper legend {
    font-weight: 600;
    margin-bottom: 0.375em;
    padding: 0; }
  .ip_wrapper label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.375em; }
  .ip_wrapper input,
  .ip_wrapper select,
  .ip_wrapper textarea {
    display: block;
    font-family: "open-sans";
    font-size: 16px; }
  .ip_wrapper [type='color'], .ip_wrapper [type='date'], .ip_wrapper [type='datetime'], .ip_wrapper [type='datetime-local'], .ip_wrapper [type='email'], .ip_wrapper [type='month'], .ip_wrapper [type='number'], .ip_wrapper [type='password'], .ip_wrapper [type='search'], .ip_wrapper [type='tel'], .ip_wrapper [type='text'], .ip_wrapper [type='time'], .ip_wrapper [type='url'], .ip_wrapper [type='week'], .ip_wrapper input:not([type]), .ip_wrapper textarea {
    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;
    transition: border-color 150ms ease;
    width: 100%; }
    .ip_wrapper [type='color']:hover, .ip_wrapper [type='date']:hover, .ip_wrapper [type='datetime']:hover, .ip_wrapper [type='datetime-local']:hover, .ip_wrapper [type='email']:hover, .ip_wrapper [type='month']:hover, .ip_wrapper [type='number']:hover, .ip_wrapper [type='password']:hover, .ip_wrapper [type='search']:hover, .ip_wrapper [type='tel']:hover, .ip_wrapper [type='text']:hover, .ip_wrapper [type='time']:hover, .ip_wrapper [type='url']:hover, .ip_wrapper [type='week']:hover, .ip_wrapper input:not([type]):hover, .ip_wrapper textarea:hover {
      border-color: #b1b1b1; }
    .ip_wrapper [type='color']:focus, .ip_wrapper [type='date']:focus, .ip_wrapper [type='datetime']:focus, .ip_wrapper [type='datetime-local']:focus, .ip_wrapper [type='email']:focus, .ip_wrapper [type='month']:focus, .ip_wrapper [type='number']:focus, .ip_wrapper [type='password']:focus, .ip_wrapper [type='search']:focus, .ip_wrapper [type='tel']:focus, .ip_wrapper [type='text']:focus, .ip_wrapper [type='time']:focus, .ip_wrapper [type='url']:focus, .ip_wrapper [type='week']:focus, .ip_wrapper input:not([type]):focus, .ip_wrapper 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; }
    .ip_wrapper [type='color']:disabled, .ip_wrapper [type='date']:disabled, .ip_wrapper [type='datetime']:disabled, .ip_wrapper [type='datetime-local']:disabled, .ip_wrapper [type='email']:disabled, .ip_wrapper [type='month']:disabled, .ip_wrapper [type='number']:disabled, .ip_wrapper [type='password']:disabled, .ip_wrapper [type='search']:disabled, .ip_wrapper [type='tel']:disabled, .ip_wrapper [type='text']:disabled, .ip_wrapper [type='time']:disabled, .ip_wrapper [type='url']:disabled, .ip_wrapper [type='week']:disabled, .ip_wrapper input:not([type]):disabled, .ip_wrapper textarea:disabled {
      background-color: #f2f2f2;
      cursor: not-allowed; }
      .ip_wrapper [type='color']:disabled:hover, .ip_wrapper [type='date']:disabled:hover, .ip_wrapper [type='datetime']:disabled:hover, .ip_wrapper [type='datetime-local']:disabled:hover, .ip_wrapper [type='email']:disabled:hover, .ip_wrapper [type='month']:disabled:hover, .ip_wrapper [type='number']:disabled:hover, .ip_wrapper [type='password']:disabled:hover, .ip_wrapper [type='search']:disabled:hover, .ip_wrapper [type='tel']:disabled:hover, .ip_wrapper [type='text']:disabled:hover, .ip_wrapper [type='time']:disabled:hover, .ip_wrapper [type='url']:disabled:hover, .ip_wrapper [type='week']:disabled:hover, .ip_wrapper input:not([type]):disabled:hover, .ip_wrapper textarea:disabled:hover {
        border: 1px solid #ddd; }
    .ip_wrapper [type='color']::placeholder, .ip_wrapper [type='date']::placeholder, .ip_wrapper [type='datetime']::placeholder, .ip_wrapper [type='datetime-local']::placeholder, .ip_wrapper [type='email']::placeholder, .ip_wrapper [type='month']::placeholder, .ip_wrapper [type='number']::placeholder, .ip_wrapper [type='password']::placeholder, .ip_wrapper [type='search']::placeholder, .ip_wrapper [type='tel']::placeholder, .ip_wrapper [type='text']::placeholder, .ip_wrapper [type='time']::placeholder, .ip_wrapper [type='url']::placeholder, .ip_wrapper [type='week']::placeholder, .ip_wrapper input:not([type])::placeholder, .ip_wrapper textarea::placeholder {
      color: #858585; }
  .ip_wrapper textarea {
    resize: vertical; }
  .ip_wrapper [type="checkbox"],
  .ip_wrapper [type="radio"] {
    display: inline;
    margin-right: 0.375em; }
  .ip_wrapper [type="file"] {
    margin-bottom: 0.75em;
    width: 100%; }
  .ip_wrapper select {
    margin-bottom: 0.75em;
    width: 100%; }
  .ip_wrapper [type="checkbox"]:focus,
  .ip_wrapper [type="radio"]:focus,
  .ip_wrapper [type="file"]:focus,
  .ip_wrapper select:focus {
    outline: 3px solid rgba(21, 101, 192, 0.6);
    outline-offset: 2px; }
  .ip_wrapper *,
  .ip_wrapper *::before,
  .ip_wrapper *::after {
    box-sizing: inherit; }
  .ip_wrapper ul,
  .ip_wrapper ol {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .ip_wrapper dl {
    margin: 0; }
  .ip_wrapper dt {
    font-weight: 600;
    margin: 0; }
  .ip_wrapper dd {
    margin: 0; }
  .ip_wrapper figure {
    margin: 0; }
  .ip_wrapper img,
  .ip_wrapper picture {
    margin: 0;
    max-width: 100%; }
  .ip_wrapper table {
    border-collapse: collapse;
    margin: 1.5em 0;
    table-layout: fixed;
    text-align: left;
    width: 100%; }
  .ip_wrapper thead {
    line-height: 1.2;
    vertical-align: bottom; }
  .ip_wrapper tbody {
    vertical-align: top; }
  .ip_wrapper tr {
    border-bottom: 1px solid #ddd; }
  .ip_wrapper th {
    font-weight: 600; }
  .ip_wrapper th,
  .ip_wrapper td {
    padding: 0.75em 0.75em 0.75em 0; }
  .ip_wrapper h1,
  .ip_wrapper h2,
  .ip_wrapper h3,
  .ip_wrapper h4,
  .ip_wrapper h5,
  .ip_wrapper h6 {
    font-family: "josefin-slab";
    font-size: 1.25em;
    line-height: 1.2;
    margin: 0 0 0.75em; }
  .ip_wrapper p {
    margin: 0 0 0.75em; }
  .ip_wrapper a {
    color: #1565c0;
    text-decoration-skip: ink;
    transition: color 150ms ease; }
    .ip_wrapper a:hover {
      color: #104c90; }
    .ip_wrapper a:focus {
      outline: 3px solid rgba(21, 101, 192, 0.6);
      outline-offset: 2px; }
  .ip_wrapper hr {
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 1.5em 0; }
  .ip_wrapper a {
    color: inherit; }
  .ip_wrapper p {
    max-width: 900px;
    margin: 1em auto; }
  .ip_wrapper h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 2em;
    color: #293A64;
    font-weight: 100; }
    .ip_wrapper h2:before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 0;
      border-top: 1px solid; }
    .ip_wrapper h2 span {
      position: relative;
      display: inline-block;
      background-color: #fff;
      padding: 0 10px; }
  .ip_wrapper header, .ip_wrapper section, .ip_wrapper footer {
    padding: 1px 0; }
    .ip_wrapper header > .inner, .ip_wrapper section > .inner, .ip_wrapper footer > .inner {
      max-width: 1100px;
      margin: 40px auto;
      padding: 0 20px; }
  .ip_wrapper header {
    color: #293A64;
    background-color: #D3E4EA;
    background-image: url(../img/bubble-bg.png);
    background-size: auto 100%;
    background-position: center;
    overflow: hidden; }
    .ip_wrapper header h1 {
      margin: 0 0 40px; }
    .ip_wrapper header .img {
      display: flex;
      align-items: flex-end; }
      .ip_wrapper header .img img {
        margin-bottom: -40px; }
    @media screen and (min-width: 700px) {
      .ip_wrapper header {
        background-image: url(../img/bubble-bg.png), linear-gradient(270deg, #e1e1e3 0%, #d3e4ea 100%); }
        .ip_wrapper header .inner {
          display: flex; }
        .ip_wrapper header .img {
          width: 500px;
          margin-right: -200px; }
          .ip_wrapper header .img img {
            margin-left: 20px; }
        .ip_wrapper header .text {
          flex: 1; } }
  .ip_wrapper section p {
    text-align: center; }
  .ip_wrapper section.what {
    padding-bottom: 70px; }
  .ip_wrapper section.calculator {
    background-color: #D3E4EA;
    background-image: url(../img/bubble-bg.png);
    background-size: auto 100%;
    background-position: center; }
    .ip_wrapper section.calculator .calc_box {
      font-family: 'KlinicSlab';
      background-color: #fff;
      box-shadow: 0px 1px 10px -3px #444;
      max-width: 700px;
      margin: -100px auto 0; }
      .ip_wrapper section.calculator .calc_box .top {
        text-align: center;
        color: #fff;
        background-image: url(../img/calc_top.png);
        padding: 20px 10px;
        background-size: cover; }
        .ip_wrapper section.calculator .calc_box .top h2 {
          font-family: inherit;
          font-weight: 700;
          color: inherit;
          letter-spacing: 5px;
          margin: 20px 0; }
          .ip_wrapper section.calculator .calc_box .top h2:before {
            content: none; }
        .ip_wrapper section.calculator .calc_box .top p {
          font-family: 'Open-Sans';
          font-size: 0.9em;
          max-width: 400px;
          margin: auto; }
        .ip_wrapper section.calculator .calc_box .top .output {
          padding: 0 20px; }
          .ip_wrapper section.calculator .calc_box .top .output p, .ip_wrapper section.calculator .calc_box .top .output h2 {
            text-align: left;
            max-width: 100%;
            margin: 0; }
          .ip_wrapper section.calculator .calc_box .top .output p {
            font-weight: 100;
            font-size: 1.1em;
            margin: 0.5em 0; }
            .ip_wrapper section.calculator .calc_box .top .output p span {
              font-weight: 700; }
          .ip_wrapper section.calculator .calc_box .top .output h2 {
            font-family: 'Open-Sans';
            text-transform: none;
            letter-spacing: 0;
            margin-bottom: 20px;
            font-size: 2.3em;
            line-height: 1em; }
          .ip_wrapper section.calculator .calc_box .top .output > div.img {
            display: flex;
            align-items: flex-end;
            justify-content: center; }
            .ip_wrapper section.calculator .calc_box .top .output > div.img img {
              max-width: 300px;
              width: 100%;
              margin-bottom: -35px; }
          @media screen and (min-width: 700px) {
            .ip_wrapper section.calculator .calc_box .top .output {
              display: flex;
              justify-content: space-between;
              align-items: flex-end; } }
      .ip_wrapper section.calculator .calc_box .input.inputs {
        padding: 20px 0 1px;
        color: #293A64; }
        .ip_wrapper section.calculator .calc_box .input.inputs p {
          text-align: left; }
        .ip_wrapper section.calculator .calc_box .input.inputs h3 {
          text-transform: uppercase;
          font-weight: 700;
          font-family: inherit;
          font-size: 1em;
          line-height: 1.2em;
          margin: 5px 0; }
        .ip_wrapper section.calculator .calc_box .input.inputs label {
          text-transform: uppercase;
          font-weight: 500;
          font-size: 1em;
          display: inline-block;
          width: auto; }
        .ip_wrapper section.calculator .calc_box .input.inputs input {
          background-color: #F7F7F7;
          border: 1px solid #BFBFBF;
          margin: 0; }
        .ip_wrapper section.calculator .calc_box .input.inputs .row > li {
          max-width: 300px;
          margin: auto;
          padding: 0 20px 20px; }
          .ip_wrapper section.calculator .calc_box .input.inputs .row > li h3:before {
            content: "";
            height: 28px;
            width: 20px;
            background-size: cover;
            background-position: center;
            margin-right: 7px;
            margin-bottom: -2px;
            display: inline-block; }
        .ip_wrapper section.calculator .calc_box .input.inputs .row:nth-child(1) li:nth-child(1) h3:before {
          background-image: url(../img/num1.svg); }
        .ip_wrapper section.calculator .calc_box .input.inputs .row:nth-child(1) li:nth-child(2) h3:before {
          background-image: url(../img/num2.svg); }
        .ip_wrapper section.calculator .calc_box .input.inputs .row:nth-child(2) li:nth-child(1) h3:before {
          background-image: url(../img/num3.svg); }
        .ip_wrapper section.calculator .calc_box .input.inputs .row:nth-child(2) li:nth-child(2) h3:before {
          background-image: url(../img/num4.svg); }
        @media screen and (min-width: 700px) {
          .ip_wrapper section.calculator .calc_box .input.inputs .row {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            margin: 0 40px; }
            .ip_wrapper section.calculator .calc_box .input.inputs .row:nth-child(1) {
              border-bottom: 1px dashed; }
              .ip_wrapper section.calculator .calc_box .input.inputs .row:nth-child(1) li {
                padding-top: 0; }
            .ip_wrapper section.calculator .calc_box .input.inputs .row > li {
              width: 50%;
              margin: 0;
              padding-top: 10px; }
              .ip_wrapper section.calculator .calc_box .input.inputs .row > li:nth-child(1) {
                border-right: 1px dashed; } }
        .ip_wrapper section.calculator .calc_box .input.inputs button {
          border-radius: 0;
          background-color: #293A64;
          text-transform: uppercase;
          font-family: inherit;
          letter-spacing: 5px;
          width: 200px;
          margin: 20px auto;
          display: block;
          color: #fff;
          padding: 10px 0;
          font-size: 1em; }
      .ip_wrapper section.calculator .calc_box .results {
        text-align: center;
        padding: 1px 20px; }
        .ip_wrapper section.calculator .calc_box .results h3 {
          text-transform: uppercase;
          font-weight: 700;
          font-size: 1.2em;
          letter-spacing: 2px;
          font-family: inherit;
          color: #6C9AC1;
          margin: 30px 0 10px; }
        .ip_wrapper section.calculator .calc_box .results p {
          color: #121824;
          font-family: 'Open-Sans'; }
        .ip_wrapper section.calculator .calc_box .results .rec {
          border-top: 1px dashed #6C9AC1;
          margin: 30px 0; }
    .ip_wrapper section.calculator .small {
      max-width: 700px;
      margin: 20px auto;
      font-size: 0.8em; }
  .ip_wrapper section.map img {
    max-width: 700px;
    margin: 40px auto;
    display: block; }
  .ip_wrapper section.glossary {
    background: url(../img/bubble-bg.png) center, url(../img/footer-bg.png) bottom no-repeat, linear-gradient(0deg, #e1e1e3 50%, #d3e4ea 100%); }
    .ip_wrapper section.glossary h2 span {
      background-color: #D3E4EA; }
    .ip_wrapper section.glossary .box {
      background-color: rgba(255, 255, 255, 0.9);
      padding: 10px 30px 30px;
      margin: 40px 0 60px; }
      .ip_wrapper section.glossary .box h3 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1.2em;
        line-height: 1.1em;
        margin: 20px 0; }
      .ip_wrapper section.glossary .box ul {
        padding-bottom: 10px; }
        .ip_wrapper section.glossary .box ul:nth-of-type(1) {
          border-bottom: 1px solid; }
        .ip_wrapper section.glossary .box ul li {
          margin: 10px 0; }
          .ip_wrapper section.glossary .box ul li span {
            color: #293A64;
            font-weight: 700; }
    .ip_wrapper section.glossary .slider li a {
      display: block;
      margin: 10px;
      padding: 1px 10px 10px;
      background-color: #fff;
      font-size: 0.7em;
      font-weight: 700;
      text-decoration: none; }
    .ip_wrapper section.glossary .slider li img {
      max-height: 200px;
      margin: 20px auto; }
      @media screen and (max-width: 700px) {
        .ip_wrapper section.glossary .slider li img {
          max-height: 100px; } }
    .ip_wrapper section.glossary .slider .slick-next {
      right: -15px; }
    .ip_wrapper section.glossary .slider .slick-prev {
      left: -15px; }
    .ip_wrapper section.glossary .shop {
      display: inline-block;
      background-color: #000;
      color: #fff;
      text-transform: uppercase;
      text-decoration: none;
      padding: 7px 40px;
      margin: 20px 0;
      font-size: 0.9em; }
  .ip_wrapper footer {
    background-color: #fff; }
    .ip_wrapper footer .inner {
      text-align: center;
      font-size: 0.8em;
      text-align: left; }
      .ip_wrapper footer .inner p {
        max-width: 100%; }
      @media screen and (min-width: 700px) {
        .ip_wrapper footer .inner .flex {
          display: flex;
          justify-content: space-between;
          align-items: center; } }
      .ip_wrapper footer .inner div {
        margin: 20px 0; }
