html{
       height: 100%
     }
      body {
      background: transparent;
      overflow: hidden;
      width: 100%;
      margin: 0px;
      font-family:  "Glober W01 Regular", sans-serif;
      color: #555555;
      font-size: 16px;
      line-height: 1.42857143;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
      height: 100%;
      }

      h1 {
       font-size: 2.4em;
       line-height: 1.4em;
       color: #0265b6;
      }

      h3 {
     color: #0c3b6c !important;
    font-family: inherit !important;
    font-size: 25px !important;
    letter-spacing: normal;
    line-height: 1.42 !important;
    text-transform: none;
    font-weight: normal !important;
     }

     .btn.btn-primary{
      font-weight: normal;
      color: #ffffff !important;
      background-color: #007FB1 !important;
      min-width: 75px;
      max-width: 100%;
      text-transform: uppercase;
      border-radius: 3px;
      border: none;
      padding: 15px 30px;
      text-decoration: none;
      position: relative;
      font-family: "Glober W01 SemiBold", sans-serif;
      font-size: 14px;
       width:150px;
     }

    .btn-primary:active, .btn-primary:hover {
      border-color: #4a6073;
      color: #ffffff !important;
      opacity: .8;
      background-color: #007FB1 !important;
     }
     
     .slide{
      //position: absolute;
      width: 100%;
      z-index: 1;
      opacity: 0;
      transition: opacity 0.5s;
       display : none;
     }
    .active-slide{
      opacity: 1;
      z-index: 2;
      display : block;
    }
    .quiz-container{
      margin-top: 16px;
      position: relative;
      //height: 300px;
    }

 .answers{
 margin-top:11px;
 }

     label{
       display:block !important;
       position:relative !important;
       text-transform: none !important;
       margin-bottom: 5px;
       cursor:pointer;
  color: #555;
     font-family: Glober W01 Regular, sans-serif;
     font-size: 16px;
      line-height: 1.42857143;
 }

.question{
    color: #555;
     font-family: "Glober W01 Bold", sans-serif;
     font-size: 16px;
      line-height: 1.42857143;
}

.quesSubHeading{
color: #0c3b6c !important;
}
     input[type='checkbox'], input[type='radio']{
       opacity:1 !important;
       cursor: pointer;
     }
    span {
          color: #003876;
          font-family: arial, tahoma, sans-serif;
          font-weight: normal;
          font-size: 1.3em;
      }
     
     form .btnSend{
       left: 0px !important;
       min-width: 145px !important;
       max-width: 200px !important;
       width: inherit !important;
     }

     form {
       padding: 0px !important;
     }

     form input {
       width: 288px !important;
     }

     .buttonRightArrow {
      font-size: 15px;
      color: white;
       margin-left:10px;
     }
      .buttonLeftArrow {
      font-size: 15px;
      color: white;
       margin-right:10px;
     }
     a{
       cursor: pointer;
     }
     .main-container{
        margin:auto;
       height:100%;
       padding: 0px 24px;
     }
     .red{
       color:#EF4337;
     }
     .green{
       color:#0F801F;
     }
     
     @media screen and (min-width : 600px){
     .button-container{
       position: absolute;
       bottom: 0px;
       width: 100%;
       height: 60px;
     }
     }
     
     @media screen and (max-width : 600px){
     .button-container{
       position: absolute;
       bottom: 0px;
       width: 100%;
       height: 60px;
     }
     }
     .no-padding{
       padding: 0px;
     }
     
     
     .retry-link {
       color: #007FB1;
       font-size: 18px;
       font-family: Glober W01 Regular, sans-serif;
       text-decoration: none;
     }
    .fa.fa-redo:before {
    content: "\f01e";
    font-size: 20px;
    margin-right: 12px;
     }

    .results-container{
    margin-top: -16px;
    }