/* fonts declaration */

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

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

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

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

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

@font-face {
  font-family: "RobotoCondensed-Regular";
	src: url("/content/dam/intelligentcontent/brands/breztri/beflareaware-au/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;
}

.nowrap {
  white-space: nowrap;
}

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 {
  background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-au/new_desktop/about_flare_ups_take_quiz_button.png);
  color: #ffffff;
  padding: 5px 15px;
  background-repeat: no-repeat;
}

/*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 {
  float: left;
}

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

.footer-ul-li-container ul.footer-ul-li li:nth-child(4):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: 30px;
}

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

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


/*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: auto;
  min-height: 100%;
}

/*#patient-home #patient-banner-image:after {
  content: "";
  background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/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/breztri/beflareaware-global/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/breztri/beflareaware-global/desktop/hero_banner_take_quiz_bar.png);
  background-size: contain;
  width: 100%;
  height: 47px;
  background-repeat: no-repeat;
  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/breztri/beflareaware-global/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/breztri/beflareaware-au/new_desktop/Sub_Banner_Deskto.jpg);
  background-size: 100% 100%;
  background-color: #104758;
  height: auto;
  width: 100%;
  margin-top: -2px !important;
}

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

/*#patient-home #quiz-text-component:after {
  content: "";
  background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/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: 65px;
  padding-bottom: 230px;
}

#patient-home .quiz-sectiontext-second-p a {
  background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/take-the-quiz.png);
  background-size: cover;
  max-width: 730px;
  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/breztri/beflareaware-au/new_desktop/hero_banner_take_quiz_bar_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/breztri/beflareaware-au/new_desktop/about_flare_ups_take_quiz_button.png);
  background-size: 100%;
  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/breztri/beflareaware-au/new_desktop/about_flare_ups_take_quiz_button.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: 1950px;
}

#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: inline;
  vertical-align: middle;
  padding-left: 25px;
  position: relative;
  top: -5px;
}

#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: #163844;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 100%;
  margin-top: -28px;
  position: relative;
  padding-bottom: 100px;
}

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

#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/breztri/beflareaware-global/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/breztri/beflareaware-au/new_desktop/About_Flare_Ups_Banner_Image_Desktop.jpg) no-repeat;
  background-size: cover;
  height: 300px;
  display: block;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
}

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

.edu-res-background {
  background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/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;
}

#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/breztri/beflareaware-global/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);
}

#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(3):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/breztri/beflareaware-global/desktop/result-page-hero-banner.jpg) 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/breztri/beflareaware-global/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/breztri/beflareaware-global/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/breztri/beflareaware-global/desktop/document-thumbnail.png);
  width: 48%;
  height: 282px;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 auto;
}

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

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

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

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

#outcome2 #text-d840fe0f47 .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-4f47132c71 .download-blue-bg {
  background-color: #2eb8c9;
  padding: 10px;
  margin-top: -4px;
  margin-bottom: 14px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

#outcome4 #text-d3fb4c3130 .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/breztri/beflareaware-global/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/breztri/beflareaware-global/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/breztri/beflareaware-global/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/breztri/beflareaware-global/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/breztri/beflareaware-global/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/breztri/beflareaware-global/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/breztri/beflareaware-global/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/breztri/beflareaware-global/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%;
  }

  #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;
  }

  #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;
  }

  #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: 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;
  }

  #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-download-section-container .video .cmp-video__player {
    height: 280px!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;
  }

  .video.aem-GridColumn.aem-GridColumn--default--12:nth-child(3) {
    float: initial!important;
    margin: 0 auto;
    display: block;
    margin-top: 50px;
    margin-bottom: 0!important;
  }

  #about-flare #quiz-text-component {
    background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/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-weight: bold;
}

@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: 65px;
    padding-bottom: 200px;
  }
}

@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) {
  #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: 160px;
    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: 10%;
    padding-bottom: 15%;
  }
}

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;
  }
}

#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: 290px !important;
}

#outcome2 #outcome-inner-container .video .cmp-video__player .cmp-video__thumbnail {
  height: 280px!important;
}

.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: 650px;
  }
}

@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: 300px;
  }
}

/*#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: 650px;
  }
}
/**********************NEW CSS**************************************************/


p.new-added.text {
  padding-top: 40px;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 22px;
  line-height: 28px;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
}

.ref {
  display: flex;
  align-items: baseline;
}

.footer-logos {
  display: flex;
  align-items: baseline;
}

img.pad {
  width: 200px;
}

img.pad-10 {
  padding-top: 10px;
  position: relative;
  top: -16px;
}

.footer-logos p {
  color: #000000;
  font-size: 18px;
  line-height: 23px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

.pos {
  position: relative;
  bottom: 15.0px;
}

@media screen and (max-width:991px) {

  #first .text.aem-GridColumn.aem-GridColumn--default--12 {
    padding: 0;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  #patient-home #quiz-section-text {
    padding-top: 55px;
    padding-bottom: 70px;
  }

  #patient-home #quiz-text-component {
    background-position: top left;
    height: fit-content;
    display: block;
    background-size: cover;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  #about-flare-hero-container {
    background: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-au/new_desktop/About_Flare_Ups_Banner_Image_Desktop.jpg) no-repeat;
    background-size: cover;
    height: 240px;
  }

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

*[aria-hidden='true'] {
  visibility: visible;
}

.cmp-experiencefragment--header {
  width: 100%;
  background-color: #104758;
  margin: 0 auto;
}

.ic-header {
  background-color: #104758;
}

#ic-actoncopd-header {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
}

#ic-actoncopd-header .image {
  width: auto;
}

#ic-actoncopd-header .image .cmp-image__link {
  line-height: 0;
}

#ic-actoncopd-header .cmp-image__image {
	    /*height: 41px;*/
  width: 247px;
  margin-top: 15px;
  padding: 10px 0;
}

#ic-actoncopd-header #gaa-logoheader .cmp-image__image {
  margin-left: 30px;
  margin-top: 19px;
}

#ic-actoncopd-header #az-logoheader .cmp-image__image {
  margin-top: 5px;
}

#ic-actoncopd-header .navigation {
  width: auto;
  float: right;
}

#ic-actoncopd-header .cmp-navigation__item {
  padding: 25px 12px;
  margin: 0;
  font-size: 17px;
}

#ic-actoncopd-header .navigation nav ul li a {
  color: #ffffff;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 17px;
  font-weight: normal;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 5px 15px;
}

#ic-actoncopd-header .navigation nav ul li:hover a {
  background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-au/new_desktop/about_flare_ups_take_quiz_button.png);
  color: #104859;
  background-repeat: no-repeat;
}
/*#patient-home #ic-actoncopd-header .navigation nav ul li:nth-child(0) a {
    color: #ffffff;
}
#resourcesforyou #ic-actoncopd-header .navigation nav ul li:nth-child(2) a {
    color: #ffffff;
}
 #about-flare #ic-actoncopd-header .navigation nav ul li:nth-child(3) a {
    color: #ffffff;
}*/

.ic-hamburger {
  display: none;
  width: 30px;
  height: 28px;
  float: right;
  margin-top: 1em;
  margin-right: 1em;
}

#landingpage #landing-banner {
  background: url(/content/dam/intelligentcontent/brands/breztri/actoncopd-global/desktop/landing_banner.png) no-repeat;
  height: auto;
  background-color: #104859;
  display: block;
  background-size: 100%;
  padding-bottom: 22px;
}

iframe#beflareawareglobal > html > body {
  margin: 0;
}

#footer-inner-container {
  max-width: 1170px;
  margin: 0 auto;
  padding-top: 86px;
}

#footer-inner-container #reference_content {
  padding: 0;
  margin: 0;
}

#footer-inner-container .cmp-text {
  padding: 0;
}

#footer-inner-container #reference_content p, #footer-inner-container #reference_content p a {
  font-family: "RobotoCondensed-Regular";
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  color: #000000;
}

#footer-inner-container #footer_menu {
  padding: 0;
  margin: 0;
}

#footer-inner-container #footer_menu p {
  text-decoration: none;
  color: #000000;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "RobotoCondensed-Regular";
  padding-top: 56px;
  padding-bottom: 56px;
}

#footer-inner-container #footer_menu ul li a {
  color: #000000;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "RobotoCondensed-Regular";
  padding-bottom: 15px;
  display: inline-block;
}

#footer-inner-container .cmp-image__image {
  width: 331px;
  height: 83px;
}

#footer-inner-container #footer_copyright {
  padding-top: 25px;
  padding-bottom: 108px;
}

#footer-inner-container #footer_copyright ul li {
  float: left;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  font-family: "RobotoCondensed-Regular";
  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;
}

#about-flare #footer-inner-container #footer_copyright ul li:nth-child(3):after {
  display: none;
}

#testpage .cmp-experiencefragment--footer {
  display: none;
}

.modal-enabled {
  overflow: hidden;
}

/*Resources for you page style end*/
@media only screen and (max-width: 767px) {

  #ic-actoncopd-header .cmp-navigation__item {
    padding: 15px 25px;
  }
}

@media only screen and (max-width: 991px) {
  #ic-actoncopd-header {
    padding: 0 20px 0px;
  }

  #ic-actoncopd-header .cmp-image__image {
    width: 130px;
  }

  #ic-actoncopd-header #gaa-logoheader .cmp-image__image {
    margin-left: 15px;
  }
	/*Mobile Menu start*/
  #ic-actoncopd-header .navigation {
    width: 100%;
    float: none;
  }

  .ic-header .cmp-navigation {
    display: none;
  }

  .ic-hamburger {
    display: block;
  }

  .ic-header .cmp-navigation {
    display: none;
  }

  .ic-hamburger {
    display: block;
  }

  .ic-hamburger .hamburger-wrapper {
    position: absolute;
    z-index: 3;
    top: 12px;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .ic-hamburger .hamburger {
    position: absolute;
    z-index: 3;
    width: 30px;
    height: 30px;
    transform: none;
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1),transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  }

  .ic-hamburger .hamburger-top {
    z-index: 4;
  }

  .cmp-navigation--byd-nav .ic-hamburger .hamburger-line {
    background-color: #ffffff;
  }

  .ic-hamburger .hamburger-line-top {
    top: 14px;
    transform: translateY(-7px);
  }

  #ic-actoncopd-header .cmp-navigation__item {
    padding: 25px;
    margin: 0;
    width: 100%;
  }

  .ic-hamburger .hamburger-line {
    position: absolute;
    z-index: 1;
    left: 5px;
    display: block;
    width: 20px;
    height: 2px;
    background: #ffffff;
    transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
  }

  .ic-hamburger .hamburger-line-mid {
    top: 14px;
  }

  .ic-hamburger .hamburger-line-bottom {
    bottom: 14px;
    transform: translateY(7px);
  }

  .ic-hamburger.open .hamburger-top {
    transform: rotate(45deg);
  }

  .ic-hamburger.open .hamburger {
    transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  }

  .cmp-navigation--byd-nav .ic-hamburger .hamburger-line {
    background-color: #333;
  }

  .ic-hamburger.open .hamburger-line {
    transform: none;
    transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  }

  .ic-hamburger.open .hamburger-mid {
    visibility: hidden;
  }

  .ic-hamburger.open .hamburger-bottom {
    transform: rotate(-45deg);
  }

  .navigation-overlay.show {
    height: 270px!important;
  }

  #ic-actoncopd-header .navigation-overlay.show {
    height: 270px!important;
    width: 100%;
    float: right;
  }


	/*Mobile Menu end*/
  #back_to_top_innercontainer h3 span {
    font-size: 5.33vw;
    line-height: normal;
  }

  #back_to_top_innercontainer p {
    font-size: 5.33vw;
    line-height: normal;
  }

  #back_to_top_innercontainer img {
    max-width: 58.66vw;
    height: auto;
    margin: 15px auto 0 auto;
  }

  #back_to_top_innercontainer .button a {
    width: 53.33vw;
    margin: 20px auto 0 auto;
    font-size: 5.33vw;
    line-height: normal;
    height: auto;
    padding-top: 5px;
  }

  #back_to_top_innercontainer h3 {
    padding-top: 40px;
    margin-top: 0;
  }

  #back_to_top_outercontainer {
    padding-bottom: 40px;
  }

  #back_to_top_outercontainer:before {
    margin: -10px auto 0 auto;
  }

  #footer_reference_outer:before {
    margin: -5px auto 0 auto;
  }

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

  #footer-inner-container #footer_menu p {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #footer-inner-container #footer_menu ul li a {
    line-height: 14px;
  }

  #footer-inner-container #footer_copyright ul li {
    line-height: 14px;
  }
}

#resourcce-section-container-header {
  margin: 0 auto;
}

#resourcce-section-container-header {
  background: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-au/new_desktop_mm/Resources_For_You_Banner_Image_Desktop_WOB.jpg) no-repeat;
  background-size: cover;
  height: 250px;
  display: block;
  padding: 0;
}

#resourcce-section-container-header .video {
  position: absolute;
  width: 100%;
}

#resourcce-section-container-header .resource-hero-text {
  bottom: auto;
  padding-top: 60px;
}

.resource-hero-text {
  font-family: RobotoCondensed-Bold;
  font-size: 60px;
  color: #ffffff;
  text-align: center;
  position: relative;
  bottom: 86px;
}

.resource-hero-text span {
  color: #2EB8C9;
}

.resourcepage-carousle-heading {
  font-family: RobotoCondensed-Bold;
  font-size: 30px;
  line-height: 44px;
  margin: 0 auto;
  color: #104859;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

#text-efe05a4446 {
  padding: 0px;
}
/*exit ramp-start*/
.modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}

.modal--visible {
  visibility: visible!important;
  opacity: 1!important;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  -webkit-overflow-scrolling: touch;
  background: rgba(0,0,0,0.85);
  opacity: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.modal-box {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 80% !important;
  border-radius: 4px;
  background-color: transparent;
  background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/exitram-popup-bg.png);
  background-size: cover;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity;
  background: #104758;
  border-radius: 3%;
}

.modal--visible .modal-box {
  -webkit-animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

.modal__close {
     /*position: relative;
    top: 11.5rem;
    left: 37.5em;*/
  display: none;
  position: absolute;
  top: 19%;
  right: 27%;
  z-index: 1000;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
}

.exit-ramp-modal .modal__close .modal__closeIcon:before {
  content: url("/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/X-button-exitramp.png");
}

.modal__close .modal__closeLabel {
  display: none;
}

.exit-ramp-modal::before {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.exit-ramp-modal .modal-box__content {
  padding: 0;
  text-align: left;
  width: 95%;
  margin: 0 auto;
}

.exit-ramp-modal .exit-ramp-title {
  padding: 60px 30px 30px 30px;
  color: white;
  font-family: 'RobotoCondensed-Bold';
  font-size: 30px;
  line-height: 45px;
}

.exit-ramp-modal .exit-ramp-body {
  padding: 0 30px;
  color: #ffffff;
  font-size: 25px;
  line-height: 37px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

.exit-ramp-modal .exit-ramp-actions {
  margin-top: 1em;
  padding: 1.5em;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row-reverse;
  padding-bottom: 5em;
}

.exit-ramp-modal .exit-ramp-continue,.exit-ramp-modal .exit-ramp-cancel {
  background-color: transparent;
    /*border: 1px solid #fff;
    padding: 15px 30px;
    text-shadow: none;
    float: left;
    margin-right: 20px;
    cursor: pointer;
    opacity: 1;
    border:2px solid #ffffff;*/
  padding: 15px 30px;
  color: #ffffff;
  font-size: 39px;
  line-height: 40px;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  text-decoration: none;
  margin: 15px;
  border: 1px solid #2eb8c9;
  border-radius: 10px;
}

.exit-ramp-cancel {
  background-size: cover;
}

.exit-ramp-continue {
  background-size: cover;
  background-color: #2eb8c9 !important;
  border-radius: 9px;
}

.exit-ramp-modal .exit-ramp-continue:hover {
  color: #175f7b;
}

.exit-ramp-modal .exit-ramp-cancel:hover {
  color: #175f7b;
}

p.contact-k {
  padding: 15px 25px 25px 25px;
  color: white;
  font-family: 'RobotoCondensed-Bold';
  font-size: 30px;
  line-height: 45px;
}

p.normal-text {
  padding: 0 25px;
  color: #ffffff;
  font-size: 25px;
  line-height: 37px;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

p.bolds {
  color: white;
  font-family: 'RobotoCondensed-Bold';
  font-size: 30px;
  line-height: 35px;
  padding: 0 25px;
}

.number {
  padding-top: 1em !important;
}

button.hh {
  margin-bottom: 3em;
  display: flex;
  margin: auto;
  margin-top: 4em;
  margin-bottom: 3em;
  padding: 15px 30px;
  color: #ffffff;
  text-decoration: none;
  background: #2eb8c9;
  border-radius: 10px;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 27px;
  line-height: 27px;
}

/*.exit-ramp-modal .modal__close svg {
  display: none;
}*/

@media only screen and (max-width: 991px) {
    
  p.contact-k {
    padding: 15px 20px 20px 20px;
    color: white;
    font-family: 'RobotoCondensed-Bold';
    font-size: 28px;
    line-height: 30px;
  }

  p.normal-text {
    padding: 0 20px;
    color: #ffffff;
    font-size: 23px;
    line-height: 30px;
    font-family: "RobotoCondensed-Regular", Sans-Serif;
  }

  p.bolds {
    color: white;
    font-family: 'RobotoCondensed-Bold';
    font-size: 28px;
    line-height: 30px;
    padding: 0 20px;
  }

  .exit-ramp-modal .exit-ramp-body {
    padding: 0;
    font-size: 19px;
    line-height: 22px;
  }

  .exit-ramp-modal .exit-ramp-title {
    padding: 60px 0px 10px 0px;
    font-size: 19px;
    line-height: 28px;
  }

  .exit-ramp-modal .modal-box__content {
    padding: 20px;
    width: 100%;
    margin: 0 auto;
  }

  .exit-ramp-modal .exit-ramp-continue, .exit-ramp-modal .exit-ramp-cancel {
    font-size: 27px;
    line-height: 27px;
    margin: 12px;
  }

  .exit-ramp-modal .exit-ramp-cancel {
    padding: 15px 42px;
  }

  .exit-ramp-modal .exit-ramp-actions {
    padding-bottom: 1em;
  }

  .modal__close {
    position: relative;
    top: 8%;
    left: 23%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .modal__close {
    top: 18rem;
    left: 15em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .modal__close {
    top: 6rem;
    left: 55em;
  }
}
/*exit ramp-end*/
/*eoor-pages-start*/
#error-page-main-container {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 0;
}

.erro-page-text {
  text-align: center;
}

.erro-page-text h1 {
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  font-size: 42px;
  letter-spacing: 2px;
  color: #104859;
}

.erro-page-text p {
  font-size: 20px;
  line-height: 26px;
  color: #104859;
  font-family: "RobotoCondensed-Regular", Sans-Serif;
}

#error-404 .navigation, #error-500 .navigation, #error-403 .navigation {
  display: none;
}
/*error-pages-end*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #ic-actoncopd-header {
    padding: 0 20px 0px;
  }
}


/******************NEW CSS FOR AUSTRALIAN SITE *******************/


.image.aem-GridColumn.aem-GridColumn--default--12 #new_image img {
  width: 40px;
  height: auto;
  margin-top: 0;
}

@media screen and (min-width:992px) {
  #ic-actoncopd-header .aem-Grid.aem-Grid--12.aem-Grid--default--12 {
    display: flex;
    flex-direction: row;
    justify-content: end;
  }

  .image.aem-GridColumn.aem-GridColumn--default--12:first-child {
    margin-right: auto;
  }
}
/******************NEW CSS FOR AUSTRALIAN SITE *******************/


.image.aem-GridColumn.aem-GridColumn--default--12 #new_image img {
  width: 40px;
  height: auto;
  margin-top: 0;
}

div#first {
  background: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-au/new_desktop/Hero_Image_Home_Page_Desktop.jpg);
  background-size: cover;
  background-position: center;
}

#first #home_banner_content {
  max-width: 540px;
  float: right;
  margin-right: 156px;
  position: relative;
}

#first img.arrowimg {
  display: none;
}

@media screen and (min-width:992px) {
    
  #first #home_banner_content {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  #ic-actoncopd-header .aem-Grid.aem-Grid--12.aem-Grid--default--12 {
    display: flex;
    flex-direction: row;
    justify-content: end;
  }

  .image.aem-GridColumn.aem-GridColumn--default--12:first-child {
    margin-right: auto;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #first #home_banner_content {
    padding-top: 176px;
    margin-right: 44px;
  }
}

@media screen and (max-width:991px) {
  #first #home_banner_content {
    width: 50%;
    margin-right: 0;
  }

  #first .text.aem-GridColumn.aem-GridColumn--default--12 {
    padding: 0 !important;
  }

  .image.aem-GridColumn.aem-GridColumn--default--12:nth-child(2) {
    padding-left: 2em;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  #first {
    min-height: 350px;
  }

  #first div#hero-banner-text {
    padding-top: 8%;
  }
}

@media screen and (max-width:767px) {
  #first div#hero-banner-text {
    padding-top: 30px;
  }

  .modal-box {
    width: 90% !important;
  }

  #first div#home_banner_content {
    padding-bottom: 45px;
  }
}

.modal__wrapper {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease-in-out;
  z-index: 10000;
}

.modal__container {
  background: #163844;
  width: 80%;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  transform: translateY(-100%);
  transition: all .3s ease-in-out;
  z-index: 1000;
}

.action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.modal__container button.close {
  right: 10px;
  top: 10px;
  font-size: 32px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  margin: auto;
}

.active {
  opacity: 1;
  pointer-events: auto;
}

.modal__wrapper.active .modal__container {
  transform: translateY(0px);
}

button.close {
  padding: 15px 60px;
  color: #ffffff;
  font-size: 39px;
  line-height: 40px;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  text-decoration: none;
  margin: 15px;
  border: 1px solid #2eb8c9;
  border-radius: 10px;
  background: #2eb8c9 !important;
  margin-top: 3em !important;
  margin-bottom: 1.5em !important;
}

@media screen and (max-width:767px) {
  .modal__container {
    width: 90%;
  }
}

a.gg {
  color: azure;
  background: brown;
  padding: 10px;
  margin-top: 20px;
}

.cmp-modal__modalbox .modal__close {
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  top: 35em;
}

.Contact_US {
  padding-bottom: 18em;
}

span.modal__closeIcon svg {
  display: none;
}

.cmp-modal__modalbox .modal__close span.modal__closeLabel {
  border-radius: 10px;
  display: block !important;
  color: white;
  font-size: 30px;
  padding: 15px 70px;
  width: fit-content;
  font-family: "RobotoCondensed-Bold", Sans-Serif;
  background-color: #2eb8c9 !important;
  opacity: 1 !important;
  position: relative;
}

span.modal__closeLabel::after {
  visibility: visible;
  position: absolute;
  top: 15px;
  left: 30px;
  content: "Back to Site";
  border-radius: 10px;
  background: #2eb8c9 !important;
}