.text-uppercase {
  text-transform: uppercase;
}

.bg-light-cyan {
  background-color: #F7F9FA !important;
}

.font-montserrat-medium {
  font-family: Montserrat-Medium !important;
}

.font-Montserrat-Regular {
  font-family: Montserrat-Regular !important;
}

.text-color-violetred {
  color: #b90066;
}

.border-right {
  border-right: 1px #666 solid;
}

.mt-100 {
  margin-top: 100px !important;
}

.custom-mt-35 {
  margin-top: 35px;
}

.show {
  display: block !important;
}

.hidden {
  display: none !important;
}

.spinner-border {
  margin-left: 3px;
}

.msg {
  display: none;
  font-family: Montserrat-Regular;
  font-size: 11px;
}

.err_msg {
  color: red;
}

.success_msg {
  color: green;
}

.modal .modal-content {
  border-radius: 0;
  border: none;
  padding: 20px;
}

.modal .modal-content .modal-header {
  border: none;
  position: relative;
  font-family: GothamNarrow-Light;
  color: #b90066;
}

.modal .modal-content .modal-header h5 {
  font-size: 26px;
}

.modal .modal-content .modal-header .close {
  background-image: url("../images/close-ico.png");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 1;
}

.modal .modal-content .modal-body .modal-content-title {
  font-family: GothamNarrow-Light;
  color: #b90066;
  font-size: 26px;
  line-height: 26px;
}

.modal .modal-content .modal-body .modal-text {
  color: #000;
  font-family: Montserrat-Regular;
  font-size: 12px;
}

.modal .modal-content .modal-body .form-group {
  margin-bottom: 10px;
}

.modal .modal-content .modal-body .form-group label {
  margin-bottom: 0px;
  font-size: 13px;
  font-family: Montserrat-Regular;
}

.modal .modal-content .modal-body .form-group select, .modal .modal-content .modal-body .form-group input {
  height: 38px;
}

.modal .modal-content .modal-body .form-group select, .modal .modal-content .modal-body .form-group input, .modal .modal-content .modal-body .form-group textarea {
  border-radius: 0;
  border: 1px #EDEDED solid;
  font-size: 14px;
  font-family: Arial;
  background-color: #EDEDED;
}

.modal .modal-content .modal-body .form-group select.error-input, .modal .modal-content .modal-body .form-group input.error-input, .modal .modal-content .modal-body .form-group textarea.error-input {
  border: 1px red solid;
  background-color: #fbf2f7;
}

.modal .modal-content .modal-body .form-group #title {
  max-width: 220px;
}

.modal .modal-content .modal-body .mobile-form label {
  color: #b90066;
}

.modal .modal-content .modal-body .mobile-form input {
  background-color: #fbf2f7;
}

.modal .modal-content .modal-body .form-check input.form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 3px;
}

.modal .modal-content .modal-body .form-check label {
  margin-left: 12px;
  font-family: Montserrat-Regular;
  font-size: 12px;
}

.modal .modal-content .modal-body .btn {
  background-color: #b90066;
  border-radius: 0;
  cursor: pointer;
  color: #fff;
  font-family: Montserrat-SemiBold;
  padding: 8px 20px;
  font-family: Montserrat-SemiBold;
  text-align: center;
  min-width: 110px;
  padding: 0;
  min-height: 40px;
}

.modal .modal-content .modal-body .remind_box {
  font-family: Montserrat-Regular;
}

.modal .modal-content .modal-body .remind_box p {
  font-size: 9px !important;
}

.leave-warning-modal .modal-content {
  background-color: #fff;
}

.leave-warning-modal .modal-content .modal-body {
  padding-top: 0;
}

.leave-warning-modal .modal-content .btn {
  font-family: Montserrat-SemiBold;
  font-size: 16px;
}

.leave-warning-modal .modal-content .cancel-btn {
  background-color: #e6e6e6;
  color: #000;
}

.leave-warning-modal .modal-content .jhl-btn-leave-warning-menu {
  background-color: #b90066;
}

.leave-warning-modal .modal-content h2 {
  color: #b90066;
  font-family: GothamNarrow-Light;
  font-size: 26px;
}

.leave-warning-modal .modal-content p {
  font-family: Montserrat-Regular;
  font-size: 14px;
  line-height: 20px;
}

.leave-warning-modal .modal-footer {
  justify-content: flex-start;
}

.max-width-100 {
  max-width: 100%;
}

@media (max-width: 575px) {
  .home-header .navbar .navbar-collapse .navbar-nav, .header .navbar .navbar-collapse .navbar-nav {
    line-height: 30px;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item, .header .navbar .navbar-collapse .navbar-nav .nav-item {
    text-align: center;
    border-bottom: 1px #ccc solid;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link, .header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #ffffff !important;
    padding: 0;
    line-height: 40px;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:last-child, .header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:last-child {
    border-radius: 5px;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-btn, .header .navbar .navbar-collapse .navbar-nav .nav-item .nav-btn {
    color: #b90066;
    background-color: #F3E5ED;
    padding: 3px 0;
    border-radius: unset !important;
    margin-top: 0;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item:not(:last-child), .header .navbar .navbar-collapse .navbar-nav .nav-item:not(:last-child) {
    background-color: #b90066;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item:last-child, .header .navbar .navbar-collapse .navbar-nav .nav-item:last-child {
    border-bottom: 0;
  }
  .home-header .home-left-text, .header .home-left-text {
    margin-top: 130px !important;
    font-size: 40px !important;
  }
  .home-header .home-right .text, .header .home-right .text {
    color: #fff !important;
  }
  .home-header .home-right .signin-box, .header .home-right .signin-box {
    padding: 10px !important;
  }
  .home-header .home-right .signin-box .text-right, .header .home-right .signin-box .text-right {
    text-align: left !important;
  }
  .home-header .home-right .signin-box .btn, .header .home-right .signin-box .btn {
    margin-bottom: 20px !important;
  }
  .home-header .user-info, .header .user-info {
    margin-top: 0 !important;
    border-top: 1px #ccc solid;
    display: none;
    height: unset !important;
    min-height: 40px;
  }
  .home-header .user-info .sub_nav, .header .user-info .sub_nav {
    z-index: 999;
  }
  .home-header .logo-triangle, .header .logo-triangle {
    width: 200px !important;
    height: 60px !important;
  }
  .home-header .logo-triangle img, .header .logo-triangle img {
    max-width: 200px !important;
  }
  .page-banner .banner-top-text {
    background: none !important;
  }
  .page-banner .banner-top-text h1 {
    font-size: 45px !important;
  }
  .page-banner .banner-top-text .banner-text {
    padding-bottom: 20px !important;
  }
  .page-banner .about-header, .page-banner .copd-header {
    min-height: 320px !important;
  }
  .page-banner .asthma-header {
    min-height: 400px !important;
  }
  .copd-banner .copd-header {
    min-height: 350px !important;
  }
  .download-box {
    margin-top: 220px !important;
  }
  .trimbow-banner .trimbow-header {
    min-height: 400px !important;
  }
  .asthma-top .img {
    text-align: center;
  }
  .asthma-top .img img {
    margin-top: 60px !important;
    max-width: 300px !important;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-btn {
    background-color: #b90066 !important;
  }
  .content .page-title {
    margin-top: 50px !important;
  }
  .safety-banner, .fostair-header {
    min-height: 400px !important;
  }
  .safety-banner .left-box, .fostair-header .left-box {
    padding: 35px !important;
  }
  .safety-banner .left-box .banner-title, .fostair-header .left-box .banner-title {
    font-size: 28px !important;
  }
  .i-want-to {
    margin: 20px 0 0 0 !important;
    padding: 15px !important;
    min-height: 300px !important;
  }
  .alvesco-asthma-efficacy-page .safety-top-text, .alvesco-asthma-safety-page .safety-top-text {
    margin-top: 50px !important;
    font-size: 26px !important;
  }
  .alvesco-asthma-efficacy-page .chart-content, .alvesco-asthma-safety-page .chart-content {
    padding: 15px !important;
  }
  .explore-our-products .product-item {
    margin-bottom: 20px;
  }
  .asthma-banner .left-text .text-content {
    padding-left: 20px !important;
    height: 150px !important;
  }
  .asthma-banner .left-text .text-content .banner-text {
    font-size: 22px !important;
    line-height: 25px !important;
  }
  .expert-option .expert-option-item .img img, .expert-option .patient-information-item .img img, .patient-information .expert-option-item .img img, .patient-information .patient-information-item .img img {
    max-width: 100% !important;
  }
  .expert-option .expert-option-item .info, .expert-option .patient-information-item .info, .patient-information .expert-option-item .info, .patient-information .patient-information-item .info {
    padding: 20px !important;
    min-height: 100px !important;
  }
  .pMDI-device {
    margin-top: 0 !important;
  }
  .pMDI-device .pMDI-device-info {
    padding: 15px !important;
    margin: 0 !important;
    font-size: 14px !important;
    min-height: 100px !important;
  }
  .pMDI-device .pMDI-device-info .text-line .text-type {
    width: 40px !important;
  }
  .pMDI-device .pMDI-device-info .safety-top-sub-text-small {
    margin-top: 20px !important;
  }
  .pMDI-device .pMDI-device-img {
    position: unset !important;
    background-color: #fff;
    padding: 15px;
  }
  .pMDI-device .pMDI-device-img img {
    max-width: 100% !important;
  }
  .extrafine-alvesco-asthma-indication-and-prescribing-page .safety-top-text, .extrafine-fostair-copd-indication-and-prescribing-page .safety-top-text,
  .extrafine-trimbow-asthma-indication-and-prescribing-page .safety-top-text, .extrafine-trimbow-copd-indication-and-prescribing-page .safety-top-text {
    margin-top: 30px !important;
  }
  .extrafine-alvesco-asthma-indication-and-prescribing-page .mobile-safety-top-sub-text-small, .extrafine-fostair-copd-indication-and-prescribing-page .mobile-safety-top-sub-text-small,
  .extrafine-trimbow-asthma-indication-and-prescribing-page .mobile-safety-top-sub-text-small, .extrafine-trimbow-copd-indication-and-prescribing-page .mobile-safety-top-sub-text-small {
    margin-top: 20px !important;
  }
  .fostair-asthma-efficacy-page .safety-top-text {
    margin-top: 0 !important;
  }
  .tab .tab-title .tab-name {
    width: 100%;
    max-width: unset !important;
  }
  .tab .tab-contents .tab-content {
    padding: 15px !important;
  }
  .chart-content {
    padding: 15px !important;
  }
  .fostair-copd-efficacy-page .safety-top-text, .fostair-copd-safety-page .safety-top-text, .trimbow-asthma-efficacy-page .safety-top-text, .trimbow-asthma-safety-page .safety-top-text,
  .trimbow-copd-efficacy-page .safety-top-text, .trimbow-copd-safety-page .safety-top-text {
    margin-top: 15px !important;
  }
  .fostair-COPD-safety-page .products-page-content {
    padding: 15px !important;
  }
  .fostair-COPD-safety-page .right-img {
    position: unset !important;
    background-color: #fff;
    width: 100% !important;
    padding: 15px;
  }
  .short-banner {
    height: 110px !important;
  }
  .short-banner .page-name {
    padding: 30px 0 0 0 !important;
    text-align: center;
  }
  .short-banner .right-bg, .short-banner .resources-header {
    height: 110px !important;
  }
  .news-content .filter .filter-title {
    padding-top: 0 !important;
  }
  .products-page-banner .banner-text {
    padding-left: 20px !important;
    font-size: 22px !important;
    line-height: 26px !important;
  }
  .products-page-box .products-page-content {
    padding: 15px !important;
  }
  .products-page-box .right-img {
    background-color: #fff;
    width: 100% !important;
    position: unset !important;
    padding: 15px !important;
  }
  .products-page-box .right-img img {
    max-width: 100% !important;
  }
  .news-content .news-type .type {
    margin-right: 10px !important;
  }
  .new-list .list-item .new-info .tags span {
    margin-right: 0 !important;
    padding: 3px 10px !important;
  }
  .safety-content {
    padding: 15px !important;
  }
  .welcome-banner .welcome-header {
    height: auto !important;
  }
  .welcome-banner .left-box .welcome-title {
    font-size: 31px !important;
    line-height: 40px !important;
  }
  .welcome-banner .left-box .label {
    margin-top: 15px !important;
  }
  .welcome-banner .watch-box {
    margin-top: 0 !important;
    padding: 15px !important;
  }
  .download-box .download-left, .download-box .download-img {
    padding: 15px !important;
  }
  .why-choose-extrafine-page-box {
    padding: 15px !important;
  }
  .why-choose-extrafine-page-title {
    font-size: 26px !important;
  }
  .about-content .about-box {
    padding: 15px !important;
  }
  .banner-ads-2 {
    background-position: center top !important;
  }
  .banner-ads-1 .banner-content {
    margin-top: 20px !important;
    padding: 20px !important;
  }
  .banner-ads-1, .banner-ads-2 {
    min-height: unset !important;
    height: auto !important;
  }
  .banner-ads-2 .banner-content {
    padding-top: 20px !important;
    font-size: 16px !important;
    text-align: right;
    padding-bottom: 20px !important;
  }
  .banner-ads-2 .banner-content .text {
    font-size: 20px !important;
  }
  .banner-ads-3 {
    min-height: unset !important;
    height: auto !important;
  }
  .banner-ads-3 .banner-content {
    padding-top: 5px !important;
    font-size: 16px !important;
  }
  .banner-ads-3 .banner-content .text {
    font-size: 18px !important;
    padding-left: 15px !important;
    line-height: 26px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .welcome-banner .watch-box-container {
    padding-top: 30px !important;
    height: 260px;
  }
  .welcome-banner .banner-top-text {
    min-height: 200px !important;
  }
  .welcome-banner .welcome-header {
    min-height: 330px !important;
  }
  .welcome-page {
    margin-top: 280px;
  }
  .download-box {
    margin-top: 40px !important;
  }
  .asthma-top .info .logos .pro-logo {
    max-width: 120px !important;
  }
  .page-banner .banner-top-text {
    height: auto !important;
    padding: 20px !important;
  }
  .page-banner .banner-top-text h1 {
    font-size: 20px !important;
  }
  .page-banner .banner-top-text .header-text {
    font-size: 22px !important;
    line-height: 30px !important;
    padding-bottom: 20px !important;
  }
  .alvesco-asthma-indication-and-prescribing-banner .alvesco-header {
    min-height: 400px !important;
  }
  .alvesco-asthma-efficacy-in-paediatrics-banner .alvesco-header {
    min-height: 400px !important;
  }
  .alvesco-asthma-safety-banner .alvesco-header {
    min-height: 400px !important;
  }
  .alvesco-asthma-safety-banner .alvesco-header .banner-top-text {
    margin-bottom: -90px !important;
  }
  .resources-banner {
    height: 390px !important;
  }
  .welcome-banner .watch-box-container .watch-box {
    min-height: 495px !important;
  }
  .welcome-banner .watch-box-container .watch-box .left-img {
    min-height: 245px !important;
  }
  .welcome-banner .watch-box-container .watch-box .watch-show-menu {
    top: 220px !important;
  }
  .resources-list .list-item .new-img {
    position: unset !important;
    min-height: unset !important;
  }
  .resources-list .list-item .new-img img {
    position: unset !important;
    width: 100%;
    height: auto;
    max-height: unset !important;
    max-width: unset !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .home-header .navbar .navbar-collapse .navbar-nav, .header .navbar .navbar-collapse .navbar-nav {
    line-height: 30px;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item, .header .navbar .navbar-collapse .navbar-nav .nav-item {
    text-align: center;
    border-bottom: 1px #ccc solid;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link, .header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #ffffff !important;
    padding: 0;
    line-height: 40px;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:last-child, .header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:last-child {
    border-radius: 5px;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-btn, .header .navbar .navbar-collapse .navbar-nav .nav-item .nav-btn {
    color: #b90066;
    background-color: #F3E5ED;
    padding: 3px 0;
    border-radius: unset !important;
    margin-top: 0;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item:not(:last-child), .header .navbar .navbar-collapse .navbar-nav .nav-item:not(:last-child) {
    background-color: #b90066;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item:last-child, .header .navbar .navbar-collapse .navbar-nav .nav-item:last-child {
    border-bottom: 0;
  }
  .home-header .home-left-text, .header .home-left-text {
    margin-top: 130px !important;
    font-size: 40px !important;
  }
  .home-header .home-right .text, .header .home-right .text {
    color: #fff !important;
  }
  .home-header .home-right .signin-box, .header .home-right .signin-box {
    padding: 10px !important;
  }
  .home-header .home-right .signin-box .text-right, .header .home-right .signin-box .text-right {
    text-align: left !important;
  }
  .home-header .home-right .signin-box .btn, .header .home-right .signin-box .btn {
    margin-bottom: 20px !important;
  }
  .home-header .user-info, .header .user-info {
    margin-top: 0 !important;
    border-top: 1px #ccc solid;
    display: none;
    height: unset !important;
    min-height: 40px;
  }
  .home-header .user-info .sub_nav, .header .user-info .sub_nav {
    z-index: 999;
  }
  .home-header .logo-triangle, .header .logo-triangle {
    width: 200px !important;
    height: 60px !important;
  }
  .home-header .logo-triangle img, .header .logo-triangle img {
    max-width: 200px !important;
  }
  .page-banner .banner-top-text {
    background: none !important;
  }
  .page-banner .banner-top-text h1 {
    font-size: 45px !important;
  }
  .page-banner .banner-top-text .banner-text {
    padding-bottom: 20px !important;
  }
  .page-banner .about-header, .page-banner .copd-header {
    min-height: 320px !important;
  }
  .page-banner .asthma-header {
    min-height: 400px !important;
  }
  .copd-banner .copd-header {
    min-height: 350px !important;
  }
  .download-box {
    margin-top: 220px !important;
  }
  .trimbow-banner .trimbow-header {
    min-height: 400px !important;
  }
  .asthma-top .img {
    text-align: center;
  }
  .asthma-top .img img {
    margin-top: 60px !important;
    max-width: 300px !important;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-btn {
    background-color: #b90066 !important;
  }
  .content .page-title {
    margin-top: 50px !important;
  }
  .safety-banner, .fostair-header {
    min-height: 400px !important;
  }
  .safety-banner .left-box, .fostair-header .left-box {
    padding: 35px !important;
  }
  .safety-banner .left-box .banner-title, .fostair-header .left-box .banner-title {
    font-size: 28px !important;
  }
  .i-want-to {
    margin: 20px 0 0 0 !important;
    padding: 15px !important;
    min-height: 300px !important;
  }
  .alvesco-asthma-efficacy-page .safety-top-text, .alvesco-asthma-safety-page .safety-top-text {
    margin-top: 50px !important;
    font-size: 26px !important;
  }
  .alvesco-asthma-efficacy-page .chart-content, .alvesco-asthma-safety-page .chart-content {
    padding: 15px !important;
  }
  .explore-our-products .product-item {
    margin-bottom: 20px;
  }
  .asthma-banner .left-text .text-content {
    padding-left: 20px !important;
    height: 150px !important;
  }
  .asthma-banner .left-text .text-content .banner-text {
    font-size: 22px !important;
    line-height: 25px !important;
  }
  .expert-option .expert-option-item .img img, .expert-option .patient-information-item .img img, .patient-information .expert-option-item .img img, .patient-information .patient-information-item .img img {
    max-width: 100% !important;
  }
  .expert-option .expert-option-item .info, .expert-option .patient-information-item .info, .patient-information .expert-option-item .info, .patient-information .patient-information-item .info {
    padding: 20px !important;
    min-height: 100px !important;
  }
  .pMDI-device {
    margin-top: 0 !important;
  }
  .pMDI-device .pMDI-device-info {
    padding: 15px !important;
    margin: 0 !important;
    font-size: 14px !important;
    min-height: 100px !important;
  }
  .pMDI-device .pMDI-device-info .text-line .text-type {
    width: 40px !important;
  }
  .pMDI-device .pMDI-device-info .safety-top-sub-text-small {
    margin-top: 20px !important;
  }
  .pMDI-device .pMDI-device-img {
    position: unset !important;
    background-color: #fff;
    padding: 15px;
  }
  .pMDI-device .pMDI-device-img img {
    max-width: 100% !important;
  }
  .extrafine-alvesco-asthma-indication-and-prescribing-page .safety-top-text, .extrafine-fostair-copd-indication-and-prescribing-page .safety-top-text,
  .extrafine-trimbow-asthma-indication-and-prescribing-page .safety-top-text, .extrafine-trimbow-copd-indication-and-prescribing-page .safety-top-text {
    margin-top: 30px !important;
  }
  .extrafine-alvesco-asthma-indication-and-prescribing-page .mobile-safety-top-sub-text-small, .extrafine-fostair-copd-indication-and-prescribing-page .mobile-safety-top-sub-text-small,
  .extrafine-trimbow-asthma-indication-and-prescribing-page .mobile-safety-top-sub-text-small, .extrafine-trimbow-copd-indication-and-prescribing-page .mobile-safety-top-sub-text-small {
    margin-top: 20px !important;
  }
  .fostair-asthma-efficacy-page .safety-top-text {
    margin-top: 0 !important;
  }
  .tab .tab-title .tab-name {
    width: 100%;
    max-width: unset !important;
  }
  .tab .tab-contents .tab-content {
    padding: 15px !important;
  }
  .chart-content {
    padding: 15px !important;
  }
  .fostair-copd-efficacy-page .safety-top-text, .fostair-copd-safety-page .safety-top-text, .trimbow-asthma-efficacy-page .safety-top-text, .trimbow-asthma-safety-page .safety-top-text,
  .trimbow-copd-efficacy-page .safety-top-text, .trimbow-copd-safety-page .safety-top-text {
    margin-top: 15px !important;
  }
  .fostair-COPD-safety-page .products-page-content {
    padding: 15px !important;
  }
  .fostair-COPD-safety-page .right-img {
    position: unset !important;
    background-color: #fff;
    width: 100% !important;
    padding: 15px;
  }
  .short-banner {
    height: 110px !important;
  }
  .short-banner .page-name {
    padding: 30px 0 0 0 !important;
    text-align: center;
  }
  .short-banner .right-bg, .short-banner .resources-header {
    height: 110px !important;
  }
  .news-content .filter .filter-title {
    padding-top: 0 !important;
  }
  .products-page-banner .banner-text {
    padding-left: 20px !important;
    font-size: 22px !important;
    line-height: 26px !important;
  }
  .products-page-box .products-page-content {
    padding: 15px !important;
  }
  .products-page-box .right-img {
    background-color: #fff;
    width: 100% !important;
    position: unset !important;
    padding: 15px !important;
  }
  .products-page-box .right-img img {
    max-width: 100% !important;
  }
  .news-content .news-type .type {
    margin-right: 10px !important;
  }
  .new-list .list-item .new-info .tags span {
    margin-right: 0 !important;
    padding: 3px 10px !important;
  }
  .safety-content {
    padding: 15px !important;
  }
  .welcome-banner .welcome-header {
    height: auto !important;
  }
  .welcome-banner .left-box .welcome-title {
    font-size: 31px !important;
    line-height: 40px !important;
  }
  .welcome-banner .left-box .label {
    margin-top: 15px !important;
  }
  .welcome-banner .watch-box {
    margin-top: 0 !important;
    padding: 15px !important;
  }
  .download-box .download-left, .download-box .download-img {
    padding: 15px !important;
  }
  .why-choose-extrafine-page-box {
    padding: 15px !important;
  }
  .why-choose-extrafine-page-title {
    font-size: 26px !important;
  }
  .about-content .about-box {
    padding: 15px !important;
  }
  .banner-ads-2 {
    background-position: center top !important;
  }
  .banner-ads-1 .banner-content {
    margin-top: 20px !important;
    padding: 20px !important;
  }
  .banner-ads-1, .banner-ads-2 {
    min-height: unset !important;
    height: auto !important;
  }
  .banner-ads-2 .banner-content {
    padding-top: 20px !important;
    font-size: 16px !important;
    text-align: right;
    padding-bottom: 20px !important;
  }
  .banner-ads-2 .banner-content .text {
    font-size: 20px !important;
  }
  .banner-ads-3 {
    min-height: unset !important;
    height: auto !important;
  }
  .banner-ads-3 .banner-content {
    padding-top: 5px !important;
    font-size: 16px !important;
  }
  .banner-ads-3 .banner-content .text {
    font-size: 18px !important;
    padding-left: 15px !important;
    line-height: 26px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .welcome-banner .watch-box-container {
    padding-top: 30px !important;
    height: 260px;
  }
  .welcome-banner .banner-top-text {
    min-height: 200px !important;
  }
  .welcome-banner .welcome-header {
    min-height: 330px !important;
  }
  .download-box {
    margin-top: 470px !important;
  }
  .page-banner .banner-top-text {
    height: auto !important;
    min-height: 500px !important;
  }
  .page-banner .banner-top-text h1 {
    font-size: 20px !important;
  }
  .safety-banner .banner-top-text, .fostair-header .banner-top-text {
    margin-bottom: -60px !important;
  }
  .fostair-asthma-safety-header .banner-top-text {
    margin-bottom: -90px !important;
  }
  .trimbow-banner .banner-top-text {
    margin-bottom: -80px !important;
  }
  .asthma-top .info .logos .pro-logo {
    max-width: 150px !important;
  }
  .alvesco-asthma-indication-and-prescribing-banner .banner-top-text {
    margin-bottom: -70px !important;
  }
  .alvesco-asthma-efficacy-in-paediatrics-banner .banner-top-text {
    margin-bottom: -70px !important;
  }
  .alvesco-asthma-safety-banner .alvesco-header {
    min-height: 400px !important;
  }
  .alvesco-asthma-safety-banner .alvesco-header .banner-top-text {
    margin-bottom: -90px !important;
  }
  .resources-banner {
    height: 390px !important;
  }
  .welcome-banner .banner-top-text {
    min-height: 200px !important;
  }
  .welcome-page {
    margin-top: 330px;
  }
  .download-box {
    margin-top: 0 !important;
  }
  .welcome-banner .watch-box-container .watch-box {
    min-height: 500px !important;
  }
  .welcome-banner .watch-box-container .watch-box .left-img {
    min-height: 280px !important;
  }
  .welcome-banner .watch-box-container .watch-box .left-img .watch-show-menu {
    top: 250px !important;
  }
  .resources-list .list-item .new-img {
    position: unset !important;
    min-height: unset !important;
  }
  .resources-list .list-item .new-img img {
    position: unset !important;
    width: 100%;
    height: auto;
    max-height: unset !important;
    max-width: unset !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .fostair-copd-indication-and-prescribing-banner .i-want-to {
    min-height: 350px !important;
  }
  .alvesco-asthma-safety-banner .alvesco-header {
    min-height: 400px !important;
  }
  .page-banner .banner-top-text {
    background: none !important;
    min-height: 550px !important;
  }
  .trimbow-header .banner-top-text {
    min-height: 400px !important;
  }
  .trimbow-header .i-want-to {
    min-height: 292px !important;
  }
  .mt-140 {
    margin-top: 140px !important;
  }
  .asthma-top {
    padding-top: 80px !important;
  }
  .home-header .navbar .navbar-collapse .navbar-nav, .header .navbar .navbar-collapse .navbar-nav {
    line-height: 30px;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item, .header .navbar .navbar-collapse .navbar-nav .nav-item {
    text-align: center;
    border-bottom: 1px #ccc solid;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link, .header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #ffffff !important;
    padding: 0;
    line-height: 40px;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:last-child, .header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:last-child {
    border-radius: 5px;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-btn, .header .navbar .navbar-collapse .navbar-nav .nav-item .nav-btn {
    color: #b90066;
    background-color: #F3E5ED;
    padding: 3px 0;
    border-radius: unset !important;
    margin-top: 0;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item:not(:last-child), .header .navbar .navbar-collapse .navbar-nav .nav-item:not(:last-child) {
    background-color: #b90066;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item:last-child, .header .navbar .navbar-collapse .navbar-nav .nav-item:last-child {
    border-bottom: 0;
  }
  .home-header .home-left-text, .header .home-left-text {
    margin-top: 130px !important;
    font-size: 40px !important;
  }
  .home-header .home-right .text, .header .home-right .text {
    color: #fff !important;
  }
  .home-header .home-right .signin-box, .header .home-right .signin-box {
    padding: 10px !important;
  }
  .home-header .home-right .signin-box .text-right, .header .home-right .signin-box .text-right {
    text-align: left !important;
  }
  .home-header .home-right .signin-box .btn, .header .home-right .signin-box .btn {
    margin-bottom: 20px !important;
  }
  .home-header .user-info, .header .user-info {
    margin-top: 0 !important;
    border-top: 1px #ccc solid;
    display: none;
    height: unset !important;
    min-height: 40px;
  }
  .home-header .user-info .sub_nav, .header .user-info .sub_nav {
    z-index: 999;
  }
  .home-header .logo-triangle, .header .logo-triangle {
    width: 200px !important;
    height: 60px !important;
  }
  .home-header .logo-triangle img, .header .logo-triangle img {
    max-width: 200px !important;
  }
  .page-banner .banner-top-text {
    background: none !important;
  }
  .page-banner .banner-top-text h1 {
    font-size: 45px !important;
  }
  .page-banner .banner-top-text .banner-text {
    padding-bottom: 20px !important;
  }
  .page-banner .about-header, .page-banner .copd-header {
    min-height: 320px !important;
  }
  .page-banner .asthma-header {
    min-height: 400px !important;
  }
  .copd-banner .copd-header {
    min-height: 350px !important;
  }
  .download-box {
    margin-top: 220px !important;
  }
  .trimbow-banner .trimbow-header {
    min-height: 400px !important;
  }
  .asthma-top .img {
    text-align: center;
  }
  .asthma-top .img img {
    margin-top: 60px !important;
    max-width: 300px !important;
  }
  .home-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-btn {
    background-color: #b90066 !important;
  }
  .content .page-title {
    margin-top: 50px !important;
  }
  .alvesco-header, .fostair-header, .safety-banner {
    margin-top: 10px;
    height: 450px !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
  }
  .i-want-to {
    margin: 0 !important;
    min-height: 320px !important;
  }
  .asthma-top .img img {
    margin-top: 0 !important;
  }
  .asthma-banner .left-text .text-content {
    padding-left: 30px !important;
  }
  .asthma-banner .left-text .text-content .banner-text {
    font-size: 26px !important;
  }
  .asthma-top .info {
    margin-top: 0 !important;
  }
  .asthma-top .info .title {
    font-size: 18px !important;
  }
  .expert-option .expert-option-item {
    background-color: #fff;
    padding: 25px;
  }
  .expert-option .expert-option-item .img {
    top: 0 !important;
    position: unset !important;
  }
  .expert-option .expert-option-item .img img {
    width: 100%;
    height: auto;
  }
  .expert-option .expert-option-item .info {
    padding: 0 10px !important;
    min-height: 100px !important;
  }
  .expert-option .expert-option-item .info .title {
    font-size: 18px !important;
  }
  .fostair-banner .fostair-header {
    min-height: 420px !important;
  }
  .patient-information .patient-information-item .info {
    padding: 25px !important;
  }
  .patient-information .patient-information-item .img img {
    max-width: 100% !important;
  }
  .explore-our-products .product-item .pro-descriotion {
    height: unset !important;
    min-height: 145px;
  }
  .expert-option .expert-option-item .play-ico {
    margin-top: -80px !important;
  }
  .pMDI-device {
    background-color: #fff;
    margin-top: 0 !important;
  }
  .pMDI-device .pMDI-device-img {
    position: unset !important;
    padding: 15px;
  }
  .pMDI-device .pMDI-device-img img {
    max-width: 100% !important;
    margin-left: 15px;
  }
  .pMDI-device .pMDI-device-info {
    padding: 25px !important;
    margin-right: 0 !important;
    font-size: 18px !important;
  }
  .pMDI-device .pMDI-device-info .text-line .text-type {
    width: unset !important;
    min-width: 40px;
  }
  .pMDI-device .pMDI-device-info .safety-top-sub-text-small {
    margin-top: 20px !important;
  }
  .fostair-asthma-efficacy-page .safety-top-text, .fostair-copd-efficacy-page .safety-top-text, .fostair-copd-safety-page .safety-top-text {
    margin-top: 70px !important;
  }
  .fostair-asthma-indication-and-prescribing-page .pMDI-device {
    margin-top: 80px !important;
  }
  .fostair-COPD-safety-page, .products-page-box {
    background-color: #fff;
  }
  .fostair-COPD-safety-page .right-img, .products-page-box .right-img {
    width: 100% !important;
    top: 20% !important;
  }
  .fostair-COPD-safety-page .right-img img, .products-page-box .right-img img {
    max-width: 100%;
  }
  .fostair-COPD-safety-page .products-page-content, .products-page-box .products-page-content {
    padding: 20px !important;
    background-color: #fff;
  }
  .products-page-box {
    background: none !important;
    padding-top: 30px;
  }
  .products-page-box .products-page-content {
    padding: 20px !important;
    margin-top: 0 !important;
  }
  .products-page-box .right-img img {
    max-width: 100% !important;
  }
  .trimbow-asthma-efficacy-page .safety-top-text, .trimbow-asthma-safety-page .safety-top-text, .trimbow-copd-safety-page .safety-top-text {
    margin-top: 100px !important;
  }
  .trimbow-asthma-safety-page .left-box, .trimbow-copd-efficacy-page .left-box, .trimbow-copd-safety-page .left-box {
    padding: 75px 75px 20px 75px !important;
  }
  .trimbow-copd-efficacy-page .safety-top-text {
    margin-top: 70px !important;
  }
  .welcome-banner .left-box {
    padding-left: 50px;
  }
  .welcome-banner .left-box .welcome-title {
    font-size: 40px !important;
    line-height: 40px !important;
    margin-top: 20px;
    margin-bottom: 10px !important;
  }
  .welcome-banner .left-box .sub-text {
    margin-bottom: 0 !important;
  }
  .welcome-banner .left-box .label {
    margin-top: 10px !important;
  }
  .welcome-banner .watch-box {
    margin-top: 10px !important;
  }
  .welcome-page {
    margin-top: 0 !important;
  }
  .extrafine-fostair-copd-indication-and-prescribing-page .safety-top-text, .extrafine-trimbow-asthma-indication-and-prescribing-page .safety-top-text,
  .extrafine-trimbow-copd-indication-and-prescribing-page .safety-top-text, .fostair-asthma-efficacy-page .safety-top-text,
  .fostair-asthma-indication-and-prescribing-page .safety-top-text {
    margin-top: 80px !important;
  }
  .fostair-asthma-indication-and-prescribing-page .pMDI-device .pMDI-device-info {
    font-size: 14px !important;
  }
  .fostair-asthma-indication-and-prescribing-page .pMDI-device .pMDI-device-info .text-line {
    font-size: 14px !important;
  }
  .left-text-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .right-img-box {
    background-color: #fff;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .products-page-banner .banner-text {
    padding-left: 30px !important;
  }
  .short-banner .page-name {
    padding: 45px 0 0 80px !important;
  }
  .news-content .filter .filter-title {
    padding-top: 0 !important;
  }
  .banner-ads-1, .banner-ads-2, .banner-ads-3 {
    background-size: 100% !important;
    background-position: center top !important;
  }
  .banner-ads-1 .banner-content {
    margin-top: 20px !important;
    padding: 20px !important;
  }
  .banner-ads-1, .banner-ads-2 {
    min-height: unset !important;
    height: auto !important;
  }
  .banner-ads-2 .banner-content {
    padding-top: 5px !important;
    font-size: 16px !important;
  }
  .banner-ads-3 {
    min-height: unset !important;
    height: auto !important;
  }
  .banner-ads-3 .banner-content {
    padding-top: 5px !important;
    font-size: 16px !important;
  }
  .banner-ads-3 .banner-content .text {
    font-size: 18px !important;
    padding-left: 15px !important;
    line-height: 26px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .alvesco-asthma-efficacy-page .safety-top-text, .alvesco-asthma-safety-page .safety-top-text {
    margin-top: 150px !important;
  }
  .banner-logo img {
    max-width: 150px;
  }
  .trimbow-page-content {
    padding-top: 40px;
  }
  .trimbow-page-content .asthma-top .img img {
    margin-top: 0 !important;
  }
  .welcome-page {
    margin-top: 120px !important;
  }
  .welcome-banner .welcome-header {
    min-height: 300px !important;
  }
  .welcome-banner .welcome-header .banner-top-text {
    height: unset !important;
    min-height: 280px !important;
  }
  .welcome-banner .watch-box-container {
    padding-top: 0 !important;
  }
  .download-box {
    margin-top: 50px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-header,
  .asthma-header,
  .copd-header,
  .trimbow-header {
    min-height: 400px !important;
  }
  .about-header .banner-top-text .header-text,
  .asthma-header .banner-top-text .header-text,
  .copd-header .banner-top-text .header-text,
  .trimbow-header .banner-top-text .header-text {
    font-size: 30px !important;
  }
  .asthma-header .banner-text, .asthma-header .header-text {
    margin-top: 0 !important;
  }
  .safety-banner .i-want-to {
    padding: 10px !important;
  }
  .logo-air {
    display: none !important;
  }
  .trimbow-page-content {
    padding-top: 100px;
  }
  .fostair-banner .fostair-header {
    min-height: 405px !important;
  }
  .fostair-page-content {
    padding-top: 60px !important;
  }
  .fostair-copd-indication-and-prescribing-banner .i-want-to {
    min-height: 260px !important;
  }
  .alvesco-asthma-efficacy-in-paediatrics-content,
  .alvesco-asthma-safety-content {
    padding-top: 0 !important;
  }
  .fostair-asthma-indication-and-prescribing-content {
    padding-top: 100px !important;
  }
  .fostair-page-content-2 {
    padding-top: 0 !important;
  }
  .welcome-page {
    margin-top: 150px !important;
  }
  .welcome-banner {
    min-height: unset !important;
  }
  .welcome-banner .welcome-header {
    min-height: unset !important;
    height: 460px !important;
  }
  .welcome-banner .welcome-header .banner-top-text {
    height: 320px;
  }
  .welcome-banner .watch-box-container {
    padding-top: 30px !important;
  }
  .welcome-banner .watch-box-container .watch-box .left-img {
    min-height: 107px !important;
  }
  .welcome-banner .watch-box-container .watch-box .watch-show-menu {
    top: 80px !important;
    text-align: left !important;
    padding-left: 20px;
  }
}

@media (max-width: 470px) {
  .welcome-banner .watch-box-container .watch-box .left-img {
    min-height: 208px !important;
    background-position: top center !important;
    position: unset !important;
  }
  .welcome-banner .watch-box-container .watch-box .watch-show-menu {
    top: 180px !important;
  }
}

@media (max-width: 415px) {
  .welcome-banner .watch-box-container .watch-box .left-img {
    min-height: 190px !important;
  }
  .welcome-banner .watch-box-container .watch-box .watch-show-menu {
    top: 160px !important;
  }
}

@media (max-width: 385px) {
  .welcome-banner .watch-box-container .watch-box .left-img {
    min-height: 170px !important;
  }
  .welcome-banner .watch-box-container .watch-box .watch-show-menu {
    top: 140px !important;
  }
}

@media (max-width: 355px) {
  .welcome-banner .watch-box-container .watch-box .left-img {
    min-height: 150px !important;
  }
  .welcome-banner .watch-box-container .watch-box .watch-show-menu {
    top: 120px !important;
  }
}

@media (max-width: 315px) {
  .welcome-banner .watch-box-container .watch-box .left-img {
    min-height: 140px !important;
  }
  .welcome-banner .watch-box-container .watch-box .watch-show-menu {
    top: 110px !important;
  }
}

.website_url {
  text-decoration: underline solid #b90066 !important;
  font-size: 13px !important;
  font-family: Montserrat-Regular !important;
}

.home-header {
  position: relative;
  padding-bottom: 100px;
  background-image: url("../images/Chiesi-Website_Full_FA-4.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #f7f9fa;
  min-height: 820px;
}

.home-header .logo-triangle {
  position: absolute;
  width: 336px;
  height: 93px;
  left: 0;
  top: 0;
  color: #fff;
  z-index: 999;
}

.home-header .logo-triangle img {
  max-width: 336px;
}

.home-header .home-content {
  margin-top: 190px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
}

.home-header .home-content .home-title {
  font-size: 38px;
  color: #b90066;
  font-family: Montserrat-ExtraLight;
  line-height: 41px;
}

.home-header .home-content .text-title {
  font-size: 22px;
  line-height: 26px;
  color: #d566a3;
  margin-bottom: 10px;
  font-family: GothamNarrow-Book;
  letter-spacing: 0.09em;
}

.home-header .home-content .text {
  line-height: 22px;
  font-family: Montserrat-Regular;
  font-size: 14px;
  color: #000;
  max-width: 410px;
}

.home-header .home-content .signin-box, .home-header .home-content #LoginModal {
  width: 100%;
  color: #fff;
}

.home-header .home-content .signin-box h4, .home-header .home-content #LoginModal h4 {
  font-size: 17px;
  font-family: Montserrat-SemiBold;
}

.home-header .home-content .signin-box label, .home-header .home-content #LoginModal label {
  font-family: Montserrat-Regular;
  font-size: 13px;
}

.home-header .home-content .signin-box input, .home-header .home-content #LoginModal input {
  border-radius: 0;
  font-family: Montserrat-Regular;
}

.home-header .home-content .signin-box p, .home-header .home-content #LoginModal p {
  font-size: 13px;
  font-family: Montserrat-Regular;
}

.home-header .home-content .signin-box p a, .home-header .home-content #LoginModal p a {
  color: #fff;
  text-decoration: none;
}

.home-header .home-content .signin-box .btn, .home-header .home-content #LoginModal .btn {
  width: 150px;
  background-color: #fff;
  border-radius: 0;
  font-family: Montserrat-SemiBold;
  font-size: 14px;
  box-shadow: 0 0 6px #ccc;
  border-radius: 2px;
  background-color: #b90066;
  color: #ffffff !important;
}

.home-header .home-content .signin-box .msg, .home-header .home-content #LoginModal .msg {
  color: #fff !important;
}

.home-header .home-content .signin-box .msg strong, .home-header .home-content #LoginModal .msg strong {
  font-family: Montserrat-SemiBold;
}

.home-header .home-content .signin-box .msg a, .home-header .home-content #LoginModal .msg a {
  color: #fff;
  text-decoration: underline;
}

.home-header .home-content .signin-box .sign-in-btn .spinner-border, .home-header .home-content #LoginModal .sign-in-btn .spinner-border {
  margin-left: 5px;
}

.home-header .home-content .signin-box #register-btn, .home-header .home-content #LoginModal #register-btn {
  background-color: #e399c2;
  color: #000000 !important;
}

.home-header .home-content .request-starter-btn {
  display: flex;
  background-color: #f8e6f0;
  padding: 10px;
  align-items: center;
  justify-content: space-between;
  max-width: 460px;
  margin-top: 100px;
  cursor: pointer;
}

.home-header .home-content .request-starter-btn .txt {
  font-family: Montserrat-SemiBold;
  font-size: 16px;
  color: #b90066;
}

.home-header .home-content .request-starter-btn .icon {
  width: 48.9px;
  height: 43.8px;
  background-image: url(../images/arrow-right-icon.svg);
  background-repeat: no-repeat;
  background-size: 48.9px 43.8px;
}

.home-header .login-header {
  background-color: rgba(255, 255, 255, 0.8);
}

.home-header .login-header .container {
  max-width: 1280px;
}

@media (max-width: 992px) {
  .home-header .login-header .header-logo-chiesi {
    display: none;
  }
}

.logo-chiesi {
  width: 124px;
  display: inline-block;
  margin-right: 10px;
}

.logo-chiesi img {
  max-width: 100%;
}

.home-header .logo-air {
  width: 60.8px;
  height: 28.5px;
  position: absolute;
  right: 20px;
  top: 16px;
}

.home-header .logo-chiesi-logo {
  width: 94px;
  height: 22px;
  position: absolute;
  left: 20px;
  top: 16px;
}

.header .logo-air {
  width: 65px;
  display: inline-block;
}

.header .logo-air img {
  max-width: 100%;
}

.navbar-nav .nav-item .nav-link {
  font-family: Montserrat-Regular;
  font-size: 14px;
  color: #000;
}

.navbar-nav .nav-item .nav-btn {
  color: #b90066;
  background-color: #f8e6f0;
  font-family: Montserrat-Medium;
  padding: 3px 10px;
  margin-top: 5px;
  cursor: pointer;
}

.navbar-nav .nav-item .nav-btn:hover {
  color: #b90066;
}

#LoginModal p, #smsLoginModal p {
  font-size: 12px;
}

#LoginModal p a, #smsLoginModal p a {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}

#LoginModal .login_in-msg.err_msg a, #smsLoginModal .login_in-msg.err_msg a {
  color: red;
  text-decoration: underline;
}

#RegisterModal .step2,
#TermsAndConditionModal .step2 {
  display: none;
}

#RegisterModal .form-check-label a,
#TermsAndConditionModal .form-check-label a {
  color: #212529;
  text-decoration: underline;
}

#adminApprovalModal .user_name {
  font-family: OpenSans-Medium;
}

#adminApprovalModal .modal-text {
  font-size: 14px;
}

#adminApprovalModal p {
  font-family: Montserrat-Regular;
}

#adminApprovalModal p a {
  font-family: OpenSans-Medium;
  font-size: 16px;
  text-decoration: underline;
  color: #b90066;
}

.footer {
  background-color: #fff;
  border-bottom: 15px solid #b90066;
  padding: 30px 0;
}

.footer .container {
  max-width: 1280px;
}

.footer .footer-top-text {
  color: #000;
  font-size: 14px;
  font-family: Montserrat-Medium;
}

.footer .footer-bottom-text, .footer .footer-bottom-right-text {
  color: #000;
  font-size: 12px;
  font-family: Montserrat-Regular;
}

.footer .footer-bottom-text a, .footer .footer-bottom-right-text a {
  color: #000;
  text-decoration: none;
}

.footer .footer-bottom-right-text {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: end;
}

.footer .footer-bottom-right-text a {
  border-bottom: solid #b90066 1px;
  margin: 0 10px;
}

.header {
  position: relative;
}

.header .logo-triangle {
  position: absolute;
  width: 336px;
  height: 93px;
  left: 0;
  top: 0;
  color: #fff;
  z-index: 999;
}

.header .logo-triangle img {
  max-width: 336px;
}

.header .navbar {
  padding: 0.5rem;
}

.header .navbar .navbar-nav {
  line-height: 50px;
}

@media (min-width: 992px) {
  .header .navbar .navbar-nav {
    align-items: center;
  }
}

.header .navbar .navbar-nav .nav-item {
  padding: 0;
}

.header .navbar .navbar-nav .nav-item .nav-link {
  color: #0a001f;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
}

.header .navbar .navbar-nav .nav-item .nav-link::after {
  display: none;
}

.header .navbar .navbar-nav .nav-item.guest-login .nav-link {
  color: #b3b3b3;
  font-family: Montserrat-Bold;
  pointer-events: none;
  cursor: default;
}

.header .navbar .navbar-nav .nav-item.active .nav-link {
  color: #b90066;
  font-family: Montserrat-SemiBold;
}

.header .navbar .navbar-nav .nav-item.dropdown.show .nav-link {
  color: #b90066;
  font-family: Montserrat-SemiBold;
}

.header .navbar .navbar-nav .dropdown-menu {
  border-radius: 0;
  border: 0;
  top: 80%;
  padding: 0;
  margin: 0;
  min-width: 8rem;
}

.header .navbar .navbar-nav .dropdown-menu .dropdown-submenu {
  line-height: 28px;
  border-bottom: 1px #F3E5ED solid;
}

.header .navbar .navbar-nav .dropdown-menu.level-second-menu, .header .navbar .navbar-nav .dropdown-menu.level-third-menu {
  top: 0;
}

.header .navbar .navbar-nav .dropdown-menu.level-third-menu .dropdown-item {
  border-bottom: 1px #F3E5ED solid;
}

.header .navbar .navbar-nav .dropdown-menu.level-third-menu .dropdown-item:nth-child(1) {
  line-height: 14px;
}

.header .navbar .navbar-nav .dropdown-item.indication-prescribing {
  line-height: 14px;
}

.header .navbar .navbar-nav .dropdown-menu.alvesco-menu .dropdown-item {
  border-bottom: 1px #F3E5ED solid;
}

.header .navbar .navbar-nav .dropdown-menu.alvesco-menu .border-none {
  border: none;
}

.header .navbar .navbar-nav .dropdown-item {
  font-size: 12px;
  width: 100%;
  padding: 0.25rem 1rem;
  cursor: pointer;
}

.header .navbar .navbar-nav .dropdown-item:focus, .header .navbar .navbar-nav .dropdown-item:hover {
  color: #b90066;
  text-decoration: none;
  background: none;
  font-family: Montserrat-SemiBold;
}

.header .navbar .navbar-nav .dropdown-item.active {
  background: none;
  color: #b90066;
  font-family: Montserrat-SemiBold;
}

.header .user-info {
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 12px;
  position: relative;
  background-image: url("../images/user-ico.svg");
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: left center;
  padding-left: 30px;
  text-align: left;
}

@media (min-width: 992px) {
  .header .user-info {
    line-height: 40px;
  }
  .header .user-info .mobile-logout {
    display: none;
  }
  .header .user-info .mobile-profile {
    display: none;
  }
}

@media (min-width: 992px) {
  .header .user-info {
    margin-left: 1.5em;
  }
}

.header .user-info a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #b90066;
  padding-bottom: 3px;
  cursor: pointer;
}

.header .user-info a:hover {
  color: initial;
}

.header .user-info .sub_nav {
  background-color: #b90066;
  max-width: 100%;
  border-radius: 0 0 3px 3px;
  line-height: 35px;
  display: none;
  position: absolute;
  border-top: 1px solid #9C2363;
  z-index: 9999;
  text-align: center;
}

.header .user-info .sub_nav a {
  display: block;
  color: #fff;
  padding: 0 20px;
  border-bottom: 1px solid #fff;
}

.header .user-info .show {
  display: block;
}

.header .container {
  max-width: 1300px;
}

.header .header-title {
  font-family: Montserrat-ExtraLight;
  font-size: 52px;
  line-height: 62px;
}

.header .header-txt {
  font-family: Montserrat-Regular;
  font-size: 16px;
  line-height: 22px;
  padding-top: 10px;
}

.assistant-nav-banner {
  background-color: #b90066;
}

.assistant-nav-banner .assistant-nav {
  display: flex;
  justify-content: center;
}

.assistant-nav-banner .assistant-nav .assistant-nav-item {
  font-family: GothamNarrow-Book;
  font-size: 16px;
  letter-spacing: 0.1em;
  color: #ffffff;
  padding: 8px 10px;
}

.assistant-nav-banner .assistant-nav .assistant-nav-item.active {
  font-family: GothamNarrow-Black;
}

@media (max-width: 767px) {
  .assistant-nav-banner .assistant-nav .assistant-nav-item {
    font-size: 14px;
    padding: 8px 0px;
  }
}

.assistant-nav-banner .assistant-nav .assistant-nav-separate {
  font-family: GothamNarrow-Book;
  font-size: 16px;
  color: #ffffff;
  padding: 8px 10px;
}

@media (max-width: 767px) {
  .assistant-nav-banner .assistant-nav .assistant-nav-separate {
    font-size: 14px;
  }
}

.assistant-nav-banner.guest-login {
  background-color: #d398bd;
}

.assistant-nav-banner.guest-login .assistant-nav .assistant-nav-item {
  pointer-events: none;
  cursor: default;
}

.assistant-nav-banner.guest-login .assistant-nav .assistant-nav-item.active {
  font-family: GothamNarrow-Book;
}

.content {
  line-height: 18px;
}

.content .page-title {
  color: #b90066;
  font-size: 25px;
  border-bottom: 1px #b90066 solid;
  font-family: GothamNarrow-Light;
  margin-top: 70px;
  line-height: 40px;
}

.content h4 {
  font-size: 16px;
  font-family: Montserrat-Medium;
  line-height: 23px;
}

.content h6 {
  font-size: 14px;
  font-family: Montserrat-SemiBold;
  margin-bottom: 15px !important;
}

.content p {
  color: #000;
  font-family: Montserrat-Regular;
  font-size: 13px;
  line-height: 20px;
}

.content p span, .content p a {
  font-family: Montserrat-SemiBold;
}

.content p a {
  color: #000;
  text-decoration: none;
}

.content .about-logo img {
  max-width: 91px;
}

.content ul {
  padding-left: 15px;
  font-family: Montserrat-Regular;
  font-size: 13px;
}

.content ul li {
  padding: 10px;
}

.about-banner .about-header,
.about-banner .asthma-header,
.about-banner .copd-header,
.about-banner .trimbow-header,
.about-banner .fostair-header,
.about-banner .alvesco-header,
.about-banner .why-choose-extrafine-header,
.about-banner .modulite-technology-header,
.asthma-banner .about-header,
.asthma-banner .asthma-header,
.asthma-banner .copd-header,
.asthma-banner .trimbow-header,
.asthma-banner .fostair-header,
.asthma-banner .alvesco-header,
.asthma-banner .why-choose-extrafine-header,
.asthma-banner .modulite-technology-header,
.copd-banner .about-header,
.copd-banner .asthma-header,
.copd-banner .copd-header,
.copd-banner .trimbow-header,
.copd-banner .fostair-header,
.copd-banner .alvesco-header,
.copd-banner .why-choose-extrafine-header,
.copd-banner .modulite-technology-header,
.trimbow-banner .about-header,
.trimbow-banner .asthma-header,
.trimbow-banner .copd-header,
.trimbow-banner .trimbow-header,
.trimbow-banner .fostair-header,
.trimbow-banner .alvesco-header,
.trimbow-banner .why-choose-extrafine-header,
.trimbow-banner .modulite-technology-header,
.fostair-banner .about-header,
.fostair-banner .asthma-header,
.fostair-banner .copd-header,
.fostair-banner .trimbow-header,
.fostair-banner .fostair-header,
.fostair-banner .alvesco-header,
.fostair-banner .why-choose-extrafine-header,
.fostair-banner .modulite-technology-header,
.alvesco-banner .about-header,
.alvesco-banner .asthma-header,
.alvesco-banner .copd-header,
.alvesco-banner .trimbow-header,
.alvesco-banner .fostair-header,
.alvesco-banner .alvesco-header,
.alvesco-banner .why-choose-extrafine-header,
.alvesco-banner .modulite-technology-header,
.resources-banner .about-header,
.resources-banner .asthma-header,
.resources-banner .copd-header,
.resources-banner .trimbow-header,
.resources-banner .fostair-header,
.resources-banner .alvesco-header,
.resources-banner .why-choose-extrafine-header,
.resources-banner .modulite-technology-header,
.why-choose-extrafine-banner .about-header,
.why-choose-extrafine-banner .asthma-header,
.why-choose-extrafine-banner .copd-header,
.why-choose-extrafine-banner .trimbow-header,
.why-choose-extrafine-banner .fostair-header,
.why-choose-extrafine-banner .alvesco-header,
.why-choose-extrafine-banner .why-choose-extrafine-header,
.why-choose-extrafine-banner .modulite-technology-header,
.modulite-technology-banner .about-header,
.modulite-technology-banner .asthma-header,
.modulite-technology-banner .copd-header,
.modulite-technology-banner .trimbow-header,
.modulite-technology-banner .fostair-header,
.modulite-technology-banner .alvesco-header,
.modulite-technology-banner .why-choose-extrafine-header,
.modulite-technology-banner .modulite-technology-header {
  background-image: url("../images/about-img.png") !important;
}

.about-banner .about-header .banner-top-text h1,
.about-banner .asthma-header .banner-top-text h1,
.about-banner .copd-header .banner-top-text h1,
.about-banner .trimbow-header .banner-top-text h1,
.about-banner .fostair-header .banner-top-text h1,
.about-banner .alvesco-header .banner-top-text h1,
.about-banner .why-choose-extrafine-header .banner-top-text h1,
.about-banner .modulite-technology-header .banner-top-text h1,
.asthma-banner .about-header .banner-top-text h1,
.asthma-banner .asthma-header .banner-top-text h1,
.asthma-banner .copd-header .banner-top-text h1,
.asthma-banner .trimbow-header .banner-top-text h1,
.asthma-banner .fostair-header .banner-top-text h1,
.asthma-banner .alvesco-header .banner-top-text h1,
.asthma-banner .why-choose-extrafine-header .banner-top-text h1,
.asthma-banner .modulite-technology-header .banner-top-text h1,
.copd-banner .about-header .banner-top-text h1,
.copd-banner .asthma-header .banner-top-text h1,
.copd-banner .copd-header .banner-top-text h1,
.copd-banner .trimbow-header .banner-top-text h1,
.copd-banner .fostair-header .banner-top-text h1,
.copd-banner .alvesco-header .banner-top-text h1,
.copd-banner .why-choose-extrafine-header .banner-top-text h1,
.copd-banner .modulite-technology-header .banner-top-text h1,
.trimbow-banner .about-header .banner-top-text h1,
.trimbow-banner .asthma-header .banner-top-text h1,
.trimbow-banner .copd-header .banner-top-text h1,
.trimbow-banner .trimbow-header .banner-top-text h1,
.trimbow-banner .fostair-header .banner-top-text h1,
.trimbow-banner .alvesco-header .banner-top-text h1,
.trimbow-banner .why-choose-extrafine-header .banner-top-text h1,
.trimbow-banner .modulite-technology-header .banner-top-text h1,
.fostair-banner .about-header .banner-top-text h1,
.fostair-banner .asthma-header .banner-top-text h1,
.fostair-banner .copd-header .banner-top-text h1,
.fostair-banner .trimbow-header .banner-top-text h1,
.fostair-banner .fostair-header .banner-top-text h1,
.fostair-banner .alvesco-header .banner-top-text h1,
.fostair-banner .why-choose-extrafine-header .banner-top-text h1,
.fostair-banner .modulite-technology-header .banner-top-text h1,
.alvesco-banner .about-header .banner-top-text h1,
.alvesco-banner .asthma-header .banner-top-text h1,
.alvesco-banner .copd-header .banner-top-text h1,
.alvesco-banner .trimbow-header .banner-top-text h1,
.alvesco-banner .fostair-header .banner-top-text h1,
.alvesco-banner .alvesco-header .banner-top-text h1,
.alvesco-banner .why-choose-extrafine-header .banner-top-text h1,
.alvesco-banner .modulite-technology-header .banner-top-text h1,
.resources-banner .about-header .banner-top-text h1,
.resources-banner .asthma-header .banner-top-text h1,
.resources-banner .copd-header .banner-top-text h1,
.resources-banner .trimbow-header .banner-top-text h1,
.resources-banner .fostair-header .banner-top-text h1,
.resources-banner .alvesco-header .banner-top-text h1,
.resources-banner .why-choose-extrafine-header .banner-top-text h1,
.resources-banner .modulite-technology-header .banner-top-text h1,
.why-choose-extrafine-banner .about-header .banner-top-text h1,
.why-choose-extrafine-banner .asthma-header .banner-top-text h1,
.why-choose-extrafine-banner .copd-header .banner-top-text h1,
.why-choose-extrafine-banner .trimbow-header .banner-top-text h1,
.why-choose-extrafine-banner .fostair-header .banner-top-text h1,
.why-choose-extrafine-banner .alvesco-header .banner-top-text h1,
.why-choose-extrafine-banner .why-choose-extrafine-header .banner-top-text h1,
.why-choose-extrafine-banner .modulite-technology-header .banner-top-text h1,
.modulite-technology-banner .about-header .banner-top-text h1,
.modulite-technology-banner .asthma-header .banner-top-text h1,
.modulite-technology-banner .copd-header .banner-top-text h1,
.modulite-technology-banner .trimbow-header .banner-top-text h1,
.modulite-technology-banner .fostair-header .banner-top-text h1,
.modulite-technology-banner .alvesco-header .banner-top-text h1,
.modulite-technology-banner .why-choose-extrafine-header .banner-top-text h1,
.modulite-technology-banner .modulite-technology-header .banner-top-text h1 {
  font-family: GothamNarrow-Book;
  font-size: 22px;
  color: #b90066;
}

.about-banner .about-header .banner-top-text .header-text,
.about-banner .asthma-header .banner-top-text .header-text,
.about-banner .copd-header .banner-top-text .header-text,
.about-banner .trimbow-header .banner-top-text .header-text,
.about-banner .fostair-header .banner-top-text .header-text,
.about-banner .alvesco-header .banner-top-text .header-text,
.about-banner .why-choose-extrafine-header .banner-top-text .header-text,
.about-banner .modulite-technology-header .banner-top-text .header-text,
.asthma-banner .about-header .banner-top-text .header-text,
.asthma-banner .asthma-header .banner-top-text .header-text,
.asthma-banner .copd-header .banner-top-text .header-text,
.asthma-banner .trimbow-header .banner-top-text .header-text,
.asthma-banner .fostair-header .banner-top-text .header-text,
.asthma-banner .alvesco-header .banner-top-text .header-text,
.asthma-banner .why-choose-extrafine-header .banner-top-text .header-text,
.asthma-banner .modulite-technology-header .banner-top-text .header-text,
.copd-banner .about-header .banner-top-text .header-text,
.copd-banner .asthma-header .banner-top-text .header-text,
.copd-banner .copd-header .banner-top-text .header-text,
.copd-banner .trimbow-header .banner-top-text .header-text,
.copd-banner .fostair-header .banner-top-text .header-text,
.copd-banner .alvesco-header .banner-top-text .header-text,
.copd-banner .why-choose-extrafine-header .banner-top-text .header-text,
.copd-banner .modulite-technology-header .banner-top-text .header-text,
.trimbow-banner .about-header .banner-top-text .header-text,
.trimbow-banner .asthma-header .banner-top-text .header-text,
.trimbow-banner .copd-header .banner-top-text .header-text,
.trimbow-banner .trimbow-header .banner-top-text .header-text,
.trimbow-banner .fostair-header .banner-top-text .header-text,
.trimbow-banner .alvesco-header .banner-top-text .header-text,
.trimbow-banner .why-choose-extrafine-header .banner-top-text .header-text,
.trimbow-banner .modulite-technology-header .banner-top-text .header-text,
.fostair-banner .about-header .banner-top-text .header-text,
.fostair-banner .asthma-header .banner-top-text .header-text,
.fostair-banner .copd-header .banner-top-text .header-text,
.fostair-banner .trimbow-header .banner-top-text .header-text,
.fostair-banner .fostair-header .banner-top-text .header-text,
.fostair-banner .alvesco-header .banner-top-text .header-text,
.fostair-banner .why-choose-extrafine-header .banner-top-text .header-text,
.fostair-banner .modulite-technology-header .banner-top-text .header-text,
.alvesco-banner .about-header .banner-top-text .header-text,
.alvesco-banner .asthma-header .banner-top-text .header-text,
.alvesco-banner .copd-header .banner-top-text .header-text,
.alvesco-banner .trimbow-header .banner-top-text .header-text,
.alvesco-banner .fostair-header .banner-top-text .header-text,
.alvesco-banner .alvesco-header .banner-top-text .header-text,
.alvesco-banner .why-choose-extrafine-header .banner-top-text .header-text,
.alvesco-banner .modulite-technology-header .banner-top-text .header-text,
.resources-banner .about-header .banner-top-text .header-text,
.resources-banner .asthma-header .banner-top-text .header-text,
.resources-banner .copd-header .banner-top-text .header-text,
.resources-banner .trimbow-header .banner-top-text .header-text,
.resources-banner .fostair-header .banner-top-text .header-text,
.resources-banner .alvesco-header .banner-top-text .header-text,
.resources-banner .why-choose-extrafine-header .banner-top-text .header-text,
.resources-banner .modulite-technology-header .banner-top-text .header-text,
.why-choose-extrafine-banner .about-header .banner-top-text .header-text,
.why-choose-extrafine-banner .asthma-header .banner-top-text .header-text,
.why-choose-extrafine-banner .copd-header .banner-top-text .header-text,
.why-choose-extrafine-banner .trimbow-header .banner-top-text .header-text,
.why-choose-extrafine-banner .fostair-header .banner-top-text .header-text,
.why-choose-extrafine-banner .alvesco-header .banner-top-text .header-text,
.why-choose-extrafine-banner .why-choose-extrafine-header .banner-top-text .header-text,
.why-choose-extrafine-banner .modulite-technology-header .banner-top-text .header-text,
.modulite-technology-banner .about-header .banner-top-text .header-text,
.modulite-technology-banner .asthma-header .banner-top-text .header-text,
.modulite-technology-banner .copd-header .banner-top-text .header-text,
.modulite-technology-banner .trimbow-header .banner-top-text .header-text,
.modulite-technology-banner .fostair-header .banner-top-text .header-text,
.modulite-technology-banner .alvesco-header .banner-top-text .header-text,
.modulite-technology-banner .why-choose-extrafine-header .banner-top-text .header-text,
.modulite-technology-banner .modulite-technology-header .banner-top-text .header-text {
  max-width: 700px;
  font-size: 33px;
  font-family: GothamNarrow-XLight;
  line-height: 43px;
}

.about-content p {
  font-size: 14px;
}

.about-content .about-top-text {
  font-size: 29px;
  line-height: 36px;
  font-family: GothamNarrow-XLight;
  max-width: 659px;
}

.about-content .about-top-img {
  height: 420px;
  background-image: url("../images/about-img.png");
  background-size: cover;
  background-position: center top;
}

.about-content .about-box {
  padding: 30px 10px;
  margin-bottom: 70px;
}

.about-content .about-box .page-sub-title {
  color: #b90066;
  font-size: 25px;
  border-bottom: 1px #b90066 solid;
  font-family: GothamNarrow-Light;
  border-bottom: 0;
  margin: 10px 0 30px 0;
  font-family: Montserrat-Medium;
}

.about-content .about-box .about-black-text {
  color: #000;
}

.about-content .about-box .at-chiesi p span {
  color: #b90066;
}

.about-content .find-out-more {
  background-color: #b90066;
  color: #fff;
  width: 180px;
  display: block;
  text-align: center;
  font-family: Montserrat-SemiBold;
  text-decoration: none;
  padding: 15px 20px;
  font-size: 16px;
}

.page-banner .banner-top-text {
  background-image: url("../images/banner-text-bg.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px;
  width: 100%;
  padding: 40px;
  margin-bottom: -40px;
}

.page-banner .banner-top-text h1 {
  font-family: GothamNarrow-XLight;
  font-size: 60px;
}

.page-banner .banner-top-text .text {
  font-family: Montserrat-Regular;
  max-width: 760px;
  line-height: 22px;
}

.welcome-banner .welcome-header,
.welcome-banner .about-header,
.welcome-banner .asthma-header,
.welcome-banner .copd-header,
.welcome-banner .trimbow-header,
.welcome-banner .fostair-header,
.welcome-banner .alvesco-header,
.welcome-banner .why-choose-extrafine-header,
.welcome-banner .modulite-technology-header,
.about-banner .welcome-header,
.about-banner .about-header,
.about-banner .asthma-header,
.about-banner .copd-header,
.about-banner .trimbow-header,
.about-banner .fostair-header,
.about-banner .alvesco-header,
.about-banner .why-choose-extrafine-header,
.about-banner .modulite-technology-header,
.asthma-banner .welcome-header,
.asthma-banner .about-header,
.asthma-banner .asthma-header,
.asthma-banner .copd-header,
.asthma-banner .trimbow-header,
.asthma-banner .fostair-header,
.asthma-banner .alvesco-header,
.asthma-banner .why-choose-extrafine-header,
.asthma-banner .modulite-technology-header,
.copd-banner .welcome-header,
.copd-banner .about-header,
.copd-banner .asthma-header,
.copd-banner .copd-header,
.copd-banner .trimbow-header,
.copd-banner .fostair-header,
.copd-banner .alvesco-header,
.copd-banner .why-choose-extrafine-header,
.copd-banner .modulite-technology-header,
.trimbow-banner .welcome-header,
.trimbow-banner .about-header,
.trimbow-banner .asthma-header,
.trimbow-banner .copd-header,
.trimbow-banner .trimbow-header,
.trimbow-banner .fostair-header,
.trimbow-banner .alvesco-header,
.trimbow-banner .why-choose-extrafine-header,
.trimbow-banner .modulite-technology-header,
.fostair-banner .welcome-header,
.fostair-banner .about-header,
.fostair-banner .asthma-header,
.fostair-banner .copd-header,
.fostair-banner .trimbow-header,
.fostair-banner .fostair-header,
.fostair-banner .alvesco-header,
.fostair-banner .why-choose-extrafine-header,
.fostair-banner .modulite-technology-header,
.alvesco-banner .welcome-header,
.alvesco-banner .about-header,
.alvesco-banner .asthma-header,
.alvesco-banner .copd-header,
.alvesco-banner .trimbow-header,
.alvesco-banner .fostair-header,
.alvesco-banner .alvesco-header,
.alvesco-banner .why-choose-extrafine-header,
.alvesco-banner .modulite-technology-header,
.why-choose-extrafine-banner .welcome-header,
.why-choose-extrafine-banner .about-header,
.why-choose-extrafine-banner .asthma-header,
.why-choose-extrafine-banner .copd-header,
.why-choose-extrafine-banner .trimbow-header,
.why-choose-extrafine-banner .fostair-header,
.why-choose-extrafine-banner .alvesco-header,
.why-choose-extrafine-banner .why-choose-extrafine-header,
.why-choose-extrafine-banner .modulite-technology-header,
.modulite-technology-banner .welcome-header,
.modulite-technology-banner .about-header,
.modulite-technology-banner .asthma-header,
.modulite-technology-banner .copd-header,
.modulite-technology-banner .trimbow-header,
.modulite-technology-banner .fostair-header,
.modulite-technology-banner .alvesco-header,
.modulite-technology-banner .why-choose-extrafine-header,
.modulite-technology-banner .modulite-technology-header {
  min-height: 480px;
  background-image: url("../images/welcome-banner-bg.png");
  background-color: #fff;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.welcome-banner .watch-box-container,
.about-banner .watch-box-container,
.asthma-banner .watch-box-container,
.copd-banner .watch-box-container,
.trimbow-banner .watch-box-container,
.fostair-banner .watch-box-container,
.alvesco-banner .watch-box-container,
.why-choose-extrafine-banner .watch-box-container,
.modulite-technology-banner .watch-box-container {
  position: relative;
  padding-top: 90px;
}

.welcome-banner .watch-box-container .page-title,
.about-banner .watch-box-container .page-title,
.asthma-banner .watch-box-container .page-title,
.copd-banner .watch-box-container .page-title,
.trimbow-banner .watch-box-container .page-title,
.fostair-banner .watch-box-container .page-title,
.alvesco-banner .watch-box-container .page-title,
.why-choose-extrafine-banner .watch-box-container .page-title,
.modulite-technology-banner .watch-box-container .page-title {
  color: #b90066;
  font-size: 22px;
  font-family: GothamNarrow-Book;
}

.welcome-banner .watch-box-container .watch-box,
.about-banner .watch-box-container .watch-box,
.asthma-banner .watch-box-container .watch-box,
.copd-banner .watch-box-container .watch-box,
.trimbow-banner .watch-box-container .watch-box,
.fostair-banner .watch-box-container .watch-box,
.alvesco-banner .watch-box-container .watch-box,
.why-choose-extrafine-banner .watch-box-container .watch-box,
.modulite-technology-banner .watch-box-container .watch-box {
  background-color: #911B5F;
  min-height: 250px;
  width: 100%;
  padding: 25px;
  margin-bottom: -130px;
}

.welcome-banner .watch-box-container .watch-box .left-text,
.about-banner .watch-box-container .watch-box .left-text,
.asthma-banner .watch-box-container .watch-box .left-text,
.copd-banner .watch-box-container .watch-box .left-text,
.trimbow-banner .watch-box-container .watch-box .left-text,
.fostair-banner .watch-box-container .watch-box .left-text,
.alvesco-banner .watch-box-container .watch-box .left-text,
.why-choose-extrafine-banner .watch-box-container .watch-box .left-text,
.modulite-technology-banner .watch-box-container .watch-box .left-text {
  color: #fff;
  line-height: 18px;
}

.welcome-banner .watch-box-container .watch-box .left-text .left-title,
.about-banner .watch-box-container .watch-box .left-text .left-title,
.asthma-banner .watch-box-container .watch-box .left-text .left-title,
.copd-banner .watch-box-container .watch-box .left-text .left-title,
.trimbow-banner .watch-box-container .watch-box .left-text .left-title,
.fostair-banner .watch-box-container .watch-box .left-text .left-title,
.alvesco-banner .watch-box-container .watch-box .left-text .left-title,
.why-choose-extrafine-banner .watch-box-container .watch-box .left-text .left-title,
.modulite-technology-banner .watch-box-container .watch-box .left-text .left-title {
  font-size: 16px;
  margin-bottom: 10px;
  font-family: Montserrat-SemiBold;
}

.welcome-banner .watch-box-container .watch-box .left-text p,
.about-banner .watch-box-container .watch-box .left-text p,
.asthma-banner .watch-box-container .watch-box .left-text p,
.copd-banner .watch-box-container .watch-box .left-text p,
.trimbow-banner .watch-box-container .watch-box .left-text p,
.fostair-banner .watch-box-container .watch-box .left-text p,
.alvesco-banner .watch-box-container .watch-box .left-text p,
.why-choose-extrafine-banner .watch-box-container .watch-box .left-text p,
.modulite-technology-banner .watch-box-container .watch-box .left-text p {
  font-size: 14px;
  font-family: Montserrat-Regular;
}

.welcome-banner .watch-box-container .watch-box .left-text a,
.about-banner .watch-box-container .watch-box .left-text a,
.asthma-banner .watch-box-container .watch-box .left-text a,
.copd-banner .watch-box-container .watch-box .left-text a,
.trimbow-banner .watch-box-container .watch-box .left-text a,
.fostair-banner .watch-box-container .watch-box .left-text a,
.alvesco-banner .watch-box-container .watch-box .left-text a,
.why-choose-extrafine-banner .watch-box-container .watch-box .left-text a,
.modulite-technology-banner .watch-box-container .watch-box .left-text a {
  color: #fff;
  font-family: Montserrat-SemiBold;
  font-size: 14px;
}

.welcome-banner .watch-box-container .watch-box .left-img,
.about-banner .watch-box-container .watch-box .left-img,
.asthma-banner .watch-box-container .watch-box .left-img,
.copd-banner .watch-box-container .watch-box .left-img,
.trimbow-banner .watch-box-container .watch-box .left-img,
.fostair-banner .watch-box-container .watch-box .left-img,
.alvesco-banner .watch-box-container .watch-box .left-img,
.why-choose-extrafine-banner .watch-box-container .watch-box .left-img,
.modulite-technology-banner .watch-box-container .watch-box .left-img {
  position: relative;
  min-height: 135px;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.welcome-banner .watch-box-container .watch-box .left-img img,
.about-banner .watch-box-container .watch-box .left-img img,
.asthma-banner .watch-box-container .watch-box .left-img img,
.copd-banner .watch-box-container .watch-box .left-img img,
.trimbow-banner .watch-box-container .watch-box .left-img img,
.fostair-banner .watch-box-container .watch-box .left-img img,
.alvesco-banner .watch-box-container .watch-box .left-img img,
.why-choose-extrafine-banner .watch-box-container .watch-box .left-img img,
.modulite-technology-banner .watch-box-container .watch-box .left-img img {
  max-width: 100%;
}

.welcome-banner .watch-box-container .watch-box .left-img .watch-show-menu,
.about-banner .watch-box-container .watch-box .left-img .watch-show-menu,
.asthma-banner .watch-box-container .watch-box .left-img .watch-show-menu,
.copd-banner .watch-box-container .watch-box .left-img .watch-show-menu,
.trimbow-banner .watch-box-container .watch-box .left-img .watch-show-menu,
.fostair-banner .watch-box-container .watch-box .left-img .watch-show-menu,
.alvesco-banner .watch-box-container .watch-box .left-img .watch-show-menu,
.why-choose-extrafine-banner .watch-box-container .watch-box .left-img .watch-show-menu,
.modulite-technology-banner .watch-box-container .watch-box .left-img .watch-show-menu {
  position: relative;
  background-color: #fff;
  height: 50px;
  left: 0;
  top: 110px;
  display: block;
  width: 100%;
  line-height: 50px;
  text-align: center;
  font-family: Montserrat-SemiBold;
  color: #b90066;
  font-size: 16px;
  text-decoration: none;
}

.welcome-banner .watch-box-container .watch-box .left-img .watch-show-menu::after,
.about-banner .watch-box-container .watch-box .left-img .watch-show-menu::after,
.asthma-banner .watch-box-container .watch-box .left-img .watch-show-menu::after,
.copd-banner .watch-box-container .watch-box .left-img .watch-show-menu::after,
.trimbow-banner .watch-box-container .watch-box .left-img .watch-show-menu::after,
.fostair-banner .watch-box-container .watch-box .left-img .watch-show-menu::after,
.alvesco-banner .watch-box-container .watch-box .left-img .watch-show-menu::after,
.why-choose-extrafine-banner .watch-box-container .watch-box .left-img .watch-show-menu::after,
.modulite-technology-banner .watch-box-container .watch-box .left-img .watch-show-menu::after {
  content: "";
  background-image: url("../images/triangle-ico.svg");
  background-size: 14px 14px;
  position: absolute;
  top: 19px;
  right: 20px;
  width: 14px;
  height: 14px;
}

.why-choose-extrafine-banner .why-choose-extrafine-header {
  background-image: url("../images/why-choose-extrafine-banner.png") !important;
}

.why-choose-extrafine-banner .why-choose-extrafine-header .watch-box-container .watch-box {
  top: 0;
  padding: 20px;
}

.why-choose-extrafine-banner .why-choose-extrafine-header .watch-box-container .watch-box .left-img .watch-show-menu {
  bottom: 0;
}

.modulite-technology-banner .modulite-technology-header {
  background-image: url("../images/modulite-technology-banner-bg.png") !important;
}

.modulite-technology-banner .modulite-technology-header .banner-top-text {
  height: 350px;
}

.modulite-technology-banner .modulite-technology-header .banner-top-text .header-logos img {
  max-width: 156px;
}

.modulite-technology-item {
  min-height: 280px;
  background-color: #fff;
  margin-top: 180px;
  position: relative;
  padding: 20px;
}

.modulite-technology-item .img {
  position: absolute;
  top: -150px;
  left: 50%;
  margin-left: -104px;
}

.modulite-technology-item .img img {
  max-width: 208px;
}

.modulite-technology-item .text {
  font-family: Montserrat-Medium;
  font-size: 16px;
  margin-top: 60px;
}

.modulite-technology-item ul {
  padding-left: 15px;
  margin-top: 20px;
}

.modulite-technology-item ul li {
  font-family: Montserrat-Regular;
}

.modulite-technology-item .btm-text {
  font-family: Montserrat-Regular;
  font-size: 12px;
  position: absolute;
  bottom: 25px;
}

.download-box {
  min-height: 200px;
  background-color: #fff;
}

.download-box .download-left {
  font-family: Montserrat-SemiBold;
  padding: 30px;
}

.download-box .download-left span {
  display: initial;
  font-size: 12px;
  background-color: #EDEDED;
  padding: 4px;
  border-radius: 3px;
  color: #666;
}

.download-box .download-left .logo {
  margin-top: 20px;
  margin-bottom: 20px;
}

.download-box .download-left .logo img {
  max-width: 120px;
}

.download-box .download-left h3 {
  margin-bottom: 15px;
  font-size: 20px;
  color: #b90066;
  font-family: Montserrat-Medium;
}

.download-box .download-left p {
  font-size: 14px;
  margin-bottom: 10px;
  font-family: Montserrat-Regular;
}

.download-box .download-left .small-text {
  font-family: Montserrat-Light;
  font-size: 12px;
  margin-bottom: 30px;
}

.download-box .download-left .btn {
  background-color: #b90066;
  border-radius: 0;
  cursor: pointer;
  color: #fff;
  font-family: Montserrat-SemiBold;
  padding: 8px 20px;
  font-size: 12px;
  position: relative;
  padding: 13px 40px 13px 25px;
}

.download-box .download-left .btn::after {
  content: "";
  background-image: url("../images/triangle-ico-down.svg");
  background-size: 12px 12px;
  position: absolute;
  top: 17px;
  right: 10px;
  width: 12px;
  height: 12px;
  position: absolute;
}

.download-box .download-img {
  padding: 30px;
}

.download-box .download-img img {
  max-width: 100%;
  height: auto;
}

.page-sub-title {
  color: #b90066;
  font-size: 22px;
  line-height: 26px;
  font-family: GothamNarrow-Book;
  letter-spacing: 0.09em;
}

.page-little-title {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  font-family: Montserrat-Medium;
}

.explore-our-products .product-item .pro-img img {
  max-width: 100%;
}

.explore-our-products .product-item .pro-descriotion {
  width: 100%;
  height: 100px;
  color: #fff;
  padding: 15px 20px;
  font-family: Montserrat-Medium;
  font-size: 15px;
}

.explore-our-products .product-item .pro-descriotion a {
  color: #fff;
  text-decoration: underline;
}

.explore-our-products .product-item .pro-descriotion.bg-gray {
  background-color: #63666a;
}

.explore-our-products .product-item .pro-descriotion.bg-roseo-red {
  background-color: #e06287;
}

.explore-our-products .product-item .pro-descriotion.bg-light-green {
  background-color: #8cac89;
}

.upcoming-events {
  margin-bottom: 100px;
}

.upcoming-events .events-item {
  margin-top: 30px;
}

.upcoming-events .events-item .event-img {
  width: 100%;
  min-height: 190px;
  background-image: url("../images/event-img.png");
  background-size: cover;
  text-align: center;
  line-height: 190px;
}

.upcoming-events .events-item .event-img img {
  max-width: 50px;
  opacity: .7;
}

.upcoming-events .events-item .event-info {
  font-size: 14px;
}

.upcoming-events .events-item .event-info h4 {
  font-family: Montserrat-SemiBold;
  font-size: 14px;
}

.upcoming-events .events-item .event-info .tags {
  margin-top: 15px;
}

.upcoming-events .events-item .event-info .tags span {
  background-color: #E8E8E9;
  padding: 5px;
  border-radius: 4px;
  color: #666;
  margin-right: 10px;
  font-family: Montserrat-Medium;
  font-size: 12px;
}

.upcoming-events .events-item .event-info .more {
  margin-top: 20px;
  color: #b90066;
  font-size: 16px;
  font-family: Montserrat-SemiBold;
  position: relative;
  width: 160px;
  display: block;
  text-transform: uppercase;
}

.upcoming-events .events-item .event-info .more::after {
  content: "";
  background-image: url("../images/right-parenthesis.svg");
  background-size: 12px 12px;
  position: absolute;
  top: 6px;
  right: 0;
  width: 12px;
  height: 12px;
}

.upcoming-events .events-item .event-info .date {
  margin-top: 15px;
  font-size: 12px;
  font-family: Montserrat-Regular;
}

.btm-text {
  font-size: 14px;
}

.btm-text .PBS-information {
  border: 1px solid #666;
  padding: 15px 10px;
  text-align: center;
  line-height: 18px;
  font-family: Montserrat-Regular;
  font-size: 14px;
  background-color: #fff;
}

.btm-text .safety-information {
  border: 1px solid #666;
  padding: 15px 10px;
  text-align: center;
  line-height: 13px;
  font-family: Montserrat-Regular;
  font-size: 11px;
  background-color: #fff;
}

.btm-text p {
  margin-bottom: 0;
  font-family: Montserrat-Regular;
}

.btm-text span {
  font-family: Montserrat-SemiBold;
}

.btm-text a {
  color: #000;
  text-decoration: underline #b90066 solid;
}

.products-page-banner {
  width: 100%;
  height: 270px;
  background-image: url("../images/header-blue-bg.png");
  background-size: cover;
  background-position: center center;
  display: table;
}

.products-page-banner .banner-text {
  font-size: 39px;
  color: #fff;
  height: 270px;
  padding-left: 80px;
  font-family: GothamNarrow-XLight;
  line-height: 41px;
  max-width: 800px;
  padding-top: 90px;
}

.why-choose-extrafine-page .banner-text {
  padding-top: 120px;
}

.products-page-box {
  position: relative;
}

.products-page-box .products-page-content {
  background-color: #fff;
  min-height: 300px;
  margin-top: 80px;
  padding: 40px 160px 40px 40px;
}

.products-page-box .products-page-content .title {
  font-family: Montserrat-SemiBold;
  font-size: 20px;
  margin-bottom: 20px;
}

.products-page-box .products-page-content .media {
  margin-top: 15px;
  display: table;
}

.products-page-box .products-page-content .media img {
  width: 60px;
}

.products-page-box .products-page-content .media .media-body {
  min-height: 90px;
  display: table-cell;
  vertical-align: middle;
  font-family: Montserrat-SemiBold;
  font-size: 12px;
}

.products-page-box .right-img {
  position: absolute;
  right: 15px;
  top: 25%;
  width: 315px;
}

.products-page-box .right-img img {
  max-width: 315px;
}

.sub-text {
  font-size: 12px;
  margin-top: 10px;
  color: #666;
  font-family: Montserrat-Regular;
}

.sub-text span {
  font-family: Montserrat-Medium;
}

.header-blue-sky {
  background-image: url("../images/header-blue-sky.png") !important;
}

.why-choose-extrafine-page-title {
  font-size: 20px;
  font-family: Montserrat-Medium;
  color: #b90066;
}

.why-choose-extrafine-text {
  font-size: 16px;
  font-family: Montserrat-Regular;
  margin-top: 20px;
}

.why-choose-extrafine-video {
  background-color: #fff;
  padding: 40px;
}

.why-choose-extrafine-video .title {
  font-size: 16px;
  margin-bottom: 25px;
  font-family: Montserrat-SemiBold;
}

.why-choose-extrafine-video .video-box img {
  max-width: 100%;
}

.extrafine-box {
  margin-bottom: 150px;
}

.extrafine-box .img img {
  max-width: 100%;
}

#HealthcareProfessionalsOnlyModal h4 {
  font-size: 10pt;
  font-family: Montserrat-SemiBold;
}

#HealthcareProfessionalsOnlyModal .form-text {
  font-size: 12px;
  margin-top: 0;
}

#HealthcareProfessionalsOnlyModal .form-text a {
  color: #333;
  text-decoration: underline #b90066 solid;
}

.asthma-banner .asthma-header, .asthma-banner .copd-header, .asthma-banner .alvesco-header, .copd-banner .asthma-header, .copd-banner .copd-header, .copd-banner .alvesco-header, .alvesco-banner .asthma-header, .alvesco-banner .copd-header, .alvesco-banner .alvesco-header {
  background-image: url("../images/asthma-banner-bg.png") !important;
}

.asthma-banner .asthma-header .banner-text, .asthma-banner .copd-header .banner-text, .asthma-banner .alvesco-header .banner-text, .copd-banner .asthma-header .banner-text, .copd-banner .copd-header .banner-text, .copd-banner .alvesco-header .banner-text, .alvesco-banner .asthma-header .banner-text, .alvesco-banner .copd-header .banner-text, .alvesco-banner .alvesco-header .banner-text {
  font-family: Montserrat-Regular;
  font-size: 16px;
}

.copd-banner .copd-header {
  background-image: url("../images/copd-header-banner.png") !important;
}

.trimbow-banner .trimbow-header {
  background-image: url("../images/trimbow-banner.png") !important;
}

.fostair-banner .fostair-header {
  background-image: url("../images/fostair-banner.png") !important;
}

.alvesco-banner .alvesco-header {
  background-image: url("../images/alvesco-header.png") !important;
}

.resources-banner .resources-page-title {
  font-size: 46px;
  line-height: 55px;
  font-family: Montserrat-ExtraLight;
  text-align: center;
  background-color: #F7F9FA;
  color: #000000;
}

.resources-banner h1 {
  font-family: GothamNarrow-Book;
  font-size: 22px;
  color: #b90066;
}

.resources-banner .filter-item .name {
  font-size: 16px;
  font-family: Montserrat-Medium;
  color: #000;
}

.resources-banner .filter-item .dropdown {
  font-size: 14px;
  font-family: Montserrat-Regular;
}

.resources-banner .filter-item .dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  border-radius: 0;
  border: 1px solid #E8E8E9;
  background-color: #E8E8E9;
  position: relative;
}

.resources-banner .filter-item .dropdown .dropdown-toggle::after {
  background-image: url("../images/arrow-down-black.svg");
  content: "";
  background-size: 8px 8px;
  position: absolute;
  top: 15px;
  right: 10px;
  width: 8px;
  height: 8px;
  border: none;
}

.resources-banner .filter-item .dropdown .dropdown-menu {
  border-radius: 0;
  width: 100%;
  margin: 0;
  border: 1px solid #E8E8E9;
  border-top: 0;
  padding: 0;
}

.resources-banner .filter-item .dropdown .dropdown-menu .dropdown-item {
  border-top: 1px solid #E8E8E9;
  line-height: 35px;
  padding: 0 10px;
}

.resources-banner .filter-item .dropdown .dropdown-menu .dropdown-item:focus, .resources-banner .filter-item .dropdown .dropdown-menu .dropdown-item:hover {
  font-family: Montserrat-SemiBold;
  color: #b90066;
  background-color: #F7EBEE;
}

.resources-banner .filter-item #keyword {
  border-radius: 0;
  font-family: Montserrat-Regular;
  width: 100%;
  font-size: 14px;
  height: 38px;
}

.resources-banner .filter-item .search-btn, .resources-banner .filter-item .reset-btn {
  background-color: #b90066;
  border-radius: 0;
  font-family: Montserrat-SemiBold;
  color: #fff;
}

.resources-banner .filter-item .search-btn img, .resources-banner .filter-item .reset-btn img {
  width: 13px;
}

.asthma-top .img img {
  max-width: 100%;
}

.asthma-top .info .title {
  font-size: 20px;
  font-family: Montserrat-Medium;
  color: #b90066;
}

.asthma-top .info table .text-title {
  font-size: 16px;
  font-family: Montserrat-Medium;
  min-width: 80px;
  vertical-align: top;
}

.asthma-top .info table td {
  font-family: Montserrat-Regular;
}

.asthma-top .info p {
  font-size: 16px;
  font-family: Montserrat-Medium;
}

.asthma-top .info .logos .pro-logo {
  float: left;
  width: 150px;
  margin-right: 20px;
}

.asthma-top .info .logos .pro-logo img {
  max-width: 150px;
}

.asthma-top .info .logos .pro-logo:nth-child(2) {
  margin-right: 0;
}

.asthma-top .info .logos .pro-logo:nth-child(2) img {
  max-width: 115px;
}

.asthma-top .info .logos .pro-logo:nth-child(3) img {
  margin-top: 10px;
}

.asthma-top .info .copd-logos.logos .pro-logo {
  width: 160px;
}

.asthma-top .info .copd-logos.logos .pro-logo:nth-child(1) {
  margin-right: 0;
}

.asthma-top .info .copd-logos.logos .pro-logo:nth-child(1) img {
  max-width: 146px;
}

.asthma-top .info .copd-logos.logos .pro-logo:nth-child(2) {
  margin-right: 0;
}

.asthma-top .info .copd-logos.logos .pro-logo:nth-child(2) img {
  max-width: 112px;
}

.asthma-top .info ul {
  font-family: Montserrat-Regular;
  font-size: 16px;
  padding-left: 15px;
  margin-top: 20px;
}

.asthma-top .info ul li {
  padding-left: 15px;
}

.asthma-top .info ul li::marker {
  font-size: 10px;
}

.expert-option .expert-option-item {
  background-color: #fff;
}

.expert-option .expert-option-item .img {
  padding: 20px;
  position: relative;
}

.expert-option .expert-option-item .img img {
  max-width: 100%;
  box-shadow: 2px 2px 3px #ccc;
}

.expert-option .expert-option-item .img .play-ico {
  width: 46px;
  height: 80px;
  z-index: 1;
  background-size: 46px 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -40px;
}

.expert-option .expert-option-item .img .video {
  background-image: url("../images/video-play-ico.svg");
}

.expert-option .expert-option-item .img .podcast {
  background-image: url("../images/microphone.svg");
}

.expert-option .expert-option-item .info {
  height: 100%;
  background-color: #fff;
  padding: 20px;
}

.expert-option .expert-option-item .info .title {
  font-size: 20px;
  font-family: Montserrat-SemiBold;
}

.expert-option .expert-option-item .info p {
  font-family: Montserrat-Regular;
  margin-top: 10px;
  font-size: 14px;
}

.expert-option .expert-option-item .info .date {
  font-size: 14px;
  font-family: Montserrat-Regular;
}

.expert-option .expert-option-item .info .title {
  color: #b90066;
  font-family: Montserrat-Medium;
  font-size: 20px;
}

.expert-option .expert-option-item .info .tags {
  margin-top: 15px;
}

.expert-option .expert-option-item .info .tags span {
  background-color: #E8E8E9;
  padding: 5px;
  border-radius: 4px;
  color: #666;
  margin-right: 10px;
  font-family: Montserrat-Medium;
  font-size: 12px;
}

.patient-information .patient-information-item .img img {
  max-height: 141px;
}

.patient-information .patient-information-item .tags {
  margin-top: 15px;
  margin-top: 20px;
}

.patient-information .patient-information-item .tags span {
  background-color: #E8E8E9;
  padding: 5px;
  border-radius: 4px;
  color: #666;
  margin-right: 10px;
  font-family: Montserrat-Medium;
  font-size: 12px;
}

.patient-information .patient-information-item .type {
  font-family: Montserrat-Regular;
  font-size: 12px;
  margin-top: 15px;
}

.patient-information .patient-information-item .title {
  font-family: Montserrat-SemiBold;
  font-size: 18px;
  margin-top: 10px;
}

.patient-information .patient-information-item .text {
  font-family: Montserrat-Regular;
  font-size: 14px;
  margin-top: 10px;
}

.patient-information .patient-information-item .download-link {
  color: #b90066;
  font-family: Montserrat-SemiBold;
  font-size: 16px;
  position: relative;
  text-decoration: none;
}

.patient-information .patient-information-item .download-link::after {
  content: "";
  background-image: url("../images/right-parenthesis.svg");
  background-size: 12px 12px;
  position: absolute;
  top: 6px;
  right: 0;
  width: 12px;
  height: 12px;
  right: -20px;
  top: 4px;
}

.suggested-content .page-sub-title {
  font-family: GothamNarrow-Book;
  font-size: 22px;
  line-height: 26px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.suggested-content .suggested-content-item {
  box-shadow: 0px 0px 10px #f1f1f1;
  height: 100%;
  padding-bottom: 110px;
  position: relative;
}

.suggested-content .suggested-content-item .img {
  position: relative;
}

.suggested-content .suggested-content-item .img a {
  display: block;
}

.suggested-content .suggested-content-item .img img {
  width: 100%;
}

.suggested-content .suggested-content-item .img .icon {
  background-image: url(../images/video-play-ico.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 111;
  width: 65.3px;
  height: 78.4px;
  cursor: pointer;
  opacity: 0.8;
}

.suggested-content .suggested-content-item .content {
  padding: 20px 20px 0px 20px;
  position: relative;
  min-height: 180px;
}

.suggested-content .suggested-content-item .content .title {
  font-family: GothamNarrow-Book;
  font-size: 16px;
  line-height: 19px;
  color: #b90066;
}

.suggested-content .suggested-content-item .content .type {
  font-family: Montserrat-Medium;
  font-style: italic;
  font-size: 10px;
  line-height: 13px;
  margin-top: 5px;
  color: #666666;
}

.suggested-content .suggested-content-item .content .text {
  font-family: Montserrat-Regular;
  font-size: 10px;
  line-height: 13px;
  margin-top: 5px;
  color: #666666;
}

.suggested-content .suggested-content-item .bottom-content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
}

.suggested-content .suggested-content-item .bottom-content .tags-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.suggested-content .suggested-content-item .bottom-content .tags-content .au-txt {
  font-family: Montserrat-Regular;
  font-size: 8px;
  line-height: 8px;
}

.suggested-content .suggested-content-item .bottom-content .tags-content .tags span {
  background-color: #E8E8E9;
  padding: 5px;
  border-radius: 4px;
  color: #666;
  margin-left: 10px;
  font-family: Montserrat-SemiBold;
  font-size: 8px;
}

.suggested-content .suggested-content-item .bottom-content .download-link {
  color: #ffffff;
  font-family: GothamNarrow-Book;
  font-size: 12px;
  position: relative;
  text-decoration: none;
  background-color: #b90066;
  text-align: center;
  padding: 8px;
  display: block;
  margin-top: 13px;
  text-transform: uppercase;
}

.strip {
  background-color: #b90066;
  color: #fff;
  font-family: Montserrat-Medium;
  font-size: 19px;
}

.strip .text {
  padding: 30px 20px;
}

.strip .btn-box {
  padding: 24px 10px;
}

.strip .btn-box .learn-more {
  background-color: #fff;
  color: #b90066;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-family: Montserrat-SemiBold;
  padding: 8px 20px;
  position: relative;
}

.strip .btn-box .learn-more::after {
  content: "";
  background-image: url("../images/triangle-ico.svg");
  background-size: 12px 12px;
  position: absolute;
  top: 15px;
  right: 5px;
  width: 12px;
  height: 12px;
}

.i-want-to {
  background-color: #9e0061;
  min-height: 340px;
  margin: 30px 30px 0 0;
  padding: 30px;
}

.i-want-to .title {
  font-size: 20px;
  color: #fff;
  font-family: Montserrat-SemiBold;
  border-bottom: 1px #b90066 solid;
}

.i-want-to .to-list {
  padding-left: 0;
  margin-top: 5px;
  font-family: Montserrat-Regular;
}

.i-want-to .to-list li {
  line-height: 20px;
  position: relative;
  padding-left: 35px;
  list-style: none;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px #b90066 solid;
}

.i-want-to .to-list li a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.i-want-to .to-list li.active a {
  font-family: Montserrat-SemiBold;
}

.i-want-to .to-list li::before {
  content: '';
  background-image: url("../images/li-ico.svg");
  background-size: 20px 20px;
  position: absolute;
  top: 7px;
  left: 0;
  width: 20px;
  height: 20px;
}

.i-want-to .to-list li.active::before {
  background-image: url("../images/li-ico-active.svg");
}

.trimbow-page-content .trimbow-top-text,
.fostair-page-content .trimbow-top-text,
.alvesco-page-content .trimbow-top-text,
.why-choose-extrafine-content .trimbow-top-text {
  font-size: 20px;
  font-family: Montserrat-Medium;
  color: #b90066;
}

.trimbow-page-content .trimbow-top-text p,
.fostair-page-content .trimbow-top-text p,
.alvesco-page-content .trimbow-top-text p,
.why-choose-extrafine-content .trimbow-top-text p {
  font-family: Montserrat-Regular;
  font-size: 12px;
  margin-top: 20px;
  color: #666;
}

.trimbow-page-content .safety-sub-text,
.fostair-page-content .safety-sub-text,
.alvesco-page-content .safety-sub-text,
.why-choose-extrafine-content .safety-sub-text {
  font-size: 16px;
  font-family: Montserrat-Regular;
}

.trimbow-page-content .safety-text,
.fostair-page-content .safety-text,
.alvesco-page-content .safety-text,
.why-choose-extrafine-content .safety-text {
  font-family: Montserrat-SemiBold;
  font-size: 16px;
}

.trimbow-page-content .tribute,
.fostair-page-content .tribute,
.alvesco-page-content .tribute,
.why-choose-extrafine-content .tribute {
  text-align: center;
  margin: 30px;
}

.trimbow-page-content .tribute img,
.fostair-page-content .tribute img,
.alvesco-page-content .tribute img,
.why-choose-extrafine-content .tribute img {
  max-width: 637px;
}

.trimbow-page-content .content-top-text-small,
.fostair-page-content .content-top-text-small,
.alvesco-page-content .content-top-text-small,
.why-choose-extrafine-content .content-top-text-small {
  font-size: 10px;
  color: #666;
  font-family: Montserrat-Regular;
}

.trimbow-page-content .content-top-text-small span,
.fostair-page-content .content-top-text-small span,
.alvesco-page-content .content-top-text-small span,
.why-choose-extrafine-content .content-top-text-small span {
  color: #000;
  font-family: Montserrat-SemiBold;
}

.trimbow-page-content .watch-professor,
.fostair-page-content .watch-professor,
.alvesco-page-content .watch-professor,
.why-choose-extrafine-content .watch-professor {
  background-color: #911B5F;
}

.trimbow-page-content .watch-professor .text,
.fostair-page-content .watch-professor .text,
.alvesco-page-content .watch-professor .text,
.why-choose-extrafine-content .watch-professor .text {
  padding: 80px 20px;
  font-size: 20px;
  color: #fff;
  font-family: Montserrat-Medium;
}

.trimbow-page-content .watch-professor .text .btn,
.fostair-page-content .watch-professor .text .btn,
.alvesco-page-content .watch-professor .text .btn,
.why-choose-extrafine-content .watch-professor .text .btn {
  background-color: #fff;
  border-radius: 0;
  font-size: 16px;
  font-family: Montserrat-SemiBold;
  color: #b90066;
  position: relative;
  padding: 10px 40px 10px 25px;
}

.trimbow-page-content .watch-professor .text .btn::after,
.fostair-page-content .watch-professor .text .btn::after,
.alvesco-page-content .watch-professor .text .btn::after,
.why-choose-extrafine-content .watch-professor .text .btn::after {
  content: '';
  background-image: url("../images/triangle-ico.svg");
  background-size: 14px 14px;
  position: absolute;
  top: 15px;
  right: 10px;
  width: 14px;
  height: 14px;
}

.trimbow-page-content .watch-professor .video-box,
.fostair-page-content .watch-professor .video-box,
.alvesco-page-content .watch-professor .video-box,
.why-choose-extrafine-content .watch-professor .video-box {
  padding: 20px;
}

.trimbow-page-content .watch-professor .video-box img,
.fostair-page-content .watch-professor .video-box img,
.alvesco-page-content .watch-professor .video-box img,
.why-choose-extrafine-content .watch-professor .video-box img {
  max-width: 100%;
}

.fostair-page-content .tab-title .tab-name, .alvesco-page-content .tab-title .tab-name {
  max-width: 300px;
  background-size: unset;
}

.fostair-page-content .top-img img, .alvesco-page-content .top-img img {
  max-width: 100%;
}

.fostair-page-content .fostair-asthma-safety-top .title, .alvesco-page-content .fostair-asthma-safety-top .title {
  font-size: 16px;
  font-family: Montserrat-SemiBold;
}

.fostair-page-content .fostair-asthma-safety-top .item, .alvesco-page-content .fostair-asthma-safety-top .item {
  text-align: center;
  padding-top: 40px;
}

.fostair-page-content .fostair-asthma-safety-top .item .icon img, .alvesco-page-content .fostair-asthma-safety-top .item .icon img {
  max-width: 100px;
}

.fostair-page-content .fostair-asthma-safety-top .item .name, .alvesco-page-content .fostair-asthma-safety-top .item .name {
  font-family: Montserrat-Regular;
  font-size: 16px;
  line-height: 40px;
}

.products-characteristics.fostair-copd-page .item {
  min-height: 240px;
}

.alvesco-page-content.products-characteristics .item {
  min-height: 410px;
}

.alvesco-page-content.products-characteristics .item .text ul li {
  line-height: 24px;
  position: relative;
  padding-left: 10px;
}

.alvesco-page-content.products-characteristics .item .text ul li::marker {
  content: "-";
}

.alvesco-page-content.products-characteristics .item .text .small-text {
  font-family: Montserrat-Regular;
  line-height: 16px;
}

.safety-banner {
  height: 271px;
  background-image: url("../images/header-indication-and-prescribing.png");
  background-size: cover;
}

.safety-banner .left-box {
  padding: 75px;
}

.safety-banner .left-box .logo img {
  max-width: 156px;
}

.safety-banner .left-box .banner-title {
  font-size: 38px;
  color: #fff;
  margin-top: 20px;
  font-family: GothamNarrow-XLight;
  line-height: 41px;
}

.safety-top-text {
  margin-top: 200px;
  font-size: 31px;
  font-family: GothamNarrow-XLight;
}

.extrafine-fostair-copd-indication-and-prescribing-page .safety-top-text, .extrafine-trimbow-copd-indication-and-prescribing-page .safety-top-text,
.fostair-asthma-indication-and-prescribing-page .safety-top-text {
  margin-top: 100px;
}

.extrafine-trimbow-asthma-indication-and-prescribing-page .safety-top-text {
  margin-top: 60px;
}

.safety-top-sub-text {
  font-size: 15px;
  font-family: Montserrat-SemiBold;
}

.safety-top-sub-text-small {
  font-size: 12px;
  color: #666;
  font-family: Montserrat-Regular;
}

.safety-content {
  padding: 30px;
  background-color: #fff;
}

.safety-content .text {
  font-family: Montserrat-Medium;
}

.safety-content .sub-text {
  font-size: 14px;
}

.safety-content .tab-btm-text {
  font-size: 12px;
  font-family: Montserrat-Regular;
}

.safety-content .tab-btm-text span {
  font-family: Montserrat-Medium;
}

.safety-content .img img {
  max-width: 80%;
}

.trimbow .ico {
  width: 50px;
  height: 50px;
}

.trimbow .ico img {
  width: 100%;
  height: 100%;
}

.trimbow .trimbow-info {
  margin-top: 20px;
  font-family: Montserrat-SemiBold;
}

.trimbow .trimbow-info .title {
  font-size: 16px;
}

.trimbow .trimbow-info p {
  font-size: 14px;
}

.trimbow .trimbow-info .text p {
  font-size: 16px;
  margin-bottom: 10px;
}

.trimbow .trimbow-info .text p.sub-text {
  font-family: Montserrat-Regular;
}

.trimbow .trimbow-info .text ul {
  padding-left: 10px;
}

.trimbow .trimbow-info .text ul li {
  padding-left: 5px;
}

.trimbow .trimbow-info .text ul li::marker {
  content: '-';
}

.trimbow .trimbow-info .sub-text {
  font-size: 14px;
}

.trimbow .trimbow-info .sub-text ul {
  padding: 0;
  margin: 10px 0 10px 15px;
}

.pMDI-device {
  position: relative;
}

.pMDI-device .pMDI-device-img, .pMDI-device .Fostair-img {
  position: absolute;
  z-index: 111;
  top: 40px;
}

.pMDI-device .pMDI-device-img img, .pMDI-device .Fostair-img img {
  max-width: 155%;
  box-shadow: 2px 2px 4px #ccc;
}

.pMDI-device .Fostair-img {
  top: 80px;
}

.pMDI-device .Fostair-img img {
  max-width: 170%;
}

.pMDI-device .pMDI-device-info {
  min-height: 300px;
  background-color: #fff;
  margin-right: 15px;
  font-size: 18px;
  padding: 70px 50px 50px 150px;
  font-family: Montserrat-Medium;
}

.pMDI-device .pMDI-device-info p {
  margin-top: 20px;
  font-family: Montserrat-Regular;
  font-size: 14px;
}

.pMDI-device .pMDI-device-info ul {
  padding: 0;
  font-family: Montserrat-Regular;
  font-size: 14px;
  margin: 15px 0 15px 15px;
}

.pMDI-device .pMDI-device-info ul li {
  margin: 10px 0;
}

.pMDI-device .pMDI-device-info .text-line {
  font-family: Montserrat-Medium;
  border-bottom: 1px solid #E8E8E9;
  height: 45px;
  line-height: 45px;
}

.pMDI-device .pMDI-device-info .text-line .text-type {
  float: left;
  width: 80px;
}

.pMDI-device .pMDI-device-info .text-line .text {
  float: left;
}

.efficacy-sub-title {
  font-family: GothamNarrow-Book;
  font-size: 22px;
  margin-top: 20px;
  color: #b90066;
}

.tab {
  margin-top: 20px;
}

.tab-title .tab-name {
  float: left;
  height: auto;
  max-width: 140px;
  line-height: 20px;
  background-image: url("../images/tab-current-bg.svg");
  background-size: cover;
  padding: 10px 15px;
  cursor: pointer;
  font-family: Montserrat-SemiBold;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.tab-title .tab-active {
  background-color: #fff;
  background-image: unset;
  color: #666;
}

.tab-content {
  background-color: #fff;
  padding: 40px;
  display: none;
}

.tab-content .data-graph img {
  max-width: 100%;
}

.tab-content .big-chart img {
  max-width: 90%;
}

.tab-content .full-screen-chart img {
  max-width: 100%;
}

.tab-content .tab-btm-text {
  font-size: 12px;
  font-family: Montserrat-Regular;
}

.tab-content .tab-btm-text span {
  font-family: Montserrat-Medium;
}

.tab-content .text {
  font-size: 18px;
  font-family: Montserrat-Medium;
}

.tab-content .text-big {
  font-family: Montserrat-SemiBold;
  font-size: 20px;
}

.tab-content .small-text {
  font-size: 12px;
  font-family: Montserrat-SemiBold;
}

.tab-content .sub-text {
  font-size: 12px;
}

.fostair-copd-efficacy-page .safety-top-text, .fostair-copd-safety-page .safety-top-text, .trimbow-asthma-efficacy-page .safety-top-text, .trimbow-copd-efficacy-page .safety-top-text {
  margin-top: 100px;
}

.fostair-header {
  background-image: url("../images/fostair-header.png");
}

.fostair-header .left-box {
  padding: 55px;
}

.chart-content {
  background-color: #fff;
  padding: 40px;
}

.chart-content .data-graph img {
  max-width: 100%;
}

.chart-content .big-chart img {
  max-width: 90%;
}

.chart-content .full-screen-chart img {
  max-width: 100%;
}

.chart-content .tab-btm-text {
  font-size: 12px;
  font-family: Montserrat-Regular;
}

.chart-content .tab-btm-text span {
  font-family: Montserrat-Medium;
}

.chart-content .text {
  font-size: 18px;
  font-family: Montserrat-Medium;
}

.chart-content .text-big {
  font-family: Montserrat-SemiBold;
  font-size: 20px;
}

.chart-content .small-text {
  font-size: 12px;
  font-family: Montserrat-SemiBold;
}

.chart-content .sub-text {
  font-size: 12px;
}

.alvesco-header {
  background-image: url("../images/alvesco-header.png");
}

.short-banner {
  height: 124px;
  background-color: #fff;
  box-shadow: 2px 2px 2px #ccc;
}

.short-banner .page-name {
  font-size: 25px;
  font-family: GothamNarrow-Light;
  color: #b90066;
  padding: 60px 0 0 120px;
}

.short-banner .right-bg {
  -webkit-clip-path: polygon(31% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(31% 0, 100% 0, 100% 100%, 0% 100%);
  background-image: url("../images/short-banner-bg.png");
  background-size: cover;
  background-position: right -50px;
  background-repeat: no-repeat;
  height: 124px;
}

.short-banner .resources-header {
  height: 124px;
  background-image: url("../images/resources-banner-bg.png");
  background-size: cover;
}

.news-content .news-type {
  border-bottom: 2px solid #b90066;
  height: 50px;
  line-height: 50px;
}

.news-content .news-type .type {
  font-family: Montserrat-Regular;
  font-size: 14px;
  float: left;
  margin-right: 30px;
}

.news-content .news-type .type a {
  color: #000;
  text-decoration: none;
}

.news-content .news-type .type a.active {
  color: #b90066;
  font-family: Montserrat-SemiBold;
}

.news-content .filter {
  font-size: 14px;
}

.news-content .filter .filter-title {
  font-family: Montserrat-SemiBold;
  padding-top: 35px;
}

.news-content .filter label, .news-content .filter input {
  font-family: Montserrat-Regular;
}

.news-content .filter input {
  border-radius: 0;
  border: 1px solid #000;
}

.new-list .resources-title {
  color: #950043;
  text-transform: uppercase;
  font-family: GothamNarrow-Book;
  line-height: 26px;
  font-size: 22px;
  letter-spacing: 0.09em;
}

.new-list .list-item {
  box-shadow: 0px 0px 10px #f1f1f1;
  height: 100%;
  padding-bottom: 110px;
  position: relative;
}

.new-list .list-item .new-img {
  position: relative;
}

.new-list .list-item .new-img img {
  width: 100%;
}

.new-list .list-item .new-img .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 111;
  width: 65.3px;
  height: 78.4px;
  cursor: pointer;
  opacity: 0.8;
}

.new-list .list-item .new-img .video-ico {
  background-image: url("../images/video-play-ico.svg");
}

.new-list .list-item .new-img .file-ico {
  background-image: url("../images/file-download-ico.svg");
}

.new-list .list-item .new-img .podcast-ico {
  background-image: url("../images/microphone.svg");
  width: 35px;
  height: 62px;
}

.new-list .list-item .new-info {
  padding: 20px 20px 0px 20px;
  position: relative;
  min-height: 180px;
}

.new-list .list-item .new-info .title {
  font-family: GothamNarrow-Book;
  font-size: 16px;
  line-height: 19px;
  color: #b90066;
}

.new-list .list-item .new-info .type {
  font-family: Montserrat-Medium;
  font-style: italic;
  font-size: 10px;
  line-height: 13px;
  margin-top: 5px;
  color: #666666;
  display: none;
}

.new-list .list-item .new-info .label {
  font-family: Montserrat-Medium;
  font-style: italic;
  font-size: 10px;
  line-height: 13px;
  margin-top: 5px;
  color: #666666;
}

.new-list .list-item .new-info .text {
  font-family: Montserrat-Regular;
  font-size: 10px;
  line-height: 13px;
  margin-top: 5px;
  color: #666666;
}

.new-list .list-item .new-info .menu {
  color: #b90066;
  font-family: Montserrat-SemiBold;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 30px;
  display: block;
}

.new-list .list-item .new-info .tags {
  font-size: 12px;
}

.new-list .list-item .new-info .tags span {
  display: inline-table;
  background-color: #E8E8E9;
  padding: 3px 10px;
  font-family: Montserrat-Regular;
  margin-right: 10px;
}

.new-list .list-item .bottom-content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
}

.new-list .list-item .bottom-content .tags-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new-list .list-item .bottom-content .tags-content .au-txt {
  font-family: Montserrat-Regular;
  font-size: 8px;
  line-height: 8px;
}

.new-list .list-item .bottom-content .tags-content .tags span {
  background-color: #E8E8E9;
  padding: 5px;
  border-radius: 4px;
  color: #666;
  margin-left: 10px;
  font-family: Montserrat-SemiBold;
  font-size: 8px;
}

.new-list .list-item .bottom-content .menu {
  color: #ffffff;
  font-family: GothamNarrow-Book;
  font-size: 12px;
  position: relative;
  text-decoration: none;
  background-color: #b90066;
  text-align: center;
  padding: 8px;
  display: block;
  margin-top: 13px;
  text-transform: uppercase;
}

.banner-ads-1, .banner-ads-2, .banner-ads-3 {
  background-size: cover;
  background-position: left top;
}

.banner-ads-1 .banner-content, .banner-ads-2 .banner-content, .banner-ads-3 .banner-content {
  margin-top: 70px;
}

.banner-ads-1 .banner-content .text, .banner-ads-2 .banner-content .text, .banner-ads-3 .banner-content .text {
  font-family: GothamNarrow-XLight;
  color: #fff;
  font-size: 30px;
  max-width: 450px;
  line-height: 34px;
}

.banner-ads-1 .banner-content .btn, .banner-ads-2 .banner-content .btn, .banner-ads-3 .banner-content .btn {
  background-color: #fff;
  font-family: Montserrat-SemiBold;
  font-size: 14px;
  border-radius: 0;
  padding: 5px 25px;
}

.banner-ads-1 {
  min-height: 288px;
  background-image: url("../images/banner-ads-1.png");
}

.banner-ads-2 {
  min-height: 122px;
  background-image: url("../images/banner-ads-2.png");
}

.banner-ads-2 .banner-content {
  margin-top: 0;
  padding-top: 45px;
}

.banner-ads-3 {
  min-height: 122px;
  background-image: url("../images/banner-ads-3.png");
}

.banner-ads-3 .banner-content {
  margin-top: 0;
  padding-top: 25px;
}

.fostair-COPD-safety-page .products-page-content {
  padding: 40px;
}

.fostair-COPD-safety-page .products-page-content .title {
  max-width: 380px;
}

.fostair-COPD-safety-page .right-img {
  top: 45px;
  width: 360px;
}

.fostair-COPD-safety-page .right-img img {
  max-width: 100%;
}

.small-text {
  font-size: 12px;
  line-height: 18px;
  font-family: Montserrat-Regular;
}

.small-text a {
  font-family: Montserrat-Regular;
  color: #000;
  text-decoration: underline #b90066 solid;
}

.small-text span {
  font-family: Montserrat-SemiBold;
}

.small-list {
  font-size: 12px;
  line-height: 14px;
  font-family: Montserrat-Regular;
  list-style: none;
  padding-left: 0;
}

.small-list li {
  padding-left: 7px;
  text-indent: -7px;
}

.products-characteristics .title {
  font-family: Montserrat-Medium;
  color: #b90066;
  font-size: 20px;
}

.products-characteristics .item, .products-characteristics .fostair-item {
  background-color: #fff;
  padding: 20px;
  border-radius: 3px;
  min-height: 360px;
}

.products-characteristics .item .icon img, .products-characteristics .fostair-item .icon img {
  width: 100px;
}

.products-characteristics .item .text, .products-characteristics .fostair-item .text {
  font-size: 16px;
  font-family: Montserrat-Medium;
  margin-top: 20px;
  line-height: 22px;
}

.products-characteristics .item .text ul, .products-characteristics .fostair-item .text ul {
  padding-left: 15px;
}

.products-characteristics .item .text ul li, .products-characteristics .fostair-item .text ul li {
  line-height: 40px;
}

.products-characteristics .item .text .ico-text, .products-characteristics .fostair-item .text .ico-text {
  line-height: 30px;
  height: 30px;
  margin-bottom: 10px;
}

.products-characteristics .item .text .ico-sun, .products-characteristics .fostair-item .text .ico-sun {
  background-image: url("../images/sun-ico.svg");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  padding-left: 40px;
}

.products-characteristics .item .text .ico-moon, .products-characteristics .fostair-item .text .ico-moon {
  background-image: url("../images/moon-ico.svg");
  background-size: 25px 25px;
  background-repeat: no-repeat;
  padding-left: 40px;
}

.products-characteristics .item.fostair-item {
  min-height: 138px;
}

.products-characteristics .item.fostair-item .title {
  color: #000;
  font-size: 16px;
}

.products-characteristics .item.fostair-item .text {
  font-family: Montserrat-Regular;
}

.products-characteristics .item.fostair-item .text ul li {
  line-height: 26px;
  padding-left: 15px;
}

.products-characteristics .item.fostair-item .text ul li::marker {
  font-size: 10px;
}

.products-characteristics .item.fostair-item.height-fostair-item {
  min-height: 296px;
}

.extrafine-fostair-100-btm-text {
  background-color: #F7EBEE;
  border-radius: 4px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #b90066;
  font-size: 20px;
  font-family: Montserrat-Regular;
}

.trimbow-btm-text, .references-text {
  font-family: Montserrat-Regular;
  font-size: 12px;
}

.trimbow-btm-text span, .references-text span {
  font-family: Montserrat-Medium;
}

.references-text span {
  font-family: Montserrat-SemiBold;
}

#videoModal .modal-body img, #PodcastModal .modal-body img {
  max-width: 100%;
}

#videoModal .modal-footer, #PodcastModal .modal-footer {
  display: unset;
  font-size: 26px;
  color: #b90066;
  font-family: GothamNarrow-XLight;
}

#HealthcareProfessionalsOnlyModal .modal-content {
  background-color: #fff;
}

#HealthcareProfessionalsOnlyModal .modal-content .modal-body {
  padding-top: 0;
}

#HealthcareProfessionalsOnlyModal .modal-content .modal-body input {
  background-color: #E8E8E9;
  border: none;
}

#HealthcareProfessionalsOnlyModal .modal-content .modal-header .modal-title {
  line-height: 1.3;
}

.modal {
  overflow: auto !important;
}

#OrderStarterPacksModal .modal-dialog {
  max-width: 700px;
}

#OrderStarterPacksModal .modal-body .container-fluid {
  padding: 0;
}

#OrderStarterPacksModal .modal-body .order-img img {
  max-width: 100%;
}

#OrderStarterPacksModal .modal-body .order-title {
  font-family: Montserrat-SemiBold;
  font-size: 14px;
}

#OrderStarterPacksModal .modal-body .btn {
  background-color: #b90066;
  width: 100%;
}

#OrderStarterPacksModal .modal-body .order-login-btn {
  max-width: 100px;
}

#OrderStarterPacksModal .modal-body a {
  font-size: 13px;
  font-family: Montserrat-Regular;
  color: #000;
  text-decoration: underline;
}

#RegisterOrLoginToContinueModal .modal-body .btn {
  background-color: #b90066;
  width: 140px;
}

#DeliverydetailsModal .modal-lg, #RegisterAndSubmitOrderModal .modal-lg {
  max-width: 660px;
}

#DeliverydetailsModal .modal-body label span, #RegisterAndSubmitOrderModal .modal-body label span {
  font-size: 10px;
}

#DeliverydetailsModal .modal-body .modal-p, #RegisterAndSubmitOrderModal .modal-body .modal-p {
  font-size: 16px;
  font-family: Montserrat-Medium;
}

#DeliverydetailsModal .modal-footer-text, #RegisterAndSubmitOrderModal .modal-footer-text {
  font-size: 11px;
  font-family: Montserrat-Regular;
}

#OrderingDetailsModal .modal-dialog {
  max-width: 600px;
}

#OrderingDetailsModal .modal-body .modal-text {
  font-size: 16px;
  font-family: Montserrat-Medium;
}

#OrderingDetailsModal .modal-body .pro-img img {
  max-width: 60px;
}

#OrderingDetailsModal .modal-body .pro-detail b {
  font-family: Montserrat-SemiBold;
  font-size: 16px;
}

#OrderingDetailsModal .modal-body .pro-detail p {
  font-size: 12px;
  font-family: Montserrat-Regular;
  margin-bottom: 0px;
}

#OrderingDetailsModal .modal-body .spacer-pro {
  padding-top: 15px !important;
}

#OrderingDetailsModal .modal-body .form-check.spacer-pro {
  padding-top: 20px !important;
}

#OrderingDetailsModal .modal-body .form-check input.form-check-input {
  width: 25px;
  height: 25px;
  border-radius: 0 !important;
}

#OrderingDetailsModal .modal-body .dropdown {
  background-color: #EDEDED;
  height: 40px;
  font-size: 12px !important;
  font-family: Montserrat-Regular;
  margin-top: 15px;
}

#OrderingDetailsModal .modal-body .dropdown .dropdown-menu {
  width: 100%;
  min-width: unset;
  border: none;
  border-radius: unset;
  -webkit-box-shadow: 1px -1px 5px 0px #EDEDED;
  -moz-box-shadow: 1px -1px 5px 0px #EDEDED;
  box-shadow: 1px -1px 5px 0px #EDEDED;
  padding: 0;
  font-size: 12px !important;
}

#OrderingDetailsModal .modal-body .dropdown .dropdown-menu .dropdown-item {
  padding: 0.25rem .5rem;
  border-bottom: 1px #b90066 solid;
  color: #666;
}

#OrderingDetailsModal .modal-body .dropdown .dropdown-menu .dropdown-item:hover {
  color: #b90066;
}

#OrderingDetailsModal .modal-body .dropdown .dropdown-toggle {
  width: 100%;
  line-height: 40px;
  text-align: center;
  color: #666;
  text-decoration: none;
}

#OrderingDetailsModal .modal-body .dropdown .dropdown-toggle::after {
  position: absolute;
  right: 10px;
  top: 18px;
}

#OrderingDetailsModal .modal-body .order-submit {
  min-width: 140px;
}

.to-list li:last-child {
  border-bottom: none;
}

.pro-info-item img {
  max-width: 100%;
}

.password-reset-tips {
  display: none;
}

#keyword.form-control:disabled, #keyword.form-control[readonly] {
  background-color: #fff;
}

.no-results {
  color: #666;
  font-family: Montserrat-Regular;
  display: none;
}

.page-top-banner {
  width: 100%;
  height: 465px;
  background-image: url(../images/asthma-banner-bg@2x.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: top center;
  cursor: pointer;
  position: relative;
}

.page-top-banner .banner-content {
  position: absolute;
  bottom: 0px;
  padding: 20px;
}

.page-top-banner .banner-content .title {
  font-family: GothamNarrow-Bold;
  font-size: 28px;
  line-height: 32px;
  color: #ffffff;
}

.page-top-banner .banner-content .txt {
  font-family: Montserrat-Regular;
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  max-width: 950px;
}

.page-top-banner .banner-content .txt b {
  font-family: Montserrat-SemiBold;
}

.page-top-banner .banner-content .small-txt {
  font-family: Montserrat-Regular;
  font-size: 8px;
  line-height: 9px;
  color: #ffffff;
}

.copd .page-top-banner {
  background-image: url(../images/copd-banner-bg@2x.png);
}

.respiratory-physicians .page-top-banner {
  background-image: url(../images/respiratory-physicians-banner-bg@2x.png);
}

.top-banner-item a {
  text-decoration: none;
  cursor: pointer;
  display: block;
}

.top-banner-item a:hover {
  text-decoration: none;
}

.top-banner-item img {
  box-shadow: 0px 0px 10px #f1f1f1;
}

.top-banner-item .bitxt {
  font-family: Montserrat-Regular;
  font-size: 8px;
  line-height: 9px;
  color: #666666;
  padding-top: 10px;
}

.additional-resources-list {
  padding: 20px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
}

.additional-resources-list .img {
  width: 60px;
}

.additional-resources-list .img img {
  width: 100%;
}

.additional-resources-list .content {
  padding-left: 25px;
}

.additional-resources-list .content .title {
  font-family: GothamNarrow-Book;
  font-size: 14px;
  line-height: 22px;
  color: #b90066;
  text-decoration: underline;
}

.additional-resources-list .content .txt {
  font-family: Montserrat-Regular;
  font-size: 10px;
  line-height: 16px;
  color: #666666;
}

.additional-resources-list .content .tags {
  display: flex;
  padding: 5px 0;
}

.additional-resources-list .content .tags span {
  background-color: #E8E8E9;
  padding: 5px;
  border-radius: 4px;
  color: #666;
  margin-right: 10px;
  font-family: Montserrat-Medium;
  font-size: 12px;
}

.request-starter-section {
  background-color: #b90066;
  height: 75px;
  position: relative;
}

.request-starter-section .rss-content {
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
  position: absolute;
  bottom: 0;
}

.request-starter-section .rss-content .img {
  width: 174px;
}

.request-starter-section .rss-content .txt {
  font-family: Montserrat-SemiBold;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  padding-left: 10px;
  padding-bottom: 23px;
}

.request-starter-section .rss-content .txt a {
  font-family: Montserrat-SemiBold;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  text-decoration: underline;
}

.vppanel {
  text-align: center;
}

.vppanel .vtitle {
  font-family: Montserrat-ExtraLight;
  font-size: 46px;
  line-height: 55px;
  color: #000000;
  max-width: 880px;
  margin: auto;
}

.vppanel .vtext {
  font-family: Montserrat-Regular;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  max-width: 740px;
  margin: auto;
}

.vppanel .vtext b {
  font-family: Montserrat-SemiBold;
}

.vppanel .vsmalltext {
  font-family: Montserrat-Regular;
  font-size: 8px;
  line-height: 10px;
  color: #666666;
}

.vppanel .vp-tags {
  display: flex;
  justify-content: center;
  width: 100%;
}

.vppanel .vp-tags span {
  display: block;
  background-color: #ffffff;
  font-family: Montserrat-Medium;
  font-size: 12px;
  color: #666666;
  border-radius: 4px;
  padding: 5px;
  margin: 0 10px;
}

.video-panel {
  margin: auto;
  max-width: 1200px;
}

.video-panel .video-play-panel {
  padding: 56.25% 0 0 0;
  position: relative;
}

.video-play-img {
  position: relative;
}

.video-play-img img {
  width: 100%;
}

.video-play-img .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 111;
  width: 65.3px;
  height: 78.4px;
  cursor: pointer;
  opacity: 0.9;
}

.video-play-img .video-ico {
  background-image: url("../images/video-play-ico.svg");
}

.video-play-img .file-ico {
  background-image: url("../images/file-download-ico.svg");
}

.video-play-img .podcast-ico {
  background-image: url("../images/microphone.svg");
  width: 35px;
  height: 62px;
}

.not-login-rigester {
  border-top: 1px solid #b90066;
  text-align: center;
  padding-top: 20px;
}

.not-login-rigester .txt {
  font-family: GothamNarrow-Book;
  font-size: 22px;
  line-height: 26px;
  color: #b90066;
  text-transform: uppercase;
}

.not-login-rigester .txt a {
  font-family: GothamNarrow-Book;
  font-size: 22px;
  line-height: 26px;
  color: #b90066;
  text-decoration: underline;
  cursor: pointer;
}

#resend_the_opt_box {
  display: flex;
  align-items: center;
}

#resend_the_opt_box #resend_the_opt {
  font-size: 12px;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
  margin-right: 15px;
}

#resend_the_opt_box .countdown {
  margin-right: 15px;
  font-size: 12px;
  color: #666;
}

#resend_the_opt_box .resnd-msg {
  font-size: 12px;
}

#resend_the_opt_box.exhausted #resend_the_opt {
  pointer-events: none;
  color: #666;
}

#videoPlayModal .modal-body {
  position: relative;
}