/**//* Video library page styling */

@media only screen and (min-width: 992px) {

  .banner-content-video-lib p {
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    font-family: ""myriad-pro-condensed", sans-serif; font-weight: 400; font-style: italic";
    text-transform: uppercase;
  }

  .banner-content-video-lib h1 {
    font-size: 35px;
    color: #FFFFFF;
    line-height: 38px;
    max-width: 526px;
    margin-bottom: 20px;
    font-family: "myriad-pro-condensed", sans-serif; font-weight: 900; font-style: italic;
  }

  
}

.video-lib h2 {
    font-size: 25px;
    line-height: 30px;
    color: #333F48;
    /*margin-top: 40px;*/
    margin-bottom: 15px;
    font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: normal;
  }

  .our-videos {
    font-size: 18px;
    line-height: 21px;
    font-family: "myriad-pro", sans-serif; font-weight: 400; font-style: normal;
    color: #333F48;
    margin-bottom: 20px;
  }

#article {
  background: #283138;
  padding: 10px 0px 107px;
  margin-bottom: 85px;
}

#video-library-page #article .cmp-articlelist__filter-label {
  display: none;
}

#video-library-page #article.cmp-articlelist .cmp-article-list-filters ul , #video-library-page #article ul.cmp-article-list-items {
  margin: 0 auto;
  max-width: 1160px;
  width: 100%;
  padding: 0px;
}

#video-library-page #article .cmp-article-list-filters .cmp-articlelist__filter-item {
  font-size: 16px;
  line-height: 25px;
  font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: normal;
  color: rgba(255,255,255,0.5);
  border: none;
  margin: 0;
  position: relative;
  padding-bottom: 10px;
  text-transform:capitalize;
}

#video-library-page #article .cmp-article-list-filters .cmp-articlelist__filter-item:before {
  position: absolute;
  content: '';
  background: #919090;
  width: 110%;
  height: 1px;
  bottom: 0;
  left: -10px;
}

#video-library-page #article span.cmp-articlelist__filter-count {
  display: none;
}

#video-library-page #article .cmp-article-list-filters .cmp-articlelist__filter-item.active {
  color: rgba(255,255,255,1);
}

#video-library-page #article .cmp-article-list-filters .cmp-articlelist__filter-item.active:before {
  background: #00B398;
  height: 2px;
}

#video-library-page #article .cmp-article-list-filters .cmp-articlelist__filter-item.active {
  background: transparent;
}

#video-library-page #article .cmp-articlelist .cmp-articlelist__list-items-container .cmp-articlelist__item .cmp-artcle-list-title {
  font-size: 18px;
  font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: normal;
  color: #ffffff;
  text-decoration: none;
  text-transform: none;
  margin: 0px;
  width: auto;
  line-height: 20px;
}

#video-library-page #article ul.cmp-article-list-items .cmp-articlelist__item {
  margin-right: 20px;
  width:30%;
}

#video-library-page #article h3.cmp-artcle-list-title {
  font-size: 18px;
  font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: normal;
  color: #ffffff;
  text-decoration: none;
  text-transform: none;
  margin: 0px;
  width: auto;
  line-height: 20px;
  padding-top: 20px;
}

#video-library-page #article ul.cmp-article-list-items .cmp-articlelist__item .cmp-articlelist__foreground-image-wrapper{
    position:relative;
    height:200px;
}

#video-library-page #article ul.cmp-article-list-items .cmp-articlelist__item .cmp-articlelist__foreground-image-wrapper:after {
    content: url(/content/dam/intelligentcontent/brands/fasenra-hcp/en/images/desktop/video-lib-play.svg);
    top: 50%;
    bottom: 0;
    left: 50%;
    /* right: 0; */
    position: absolute;
    text-align: center;
    cursor:pointer;
    height:58px;
    transform: translate(-50%, -50%);
}

#video-library-page #article p.cmp-articlelist__cta {
  display: none;
}
#video-library-page p.article-popup-fotenote {
  font-family: "myriad-pro", sans-serif; font-weight: 600; font-style: italic;
  text-align: center;
  padding-bottom: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
}

.modal.cmp-article-popup .modal__close {
  pointer-events: none;
}
.modal.cmp-article-popup span.modal__closeIcon {
  pointer-events: auto;
}

@media only screen and (min-width: 992px){
    .container-icon-moa.eos-calc-cta-sec {
    
        top:-79px;
    }
}


/*#video-library-page div#eos-container-sec-five {*/
/*  margin-bottom: 30px;*/
/*}*/

#video-library-page .bottom-sec-eos {
  margin-top: 30px;
}

#fasenra-grey-bg-single-video {
  background: #333F48;
  box-shadow: 0px 3px 8px #0000005F;
}

div#video-lib-signle-1 {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
}

#video-lib-signle-1 .youtubevideo {
  padding-bottom: 50px;
}

#video-lib-signle-1 .cmp-youtubevideo__holder {
  display: flex;
  flex-flow: row-reverse;
}

#video-library-page .vid2-right-text {
  margin-left: 25%;
  text-align: left;
}

div#video-lib-signle-1 .cmp-youtubevideo__player {
  padding: 0px;
}

div#video-lib-signle-1 h3.title {
  font-size: 22px;
  line-height: 25px;
  color: #fff;
  font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: normal;
  margin: 0;
  padding-bottom: 15px;
}

div#video-lib-signle-1 p.desc {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-family: "myriad-pro", sans-serif; font-weight: 400; font-style: normal;
  margin: 0;
  padding-bottom: 40px;
}

div#video-lib-signle-1 .vid2-real-text-1 {
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  padding: 35px 50px 15px;
}

#video-library-page .vid2-real-text{
    position:relative;
}

#video-library-page .vid2-real-text:after {
    content: url(/content/dam/intelligentcontent/brands/fasenra-hcp/en/images/desktop/quote1-real-icon.svg);
    text-align: center;
    top: -25%;
    background: #333f48;
    position: absolute;
    left: 45%;
     width: 80px; 
}

#video-library-page .vid2-real-text.testimony:after {
    top: -15%;
}

#video-library-page .vid2-right-text:after {
  display:none;
}

#video-library-page #fasenra-grey-bg-single-video-hide{
    display:none;
}

#video-library-page .load-more-container {
    margin-top: 50px;
}

#video-library-page .btn.btn-default.load-more {
    color: #fff;
    font-size: 20px;
    padding: 10px 20px;
    font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: normal;
}

/* Video popup styling */

#video-library-page .cmp-article-popup .modal-box::before{
    display:none;
}

#video-library-page .cmp-article-popup .modal-box{
    background: #333F48;
    padding-top:50px;
}

#video-library-page .vid2-right-text{
    margin-left:0px;
}

#video-library-page .cmp-article-popup .modal-box__content {
    overflow: hidden;
    max-height: max-content;
    max-width: 90%;
}

#video-library-page .cmp-article-popup span.modal__closeIcon {
    width: 20px;
    cursor: pointer;
}

body#video-library-page .cmp-youtubevideo__content {
    display: none;
}

body#video-library-page .cmp-video__content{
    display: none;
}

#video-library-page ul.video-desc-list {
    padding-bottom: 20px;
}

#video-library-page .video-desc-list li{
    font-size:18px;
    color:#fff;
    font-family:"myriad-pro", sans-serif; font-weight: 400; font-style: normal;
    line-height:20px;
    padding-bottom:8px;
    list-style:inside;
}

#video-library-page .vid2-right-text p.description {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    font-family: "myriad-pro", sans-serif; font-weight: 600; font-style: italic;
}

#video-library-page .video-desc-list li::marker{
    color:#fff;
}

#video-library-page .vid2-real-text-2{
    color:#fff;
    text-align:center;
    font-family:"myriad-pro", sans-serif; font-weight: 400; font-style: italic;
}

#video-library-page .vid2-real-text-3{
    color:#fff;
    text-align:center;
    font-family:"myriad-pro", sans-serif; font-weight: 400; font-style: normal;
    font-size:14px;
    line-height:18px;
    margin-top:0px;
    margin-bottom:20px;
}

#video-library-page .modal{
    overflow-y:scroll;
}

body#video-library-page.modal-enabled {
    overflow-y: hidden;
}

@media only screen and (max-width:991px){
    
    /*#article{*/
    /*    margin-bottom:0px;*/
    /*}*/
    
    #video-library-page #patient-support-tools-banner {
    height: calc(100vw * 0.1333333333);
    background-image: url(/content/dam/intelligentcontent/brands/fasenra-hcp/en/images/global/access-resources-banner.jpg);
}
  #video-library-page h1.fas-eos-mob {
    margin-top: 5px;
}
  .video-lib.content-center {
    padding-bottom: 5px;
}
    
    #video-library-page #article.cmp-articlelist .cmp-article-list-filters ul , #video-library-page #article ul.cmp-article-list-items{
        padding-left:15px;
        padding-right:15px;
    }
   
   
    #video-library-page #article .cmp-article-list-filters .cmp-articlelist__filter-item {
    display: block;
    padding: 10px 0px;
    }
    #video-library-page .cmp-articlelist .cmp-article-list-filters .cmp-articlelist__filter-item .vcenter{
        display:none;
    }
    div#video-lib-signle-1 h3.title{
        font-size:18px;
    }
    div#video-lib-signle-1 p.desc{
        font-size:14px;
    }
    div#video-lib-signle-1 .vid2-real-text-1{
        padding:0px;
        padding-bottom: 10px;
    }
    #video-library-page .vid2-real-text:after{
        top:-18%;
        left:35%;
    }
    #video-library-page .vid2-real-text.testimony:after {
    top: -10%;
    }
    #video-library-page ul.video-desc-list {
    padding-bottom: 40px;
    }
    #video-library-page .video-desc-list li{
        font-size:16px;
    }
    #video-library-page #article ul.cmp-article-list-items .cmp-articlelist__item a:after{
        /*left:20%;*/
    }
    #video-library-page h1.cmp-articlelist__title-container {
    display: none;
    }
    #video-library-page .cta-wrapper{
        width:100%;
        margin-bottom:0px;
    }
    #video-library-page .vid2-right-text {
    margin: 0px;
    }
    #video-library-page .cmp-article-popup .modal-box{
        padding-left:0px;
        padding-right:0px;
    }
    #video-library-page .bottom-sec-eos {
    margin-top: -75px;
}
    #video-library-page .eos-calc-cta-sec .cta-test.test2 {
    margin-bottom: 90px;
}
#video-library-page .eos-calc-cta-sec .cta-test.test2 {
  margin-bottom: 35px;
}
#video-library-page img.chevron {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
    
}

#video-library-page .btn.btn-default.load-more{
    margin-left:0;
}

@media only screen and (max-width: 767px){
   body#video-library-page .cmp-articlelist .cmp-articlelist__filter-label--mobile{
       display:none;
   }
   #video-library-page #article ul.cmp-article-list-items .cmp-articlelist__item .cmp-articlelist__foreground-image-wrapper:after{
       left:0;
       right:0;
       margin:0 auto;
       top:32%;
       transform:none;
   }
    #video-library-page #article ul.cmp-article-list-items .cmp-articlelist__item{
        width:100%;
        display:block;
        margin-right:0px;
    }
    #video-library-page .cmp-article-popup .modal__close {
        top:60px;
    }
    #video-library-page .btn.btn-default.load-more{
        margin-left:0;
    }
}

@media only screen and (max-width: 767px) and (orientation:landscape){
    #video-library-page #article ul.cmp-article-list-items .cmp-articlelist__item{
        /* width:50%; */
        width: 100%;
        display:block;
    }
}

#video-library-page .cmp-article-popup .modal__closeIcon path {
    fill: #fff;
}

#video-library-page div#reference-section {
    display: none;
}

/* New styles added here */

@media screen and (max-width: 767px) {
  #video-library-page #article ul.cmp-article-list-items .cmp-articlelist__item .cmp-articlelist__foreground-image-wrapper {
    position: relative;
    height: auto;
  }
  #video-library-page .cmp-articlelist .cmp-articlelist__list-items-container .cmp-articlelist__item.foregroundImageEnabled img.cmp-articlelist__foreground-image{
    height: auto;
    width: 100%;
  }
  #video-library-page #article ul.cmp-article-list-items .cmp-articlelist__item .cmp-articlelist__foreground-image-wrapper:after{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}