/* fonts declaration */

@font-face {
  font-family: "RobotoCondensed-Bold";
	src: url("/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/fonts/RobotoCondensed-Bold.ttf") format("truetype");
	font-display: swap;
}

@font-face {
  font-family: "RobotoCondensed-BoldItalic";
	src: url("/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/fonts/RobotoCondensed-BoldItalic.ttf") format("truetype");
	font-display: swap;
}

@font-face {
  font-family: "RobotoCondensed-Italic";
	src: url("/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/fonts/RobotoCondensed-Italic.ttf") format("truetype");
	font-display: swap;
}

@font-face {
  font-family: "RobotoCondensed-Light";
	src: url("/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/fonts/RobotoCondensed-Light.ttf") format("truetype");
	font-display: swap;
}

@font-face {
  font-family: "RobotoCondensed-LightItalic";
	src: url("/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/fonts/RobotoCondensed-LightItalic.ttf") format("truetype");
	font-display: swap;
}

@font-face {
  font-family: "RobotoCondensed-Regular";
	src: url("/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/fonts/RobotoCondensed-Regular.ttf") format("truetype");
	font-display: swap;
}

/* font declaration end*/
bold,
ul,
li,
a {
  font-size: 16px;
  line-height: 19px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

img.footer-logo-3 {
  width: 100px;
  margin-left: 35px;
}

.nowrap {
  white-space: nowrap;
}

sup {
  font-size: .5em;
}

/*sup {*/
/*	font-size: .5em;*/
/*}*/

.btnLinks {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 45px;
  color: #fff;
  text-decoration: none;
}

.btnLinks:hover {
  text-decoration: none;
}

#patient-home .btnLinks {
  color: #104758;
}

/* header style start here..*/

#ic-actoncopd-header .navigation nav ul li a {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 22px;
  text-transform: uppercase;
  color: #2eb8c9;
  letter-spacing: 0;
}

.cmp-navigation__group {
  flex-flow: column nowrap;
}

#ic-actoncopd-header .navigation nav ul li.cmp-navigation__item--active a {
  color: #ffffff;
  padding: 5px 15px;
  background-repeat: no-repeat;
}

.cmp-video--duration {
  display: none;
}
/*footer start*/

#patient-home #footer-inner-container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 20px;
}

.footer-ul-li-container {
  padding-top: 30px;
}

.footer-ul-li-container ul.footer-ul-li li a {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  font-family: "RobotoCondensed-Regular";
  padding-bottom: 12px;
  text-decoration: underline;
  text-transform: uppercase;
}

.footer-ul-li-container ul.footer-ul-li li a:hover {
  color: #2EB8C9;
}

.footer-ul-li-container ul.footer-ul-li li {
  display: inline;
}

.footer-ul-li-container ul.footer-ul-li li:after {
  content: "|";
  padding-left: 20px;
  padding-right: 20px;
}

.footer-ul-li-container ul.footer-ul-li li:nth-child(5):after {
  display: none;
}

#footer-inner-container .footer_copyright ul li {
  float: left;
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  padding-bottom: 15px;
}

#footer-inner-container .footer_copyright ul li:after {
  content: "|";
  padding-left: 20px;
  padding-right: 20px;
}

/*#footer-inner-container .footer_copyright ul li:nth-child(4):after {*/
/*  display: none;*/
/*}*/

.footer-first-reference,
.footer-second-paragraph-1 {
  font-size: 14px;
  line-height: 17px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

.footer-first-reference {
  padding-top: 87px;
}

.footer-first-reference1 {
  padding-top: 30px;
}

.footer-zero-padding {
  padding-top: 0px;
}

.footer-second-paragraph-1 {
  text-transform: uppercase;
}

.footer-logos {
  padding: 30px 0;
}


/*fooer-end*/
.footer-first-reference.disclaimer {
  color: #fff !important;
  max-width: 1170px;
}

#patient-home #patient-banner-image {
  width: 100%;
  margin: 0 auto;
}

#patient-home #patient-banner-image {
  background: #000000;
  background-size: cover;
  background-position: center;
  color: #ffffff;
  text-align: left;
  padding: 60px 30px;
  position: relative;
  height: 750px;
  min-height: 100%;
}

#patient-home #patient-banner-image:after {
  content: "";
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/divider_1.png);
  background-size: cover;
  width: 100%;
  height: 94px;
  display: block;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
}

#patient-home #patient-banner-image #home_banner_content {
  max-width: 540px;
  float: right;
  margin-right: 156px;
  position: relative;
}

#patient-banner-image .video {
  position: absolute;
  width: 100%;
}

#patient-home .home-banner-image-text {
  float: left;
  color: #ffffff;
  max-width: 560px;
  background-color: #000;
}

#patient-home .hero-banner-copd-text {
  font-size: 40px;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  margin: 27px auto 46px;
}

#patient-home .video .largePlayBtn {
  display: none!important;
}

#hero-banner-text {
  max-width: 1170px;
  margin: 0 auto;
}

#patient-home #bannerarrow .cmp-image__image {
  width: 62px;
  margin: 0 auto 0;
  position: absolute;
  left: 48%;
  bottom: 0;
  z-index: 1;
}

#patient-home #bannerarrow .arrowimg {
  width: 62px;
    /* margin: 0 3% auto 0;
    position: absolute;
    left: 48%;
    bottom: 0;
    z-index: 1; */
  ;
}

#home_subbanner_content .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
  float: none;
}

#home_subbanner_content .home-banner-image-text {
  padding: 29px 0 0 0;
  position: relative;
}

#home_subbanner_content #home_banner_social_icons span {
  float: left;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 24px;
  padding: 15px 23px 0 33px;
}

#home_subbanner_content #home_banner_social_icons ul li {
  float: left;
  width: 32px;
  padding-top: 5px;
  margin-right: 5px;
}

#patient-home .herobanner-copd-bar {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/herobanner-copd-bar.png);
  background-size: 100%;
  height: auto;
  background-repeat: no-repeat;
  color: #175f7b;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

#patient-home .hero-banner-take-the-quiz {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/hero_banner_take_quiz_bar.png);
  background-size: contain;
  width: 100%;
  height: 47px;
  background-repeat: no-repeat;
  background-size: auto;
  position: relative;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 36px;
  padding: 3px 10px;
  color: #104758;
  text-decoration: none;
}

#patient-home .hero-banner-take-the-quiz:hover {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/hero_banner_take_quiz_bar_hover.png);
}

.hero-banner-take-the-quiz a {
  text-decoration: none;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 34px;
  color: #fff;
}

#patient-home #quiz-text-component {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/patientpage-video-background.png);
  background-size: cover;
  background-color: #104758;
  height: auto;
  width: 100%;
}

#patient-home #quiz-text-component:before {
  content: "";
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/divider_2.png);
  background-size: cover;
  width: 100%;
  height: 94px;
  display: block;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: absolute;
  top: 0;
  z-index: 2;
  transform: rotate(180deg);
}

#patient-home #quiz-text-component:after {
  content: "";
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/divider_4.png);
  background-size: cover;
  width: 100%;
  height: 94px;
  display: block;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
}

#patient-home #quiz-text-component .video {
  position: absolute;
  width: 100%;
}

.home-banner-image-text .hero-banner-short-quiz.text {
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  font-size: 24px;
}

#patient-home #quiz-section-text {
  text-align: center;
  color: #ffffff;
  max-width: 1170px;
  margin: 0 auto;
  padding-top: 190px;
  padding-bottom: 190px;
}

#patient-home .quiz-sectiontext-second-p a {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/take-the-quiz.png);
  background-size: cover;
  max-width: 818px;
  height: 65px;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 25px;
  display: block;
  margin: 0 auto;
}

#patient-home .quiz-sectiontext-second-p a:hover {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/take-the-quiz_hover.png);
}

#patient-home .download-section-text .download-button-text {
  color: #ffffff;
}

#patient-home .footer-first-reference {
  color: #000000;
  font-size: 19px;
  line-height: 23px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  padding-top: 60px 0 20px;
}

#patient-home #homepage_subref {
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  padding-top: 25px;
}

#patient-home #homepage_subref ol, #patient-home #homepage_subref li {
  list-style: auto;
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  padding-left: 0;
  margin-left: 6px;
}

#patient-home #homepage_subref li a {
  list-style: auto;
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

#patient-home #homepage_subref li a:hover {
  color: #2eb8c9;
}

#about-flare #homepage_subref, #resourcesforyou #homepage_subref, #yourcopdquiz #homepage_subref {
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  padding-top: 35px;
}

#about-flare #quiz-section-text {
  max-width: 1170px;
  padding: 52px 0;
  margin: 0 auto;
}

#about-flare .quiz-sectiontext-second-p {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/about_flare_ups_take_quiz_button.png);
  background-size: cover;
  max-width: 442px;
  height: 77px;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 23px;
  text-align: center;
  float: left;
}

#about-flare .quiz-sectiontext-second-p:hover {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/about_flare_ups_take_quiz_button_hover.png);
}

#about-flare .quiz-sectiontext-second-p:hover a {
  color: #104758;
}

#about-flare .quiz-sectiontext-second-p .btnLinks {
  font-size: 62px;
  padding: 0 28px;
}

#about-flare #homepage_subref ol, #about-flare #homepage_subref li {
  list-style: auto;
  list-style-type: decimal;
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  padding-left: 0;
  margin-left: 6px;
}

#about-flare #homepage_subref li a {
  list-style: auto;
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

#about-flare #homepage_subref li a:hover {
  color: #2EB8C9;
}

#beflareawareglobal {
  height: 1975px;
}

#yourcopdquiz #homepage_subref ol, #yourcopdquiz #homepage_subref li {
  list-style: auto;
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  padding-left: 0;
  margin-left: 6px;
}

#yourcopdquiz #homepage_subref li a {
  list-style: auto;
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

#yourcopdquiz #homepage_subref li a:hover {
  color: #2EB8C9;
}

.quiz-sectiontext-first-p {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 32px;
  padding-bottom: 23px;
}

.quiz-sectiontext-second-p {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 45px;
  margin: 0 auto;
}

.quiz-sectiontext-third-p {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 28px;
  margin: 0 auto;
  padding-top: 30px;
  display: inline-block;
  position: relative;
}

.quiz-sectiontext-third-p span {
  color: #2eb8c9;
}

#patient-home #quiz-section-text ul {
  display: block;
  vertical-align: middle;
  padding-left: 25px;
  position: relative;
  top: 25px;
}

#patient-home #quiz-section-text ul span {
  display: inline;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 24px;
  padding: 15px 23px 0 33px;
}

#patient-home #quiz-section-text ul li {
  display: inline-block;
  width: 38px;
  margin-top: 0;
  margin-right: 10px;
}

#patient-home #video-download-section-container {
	/*background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/quiz_background.png);*/
  background-color: #104758;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 100%;
  margin-top: -28px;
  position: relative;
  padding-bottom: 30px;
}

#patient-home #video-download-section-container #video-section-inner-container {
  max-width: 1170px;
  margin: 0 auto;
}

/*#patient-home #video-section-inner-container .cmp-video__thumbnail {*/
/*  height: 175px !important;*/
/*}*/

#copd_exacerbations_bodyContent {
  background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/document-thumbnail.png);
  padding-left: 100px;
  width: 48%;
}

.bluecolor-background {
  background-color: #175f7b;
  height: 23px;
  width: 34px;
}

#video-section-inner-container {
  max-width: 1170px;
  margin: 0 auto;
}

#video-download-section-container .video.aem-GridColumn.aem-GridColumn--default--12 {
  margin-top: 57px;
  float: left;
}

/*#video-download-section-container .video.aem-GridColumn.aem-GridColumn--default--12 .cmp-video__video .cmp-video__thumbnail {*/
/*  height: 100%;*/
/*}*/

#video-download-section-container .video.aem-GridColumn.aem-GridColumn--default--12 .cmp-video__video .cmp-video__playicon {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/video_play_button.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

#video-download-section-container .cmp-video__item-title {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 24px;
  line-height: 28px;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
}

#video-download-section-container .cmp-video__item-text {
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  font-size: 23px;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
  line-height: 27px;
}

#video-download-section-container #homepage_videoSec_heading h2 {
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  font-size: 27px;
  line-height: 30px;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  padding-top: 67px;
}

#video-download-section-container .download-blue-bg {
  background-color: #2eb8c9;
  text-align: center;
  padding: 10px;
  margin-top: -10px;
  margin-bottom: 20px;
}

img.download-background-image {
  width: 100%;
  height: 238px;
}

#patient-home img.download-background-image {
  height: 204px;
}

.download-section-text p {
  color: #fff;
  text-decoration: none;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 25px;
  text-align: center;
}

.download-icon {
  width: 46px;
  height: 46px;
}

.download-icon-hover {
  width: 46px;
  height: 46px;
  margin: 0 auto;
  display: none;
}

/* about-falre start*/

#about-flare-hero-container {
  background: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/about-flare-banner.png) no-repeat;
  background-size: cover;
  height: 166px;
  display: block;
  padding: 0;
  width: 100%;
}

#about-flare-hero-container .video {
  position: absolute;
  width: 100%;
}

.edu-res-background {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/take-the-quiz.png);
  background-size: cover;
  width: 100%;
  height: 51px;
  background-repeat: no-repeat;
  position: relative;
  color: #ffffff;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  font-size: 45px;
  padding-left: 15px;
  padding-right: 15px;
}

#about-flare-text-container {
  max-width: 1170px;
  margin: 0 auto;
}

#about-flare .about-flar-hero-text {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 60px;
  color: #ffffff;
  position: relative;
  bottom: auto;
  padding-top: 52px;
}

#about-flare .about-flar-hero-text span.text-blue {
  color: #2EB8C9;
}

#about-flare .about-flare-title {
  color: #104859;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 35px;
  padding-top: 0;
  text-transform: uppercase;
  padding-bottom: 20px;
}

#about-flare-para-container {
  max-width: 1170px;
  margin: 0 auto;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  font-size: 24px;
  color: #104859;
  padding-top: 60px;
}

#about-flare-para-container p,
.about-flare-ul-li {
  padding-bottom: 44px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

#about-flare-para-container p a {
  color: #104859;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  font-size: 24px;
  text-decoration: underline;
}

#about-flare-para-container p a:hover {
  color: #2EB8C9;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  font-size: 24px;
}

.about-flare-ul-li li {
  color: #104859;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  font-size: 24px;
  line-height: 28px;
}

ul.about-flare-ul-li {
  list-style: disc;
  padding-bottom: 47px !important;
  list-style-position: outside !important;
  padding-left: 2.5em !important;
}

.about-flare-ref {
  list-style: auto;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
	/*font-size: 16px;*/
  padding-bottom: 20px;
}

#about-flare #quiz-text-component {
  background: transparent;
  height: auto;
  background-size: cover;
  width: 100%;
}

#text-210de94449 p, .refheading {
  padding-bottom: 0px;
  font-size: 18px;
  color: #000000;
  font-family: 'RobotoCondensed-Bold';
}

.about-flare-ref li::marker {
  font-size: 18px;
}

#about-flare ol.about-flare-ref, #outcome1 ol.about-flare-ref, #outcome2 ol.about-flare-ref, #outcome3 ol.about-flare-ref, #yourcopdquiz ol.about-flare-ref {
  counter-reset: item;
  color: #104859;
}

#about-flare ol.about-flare-ref  li, #outcome1 ol.about-flare-ref  li, #outcome2 ol.about-flare-ref  li, #outcome3 ol.about-flare-ref  li,#yourcopdquiz ol.about-flare-ref  li {
  display: block;
}

#about-flare ol.about-flare-ref  li:before, #outcome1 ol.about-flare-ref  li:before, #outcome2 ol.about-flare-ref  li:before, #outcome3 ol.about-flare-ref  li:before, #yourcopdquiz ol.about-flare-ref  li:before {
  content: counter(item) ". ";
  counter-increment: item;
  font-weight: bold;
}

#about-flare #footer-container-outer,
#resourcesforyou #footer-container-outer,
#yourcopdquiz #footer-container-outer {
	/*background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/blue-footer-container-background.png);*/
	/*height: 23.45vw;*/
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
	/*margin-top: -33px;*/
  position: relative;
}

#resourcesforyou #footer-container-outer:before {
  content: "";
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/divider_1.png);
  background-size: cover;
  width: 100%;
  height: 94px;
  display: block;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: absolute;
  transform: rotate(180deg);
  margin-top: -5px;
}

#yourcopdquiz #footer-container-outer {
	/*height: 29.45vw;*/
  height: auto;
}

#about-flare .footer-second-paragraph-1,
#about-flare #footer-inner-container #footer_copyright ul li,
#resourcesforyou .footer-second-paragraph-1,
#resourcesforyou #footer-inner-container #footer_copyright ul li,
#yourcopdquiz .footer-second-paragraph-1,
#yourcopdquiz #footer-inner-container #footer_copyright ul li {
  color: #000000;
}

#about-flare .az-footer-logo img,
#resourcesforyou .az-footer-logo img,
#yourcopdquiz .az-footer-logo img,
#patient-home .az-footer-logo img {
  padding-right: 35px;
}

#yourcopdquiz #footer-inner-container #footer_copyright ul li:nth-child(4):after {
  display: none;
}

/*#about-flare .about-flare-ref a {
	text-decoration: none;
	color: #104859;
    word-break: break-all;

}*/
.about-flare-ref a {
  text-decoration: none;
  color: #104859;
  word-break: break-all;
  -;
}

#resourcesforyou #footer-inner-container .footer-first-reference,
#yourcopdquiz #footer-inner-container .footer-first-reference,
#outcome1 .footer-first-reference, #outcome2 .footer-first-reference, #outcome3 .footer-first-reference, #outcome4 .footer-first-reference {
  color: #000000!important;
  font-size: 19px;
  line-height: 23px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  padding-top: 50px;
}

#yourcopdquiz #footer-inner-container .footer-first-reference {
  padding-top: 10px !important;
}

#yourcopdquiz #footer-inner-container .footer-first-reference a {
  color: #2EB8C9;
  font-size: 19px;
}

#about-flare #footer-inner-container .footer-first-reference {
  padding-top: 15px !important;
  font-size: 19px;
  line-height: 24px;
}

#yourcopdquiz #footer-inner-container .footer-first-reference li a {
  text-decoration: underline!important;
}

#outcome1 #homepage_subref li a, #outcome2 #homepage_subref li a, #outcome3 #homepage_subref li a, #outcome4 #homepage_subref li a {
  list-style: auto;
  color: #000000;
  font-size: 12px;
  line-height: 17px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

#about-flare #footer-inner-container,
#resourcesforyou #footer-inner-container {
  padding-top: 35px;
}

#yourcopdquiz #footer-inner-container {
  padding-top: 20px;
}

#about-flare #footer-inner-container #footer_copyright,
#resourcesforyou #footer-inner-container #footer_copyright,
#yourcopdquiz #footer-inner-container #footer_copyright {
  padding-bottom: 85px;
  padding-top: 35px;
}

#flare-edu-sec-background {
  padding-top: 30px !important;
  padding-bottom: 35px !important;
}

#patient-home #bannerarrow {
  position: absolute;
  left: -31px;
  top: -10px;
}
/*mobile*/
@media only screen and (max-width: 991px) {
  .download-section-text a {
    display: block;
  }

  #about-flare-para-container {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top: -48px;
  }

  #about-flare .about-flar-hero-text {
    padding-left: 7%;
    font-size: 40px;
    left: 0;
  }

  .edu-res-background {
    line-height: 55px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  #about-flare-para-container {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top: -48px;
  }

  #about-flare .about-flar-hero-text {
    padding-left: 7%;
    font-size: 40px;
    left: 0;
  }

  .edu-res-background {
    line-height: 54px;
  }
}
/* about-flare-end*/


/* outcome-start*/

#out-come-hero-banner {
  background: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/result-page-hero-banner.png) no-repeat;
  height: 43.45vw;
  display: block;
  background-size: cover;
  padding: 0px;
}

.outcome-hero-banner-title {
  text-align: center;
  font-size: 51px;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  margin: 25px auto;
  color: #ffffff;
}

.outcome-hero-banner-desc {
  text-align: center;
  font-size: 22px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  margin: 25px auto;
  color: #ffffff;
}

.download-cta {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/visit_resources_page_box.png);
  background-size: cover;
  width: 51%;
  height: 51px;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 auto;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 31px;
  text-align: center;
}

.download-cta:hover {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/visit_resources_page_box-hover.png);
}

.download-cta a {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 31px;
  color: #ffffff;
}

.outcome-learnmore-bg-p:hover a {
  color: #104859;
}

#outcome-inner-container {
  max-width: 1170px;
  margin: 0 auto;
}

#outcome-video-container .video.aem-GridColumn.aem-GridColumn--default--12:nth-child(1) {
  max-width: 500px;
  margin-top: 57px;
  float: left;
}

#outcome-video-container .video.aem-GridColumn.aem-GridColumn--default--12:nth-child(2) {
  max-width: 500px;
  margin-top: 57px;
  float: left;
}

.outcome-download-section-text {
  text-align: center;
}

.download-section-text.outcome-download-section-text {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/document-thumbnail.png);
  width: 48%;
  height: 282px;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 auto;
}

#outcome1 #text-de7a8c32e2 .download-blue-bg {
  background-color: #2eb8c9;
  padding: 10px;
  margin-top: -4px;
  margin-bottom: 14px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

#outcome1 #text-de7a8c32e2 .download-blue-bg:hover {
  background-color: #104758;
}

#outcome1 .download-section-text {
  text-align: center;
  margin-top: 32px;
}

#outcome2 #text-255801154d .download-blue-bg {
  background-color: #2eb8c9;
  padding: 10px;
  margin-top: -4px;
  margin-bottom: 14px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

#outcome2 #text-255801154d .download-blue-bg:hover {
  background-color: #104758;
}

#outcome2 .download-section-text {
  text-align: center;
  margin-top: 32px;
}

#outcome1 .download-section-text {
  text-align: center;
  margin-top: 32px;
}

#outcome3 #text-5ac64ac5db .download-blue-bg {
  background-color: #2eb8c9;
  padding: 10px;
  margin-top: -4px;
  margin-bottom: 14px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

#outcome3 #text-5ac64ac5db .download-blue-bg:hover {
  background-color: #104758;
}

#outcome3 .download-section-text {
  text-align: center;
  margin-top: 32px;
}

#outcome4 #text-8c1ca35734 .download-blue-bg {
  background-color: #2eb8c9;
  padding: 10px;
  margin-top: -4px;
  margin-bottom: 14px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

#outcome4 #text-8c1ca35734 .download-blue-bg:hover {
  background-color: #104758;
}

#outcome4 .download-section-text {
  text-align: center;
  margin-top: 32px;
}

#outcome1 .download-section-text img.download-background-image,
#outcome2 .download-section-text img.download-background-image,
#outcome3 .download-section-text img.download-background-image,
#outcome4 .download-section-text img.download-background-image {
  width: 50%;
  height: 280px;
}

#outcome1 .video.aem-GridColumn.aem-GridColumn--default--12,
#outcome2 .video.aem-GridColumn.aem-GridColumn--default--12,
#outcome3 .video.aem-GridColumn.aem-GridColumn--default--12,
#outcome4 .video.aem-GridColumn.aem-GridColumn--default--12 {
  width: 50%;
  float: left;
}

#outcome-video-section-inner-container .cmp-video__item-title {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 24px;
  line-height: 28px;
  margin: 0 auto;
  color: #104859;
  text-align: center;
}

#outcome-video-section-inner-container .cmp-video__item-text {
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  font-size: 24px;
  line-height: 28px;
  margin: 0 auto;
  color: #104859;
  text-align: center;
}

.outcome-paragraph {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 30px;
  line-height: 44px;
  margin: 0 auto;
  color: #104859;
  padding-top: 20px;
  padding-bottom: 20px;
}

.download-section-text .download-button-text {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 24px;
  line-height: 28px;
  margin: 0 auto;
  color: #104859;
  text-align: center;
}

.download-section-text .download-button-text .bownload-button-text-2 {
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

.outcome-learnmore-section .outcome-learnmore-first-p {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 38px;
  line-height: 38px;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}

.outcome-learnmore-bg-p {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/visit_resources_page_box.png);
  background-size: cover;
  max-width: 769px;
  height: auto;
  background-repeat: no-repeat;
  position: relative;
  margin: 26px auto 65px;
  color: #ffff;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 61px;
  text-align: center;
  line-height: 77px;
}

.outcome-learnmore-bg-p:hover {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/visit_resources_page_box-hover.png);
}

/* outcome-end*/


/* outcome3-start*/

#outcome3-video-container .video.aem-GridColumn.aem-GridColumn--default--12 {
  max-width: 500px;
  margin-top: 57px;
  float: left;
}

#outcome3-video-container .text.aem-GridColumn.aem-GridColumn--default--12 {
  max-width: 500px;
  float: left;
  margin-top: 57px;
  margin-left: 34px;
}


/* outcome3-end*/


/* resource-start*/

#resource-section-container {
  width: 100%;
}

#resource-section-container:after {
  content: "";
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/divider_2.png);
  background-size: 100% auto;
  width: 100%;
  height: 92px;
  display: block;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: relative;
}

#resource-section-container .carousel .cmp-carousel {
  max-width: 1170px;
  margin: 0 auto;
}

#resource-section-container .cmp-carousel-horizontal .cmp-carousel__indicators {
  justify-content: center;
  bottom: 17.5%;
}

#resource-section-container .cmp-carousel-horizontal .cmp-carousel__indicator {
  margin: 0 8.5px;
}

#resource-section-container .cmp-carousel-horizontal .cmp-carousel__indicators li.cmp-carousel__indicator--active::after {
  display: none;
}

#resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--previous span,
#resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--next span,
#resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--pause,
#resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--play {
  display: none;
}

#resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--previous {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/right-arrow.png);
  background-size: contain;
  width: 63px;
  height: 78px;
  display: block;
  float: left;
  margin-left: -70px;
  margin-top: -52%;
  background-color: transparent;
  background-repeat: no-repeat;
}

#resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--next {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/left-arrow.png);
  background-size: contain;
  width: 63px;
  height: 78px;
  display: block;
  float: right;
  right: 0px;
  margin-right: -85px;
  margin-top: -52%;
  background-color: transparent;
  background-repeat: no-repeat;
}

.resourcepage-carousle-heading {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 45px;
  line-height: 46px;
  padding-top: 35px;
  padding-bottom: 40px;
}

#resource-section-container .video .cmp-video__playicon {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/video_play_button.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 6.8em;
  width: 6.8em;
  left: calc(50% - 4em);
}

#download-link-section-container .text.aem-GridColumn.aem-GridColumn--default--12 {
  width: 33%;
  float: left;
}

#resourcesforyou .download-section-text.section-1,
#resourcesforyou .download-section-text.section-2,
#resourcesforyou .download-section-text.section-3 {
  margin-left: 45px;
  margin-right: 45px;
}

#download-link-section .download-blue-bg {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/download-icon-bg.png);
  background-size: contain;
  width: 100%;
  padding: 7px 10px 14px 10px;
  margin-top: -4px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  height: 63px;
}

#download-link-section .download-blue-bg:hover {
  background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/download-icon-bg-hover.png);
  background-size: contain;
  width: 100%;
  padding: 7px 10px 14px 10px;
  margin-top: -4px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  height: 63px;
}

#download-link-section .download-blue-bg:hover {
  padding-bottom: 14px;
}

#download-link-section .download-blue-bg:hover > .download-icon {
  display: none;
}

#download-link-section .download-blue-bg:hover > .download-icon-hover {
  display: block;
}

#download-link-section .download-section-text {
  text-align: center;
}

.cmp-video__player,
.cmp-video__content {
  display: table;
  height: auto !important;
  margin: 0 auto;
  text-align: center;
}

#resourcesforyou .cmp-video__content .cmp-video__item-title {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 29px;
  line-height: 33px;
  color: #104859;
  margin-top: 100px;
  margin-bottom: 10px;
}

#resourcesforyou .cmp-video__content .cmp-video__item-text {
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  font-size: 29px;
  line-height: 33px;
  color: #104859;
}

#resourcesforyou img.download-background-image {
  height: auto;
}

#resourcesforyou .download-button-text {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  color: #2eb8c9;
  font-size: 22px;
  line-height: 25px;
  padding-top: 9px;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
}

#resourcesforyou .download-button-text .bownload-button-text-2 {
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  color: #ffffff;
  font-size: 21px;
  line-height: 25px;
  text-align: center;
}

#resourcesforyou #resources_page_column_outer {
  background-color: #104758;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 100%;
  margin-top: -28px;
  position: relative;
}

#download-link-section-container {
  padding-bottom: 45px;
  padding-top: 85px;
  max-width: 1170px;
  margin: 0 auto;
}

.cmp-carousel__indicator--active {
	/*background: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/resource-active-circle.png) no-repeat;*/
  height: 23px !important;
  width: 23px !important;
  display: block;
  background-size: cover;
  padding: 0px;
  background-color: #2EB8C9 !important;
  margin-top: 29px;
  opacity: 1!important;
}

.cmp-carousel__indicator {
	/*background: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/resource-coursol-circle.png) no-repeat;*/
  height: 23px !important;
  width: 23px !important;
  display: block;
  background-size: cover;
  padding: 0px;
  background-color: #2EB8C9 !important;
  margin-top: 29px !important;
  opacity: .5;
}

.resourcesforyou .download-section-text.section-1,
.resourcesforyou .download-section-text.section-2,
.resourcesforyou .download-section-text.section-3 {
  margin-left: 20px;
  margin-right: 20px;
}

@media only screen and (max-width: 991px) and (min-width: 320px) {
  #resourcesforyou #download-link-section-container .text.aem-GridColumn.aem-GridColumn--default--12 {
    width: 100%;
  }

  #outcome1 #text-de7a8c32e2 .download-blue-bg {
    width: 100%;
  }

  #outcome2 #text-255801154d .download-blue-bg {
    width: 100%;
  }

  #outcome3 #text-5ac64ac5db .download-blue-bg {
    width: 100%;
  }

  #outcome4 #text-8c1ca35734 .download-blue-bg {
    width: 100%;
  }

  #resourcesforyou .download-section-text.section-1, #resourcesforyou .download-section-text.section-2, #resourcesforyou .download-section-text.section-3 {
    margin-left: 30px;
    margin-right: 30px;
  }

  #resource-section-container {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top: 0;
  }

  .resource-hero-text {
    font-size: 40px;
  }

  .footer-second-paragraph-1 {
    padding-bottom: 25px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--previous {
    margin-left: -14px;
    background-repeat: no-repeat;
    width: 22px;
    margin-top: -100%;
  }

  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--next {
    margin-right: -14px;
    background-repeat: no-repeat;
    width: 22px;
    margin-top: -100%;
  }

  #resource-section-container {
    padding-left: 0;
    padding-right: 0;
  }

  #flare-edu-sec-background {
    padding: 0px !important;
  }

  .az-footer-logo img {
    padding-bottom: 25px;
  }

  .outcome-learnmore-bg-p a.btnLinks {
    font-size: 20px!important;
  }
}

@media only screen and (max-width: 767px) and (min-width: 320px) and (orientation: landscape) {
  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--previous,#resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--next {
    margin-top: -45%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--previous {
    margin-left: -14px;
    background-repeat: no-repeat;
    width: 33px;
    margin-top: -52%;
  }

  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--next {
    margin-right: -14px;
    background-repeat: no-repeat;
    width: 33px;
    margin-top: -52%;
  }

  #resource-section-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #patient-home #bannerarrow {
    left: -66px;
    top: 6px;
  }

  #patient-home #bannerarrow .arrowimg {
    left: 35%;
  }

  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--previous {
    margin-top: -50%;
  }

  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--next {
    margin-top: -50%;
  }

  #footer-inner-container {
    padding: 40px 20px 0 20px;
  }

  .outcome-learnmore-bg-p a {
    font-size: 35px;
  }

  #outcome-inner-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .outcome-learnmore-bg-p a {
    font-size: 35px;
  }

  #patient-home #video-download-section-container {
    margin-top: -49px;
  }
}
/* resource-end*/

@media only screen and (max-width: 991px) {
  #patient-home #patient-banner-image {
    padding: 0;
    background-position: top center;
    height: 60vw;
    display: block;
    background-size: 100%;
  }

  #patient-home #patient-banner-image #home_banner_content {
    margin-right: 0;
    max-width: 50%;
    margin-top: 0 !important;
    padding-top: 20px;
    ;
  }

  #patient-home .home-banner-image-text {
    max-width: 245px;
    width: 100%;
    background-color: transparent;
    padding: 0 20px 0;
  }

  #patient-home .hero-banner-copd-text {
    font-size: 10px;
    margin: 5px auto;
  }

  .home-banner-image-text .hero-banner-short-quiz.text {
    font-size: 10px;
  }

  #patient-home .hero-banner-take-the-quiz {
    font-size: 14px;
  }

  #home_banner_social_icons {
    display: inline-block;
    padding: 0;
  }

  #home_subbanner_content #home_banner_social_icons ul li {
    width: 20px;
  }

  #home_subbanner_content #home_banner_social_icons span {
    padding: 5px 23px 0 33px;
    font-size: 14px;
  }

  #patient-home #bannerarrow .cmp-image__image {
    width: 31px;
    bottom: 8px;
    left: 46%;
  }

  #patient-home #bannerarrow .arrowimg {
    width: 31px;
    bottom: 6px;
    left: 46%;
  }

  #video-download-section-container .text.aem-GridColumn.aem-GridColumn--default--12 {
    padding: 0 20px;
  }

  .cmp-video__player, .cmp-video__content {
    padding: 0 20px;
  }

  #patient-banner-image .cmp-video__player, #patient-banner-image .cmp-video__content {
    height: 50vw!important;
    padding: 0;
  }

  #patient-home #quiz-text-component {
    background-position: top left;
    height: 60vw;
    display: table;
    background-size: cover;
  }

  #patient-home #quiz-text-component .cmp-video__player, #patient-home #quiz-text-component .cmp-video__content {
    height: 85vw!important;
    padding: 0;
  }

  #patient-home #quiz-text-component:before {
    position: relative;
  }

  #patient-home #quiz-text-component:after {
    position: relative;
  }

  #video-download-section-container #homepage_videoSec_heading h2 {
    padding-top: 50px;
  }

  #video-download-section-container .video.aem-GridColumn.aem-GridColumn--default--12 {
    margin-top: 30px;
    float: left;
  }

  #patient-home #video-download-section-container #video-section-inner-container {
    padding-bottom: 0;
  }

  #patient-home #video-download-section-container {
    padding-bottom: 50px;
    margin-top: 0px;
  }

  #patient-home .quiz-sectiontext-second-p a {
    background-size: auto;
    max-width: 300px;
    height: 55px;
    padding: 20px 0 0 0;
  }

  .quiz-sectiontext-first-p {
    font-size: 22px;
  }

  .quiz-sectiontext-third-p {
    font-size: 22px;
  }

  #patient-home #quiz-section-text ul li {
    width: 28px;
    margin-top: 20px;
  }

  #patient-home #quiz-text-component {
    margin-top: 0;
  }

  #patient-home #quiz-text-component .btnLinks {
    font-size: 20px;
  }

  #patient-home #quiz-section-text ul {
    display: block;
  }

  #patient-home #quiz-section-text {
    padding-top: 332px;
    padding-bottom: 52px;
  }

  #resourcce-section-container-header .cmp-video__player, #resourcce-section-container-header .cmp-video__content {
    padding: 0;
  }

  #resourcce-section-container-header {
    height: auto;
  }

  #resourcce-section-container-header .resource-hero-text {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 20px;
  }

  #resource-section-container .carousel .cmp-carousel {
    padding: 0 15px 40px;
  }

  #resource-section-container:after {
    height: 46px;
  }

  .resourcepage-carousle-heading {
    padding: 25px 25px 8px 25px;
    font-size: 20px;
    line-height: 24px;
  }

  #resourcesforyou .cmp-video__content .cmp-video__item-title {
    font-size: 20px;
    line-height: 24px;
  }

  #resourcesforyou .cmp-video__content .cmp-video__item-text {
    font-size: 20px;
    line-height: 24px;
  }

  #resourcce-section-container-header .resource-hero-text {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 20px;
  }

  #download-link-section .download-blue-bg {
    background-position: center;
  }

  #about-flare-hero-container .video .cmp-video__player, #about-flare-hero-container .video .cmp-video__content {
    padding: 0;
  }

  #about-flare-hero-container {
    background-size: cover;
    height: 166px;
    display: block;
    padding: 0;
    width: 100%;
    background-position: center right;
  }

  #about-flare .about-flar-hero-text {
    padding-left: 7%;
    font-size: 20px;
    left: 0;
    text-align: left;
    padding-top: 64px;
  }

  #about-flare .about-flare-title {
    font-size: 20px;
  }

  #about-flare-para-container p {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 30px;
  }

  #about-flare-para-container p a {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 30px;
  }

  .about-flare-ul-li {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 0;
  }

  .about-flare-ul-li li {
    font-size: 18px;
    line-height: 20px;
  }

  #about-flare .quiz-sectiontext-second-p {
    background-size: cover;
    float: initial;
    height: 84px;
  }

  #about-flare #quiz-section-text {
    padding: 0;
  }

  #about-flare .quiz-sectiontext-second-p .btnLinks {
    font-size: 45px;
  }

  #about-flare #footer-inner-container, #yourcopdquiz #footer-inner-container {
    padding-top: 0;
  }

  #outcome1 #text-de3921f8de .download-blue-bg {
	        /* max-width: 562px; */
    margin: -5px auto 10px;
    width: 100%;
  }

  #outcome2 #text-d840fe0f47 .download-blue-bg {
           /* max-width: 562px; */
    margin: -5px auto 10px;
    width: 100%;
  }

  #outcome3 #text-4f47132c71 .download-blue-bg {
    	    /* max-width: 562px; */
    margin: -5px auto 10px;
    width: 100%;
  }

  #outcome4 #text-d3fb4c3130 .download-blue-bg {
    	    /* max-width: 562px; */
    margin: -5px auto 10px;
    width: 100%;
  }

  #outcome1 .download-section-text img.download-background-image, #outcome2 .download-section-text img.download-background-image, #outcome3 .download-section-text img.download-background-image, #outcome4 .download-section-text img.download-background-image {
    /* max-width: 562px; */
    width: 100%;
    margin: 0 auto;
  }

  .outcome-learnmore-bg-p a.btnLinks {
    font-size: 20px!important;
  }
}

@media only screen and (min-width: 1280px) {
  #video-download-section-container .video.aem-GridColumn.aem-GridColumn--default--12 .cmp-video__video .cmp-video__thumbnail {
    height: 355px;
  }
}

@media only screen and (min-width: 992px) {
  #patient-home #bannerarrow {
    top: 0;
    left: -71px;
  }

  #patient-home #patient-banner-image {
    padding: 0;
  }

  #patient-banner-image .cmp-video__player {
    height: 750px!important;
    padding: 0;
  }

  .cmp-navigation__group {
    flex-direction: row;
  }

  #patient-home #patient-banner-image #home_banner_content {
    padding-top: 136px;
  }

  #patient-home .home-banner-image-text {
    background-color: transparent;
  }

  #patient-home .hero-banner-copd-text {
    font-size: 40px;
    line-height: 42px;
  }

  .home-banner-image-text .hero-banner-short-quiz.text {
    font-size: 25px;
    line-height: 29px;
  }

  #patient-home #video-download-section-container {
    height: auto;
  }

  .download-cta1 {
    width: 650px;
  }

  #video-download-section-container .video.aem-GridColumn.aem-GridColumn--default--12 {
    max-width: 567px;
    margin-top: 50px;
    height: auto;
    float: left;
    margin-bottom: 50px;
  }

  #video-download-section-container .video:nth-child(3) {
    float: initial!important;
    margin: 0 auto;
    display: block;
    margin-top: 50px;
    margin-bottom: 0!important;
  }

  .video .cmp-video__player {
    height: 355px!important;
  }

  .video .cmp-video__player {
    height: 362px!important;
  }

  #video-download-section-container .video .cmp-video__player, #video-download-section-container .video .cmp-video__content {
    padding: 0;
  }

  #video-download-section-container .video .cmp-video__content {
    padding-top: 27px;
  }

  #video-download-section-container .video .cmp-video__content .video-descrition {
    padding-top: 15px;
  }

  #video-download-section-container .video:nth-child(1) .cmp-video__player {
    padding: 0;
  }

  #video-download-section-container .video:nth-child(1) {
    margin-right: 35px;
  }

  #about-flare #quiz-text-component {
    background-image: url(/content/dam/intelligentcontent/brands/alertvoorlongopstoten-be/nl/desktop/about_flare_ups_take_quiz_background.png);
    height: 188px;
    background-size: auto;
    margin-top: 33px;
    position: relative;
  }
	/*#patient-home #footer-inner-container {
		padding: 0;
	}*/
  #patient-home #quiz-text-component {
    height: auto;
    margin-top: 0;
    position: relative;
  }

  #patient-home #quiz-text-component .cmp-video__player {
    height: 490px!important;
    padding: 0;
  }

  #resourcce-section-container-header .cmp-video__player {
    height: 250px!important;
    padding: 0;
  }

  #about-flare-hero-container .cmp-video__player {
    height: 222px!important;
    padding: 0;
  }
}

#breadcrum {
  padding-top: 10px;
}

#about-flare .cmp-text {
  padding: 0px;
}

#breadcrum li.cmp-breadcrumb__item,
#breadcrum li.cmp-breadcrumb__item a {
  float: left;
  width: auto;
  padding-right: 10px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
  color: #104859;
  font-size: 22px;
}

#breadcrum ol.cmp-breadcrumb__list {
  padding-left: 0px;
}

#breadcrum ol li a:after {
  content: "\003e";
  display: inline;
  color: #104859;
  padding-left: 10px;
  font-size: 22px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

#about-flare .ol-para-first {
  padding-bottom: 20px;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
}

@media only screen and (min-width: 1800px) {
  #patient-home #patient-banner-image {
    background-position: center -10px !important;
  }
}

#flare-edu-sec-background {
  padding: 0px !important;
}

#yourcopdquiz body {
  margin: 0px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #patient-home #video-download-section-container {
    height: auto;
  }

  #patient-home #video-download-section-container .video.aem-GridColumn.aem-GridColumn--default--12 {
    width: 48%;
    float: left;
    margin-left: 5px;
    height: auto;
  }

  #patient-home img.download-background-image {
    height: 168px;
  }

  #patient-home #video-download-section-container .text.aem-GridColumn.aem-GridColumn--default--12 {
    width: 49%;
    float: left;
    margin-left: 0px;
    margin-right: 5px;
    height: auto;
  }

  #patient-home #video-download-section-container #video-section-inner-container {
    padding-bottom: 33px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #patient-home .home-banner-image-text {
    max-width: 80%;
  }

  #patient-home .hero-banner-copd-text {
    font-size: 21px;
    margin: 10px auto;
  }

  .home-banner-image-text .hero-banner-short-quiz.text {
    font-size: 18px;
    margin: 10px auto;
  }

  #patient-home .hero-banner-take-the-quiz {
    font-size: 23px;
    margin: 10px auto;
  }

  #home_subbanner_content #home_banner_social_icons ul li {
    width: 23px;
    margin: 10px 5px;
  }

  #home_subbanner_content #home_banner_social_icons span {
    padding: 17px 23px 0 33px;
    font-size: 21px;
  }

  #patient-home #video-download-section-container {
    margin-top: -47px;
  }

  #patient-home #bannerarrow .arrowimg {
    width: 44px;
    bottom: 5px;
  }

  #patient-home #quiz-section-text {
    padding-top: 232px;
    padding-bottom: 154px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
  #patient-home .home-banner-image-text {
    max-width: 80%;
  }

  #patient-home .hero-banner-copd-text {
    font-size: 21px;
    margin: 10px auto;
  }

  .home-banner-image-text .hero-banner-short-quiz.text {
    font-size: 18px;
    margin: 10px auto;
  }

  #patient-home .hero-banner-take-the-quiz {
    font-size: 23px;
    margin: 10px auto;
  }

  #home_subbanner_content #home_banner_social_icons ul li {
    width: 23px;
    margin: 10px 5px;
  }

  #home_subbanner_content #home_banner_social_icons span {
    padding: 17px 23px 0 33px;
    font-size: 21px;
  }

  #patient-home #video-download-section-container {
    margin-top: -47px;
  }

  #patient-home #bannerarrow .arrowimg {
    width: 44px;
    bottom: 3px;
    left: 46%;
  }

  #patient-home #video-download-section-container {
    margin-top: -45px;
  }

  #patient-home #quiz-section-text {
    padding-top: 182px;
    padding-bottom: 109px;
  }
}

#take-quiz-ref-inner-container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #video-download-section-container #homepage_videoSec_heading h2 {
    padding-top: 0px;
  }
}
/*@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){
    #patient-home #quiz-section-text {
    padding-top: 380px;
    padding-bottom: 0px;
}
}*/
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  #patient-home #quiz-section-text {
    padding-top: 218px;
    padding-bottom: 148px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-ul-li-container ul.footer-ul-li li:after {
    content: "|";
    padding-left: 15px;
    padding-right: 15px;
  }

  .cmp-video__thumbnail {
    height: 175px !important;
  }

  .cmp-video__playicon {
    top: calc(50% - 2.5em) !important;
  }

  #outcome1 #outcome-inner-container .cmp-video__playicon, #outcome2 #outcome-video-section-inner-container .cmp-video__playicon, #outcome3 #outcome-inner-container .cmp-video__playicon, #outcome4 #outcome-inner-container .cmp-video__playicon {
    top: calc(50% - 2.5em) !important;
  }

  .video .cmp-video__player {
    height: 190px!important;
  }

  #outcome1 .video .cmp-video__player,#outcome2 .video .cmp-video__player,
#outcome3 .video .cmp-video__player,#outcome4 .video .cmp-video__player {
    height: 190px!important;
  }

  #outcome1 .cmp-video__thumbnail,#outcome2 .cmp-video__thumbnail,
#outcome3 .cmp-video__thumbnail,#outcome4 .cmp-video__thumbnail {
    height: 175px !important;
  }

  #patient-home #quiz-text-component .cmp-video__player, #patient-home #quiz-text-component .cmp-video__content {
    height: 33vw !important;
    padding: 0;
  }

  #patient-home #quiz-section-text {
    padding-top: 4%;
    padding-bottom: 4%;
  }

  .quiz-sectiontext-third-p {
    padding-top: 17px;
  }

  #patient-home #quiz-text-component:before {
    display: none;
  }

  #patient-home #quiz-text-component {
    height: auto;
  }

  #about-flare-hero-container {
    background-size: cover;
    height: 126px;
    background-position: 75% center;
  }

  #about-flare .about-flar-hero-text {
    padding-top: 54px;
  }

  #resource-section-container .video .cmp-video__playicon {
    height: 4.8em;
    width: 4.8em;
    top: calc(50% - 2em);
    left: calc(50% - 2.5em);
  }

  #resourcesforyou .cmp-video__content .cmp-video__item-title {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
  #patient-home #quiz-section-text {
    padding-top: 45%;
    padding-bottom: 0%;
  }
}

element.style {
}

@media only screen and (device-width: 768px) {
    
  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--previous {
    margin-top: -63%!important;
  }

  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--next {
    margin-top: -63%!important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #resource-section-container:after {
    width: 103%;
    margin-left: -15px;
  }

  #video-download-section-container .video.aem-GridColumn.aem-GridColumn--default--12 {
    max-width: 98% !important;
    width: 100% !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  #patient-home #video-download-section-container .text.aem-GridColumn.aem-GridColumn--default--12 {
    width: 100% !important;
  }

  .footer-first-reference.disclaimer {
    padding: 19px;
  }

  #patient-home #video-download-section-container .video .cmp-video__content .video-descrition {
    margin-left: 5px;
    margin-right: 5px;
  }

  #patient-home #patient-banner-image #home_banner_content {
    padding-top: 176px;
    margin-right: 44px;
  }
}

@media only screen and (min-width: 1600px) {
  #patient-home #patient-banner-image #home_banner_content {
    margin-right: 387px;
  }

  #video-download-section-container #homepage_videoSec_heading h2 {
    padding-top: 40px;
  }

  #patient-home #video-download-section-container {
    padding-bottom: 50px;
  }
}

#footer-inner-container ol::marker {
  font-family: 'RobotoCondensed-Bold' !important;
}

@media only screen and (min-width: 992px) {
@  -moz-document url-prefix() {
    #patient-banner-image .kWidgetIframeContainer{position: absolute !important;
  }

  #video-section-inner-container .kWidgetIframeContainer {
    height: 283px !important;
  }

  #resourcesforyou .cmp-video__video {
    height: 659px !important;
  }
}

#outcome3 #outcome-inner-container .video .cmp-video__player .cmp-video__thumbnail,#outcome1 #outcome-inner-container .video .cmp-video__player .cmp-video__thumbnail,#outcome2 #outcome-inner-container .video .cmp-video__player .cmp-video__thumbnail, #outcome4 #outcome-inner-container .video .cmp-video__player .cmp-video__thumbnail {
  height: 348px!important;
}

#patient-home #video-download-section-container .video .cmp-video__player {
  height: auto;
}

.cmp-carousel__content .cmp-video__player {
  height: 659px !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmp-carousel__content .cmp-video__player {
    width: 95%;
  }

  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--previous {
    margin-top: -67%;
  }

  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--next {
    margin-top: -67%;
  }

  #download-link-section .download-blue-bg {
    height: 55px;
  }

  .download-icon {
    width: 40px;
    height: 40px;
  }

  .download-icon-hover {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #patient-home #video-download-section-container .video .cmp-video__player, #outcome1 #outcome-inner-container .video .cmp-video__player, #outcome2 #outcome-inner-container .video .cmp-video__player, #outcome3 #outcome-inner-container .video .cmp-video__player, #outcome4 #outcome-inner-container .video .cmp-video__player {
    height: 416px !important;
  }

  .cmp-carousel__content .cmp-video__player {
    height: 399px !important;
    width: 95%;
  }
/*#beflareawareglobal {height: 950px;}*/;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #outcome1 .video #outcome-inner-container .cmp-video__player, #outcome2 #outcome-inner-container .video .cmp-video__player, #outcome3 #outcome-inner-container .video .cmp-video__player, #outcome4 #outcome-inner-container .video .cmp-video__player {
    height: 248px !important;
  }

  #patient-home #video-download-section-container .video .cmp-video__player {
    height: 555px !important;
    width: 95%;
  }
/*#beflareawareglobal {height: 2100px;}*/;
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  /*#patient-home #video-download-section-container .video .cmp-video__player, #outcome1 #outcome-inner-container .video .cmp-video__player, #outcome2 #outcome-inner-container .video .cmp-video__player, #outcome3 #outcome-inner-container .video .cmp-video__player, #outcome4 #outcome-inner-container .video .cmp-video__player {*/
  /*  height: 359px !important;*/
  /*}*/

  .cmp-carousel__content .cmp-video__player {
    height: 359px !important;
  }

  #beflareawareglobal {
    height: 1975px;
  }
}

/*#about-flare #about-flare-hero-container::after {
    content: "";
    background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/bg_top_white.png);
    background-size: cover;
  width: 100%;
    height: 94px;
    display: block;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    top: 84px;
    transform: rotate(180deg);
}*/

@media only screen and (max-width: 1024px) {
  #resource-section-container .cmp-carousel__actions {
    position: absolute;
    top: 140px;
    width: 100%;
    height: 1px;
  }

  #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--previous,
    #resource-section-container .carousel .cmp-carousel__actions .cmp-carousel__action--next {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 400px) {
  #resource-section-container .cmp-carousel__actions {
    top: 75px;
  }
}

@media only screen and (min-width: 401px) and (max-width: 535px) {
  #resource-section-container .cmp-carousel__actions {
    top: 90px;
  }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  #beflareawareglobal {
    height: 2875px;
  }
}

@media only screen and (min-width: 414px) and (max-width:767px) and (orientation: portrait) {
  #beflareawareglobal {
    height: 2720px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1024px) and (orientation: portrait) {
  #beflareawareglobal {
    height: 1970px !important;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1100px) and (orientation: landscape) {
  #beflareawareglobal {
    height: 2100px;
  }
}

@media only screen and (min-width: 851px) and (max-width: 1024px) and (orientation: landscape) {
  #beflareawareglobal {
    height: 2100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 851px) and (orientation: landscape) {
  #beflareawareglobal {
    height: 1750px;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  #patient-home #video-section-inner-container .cmp-video__thumbnail {
    height: -webkit-fill-available !important;
  }

  #patient-home #video-section-inner-container .video .cmp-video__player {
    height: 411px !important;
  }
}

@media only screen and (max-width: 498px) {
  .footer_copyright {
    max-width: 300px;
  }

  #patient-home #patient-banner-image:after {
    height: auto;
  }
}

@media screen and (min-width: 1024px) {
    div#container-fd6132b879 .cmp-video__video {
        position: absolute;
    }
}