@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=1e1a624a-2337-48af-b26b-e26b035dc187");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;900&display=swap");
@font-face {
  font-family: "DIN Next Condensed";
  src: url("/_res/css/modules/fonts/6fa09720-5b0e-48a5-8895-5af8af928c01.eot?#iefix");
  src: url("/_res/css/modules/fonts/6fa09720-5b0e-48a5-8895-5af8af928c01.eot?#iefix") format("eot"), url("/_res/css/modules/fonts/5dd9f4c4-cfde-415c-bb51-433569311de5.woff2") format("woff2"), url("/_res/css/modules/fonts/3b15daf5-d7fb-4099-93b9-db20fd26c2fe.woff") format("woff"), url("/_res/css/modules/fonts/16159505-c85d-44ba-ba2b-64f94e68ddb5.ttf") format("truetype"); }

@font-face {
  font-family: "DIN Next";
  src: url("/_res/css/modules/fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
  src: url("/_res/css/modules/fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"), url("/_res/css/modules/fonts/de1216be-00c2-43c0-9c45-3e7f925eb519.woff2") format("woff2"), url("/_res/css/modules/fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"), url("/_res/css/modules/fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"); }

body {
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 16px;
  line-height: 24px;
  letter-spacing: 0.5px; }

h1, h2, h3 {
  color: #222222;
  letter-spacing: 0.5px;
  margin: 0px; }

h1 {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  margin: 25px 0px; }

h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  margin-top: 10px; }

h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px; }

input[type=radio] {
  margin: 0px 3px; }

label {
  font-weight: 400;
  font-size: 16px;
  margin: 0px; }

a {
  color: #0177b2;
  font-weight: 600; }

hr {
  margin-bottom: 0px; }


.download:after {
  display: inline-block;
  position: relative;
  top: 3px;
  left: 2px;
  content: '';
  background-image: url("../../SearchAppImages/Icons/download-pdf.svg");
  background-size: 18px 18px;
  height: 18px;
  width: 18px; }

.logo {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 70px;
}

.main-block {
    display: block;
    background-color: #05396B;
    height: 260px;
}

#HeadSection, #HeadSection h1 {
    padding: 10px 8px;
    color: #FFF;
    font-size: 56px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif !important;
}

.ipsc-breadcrumb, .ipsc-breadcrumb a {
    padding: 20px 8px;
    color: #FFF !important;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
}

#main-content {
    position: relative;
    background-color: #F4F8FC;
}
    #main-content #navbar {
        position: sticky;
        top: 0px;
        background-color: #042E57;
        height: 60px;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
        z-index: 2;
    }
    #main-content #navbar a {
      color: #ffffff;
      text-decoration: none;
      line-height: 60px; }




.sub-header {
  font-weight: 400;
  color: #222222;
  font-size: 20px; }

.block-item {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 8px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); }
  .block-item .header {
    font-weight: 600;
    margin-bottom: 10px; }



.card-body {
  font-size: 14px; }

#slideout {
  position: fixed;
  top: 53vh;
  height: 85px;
  width: 70px;
  background-color: #0177B2;
  color: #ffffff;
  z-index: 10;
  text-align: center; }
  #slideout i {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }



.contact-us {
  background-color: transparent;
  position: fixed;
  z-index: 15;
  top: 58vh;
  height: 160px; }
  .contact-us .wrap {
    position: absolute;
    left: -26vw;
    width: 30vw; }
    .contact-us .wrap .content {
      background-color: white;
      width: 26vw;
      padding: 5px;
      float: left;
      border-right: 5px solid #05396b;
      box-shadow: 0px 5px 10px 0px #989898; }
      .contact-us .wrap .content div {
        padding: 0.5vw; }
    .contact-us .wrap .icon {
      height: 4.5vw;
      width: 4vw;
      float: right;
      background-color: #05396b;
      cursor: pointer;
      font-size: 40px;
      color: white;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
      .contact-us .wrap .icon i {
        position: relative;
        left: 5px;
        top: 8px; }
  .contact-us .slide-in {
    -webkit-animation: slide-in 2s forwards;
    animation: slide-in 2s forwards; }
  .contact-us .slide-out {
    -webkit-animation: slide-out 2s forwards;
    animation: slide-out 2s forwards; }

@-webkit-keyframes slide-in {
  0% {
    left: 0; }
  100% {
    left: -26vw; } }

@keyframes slide-in {
  0% {
    left: 0; }
  100% {
    left: -26vw; } }

@-webkit-keyframes slide-out {
  100% {
    left: 0; } }

@keyframes slide-out {
  100% {
    left: 0; } }

.contact-us:hover .content {
  border-right: 5px solid #175FA4; }

.contact-us:hover .icon {
  background-color: #175FA4; }
/* Custom Check Boxes */
.ipsccheckbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 5px 0px;
}
    /* Hide the browser's default checkbox */
    .ipsccheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .ipsccheckbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 17px;
        width: 17px;
        background-color: #fff;
        border: 2px solid black;
        border-radius: 4px;
    }
    .ipsccheckbox.disabled .checkmark {
        border: 3px solid lightgray;
        cursor: not-allowed;
    }
    .ipsccheckbox.disabled {
        color: lightgray
    }
    /* Create the checkmark/indicator (hidden when not checked) */
    .ipsccheckbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .ipsccheckbox input:checked ~ .checkmark {
        border-color: #0077b2;
    }

        /* Show the checkmark when checked */
        .ipsccheckbox input:checked ~ .checkmark:after {
            display: block;
        }

    /* Style the checkmark/indicator */
    .ipsccheckbox .checkmark:after {
        left: 5px;
        top: 1px;
        width: 5px;
        height: 11px;
        border: solid #0077b2;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
/* End Custom Check Boxes */

/* Custom Radio Buttons*/
.ipscradio input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: 10;
}

.ipscradio {
    margin: 0px 0px 5px 0px;
}

    .ipscradio input[type="radio"] + label {
        font-weight: 400;
    }

    .ipscradio input[type="radio"] + .radio-label:before {
        content: "";
        background: white;
        border-radius: 100%;
        border: 1px solid #acacac;
        display: inline-block;
        width: 15px;
        height: 15px;
        position: relative;
        margin-right: 8px;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
        top:2px;
    }

    .ipscradio input[type="radio"]:checked + .radio-label:before {
        background-color: white;
        box-shadow: inset 0 0 0 4px #0077b2;
    }

    .ipscradio input[type="radio"]:focus + .radio-label:before {
        outline: none;
        border-color: #0077b2;
    }

    .ipscradio input[type="radio"]:disabled + .radio-label:before {
        box-shadow: inset 0 0 0 4px #f4f8fc;
        border-color: #90b8e1;
        background: #90b8e1;
    }

    .ipscradio input[type="radio"] + .radio-label:empty:before {
        margin-right: 0;
    }

/* End Custom Radio Buttons */