/*font decalre*/
@font-face {
    font-family:Asap;
    src: url(/content/dam/intelligentcontent/unbranded/easthma-behaving-badly/en/fonts/AsapCondensed-Bold.ttf);
  }
  
  
  .nowrap{
      white-space: nowrap!important;
      }
.airq-new-info {
    padding: 20px 10px;
}
.airq-que span.blue.green {
    color: black;
}
  body{
      background:#f2f2f2;
  }
  body,p,b,button,ul li{
      box-sizing:border-box;
      font-family :Arial;
      font-weight:normal;
  }
  ul li{
      font-family :Arial !important;
      font-weight:normal;
  }
  b,button,.airqContainer .restart.button{
      font-weight:bold;
  }
  h1, h2,h3,h4,.airqContainer .restart.button{
      font-family: Arial;
  }
  sup {
      top: -1.4em;
      font-size: 50%;
  }
  .text-center{
      text-align:center !important;
  }
  
  
  .airq-questionnaire .airqContainer a{
      color: #000;
  }
  .airqContainer input[type="radio"].checked+label {
      background-color:#000;
  }
  .airqContainer label {
      background-color: #9F9F9F;
          padding: 20px 20px;
          color: #fff;
      border: none;
      border-radius: 0;
      margin-right:0px;
  }
  .airqContainer .desktop .item{
      padding:0;
      box-shadow:none;
  }
  .airq-questionnaire .airqContainer a.light-blue,.airq-questionnaire .airqContainer a.light-blue:hover{
      color:#3776A2;
      text-decoration:underline;
  }
  .airqContainer a.bold-underline{
      font-weight:bold;
      text-decoration:underline;
  }
  button.btn.restart.button,.airqContainer .desktop .calculate button{
      text-decoration:none;
  }
  a.link-none.cmp-color-white {
      background-color: #5803ac;
      color: #fff;
      font-weight: 700;
  }
  .div-col{
      border-bottom: 3px solid #deac50;
  }
  img.imageairq/*,p.airq-que*/{
      display: none;
  }
  .airq-inner div:nth-child(11){
      background:transparent !important;
  }
  .question-number.clearfix p,h4.heading>p,.airqContainer .desktop .calculate button,.score-descrip>p.blue {
      font-weight:bold !important;
  }
  .btn[disabled]{
      opacity:1;
  }
  .viewpdf-button.btn,.viewpdf-button.btn:hover{
      background:#000;
      text-decoration:none;
  }
  .blue{
      color:#3776A2;
      font-weight:bold;
  }
  .results.section,.results.section p{
      background:#fff !important;
  }
  .popup-class .modal-header{
      display:none;
  }
  .airqContainer .container {
      width: 100%;
      max-width:none;
  }
  .container {
      width:100%;
      padding:0;
  }
  div#airq-section2,.component-section {
      padding-top: 0;
  }
  .component-section {
    padding-top: 20px;
  }
  
  /*desktop styles*/

  @media only screen and (min-width: 993px){
  .mb-only{ display: none;}
  h1{
      font-size:40px;
  }
  .img-container {
    position: absolute;
    top: 11%;
    /*top: 20px;*/

}
  .desk-img{
     display:block; 
  }
  .mob-img{
      display:none;
  }
  .img-container img {
    width: 95px;
    padding-left: 15px;
}
  .airqContainer .section h4 p,p,.airqContainer .score.greybg p,li{
      font-size:18px;
      line-height:22px;
  }
  div#airq-section1{
      display:none;
  }
  .airqContainer .question .radio-button-group {
      width: 27%;
      margin-left:auto;
  }
  .airqContainer label.radioyes {
     margin-left:18%;
     margin-bottom:0;
  }
  .airqContainer label.radiono {
      float:right;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      margin-bottom:0;
  }
  .airqContainer .desktop .question-number{
      padding-left:2px;
  }
  .question-number.clearfix p{
      height: 100%;
      padding: 20px;
      background:#F2F2F2;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      margin-bottom:0;
  }
  .airq-inner ~ div:nth-child(14) .question-number.clearfix p{
      padding-left: 12px;
      padding-right: 12px;
  }
  .airq-inner{
      position:relative;
      padding-top:75px;
  }
  .airq-inner div:nth-child(13) span,.airq-inner div:nth-child(18) span{
    vertical-align: bottom !important;
  } 
  .restart.right {
      position: absolute;
     top: 30px;
      right: 0;
  }
  .div-col {
      display: flex;
      align-items: center;
  }
  .div-2 {
      margin-left: auto;
  }
  button.btn.restart.button{
      font-size:15px;
      line-height:36px;
      font-weight:bold;
      padding: 6px 35px 6px 35px;
      border-radius: 23.5px;
      border: none;
  }
  a.link-none.cmp-color-white {
      padding: 20px 38px 20px 56px;
      border-radius: 29.5px;
      font-size: 16px;
      line-height: 36px;
      letter-spacing: 0.61px;
      position: relative;
      bottom: 10px;
  }
  .airqContainer .desktop .calculate button{
      padding: 19px 60px 18px 60px;
      border-radius: 30px;
      border: none;
      float: right;
  }
  .airqContainer .score.greybg{
      width:100%;
      margin-top:0;
      padding-bottom:0;
  }
  .airqContainer .desktop span.blue.scoretext{
      position:unset;
      font-size:initial;
  }
  /*.airqContainer .desktop span.blue.scoretext{
      display:none;
  }*/
  p>span.blue.scoretext{
      display:inline !important;
  }
  .airqContainer .question{
      display:flex;
      align-items:center;
  }
  .airq-inner div:nth-child(11){
      border-radius:0 !important;
  }
  .airq-inner div:nth-child(11) .section{
      background: #fff;
      border-radius: 5px;
    }
  
  .airqContainer .container.desktop .airq-inner div:nth-child(6) .img-div{
      background: #fff;
      border-radius: 5px;
      margin-top: 10px;
      padding: 30px 10px 5px 10px;
  
  }
  .airqContainer .container.desktop .airq-inner div:nth-child(8) .img-div p{
      font-size:12px;
      font-weight:bold;
      line-height:15px;
      padding-top: 25px;
  
  }
  .airqContainer .container.desktop .airq-inner .img-div p{
      font-size:12px;
      font-weight:bold;
      line-height:15px;
      padding-top: 25px;
  
  }
  .airq-inner div:nth-child(19) p.pages{
      padding-left:13px;
      padding-right:13px;
  }
  .viewpdf-button.btn{
      padding: 20px 66px 20px 63px;
      border-radius: 29.5px;
      float:right;
      margin-top: -70px;
  }
  .score-descrip p{
      padding: 0 !important;
      font-weight: normal !important;
      margin-bottom: 10px !important;
  }
  .score.greybg p.text-center{
     margin-bottom: 65px;
      margin-top: 30px;
  }
  .airqContainer .desktop .section.results{
      padding:0;
      margin-bottom:60px;
      margin-top:20px;
      position:relative;
      /*box-shadow: 0px 0px 15px 7px #e6e6e6;*/
  }
  .inner h2{
      padding: 0;
      padding-bottom: 10px;
      margin: 0;
      margin-bottom: 10px;
      font-size: 18px;
      color: #deac50;
      font-weight: normal;
  }
  .message .inner h1{
      padding: 0;
      padding-bottom: 10px;
      margin: 0;
      margin-bottom: 10px;
      font-size: 24px;
      color: #deac50;
      font-weight: normal;
      line-height:30px;
  }
  
  .popup-class#popup-template .modal-dialog{
      width: 800px;
      border-radius: 10px;
      margin-top: 5%;
  }
  .popup-class .modal-body{
      width:100%;
  }
  /*.score.greybg:before{
      content: "";
      padding: 2px 9px;
      position: absolute;
      right: 12.5%;
      top: -1%;
      background: #fff;
      width: 25px;
      transform: rotate(48deg);
      height: 25px;
      display: inline-block;
  }*/
  .container.hidden-xs.desktop {
      padding: 0;
      margin: 0;
  }
  /*.airqContainer .score.greybg {
      display:block !important;
  }*/
  
  }
  
  /*mobile*/
  
  @media only screen and (max-width: 992px){
    
    .desktop-only {
      display: none;
  }
  .questionText .img-div img {
    display: none;
}
  .img-container img {
    width: 100%;
}
  .desk-img{
     display:none; 
  }
  .mob-img{
      display:block;
  }
  
  .img-container {
    text-align: center;
    margin: 4px auto 0px;
    max-width:65px;
}
  
  .airqContainer .item.carousel-item.active.first .back.left.back-button.hidden {
    display: block!important;}
   .airq-container.mobile.visible-xs .section-header p,.airq-container.mobile.visible-xs .section-header .div-col{
      padding-left: 15px; 
   }
      .mb-only{display: block;}
      h1{
        font-size: 28px !important;
        line-height: 27px;
        text-align:center;
      }
      p,.airqContainer .mobile h4.heading p,li{
          font-size:16px;
          line-height:20px;
      }
      .div-1 a{ text-decoration: none !important;}
      a.btn.restart.button:hover{
          color:#fff;
      }
      div#airqContainerMobile-questionnaire{
          background: transparent;
          position: relative;
          padding-top: 55px;
      }
      .airqContainer .section-header {
        background-color:#fff;
     }
     .airqContainer .mobile label.radiono{
         float:right;
     }
     .airqContainer .restart.button {
          border-radius: 20px;
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      margin: 0 auto;
     }
     .airqContainer .mobile label.radioyes{
         margin-left:0;
     }
     .airqContainer .right {
      display: block;
      width: 100%;
        }
  .airqContainer .mobile .results.section{
      padding:0;
      margin:0;
  }
  .airqContainer .mobile .score.greybg {
      width:100%;
      padding:20px;
  }
  .airqContainer .score.greybg p {
      width: 100%;
      margin: 10px 0;
      font-size: 16px;
      line-height: 20px;
      font-weight: normal;
      background: #fff;
      padding: 0;
  }
  .airqContainer .mobile span.blue.scoretext {
      font-size: initial;
      position: unset;
  }
  /*.airqContainer span.blue.scoretext{
      display:none;
  }  */
  .airqContainer p>span.blue.scoretext{
      display:inline !important;
  }
  div#airq-section2,#airq-section3{
      display:none;
  }
  #airq-section3 {
    opacity: 1!important;
  }
  #airq-section3 > div.page-section-inner.container {
    opacity: 1 !important;
  }
  .answer-text {
    display: none!important;
}
  .cm-btn-inner a{
      padding: 14px 15px;
      margin-top: 10px;
      margin-bottom: 20px;
      font-size: 12px;
      display: block;
      text-align: center;
      text-decoration: none !important;
      border-radius: 28px;
      
  }
  
  ul,.cm-btn-inner{
      list-style:none;
      padding:0;
  }
  .div-col {
      border-bottom:none;
  }
.airq-new-info {
    padding: 20px 20px 10px 20px;
}
.airq-new-info li {
    margin-left: 20px;
}
  .panel {
      padding: 20px;
  }
  .panel p {
      padding-top: 12px;
      padding-bottom: 12px;
  }
  a.cta-interaction.initialized {
      display: block;
      padding: 14px 15px;
      background: #000;
      color: #ffff;
      text-align: center;
      font-weight: bold;
      text-decoration: none;
      border-radius: 25px;
  }
  .div-2 .cm-btn-inner{
      border-bottom: 3px solid #deac50;
  }
  .airqContainer .section-header h1 {
      font-size: 16px !important;
      text-align: center;
      vertical-align: middle;
  }
  .airqContainer .mobile .questionText {
      margin: 0;
      box-shadow: none;
      padding-top: 0;
      padding-left: 25px;
      min-height: auto;
      display: block;
      padding-right: 25px;
  }
  .airqContainer h4.heading {
      margin-top: 0px;
      background: #fff;
      padding-top: 30px;
      padding-left: 25px;
      padding-right: 25px;
      margin-bottom: 0;
      padding-bottom:10px;
  }
  .airqContainer h4.heading p{
      margin-bottom:0;
  }
  .airqContainer .question{
      position:unset;
  }
  .item.carousel-item {
    min-height: 390px;
  }
  .radio-button-group {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
  }
  .airqContainer .back-button {
      width: 66px;
  }
  button.back{
      position:relative;
  }
  button.back:before{
      content: "";
      background-position: bottom;
      background: url(/content/dam/open-digital/open-digital-astrazeneca/en/airq/back.png);
      width: 16px;
      height: 14px;
      display: inline-block;
      background-size: 54%;
      background-repeat: no-repeat;
      position: absolute;
      left: -6px;
      bottom: 6px;
  }
  .airqContainer .mobile .results{
      margin:0;
      margin-top:25px;
  }
  .airqContainer .submit.btn{
      border-radius:35px;
      padding: 12px 25px;
  }
  
  .viewpdf-button.btn{
      width: 50%;
      float: right;
      border-radius: 25px;
      opacity: 1 !important;
  }
  .message .inner h1 {
      padding-bottom: 10px;
      margin: 0;
      margin-bottom: 10px;
      font-size: 24px;
      color: #deac50;
  }
  .message .inner h2{
      padding: 0;
      padding-bottom: 10px;
      margin-bottom: 10px;
      font-size: 18px;
      color: #deac50;
  }
  .mobile .message, .tablet .message{
      padding: 40px 25px 20px;
      border-radius: 10px;
  }
  #popup-template.popup-class .modal-dialog{
      max-width:90%;
  }
  .popup-class ul,.popup-class ol {
      margin-left: 20px;
      padding:0;
  }
  #popup-template.popup-class .modal-dialog .modal-body{
      width:100%;
  }
  button.desktop.viewpdf-button.btn{
      display:none;
  }
  .airqContainer .mobile .questionText{
      width:100%;
  }
  
  
  }
  #airq-section2{ padding-left: 15px; padding-right: 15px;}
  .airqContainer span.blue.scoretext.red,
  .airqContainer span.blue.scoretext.orange,
  .airqContainer span.blue.scoretext.green{color:#3776A2 !important; }
  sup{ top: -1.01em;}
  
  .div-col .div-1 p:first-child{color: #79797d}
  .airqContainer .desktop .item{ margin-bottom: 6px;}
  @media screen and (min-width: 767px) and (max-width: 1024px){
    .airqContainer .question .question-wrapper {
         width: 70% !important;
    }
  }
  
  .airqContainer .desktop span.questionText{
    width: 89%;
  }
  
  .airq-inner div:nth-child(19) span{
    width: 87% !important;
  }
  .airqContainer .desktop .section.results{
    border-radius: 6px;
  }
  /*#airq-section2 .results .score > .scoretext{ display: none !important;}*/
  #airq-section3{
    background-color: #ffffff;
    max-width: 97%;
    margin: 0 auto;
    padding-bottom: 35px;
    margin-bottom: 60px;
    box-shadow: 0px 0px 15px 7px #e6e6e6;
    border-radius: 0 0 6px 6px;
    
  }
  #airq-section3 > .page-section-inner{
    width: 80%;
  }
  #airq-section3 .new-image{
    width: 70%;
    margin: 0px auto;
  }
  .calculate .btn[disabled] {
    opacity: 0.65;
  }

  #airq-section3 > div.page-section-inner.container{
      opacity: 0.2;
  }
  .airqContainer .desktop .section.results {
    background-color: #ffffff;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.results.section:before {
    content: "";
    padding: 2px 9px;
    position: absolute;
    right: 12.5%;
    top: -1%;
    background: #fff;
    width: 25px;
    transform: rotate(48deg);
    height: 25px;
    display: inline-block;
}
.calculate{
    margin-bottom: 30px;
}
.airqContainer .score.greybg {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-top: 90px;
}
.airqContainer .score.greybg p {
    width: unset;
    justify-content: center;
    margin: unset;
    background: unset;
    font-size: 20px;
    font-weight: 900;
    padding: 20px 6px;
}
.airqContainer .desktop span.blue.scoretext {
    position: unset;
    color: #30759e !important;
    font-size: 18px;
    font-weight: 900;
}
p.uniqueCalculateScoreCriteria {
    font-size: 18px;
    text-align: center;
    color: #404040;
    padding-top: 30px;
    padding-bottom: 0px;
}
p.info {
    font-style: italic;
    text-align: center;
    color: #404040;
    font-size: 20px;
    margin-top: 60px;
    margin-bottom: 0px;
    padding-top: 100px;
    padding-left: 28%;
    padding-right: 28%;
    background-image: url(/content/dam/open-digital/open-digital-astrazeneca/en/airq/pin.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 60px;
}
.viewpdf-button.btn{
    opacity: 0.3;
}
.airq-sec-four{
    padding-left: 15px;
    padding-right: 15px;
}
@media only screen and (max-width: 415px){
 .airqContainer label {
   
    padding: 10px 20px 20px 20px;
  }
  
}
@media screen and (max-width: 991px){
    .airqContainer .answer .edit{
        top: 50%;
    }
    .airqContainer .mobile .answer .num{
        font-size: 18px;
    }
    .airqContainer .answer p { margin-bottom: 0px;}
    .airqContainer .answer {
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #d5d5d5;
        padding: 13px 10px 13px 0px;
        color: #404040;
    }
    .airqContainer .mobile .answer .ans{
        top: unset;
    }
    .airqContainer .score.greybg{
        margin-top: 0px;
    }
    .viewpdf-button.btn {
        width: 90%;
        margin: 0px auto;
        float: none;
        border-radius: 25px;
        opacity: 1 !important;
    }
    .airq-sec-four{
        top: -115px;
    }
    .airqContainer .mobile .question {
        width: 100%;
        border-radius: 5px;
        opacity: 1;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        margin-top: 0px;
        padding-top: 5px;
        position: unset;
        height: 20vh;
    }
    .airq-container.mobile .airq{
        border: 2px solid #d5d5d5;
    }
    #airq-section3{
        margin-top: 50px;
    background: none;
    box-shadow: none;
    }
    .airq-inner.carousel-inner {
        overflow: unset;
    }
    .airqContainer .mobile .question .radio-button-group {
        display: flex;
        justify-content: space-between;
        padding: 13px 16px;
        margin: 0;
    }
    .radio-button-group {
        position: absolute;
        bottom: -105px;
        left: 0;
    }
    .airq-inner .item.carousel-item, .airq-inner .item.review {
        padding: 10px 10px;
    }
    .airqContainer .back.left {
        margin-top: 0px;
        top: -82px;
        left: 0;    
        

    }
    .airqContainer .back.left button{
        text-indent: -999px;
    }
    .question-number {
        position: absolute;
        right: 10px;
        top: -104px;
        width: auto !important;
    }
    .airqContainer .section-header {
        background-color: unset;
        border-top: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5;
        border-right: 1px solid #d5d5d5;
    }
    .airqContainer .mobile .pages {
        font-size: 14px;
      
    }
    .airqContainer .restart.button {
        
        width: 40%;
       
        font-size: 12px;
    }
    .airqContainer .mobile label.radiono{
        margin-bottom: 5px;
    }
    .results.section:before{
        display: none;
    }
    .airqContainer .section-header h1 {
        background-color: #ffffff;
    }
}
.results .score > .scoretext{
    display: none !important;
}

div#airqContainer-questionnaire .desktop .airq-inner div:nth-child(16) .questionText{
    width: 86%;
}
div#airqContainer-questionnaire .desktop .airq-inner div:nth-child(16) .pages{
    padding-left: 13px;
    padding-right: 12px;
}
div#airqContainer-questionnaire .desktop .airq-inner div:nth-child(15) .questionText,
div#airqContainer-questionnaire .desktop .airq-inner div:nth-child(10) .questionText,
div#airqContainer-questionnaire .desktop .airq-inner div:nth-child(11) .questionText{
    vertical-align: bottom;
}
html{
    scroll-padding-top: 100px;
}
.airqContainer .desktop .score.greybg{
    padding-top: 140px;
}
@media only screen and (max-width:359px) {

  .airqContainer .restart.button {
    width: 50%!important;

}
}
/*@media only screen and (min-width: 993px){*/
/*div#airq-section1 {*/
/*    display: none!important;*/
/*}*/
/*}*/
           /* @media only screen and (max-width: 700px){
div#airq-section2, #airq-section3 {
     display: none!important; 
     
}
}