@font-face {
    font-family: 'Lato-Heavy';
    src:url('fonts/Lato-Heavy.woff') format('woff');
}
@font-face {
    font-family: 'Lato-Regular';
    src:url('fonts/Lato-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Lato-Bold';
    src:url('fonts/Lato-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Lato-Black';
    src:url('fonts/Lato-Black.woff') format('woff');
}
@font-face {
    font-family: 'Lato-Medium';
    src:url('fonts/Lato-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Lato-SemiboldItalic';
    src:url('fonts/Lato-SemiboldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Lato-Semibold';
    src:url('fonts/Lato-Semibold.woff') format('woff');
}
@font-face {
    font-family: 'Nervous';
    src:url('fonts/Nervous.woff') format('woff');
}
@font-face {
    font-family: 'glyphicon';
    src:url('fonts/glyphicons-halflings-regular.woff') format('woff');
}
/*content-container*/
@media (max-width: 1440px){ .content-container{margin: 0 8%} }
@media (max-width: 768px){ .content-container{margin: 0 6%;} .fullheader .list-inline{padding: 0 6%}}
@media (max-width: 414px){ .content-container {margin: 0 5%} .fullheader .list-inline{padding: 0 5%} }
@media (min-width: 1441px){ .content-container{margin: 0 auto; max-width: 1440px} }
@media (max-width: 16000px){ .content-container{margin: 0 8%;} }
@media (min-width: 1601px){ .content-container{margin: 0 auto; max-width: 1440px} }
.container{width: 100%; padding:0}
/*content-container*/
a{font-family: inherit; font-size: inherit; color: inherit; text-decoration: none; outline: none !important}
a.underline{text-decoration:underline !important;}
.d-flex{display: flex; }
.c-align{text-align: center;}
.time-font{font-size:75%}
.fullheader {position: relative; display: flex; flex-direction: column-reverse}
.fullheader ul {display: flex; justify-content: space-between}
.fullheader ul li{padding-top: 10px; color: #337079; font-family:Lato-Regular; font-size: 12px; flex-basis: 25%;line-height:13px;}
.fullheader p.dsclmr,.fullheader p.dsclmr:hover{position: absolute; right: 12px; width: max-content; color: #8c8c8c;top:20px;font-weight:normal;}
.navbar-header,
navbar-collapse {background: #fff}
#header .search{max-width: 162px;margin-right:5px;}
#header .search form.search{display: flex}
#header .search form.search label{display: none}
#header .search form.search button{position: relative; left: -39px; border: none; background: transparent}
#header .header-search{border: 1px solid #337079; padding-right: 35px; max-width: inherit; height: 39px;border-radius: 0;}
span.mail{ width: 130px; height: 39px; background-color: #337079; color: #fff; font-size: 16px; padding: 13px; font-family: Lato-Regular; letter-spacing: 0.13px; padding-top: 8px; cursor: pointer}
span.mail img{padding-right:10px}
.sub-header .header-desk{background: #a1c8cb;}
.sub-header .header-desk ul{ padding: 0; list-style: none; display: flex; justify-content: space-around;font-family: Lato-Bold;font-size: 16px;color: #004d52;}
body.mcl .sub-header .header-desk ul,
.sub-header .header-desk ul li{display: none}
body.about-mcl .header-desk ul li.about-mcl,
body.taking-calquence .header-desk ul li.taking-calquence,
body.support-resources-patients .header-desk ul li.support-resources-patients,
body.support-resources-caregivers .header-desk ul li.support-resources-caregivers{display: list-item;}
.sub-header .header-desk ul li{color: #004d52; font-family: Lato-Bold; font-size: 16px; padding: 10px 5px 11px}
.sub-header .header-desk ul li:hover,
.sub-header .header-desk ul li.active{background: #fff;}
ul.navbar-nav{font-family: Lato-Semibold;color: #337079}
body.sticky #header ul.list-inline{display: none}
#header{position: fixed; z-index: 100; background: #fff}
#maincontent{margin-top: 135px}
/********Footer********/
#footer ul.list-inline>li{ font-family:Lato-Semibold; font-size:16px; line-height:normal;  letter-spacing:0.03px;  text-align:center;  color:#337079 } 
#footer .flag-content{ font-family:Lato-Regular; font-size:12px; font-weight:normal;
  font-style:normal; letter-spacing:0.13px;  color:#535353;}
#footer { background:#dfdfdf; padding-bottom:20px;}
.footer-section .logomob img{ width:164px;  height:73px }


/***pink-var***/
/*.pink-var-before:before{content:"[";color: #fd5fc5;font-size:45px;position:relative;top: 9px;left: -4px;}
.pink-var-after:after{content:"]";color: #fd5fc5;font-size:45px;position:relative;top: 7px;left: -6px;}*/
/***pink-var****/

/******* ISI ****************/
.isi h2 { display:none}
.isi .isi-head{ font-size: 15px; font-family: Lato-Heavy; letter-spacing: 0.19px;
    padding-bottom: 10px; color:#dc4405;   padding-top: 10px;}
.isi .isi-main sup{ font-size: 9px; top: -1em;}
.isi .isi-subhead,#sitemap ul li span.isi-subhead{font-family: Lato-Bold; font-size: 15px;
    letter-spacing: 0.19px; color: #535353;}
#sitemap ul{ font-family: Lato-Regular; font-size: 15px; letter-spacing: 0.19px;  padding-left:30px }
#sitemap ul li{ color: #dc4405; }
#sitemap ul li span{ font-family: Lato-Regular; font-size: 15px;  line-height: 1.47; color: #535353;}
.isi a.plus.isi-link,.isi a.minus { float: right;
    background: #337079;   width:30px;
    color:#fff !important; font-size:25px;
    position: relative; top:3px;
    text-align: center; cursor: pointer;
}  
.isi-mainhead {
    font-family: Lato-Bold;
    font-size: 15px;
    line-height: 1.47;
    letter-spacing: 0.19px;
    color: #dc4405;
}
div.isi-main { display: flex; justify-content: space-between; align-items: center; margin-top:20px}
.isi .isi-content { font-size: 15px; font-family: Lato-Regular; letter-spacing: 0.19px; color: #535353; }
.isi-pfix { margin-bottom: 0;}
.italic { font-style: italic;}
.pb0 {padding-bottom: 0px !important;}
.pt10 { padding-top: 10px;}
.isi .sticky-isi-wrapper { position: fixed; width: 100%;  height: 180px; bottom: 0; visibility: visible;  }
.full-width-wrapper { background: #fff; border-top: 2px solid #ffc72c;}
.top-icon { position: fixed; z-index: 1;  top: 70%;}
.isi-main{ font-family: Lato-Heavy; font-size: 15px; letter-spacing: 0.19px;  color:#dc4405;  margin-bottom: 10px; }
.mgtop{margin-top:20px}
.mgbtm{margin-bottom:10px}
#header input#search {padding-left:10px}
.zinx1{z-index:1;position: relative;}
#maincontent sup, #header sup {font-size: 40%;top: -1.1em;}
.section-difference{padding-bottom:40px}
#sitemap ul li span{position:relative;left:-8px}
.isi a.minus {height: 31px;font-size: 50px;line-height: 24px;width:31px;}
.isi a.plus.isi-link{height: 30px;font-size: 29px;line-height: 26px;}

@media screen and (max-width: 991px){
    .navbar-header{float: unset}
    .navbar-toggle{display: block;border: none; margin-right: 0; padding-right: 0;margin-left: 10px;}
	.navbar-toggle a.navbar-brand{display: none}
    .navbar-header, .navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {margin-right:0; margin-left: 0}
    .navbar-toggle.active, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: none;border:none}
	.navbar-collapse.collapse{display: none !important; visibility: hidden !important}
	.navbar-collapse.collapse.in{ display: block !important; visibility: visible !important; padding-left: 0; padding-right: 0;background: #004d52;border-top-width: 0;}
    .desktop-only{display: none !important}
    .fullheader .list-inline{padding: 0 6%}
    .fullheader ul{border-bottom: 1px solid #7e7e7e}
    .fullheader ul li {border-right: 1px solid #7e7e7e;padding-bottom: 10px;}
    .fullheader ul li:nth-child(4) {border: none;padding-right: 5px;padding-left: 10px;}
    .logos.content-container{display: flex; justify-content: space-between; align-items: center}
    .main_logo{max-width: 120px; z-index: 10; position: relative;height:65px;}
    .logo img{max-width:165px}
    .fullnavigation{position:relative;z-index:2;width:100%;}
    .header-section .logo, .header-section .mobile-search{z-index: 3;}
    .header-section{justify-content: space-between;}
    .mobile-search{position: relative; left: 21%;}
	.mobile-search p.close {color: #337079; display: none; opacity: 1}
    .navbar-toggle .icon-bar{background: #337079;width: 35px;padding-bottom: 5px;}
    ul.navbar-nav{font-size: 18px;color: white;width: 100%;}
    .navbar.navbar-default.container { background: transparent; min-height: unset;width: 100%;}
    #header .navbar-nav li{display: flex; flex-direction: column;border-top: 1px solid #337079; width:100%/*border-bottom: 1px solid #337079;*/}
    #header .navbar-nav li.open a{background: #004d52;}
    #header .navbar-default .navbar-nav>li>a{padding-left:35px;padding-top: 12px;padding-bottom: 14px;}
    #header .navbar-nav li span.glyphicon.glyphicon-chevron-right{background: transparent; position: absolute; right: 0; top: 10px}
    #header .navbar-nav li.open .glyphicon.glyphicon-chevron-right{ transform: rotate(90deg);   -webkit-transform: rotate(90deg);  
        transition: 0.5s, 0.5s; }
    #header .navbar-nav li ul.multi-level, #header .navbar-nav li ul.multi-level a{background: #337079}
    #header .navbar-nav li ul.multi-level li a{width: 86%;padding-left:65px}
    #header.nav-menu .mobile-search {left: 18%;}
    #header.nav-menu .main_logo {max-width: 83px;padding-top: 5px;height: 52px;}
    #header.nav-menu .navbar-toggle{margin-right:10px;}
	.navbar-toggle.active, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: #004d52; height: 75px; width: 75px; margin: 0; padding-left: 25px;border-radius:unset;margin-right:0 !important;}
    .navbar-toggle.active span.icon-bar:nth-child(2) {float: initial; transform: rotate(130deg);  -ms-transform: rotate(130deg);  -webkit-transform: rotate(130deg);  transition-duration: 0.5s, 0.5s;  transform-origin: 39% 100%;  -webkit-transform-origin: 39% 100%;  height: 4px;  border-radius: 28px;  width: 28px; background: #fff}
    .navbar-toggle.active span.icon-bar:nth-child(3){display: none}
    .navbar-toggle.active span.icon-bar:nth-child(4) { transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);   -webkit-transform: rotate(-130deg);
        transition-duration: 0.5s, 0.5s;  -webkit-transform-origin: 41% 12%;
        transform-origin: 41% 12%;  height: 4px;
        border-radius: 28px;  width: 28px; background: #fff}
    .navbar-nav .open .dropdown-menu.multi-level{border-top:1px solid #337079;border-bottom:1px solid #337079}
    #header .navbar-nav li ul.dropdown-menu.multi-level li a {padding-top: 14px;padding-bottom: 12px;}
    #header .navbar-nav li ul.dropdown-menu.multi-level li.taking-calquence,
    #header .navbar-nav li ul.dropdown-menu.multi-level li.support-resources-patients,
    #header .navbar-nav li ul.dropdown-menu.multi-level li.support-resources-caregivers{border-bottom: 1px solid #004d52;}
    #header .navbar-nav li ul.dropdown-menu.multi-level li {font-family: Lato-Bold;font-size: 15px;}
	#header .navbar-nav li ul.dropdown-menu.multi-level li.active,
	#header .navbar-nav li ul.dropdown-menu.multi-level li.active a{background: #fff; color: #337079}
    #header .navbar-nav li:last-child{border-bottom: none !important;}
    #header .navbar-nav > li.active {background-color: #004d52;color: #fff;}
    #header .navbar-nav > li.active > a{background-color: #004d52}
    #header .navbar-nav .signup{border-top: 1px solid #337079; font-family: Lato-Semibold; font-size: 18px; background: #004d52; padding-top: 12px; padding-bottom: 14px}
    .navbar-toggle.active .icon-bar{padding-bottom: 0;}
    .navbar-nav .open .dropdown-menu.multi-level{padding:0 !important}
    #footer ul.list-inline{ flex-direction:column;  align-items:center  }
    #footer ul.list-inline>li{ padding:10px } 
    .footer-section{align-items:center}     
    .footer-section .logomob{margin:40px 0}  
    .footer-section .azdme,.footer-section .facebook-logo,.footer-section .insta-logo{text-align: center;}
    .footer-section .facebook-logo{margin:20px 0 10px 0}
    .footer-section .facebook-logo img,.footer-section .insta-logo img{padding-right:5px;}
    #footer .flag-content{margin:40px 0 20px 0}
    #footer .footer-logo{margin-bottom:20px;}
    .flag-content img { padding-right:5px;}
    #header .search #frmSearch {position: absolute;max-width: 100%;text-align: center;background-color: #fff;right: 0;float: none;top: 128px;width:100%}
    body.mobile-function.sticky #header .search #frmSearch {top: 57px;}
    #header .header-search {margin:15px auto}
    #header .search form.search button{left:-109px}
    .footer-curve{margin-top:20px}
    .top-icon{right:5%;top:75%;}
	#header.nav-menu ul.list-inline{display: none}
	#header.nav-menu .logos.content-container{margin-right: 0}
    .isi .sticky-isi-wrapper{z-index:9;}
    .isi .isi-head{font-family:Lato-Bold}
    #header{border-bottom: 2px solid #337079;}
    .navbar-toggle .icon-bar+.icon-bar{margin-top: 6px;}
    .isi a.plus.isi-link, .isi a.minus{top:0px;}
    /*.footer-section .insta-logo{padding-left:41px;top: -24px;position: relative;}*/
    .fullheader ul li:nth-child(2),.fullheader ul li:nth-child(3){padding-left:10px;}
}

@media screen and (min-width: 992px){
    .mobile-only{display: none !important}
     a.tel-link{cursor: text;}
     #maincontent ul{padding-left:20px;}
	.fullheader{flex-direction: row; justify-content: space-between; padding-top: 14px; align-items: flex-start}
    .fullheader ul li {flex-basis: unset; padding-top: 0}
    .fullheader ul li a:hover {font-weight: bold;}
    .navbar-default{background: transparent; display: flex; justify-content: space-between}
    .fullheader .logos .main_logo img{max-width: 200px}
	.navbar-default .navbar-header{flex-basis: 20%}
	.navbar-default .navbar-collapse{flex-basis: 87%; padding: 0}
	.navbar-nav{width: 100%; display: flex; font-size: 16px}
	.navbar-nav li{flex-basis: 25%; margin: 0 !important; display: flex; align-items: center}
	.navbar-nav li a{text-align: center; margin: 0 auto; float: unset !important; line-height: 18px !important}
	.fullheader .logos{flex-basis: 20%; z-index: 10}
    .fullheader ul{flex-basis: 80%; align-items: end}
	.fullheader ul li:nth-child(5){position: relative;padding-right: 12px;}
	.fullnavigation.content-container{ margin-top: -40px}
    .navbar-nav li{padding-top: 19px; padding-bottom:4px}
	.navbar-nav li span.glyphicon,
    ul.multi-level li{ display:none}
    ul.multi-level {border:none}
    .navbar-nav li:hover{background: url('../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/hover.svg') no-repeat; background-size: 100% 100%}
	.navbar-nav li.active{background: url('../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/active.svg') no-repeat; background-size: 100% 100%}
	.navbar-nav li.active a{background: transparent !important; color: #fff !important}
    #maincontent{margin-top: 165px}
    body.mcl #maincontent,
    body.search-result-page #maincontent{margin-top: 125px}
    body.sticky #maincontent {}
    body.sticky .fullnavigation.content-container{margin-top: -70px}
    body.sticky .fullheader .logos .main_logo img{max-width: 150px}
    body.sticky .fullheader .logos{position: relative; top: -10px}
    .isi-main{ font-family: Lato-Medium; font-size: 20px; letter-spacing: 0.25px;} 
    .isi .sticky-isi-wrapper { height: 160px;z-index:9;}
    #footer ul.list-inline { justify-content: space-between;}
    .footer-section .azdme,.footer-section .facebook-logo,.footer-section .insta-logo{display:inline-block;margin-bottom:25px}
    .social-icons{max-width:500px;}    
    #footer .footer-section {justify-content:space-between; margin-top: 30px; }
    .footer-logo{display: flex; margin-top: 45px; justify-content: space-around;   }
    #footer .footer-logo span:last-child {  margin-left: 50px; margin-top: 8px;}
    .footer-section .social-icons img{padding-right:10px;}
    .top-icon{right:8%;top: 75%;}
    .footer-curve {margin-bottom: -57px !important;}
    #footer ul.list-inline>li:hover{text-decoration:underline;}
    .footer-section .azdme{margin-right:40px;}
}

@media screen and (min-width: 768px) and (max-width:991px){
    .navbar-nav > li > a{width:100% !important}
    .navbar-nav>li{float:none;margin-right: 0 !important;}
    .navbar-nav > li > span{/*width: 14% !important;*/ width: 7% !important;}
    #header ul.dropdown-menu {width: 100%;position: relative;}
    .top-icon { right: 6% !important}
    .taking-calquence .banner-circles {bottom: -22% !important;}
    .mobile-search{position: relative; left: 25% !important;}
    #header .search #frmSearch{top:95px}
    #maincontent{margin-top:110px;}
    .video-placeholder p img{margin:0 0}
}

@media screen and (min-width:992px) and (max-width: 1280px){
.fullheader ul li{font-size:6.5px;letter-spacing:0.05px}
span.mail{ width: 71px;height: 21px;font-size: 8.7px;letter-spacing: 0.07px;padding-top: 3px;padding: 5px;}
span.mail img{width: 24px;height: 10px;margin-right: 0px;}                                
#header .search{max-width:81px}                                
#header .header-search{max-width: 88px;height: 21px;}  
#header input#search{font-size: 9.8px;}  
#header .search form.search button{top: -2px;left: -28px;}
#header .search form.search button img{width:15px;height:15px}
.fullheader .logos .main_logo img{max-width:130px}   
.navbar-nav,.sub-header .header-desk ul li{font-size:8.7px;letter-spacing:0.11px} 
#maincontent{margin-top:129px}  
body.mcl #maincontent{margin-top:108px} 
.support-resources-patients .about-banner section.banner-content{padding-top:20px !important}  
.mcl .video-content {margin-top: 60px;}
.top-icon {right: 8%;}
#footer .footer-logo{margin-left: 71px;}
.fullheader p.dsclmr{top:10px} 
.support-resources-patients .az-access p.subhead-copy.section-difference.ipad-content{width: 75%;}
.support-resources-patients .go-section img.about-circles-patient{left:13% !important;top: 13% !important;}
.support-resources-caregivers .go-section img.about-circles{left:9% !important;}
.fullnavigation.content-container{margin-top: -28px;}
.about-mcl .go-section img.about-circles{left: 8% !important;}
.about-mcl .yellow-cicle-desk{left: 62%}

} 

@media screen and (min-width:992px) and (max-width: 1024px){
ul.navbar-nav{position: relative;top: 7px;}
body.sticky .fullheader .logos .main_logo img{padding-bottom:5px;}
}

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

#header .search form.search button {
    left: -105px;
}

}
@media screen and (max-width: 414px){
.main_logo{left: 10px;}
.mcl .about-banner .banner-head{margin-left: 10px;}
 #header .search form.search button {
    left: -125px;
}
}


@media screen and (min-width:1300px){
.fullnavigation.content-container{margin-top:-37px;}    
}

.glyphicon{font-family:glyphicon;}



  .edge-br .fullheader p.dsclmr, .fullheader p.dsclmr:hover{
         position: absolute;
         right: 12px;
         width: 270px;
         top: 20px;
         font-weight:normal;
} 

@media screen and (min-width: 1601px){
.navbar-nav li{padding-top: 18px; padding-bottom: 3px; font-size: 18px}
.fullheader ul li{font-size: 14px}
}
@media screen and (min-width: 1280px) and (max-width: 1364px){
    .navbar-nav, .sub-header .header-desk ul li{font-size: 15px !important}
	ul.navbar-nav{top: 0 !important}
.fullheader ul li{font-size: 12px !important}
.fullheader p.dsclmr{top: 17px !important}
}
h1.banner-head{font-family:Lato-Heavy;font-size:30px;font-weight:900;line-height:1.1;letter-spacing:0.37px;color:#ffffff; margin-top: 0}
h2.subhead{ font-family:Lato-Bold;font-size:24px;color:#337079}
p.subhead-copy,span.capsule-cells{ font-family:Lato-Regular;font-size:15px; line-height:1.47;color:#535353;max-width:927px}
span.capsule-cells{font-family:Lato-Bold}
.pvar{color: #fd5fc5 !important;}
.noWrap{white-space:nowrap;}
i.noWrap{font-style:normal;}
a {text-decoration:none !important;font-family:inherit !important;color:inherit !important;}
h3.subheading{font-family:Lato-Bold; font-size:20px;letter-spacing:0.25px;color:#535353;}
h4.subheading-copy{font-family:Lato-Medium; font-size:20px;letter-spacing:0.25px;color:#dc4405;}
.footnotes{font-family:Lato-Regular;font-size:12px;line-height:1.42;letter-spacing:0.15px;color:#535353;margin-top:10px}
.bold{font-weight:bold}
.clearfix{clear:both}
.space-btw {justify-content: space-between;}
a.special {color: #337079!important;font-family: Lato-Bold!important;}    
#maincontent ul{
   font-family:Lato-Regular;
   font-size:15px; 
   letter-spacing:0.19px 
}
#maincontent ul li span{
    font-family: Lato-Regular;
    font-size: 15px;
    line-height: 1.47;
    color: #535353;
    position:relative;
    left:-9px    
}
#maincontent ul.orange-bullet li{
    color: #dc4405;
    padding-bottom:5px;
}
button.btn.learn{
    border-radius:6.1px;
    border:1px solid #535353;
    background:white;
    margin-bottom:30px;
    box-shadow: 10px 10px #ffc72c;
    width:220px;
    height:55px;
    font-family:Lato-Heavy;
    font-size:16px;
    line-height:1;
    letter-spacing:0.39px;
    text-align:center;
    color:#dc4405;
    margin-top: 50px
}
button.btn.learn:hover,
button.btn.learn:active{
    background:#dc4405;
    color:white;
    border:1px solid #fff;
    box-shadow: 10px 10px #fbaf17;
}
.circle-lines-green{
    position:absolute;
    right:0;
    bottom:-30px    
}
.fill-copy{position:absolute;bottom:-1px;}
.circle-green{
    width: 43px;
    height: 43px;
    background-color: #337079;
    position: absolute;
    border-radius: 50%;
    left: -22px;
    bottom: 54px
}

.mcl  .about-banner .banner-head{font-family:Nervous;font-size:157px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:0.53;letter-spacing:-0.63px;color:#ffffff;padding:55px 0}
.banner-copy{font-family:Lato-Semibold;font-size:21px;line-height:23px; letter-spacing:0.26px;color:#ffffff}
.home-head{
    font-family:Lato-Black;
    font-size:32px;
    font-weight:900;
    line-height:1.06;
    letter-spacing:0.4px;
    color: #ffffff;
    text-align:center;
    max-width: 305px;
    margin: 0 auto;
    padding-top: 75px;
    padding-bottom: 32px
}
.home-body{
  font-family:Lato-Regular;
  font-size:15px;
  line-height: 1.27;
  letter-spacing: 0.19px;
  text-align:center;
  color:#535353;
  max-width:293px;
  padding-top:20px;
  margin:0 auto  
}    
.home-cta {
    font-family:Lato-Heavy !important;
    font-size:24px;
    font-weight:900;
    line-height:0.96;
    letter-spacing:0.3px;
    text-align:center;
    color:#ffffff;
    max-width:149px;
    margin:0 auto;
    display:block
}
.circles,.mcl .video-content{position:relative}
.yellow-circle{position:absolute;bottom:50px;left:30px}
.about-image{background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/about.png") no-repeat center;height:293px;width:293px;margin:0 auto}
.about-image:hover,.about-image:active{background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/about-hover.png") no-repeat center}
.sup-patient-image{background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/sup-patient.png") no-repeat center;height:293px;width:293px;margin:0 auto}
.sup-patient-image:hover,.sup-patient-image:active{background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/subpatient-hover.png") no-repeat center}
.caregivers-image{background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/caregivers.png") no-repeat center;height:293px;width:293px;margin:0 auto}
.caregivers-image:hover,.caregivers-image:active{background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/caregivers-hover.png") no-repeat center}
.home-grid-content{color:#fff;margin-top:40px}
.footer-curve {
    margin-bottom: -2px;
}
.video-placeholder{flex-basis:60%}
.video-text{flex-basis: 40%}
.video-title {
    font-family: Lato-Medium;
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #535353;
}

.mcl .video-cicles{position: absolute;top: 0;z-index: -1;}
.group-of-cicles{position: absolute;right: 0;bottom: 20px;}
.group-of-cicles-mob{position: absolute;bottom: 47%;right: 0;z-index: -1;}
.group-of-cicles-mob img{height:189px}
.mcl .video-content{margin-top:40px}

@media screen and (max-width: 991px){
.flex-direction-mob{flex-direction:column-reverse;}
.flex-direction-col{flex-direction:column}
img{margin:0 auto} 
#maincontent  ul{padding-left:20px;}
button.btn.learn{box-shadow: 5px 5px #ffc72c;width: 220px;height: 32px;margin-top:0;font-size: 15px;width: 185px;margin-left:10px;}
.about-banner
{
    background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/home-banner.png") no-repeat;
    min-height:calc(100vw*0.65);
    background-size:contain;
}
.mcl .about-banner .banner-head{font-family:Nervous;font-size:70.7px;letter-spacing:0.53px;padding:25px 0 85px 0;width:253px;line-height:37.4px}
.about-image .home-head{max-width:109px}
.home-head{font-size:28px;max-width:305px;padding:60px 0}
.home-body{max-width:238px;margin-bottom:45px;}
.home-cta{font-size:20px;max-width:130px;line-height: 23px;}
.yellow-circle{position:absolute;top:250px;left:4px}
.yellow-circle img{width:49px;height:68px}
span.capsule-cells{font-size:16px}
.fill-copy{bottom:-32px;}
.mcl button.btn.learn{margin-left:2px;width: 174px;height:37px;margin-top: -10px;padding: 6px 6px;}
.about-mcl .go-section{margin-top:23px;}
.mcl .circle-lines-green{bottom: -69px;}
.about-mcl .video-placeholder{margin-top:70px;}
.about-mcl .banner-circles{position: absolute;left: 0;bottom: -27%;}
}



@media screen and (min-width: 992px){
.about-banner
{
    background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/home-banner.png") no-repeat;
   /* min-height:458px;*/
    min-height: calc(100vw * 0.32);
    background-size:100% 100%;
}
.mcl .about-banner .banner-copy{max-width: 568px;}        
.about-banner .banner-copy{max-width:780px} 
.mcl .grid{background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/yellowline.png") no-repeat;height: 400px;background-position: center;}
.about-image .home-head{max-width:180px;padding-bottom:65px;}
.video-text h2{margin-top:0}
.about-banner h1.banner-head{font-size:47px}
button.btn.learn{width: 342px;font-size: 30px;height:74px;margin-top: 30px;margin-bottom: 20px;}
.mcl .about-banner p.footnotes{color:#fff;font-size: 14px;line-height: 17px;letter-spacing: 0.18px;padding-left: 10px;margin-top: 0;}
.mcl .video-conatiner{padding-top:90px;padding-bottom:60px;}
.mcl .video-placeholder p{padding-right:40px;}
/*button.btn.learn:hover,
button.btn.learn:active{box-shadow: 5px 5px #fbaf17;}*/
.sup-patient-image:hover,.sup-patient-image:active{height:293px;}
}                    

@media screen and (min-width:768px) and (max-width: 991px){
.mcl .images-grid .col-sm-4{width:100%}
}

@media screen and (min-width:992px) and (max-width: 1045px){
.mcl .images-grid.content-container{margin:0 5%}    

}

@media screen and (min-width:992px) and (max-width: 1280px){
.mcl .about-banner{min-height:458px;}
}

@media screen and (min-width:1300px){
.mcl  .video-placeholder p img,.support-resources-patients .video-placeholder p img,.support-resources-caregivers .video-placeholder p img{
  max-width:778px;
  height:434px;                                               
}
}

@media screen and (min-width:1700px){
.go-section img.about-circles{left:27% !important;}
.support-resources-patients .go-section img.about-circles-patient{left:25% !important;}
}

@media screen and (min-width:450px) and (max-width: 767px){
#maincontent{margin-top:110px;}                                    
} 

@media screen and (min-width:1025px) and (max-width: 1280px){
ul.navbar-nav {position: relative;top: 5px;}                                  
}

@media screen and (min-width:1281px) and (max-width: 1346px){
.fullheader ul li{font-size:6.5px;letter-spacing:0.05px}
span.mail{ width: 71px;height: 21px;font-size: 8.7px;letter-spacing: 0.07px;padding-top: 3px;padding: 5px;}
span.mail img{width: 24px;height: 10px;margin-right: 0px;}                                
#header .search{max-width:81px}                                
#header .header-search{max-width: 88px;height: 21px;}  
#header input#search{font-size: 9.8px;}  
#header .search form.search button{top: -2px;left: -28px;}
#header .search form.search button img{width:15px;height:15px}
.fullheader .logos .main_logo img{max-width:130px}   
.navbar-nav,.sub-header .header-desk ul li{font-size:8.7px;letter-spacing:0.11px} 
.fullheader p.dsclmr{top:10px} 
.fullnavigation.content-container {margin-top: -28px;}
#maincontent{margin-top:129px}  
} 
.sitemap #header{display:none}
.about-mcl .about-banner {background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/about-mcl-mobile.png) no-repeat;min-height : calc(100vw * 0.45);background-size:cover}  
.about-mcl .new-cell .d-flex span:first-child {width: 28px;margin-right: 15px;}  
.about-mcl .new-cell .d-flex span.Platelet-image{width:35px;margin-right:10px;}
.about-mcl .moa-head{ font-family: Lato-Bold;font-size:16.3px;text-align: center;}
.capsule.new-cell .d-flex {display: flex;flex-direction: row;align-items: center;margin-top: 10px;margin-bottom: 10px;}
.bkg {background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/about-go-bg.png);background-repeat: no-repeat;background-size: contain;cursor:pointer;}
.bkg .banner-copy{font-family: Lato-bold;font-size:16px;letter-spacing:-0.43px;color: #ffffff}
.bkg .banner-content {text-align: center;padding-top: 74px; padding-bottom: 61px;}
.about-mcl-content,.brouchre-section,.patient-saving,.support-resources-patients .video-content,.about-mcl .video-content{position: relative;}
.about-art {position: absolute; right: 0;top: 0;}
.about-mcl .about-art {position: absolute; right: 0;bottom: 0;top:auto}
.support-resources-patients .az-access,.support-resources-patients .patient-saving .callout {position: relative;}
.support-resources-patients .callout {background-color:#dc4405;border-radius:8px;margin:40px 0;padding:12px}
.support-resources-patients .az-access .callout p {font-family:Lato-Medium;font-size:24px;text-align:center;color:#ffffff;font-weight:500;letter-spacing:0.3px;margin:auto} 
.patient-saving .callout p {font-family:Lato-Regular;line-height: 18.7px;letter-spacing: 0.17px;font-size: 13.6px;color:#ffffff}
.red-circle{position: absolute;right: 0;bottom: 67px}
.support-resources-patients .red-circle{position: absolute;right: 0;bottom:120px}
.go-section {
    position: relative;
    margin:40px auto
}
.go-section img.about-circles {
    position: absolute;
    left: 15%;
    bottom: 0;
    cursor: initial;
}
.yellow-cicle-desk {
    position: absolute;
    left: 58%;
    cursor: initial;
}
.about-mcl .go-section img.about-circles{z-index:-1}
.bkg h1.banner-head{
    font-family: Lato-Black;
    font-size:29.5px;
    letter-spacing: -1.05px;
    color: white;
}
.bkg h1.go-content{
    font-family: Lato-Heavy;
    color: white;
}
.callout-circle{
    position: absolute;
    top: -40px;
    right: -24px;
    z-index: -1;
}
.callout-circle img{width:80px}
.callout-yellow-circle{
    width: 40px;
    position: absolute;
    height: 40px;
    background: #ffc72c;
    bottom: 20px;
    border-radius: 50%;
    left: -26px;
    opacity: .5;
}
.callout-grey-cicle{
    background: #6ecbda;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    top: 0;
    position: absolute;
    right: -26px;
    z-index: -1;
    opacity: .5;
}
.thank-you h1.sign-up-head-tyou {
  max-width: 376px;
  font-family: Lato-Bold;
  font-size: 48px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: 0.6px;
  text-align: center;
  color:#337079;
  margin: 0 auto;
  padding-top: 71px;
  padding-bottom: 117px;
}
.thank-you-page {
    background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/thankyou-image.svg)no-repeat center;
    background-size: inherit;
    height: 254px;       
}
.thank-you .az-access{margin-top:40px;}
.care-sup{font-size: 50% !important;top:-0.8em!important;}
a.glossary-colorchange {
    cursor: pointer;
    color: #337079!important;
}
/*.tooltip-inner {
    border: solid 2px #337079;
    background-color: #fff3d1;
    font-family: "Lato-Regular";
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: .2px;
    color: #404040;
    max-width: 300px;
    padding: 10px 20px 10px 20px;
    text-align: left;
    border-radius: unset;
}*/
.tooltip-arrow {
    display: none;
}
.ui-tooltip-content {
    border: solid 2px #337079;
    background-color: #fff3d1;
    font-family: "Lato-Regular";
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: .2px;
    color: #404040;
    max-width: 300px;
    padding: 10px 20px 10px 20px;
    text-align: left;
    border-radius: unset;
}
.ui-widget.ui-widget-content {
    border: unset;
    box-shadow: unset;
    background: unset;
    display: inline-block !important;
    left:0;
    right:0;

}
.support-resources-patients .resources-list li a span,.support-resources-caregivers .resources-list li a span{text-decoration:underline;}
.video-multiple{display:flex;align-items:center;justify-content:center;}
.video-multiple img:first-child{margin-right: 20px;}

@media screen and (max-width: 991px){
img{margin:0 auto}    
.about-banner .banner-head {width:203px;padding-left:20px;padding-top:21px;}
.about-mcl .content-center{text-align:center;}
.about-mcl .d-flex {flex-direction: column;}
.about-mcl .video-content{margin-top:20px}
.support-resources-patients .about-banner .banner-head{width: 123px;}
.support-resources-patients .az-access .callout p {max-width:319px;font-size:20px;}
.support-resources-patients .care-image img,.support-resources-caregivers .care-image img{max-width:299px;max-height:24px}
.support-resources-patients .az-access-360 p img{max-width:293px;max-height:129px;}
.support-resources-patients .az-access .about-art{top:8%;}
.support-resources-patients .bkg {background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/patient.png") no-repeat; background-size: contain;}
.go-section .bkg img.yellow-cicle {position:absolute; left:71%;cursor: initial;}
.go-section .bkg img.red-cicle { position:absolute; bottom: 0; cursor: initial;}
.bkg .banner-content .banner-copy {max-width: 199px;margin: 0 auto;}
.about-mcl .go-section .banner-head{max-width:175px;margin:0 auto}
.video-placeholder p img{width:324px;height:184px}
.about-mcl .about-art{top:24%}
.support-resources-patients .bkg .banner-content,.support-resources-caregivers .bkg .banner-content,.taking-calquence .bkg .banner-content{padding-top:39px}
.bkg {margin: 0 auto;max-width: 333px;height:333px}
.patient-saving .callout{
    background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/savings-callout.svg) no-repeat;max-width: 375px;height: 100%;background-size: 100% 100%;margin: 40px auto;border-radius:unset;}
.patient-saving .callout p{font-size:13.6px;max-width: 330px;padding-top: 54px;padding-right: 51px;padding-left: 27px;}
.video-text{max-width:90%}
.support-resources-patients .group-of-cicles-mob{position: absolute;bottom: 0;right: 0;z-index: -1;}
.about-mcl .capsule.animation-capsule .d-flex section {max-width: 337px;margin: 0 auto;}
.about-mcl .calc-different h2{margin-top:0}
.support-resources-patients .about-banner .banner-head{padding-top:40px}
.support-resources-patients .care-image{margin-top:30px;margin-bottom:30px;}
.support-resources-patients .patient-difference{padding-bottom:0;margin-bottom: -60px;}
.about-mcl .mcl-footnote-copy{width: 299px;margin: 0 auto;}
.support-resources-patients .az-access{padding-top:40px;}
.support-resources-patients .az-access-360 h2 {max-width: 302px;}
.support-resources-patients .zero-icon{margin:30px 0}
.support-resources-patients .video-text,.support-resources-caregivers .video-text{margin:10px auto 0 auto;}
.tk-logo img{max-width:320px;}
.about-mcl .moa-head{padding-top:20px;}
.thank-you.support-caregivers .tips-content{padding-top:60px;}

/**************support-resources-patients common code******************/

.support-resources-patients  .about-banner {background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/patient-mob.png) no-repeat;min-height : calc(100vw * 0.46);background-size:contain}
.support-resources-patients .img-align {max-width: 189px;margin: 0 auto;}
.sign-up-text{padding-bottom:20px;}
.go-section{margin:60px auto;}
.lighthouse-image{margin:20px auto}
/**************support-resources-patients common code******************/
}

@media screen and (min-width: 992px){
 h3.subheading{font-size:20px;letter-spacing: 0.25px;}
.about-mcl .animation-capsule .d-flex { flex-direction: row;align-items: center;}
.about-mcl .capsule.animation-capsule .d-flex section { max-width: 500px;margin: 0 auto;}
.about-mcl .capsule {width: 65%;margin: 0 auto;padding-top: 25px;}
.about-mcl .capsule.new-cell {padding-top: 96px;margin-left: 59px;}
.about-mcl .capsule .d-flex {margin-top: 10px;}
.desktop-only{display:block;}
.about-mcl .about-banner { background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/about-mcl-desk.png) no-repeat;min-height: calc(100vw * 0.15);/*min-height:256px;*/background-size:100% 100%}
.about-mcl .d-flex {flex-direction: row;}
.about-mcl section.footnote { padding-top: 20px; max-width: 258px;}
.about-mcl .about-banner section.banner-content,.support-resources-patients .about-banner section.banner-content,
.taking-calquence .about-banner section.banner-content,.support-resources-caregivers .about-banner section.banner-content{padding-top: 41px;}
.bkg {background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/about-go-desk.png); background-repeat: no-repeat;background-size: contain;}
.about-mcl .bkg,.support-resources-patients .bkg,.taking-calquence .bkg,.caregivers-support-resources .bkg{max-width: 531px;margin: 0 auto 0 auto;height:531px}
.support-resources-patients .about-banner {background:url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/patient-desk.png);/*min-height: calc(100vw * 0.31);*/ min-height:229px;background-repeat: no-repeat;background-size: 100% 100%;margin-bottom: 20px;}
.patient-saving section.desktop-only.callout {max-width: 469px;}
.flex-align{align-items:center;}
.care-info{width:64%}
.access-info{max-width:390px;margin-right:90px;}
.eligibility-content ul.orange-bullet{max-width:621px;margin-right:30px}
.calquence-content {max-width: 764px;margin-right: 0px;}
.support-resources-patients .calquence-content{max-width:680px;margin-right:0;}
.support-resources-patients  .tk-logo {margin-left: 60px;}
.support-resources-patients .tk-logo img,.support-resources-caregivers .tk-logo img{width:409px;}
.support-resources-patients .bkg {background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/patient.png") no-repeat}
.about-mcl .video-container{justify-content:space-between;margin-top:85px;}
.about-mcl .video-text{max-width:300px}
.video-placeholder p img{max-width:550px;height:340px;margin-right:30px;}
.bkg h1.banner-head{max-width:426px; margin:0 auto;padding-bottom:20px}
.bkg .banner-copy {
    font-family: Lato-bold;
    font-size: 19.7px;
    letter-spacing: -0.52px;
    max-width:288px;
    margin:0 auto
}
.bkg h1.go-content{
    font-size: 71px;
    line-height: 0.55;
    letter-spacing: 0.89px;
    padding-top: 50px;
}
.bkg h1.banner-head{
    font-family: Lato-Black;
    font-size: 39.4px;
    letter-spacing: -0.79px;
    color: white;
    width: 426px;
    margin:0 auto;
}
.patient-saving .callout{background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/savings-callout.svg) no-repeat;width:590px;height: 298px;background-size: 100% 100%;margin: 0 auto 40px auto;padding:0}
.support-resources-patients .patient-saving .callout p {font-size: 16px; line-height: 20px;letter-spacing: 0.2px;padding-top: 113px;padding-left: 61px;padding-right: 100px;}
.support-resources-patients .eligible-copy{max-width:768px}
.support-resources-patients .eligibilty-head{position:absolute}
.support-resources-patients .az-access .callout p{max-width:950px;text-align:left;font-size: 23px;}
.about-mcl .go-section img.about-circles{left:18%}
/*.about-mcl .go-section{margin-bottom:60px}*/
.thank-you-page{background-position-x:33%;}
.thank-you h1.sign-up-head-tyou{max-width:927px;padding-top: 96px;padding-bottom: 10px;}
.thank-you .sign-up-para-tyou.subhead-copy{margin: 0 auto;margin-left: 47%;width: 316px;}
.tooltip-inner {max-width: 380px;}
.support-resources-patients .about-art{width:18%;}
.video-content,.video-multiple{margin-top:40px}
.support-resources-patients .brochure-image{padding-left: 24%;}
.support-resources-patients .resources-list,.support-resources-caregivers .resources-list {padding-left: 20px;}
.support-resources-patients .go-section{margin-bottom:150px;}
.support-resources-patients .eligibility-content {margin-left: 10px;}
.about-mcl  .bkg h1.banner-head{max-width:288px;}
.go-section{margin-bottom:100px;}

}



@media screen and (min-width: 768px) and (max-width:991px){
.support-resources-patients .go-section img.about-circles-patient{left:142px !important}
.support-resources-patients .go-section .bkg img.yellow-cicle{left: 62% !important;}
.taking-calquence .go-section .bkg img.yellow-cicle,.about-mcl .go-section .bkg img.yellow-cicle{left: 63% !important;}
}
/**************site-map common code******************/
.sitemap .sitemap-head{ font-family: Lato-heavy; font-size: 30px;color: #dc4405; letter-spacing: 0.37px;line-height:33px;}
.sitemap .sitemap-copy{font-family: Lato-bold;font-size: 24px;color: #337079;}
.sitemap ul li {list-style-type: none;}
/**************site-map common code******************/

@media screen and (min-width: 992px) and (max-width:1280px){
.support-resources-patients .az-access .callout p{max-width:950px;text-align:left;font-size:20px}
.support-resources-patients .patient-saving .callout{width:unset;}
.support-resources-patients  .patient-saving .callout p{padding-top: 95px; padding-left: 53px;padding-right: 72px;}
.thank-you h1.sign-up-head-tyou{margin-left: 80px;}
.support-resources-patients .about-art{top:179px;width:18%;}
.support-resources-patients .calquence-content {max-width: 405px;margin-right: 0;}
.about-mcl .capsule.new-cell{margin-left: 35px;}
}

@media screen and (min-width: 320px) and (max-width:375px){
.mob-fix{display:inline-block;}  
.go-section .bkg img.red-cicle{left:0}

}

@media screen and (min-width: 320px) and (max-width:350px){
.patient-saving .callout{max-width:320px}
}

@media screen and (min-width: 1200px){
.about-mcl .video-placeholder p img{max-width:780px;height: 440px;margin-right: 30px;}
.support-resources-patients .patient-saving .callout{left: 65px;}
}
@media screen and (min-width: 992px) and (max-width: 1260px){
   .about-mcl .about-banner{min-height: 194px}
}
@media screen and (max-width: 769px){
/*    #taking-results .callout-text,
    #taking-results .callout-seperator{width: 307px}*/
    #taking-results .callout-text-black{line-height: 30px}
}
.taking-calquence .col-xs-12{padding-right:0;padding-left:0}
.taking-calquence .about-banner
{
    width:100%;
    height:100%;
    margin-bottom: 20px;
}
.taking-calquence .bkg .banner-content .banner-copy {max-width: 199px;margin: 0 auto;}
.side-effects span{position: relative;font-size: 15px;font-family: Lato-Regular}
.taking-calquence .dosing-section,.taking-calquence .treatment-section,.about-banner,.results-content{position:relative}
.effects-image .side-effects img{width:78px;height:90px}
.taking-calquence .icon-muscle img{width: 96px;height: 71px;}
.group-desk{position:absolute;right:0;top: 80px;}
.callout-text{font-family: Lato-SemiBold;font-size: 20px;color: #dc4405;line-height: 24px;letter-spacing: 0.25px;}
.callout-dosing {padding: 20px 0 10px 0;}
.callout-text-black {font-family: Lato-Black;font-size: 38.8px;letter-spacing: 0.48px;}
.callout-seperator{border-bottom: 4px solid #DC4406;margin-bottom:40px;}

@media screen and (max-width: 991px){
.taking-calquence .about-banner
{
    background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/taking-cal.png") no-repeat;
    min-height: calc(100vw*0.46);
    background-size:cover;
}
.taking-calquence .work-image {
    margin-bottom:31px;
}
.taking-calquence .graph-image img,.treatment-section img,.dosing-section img{
   margin:0 auto;
}
.taking-calquence .flex-container{
    display:flex;
    flex-direction:column-reverse;        
}
.taking-calquence .bg {
    position:absolute;
    right:0;
    top: 8%;        
    z-index:-99;
}
.icon,.icon-diarrhea,.icon-diarrhea,.icon-muscle,.icon-respiratory,.icon-capsule{margin-bottom:30px;align-items:center}
.taking-calquence .bkg {background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/support-resources-pt.png") no-repeat; background-size:contain;}
.taking-calquence .treatment-section{position:relative} 
.taking-calquence .dosing-bg {position:absolute;right:0;margin-top:-26%}
.taking-calquence .graph-image img{max-width:232px;margin:30px auto;}
.taking-calquence .treatment-image img{max-width:250px}
.taking-calquence .effects-image{padding:0 30px;}
span.headache-dose, span.diarrhea-dose, span.muscle-dose,span.respiratory-dose, span.bruising-dose{left:49px}
span.respiratory-dose{width:133px}
.banner-circles{position:absolute;left:0;bottom:-24%}
.taking-calquence .side-effects{width:246px;display:block;margin:0 auto}
.taking-calquence .about-banner .banner-head{padding-top:30px}
.taking-calquence .banner-circles{bottom:-30%;}
.taking-calquence span.muscle-dose {left: 34px;width: 98px;}
.callout-text,.callout-seperator{width:267px;}
.taking-calquence .go-section .bkg img.yellow-cicle{left:77%;}
.taking-calquence .side-effects .footnotes{padding-left:10px;padding-right:10px;}
}

@media screen and (min-width: 992px){
.taking-calquence .about-banner
{
    background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/taking-cal.png") no-repeat;
    min-height:calc(100vw*0.15);
    background-size:100% 100%
}
.taking-calquence .graph-body{
    display:flex;
    align-items:center;
    margin-top:40px
}
.taking-calquence .graph-image img{margin-right:60px}
.taking-calquence .graph-content{width:582px;line-height:1.27;letter-spacing:0.19px}
.taking-calquence .flex-container{
    display:flex;
    flex-flow:row;
    margin-bottom:0
}
.taking-calquence .treatment-content{width:60%;margin-right:50px}
.taking-calquence .treatment-subcontent{
    max-width:1014px
} 
.side-effects-section .col-sm-8{
    width:30%
}
.side-effects-section .col-sm-4{
    width:70%;
    max-width: 754px
}
.side-effects-section .common-efects p{max-width:276px}
.side-effects{margin-top: 21px;max-width: 754px;display:flex}
.side-effects div{display:inline-flex;width: 245px}
span.headache-dose, span.diarrhea-dose, span.muscle-dose{left:20px}
span.respiratory-dose, span.bruising-dose{left:25px;max-width:120px}
.taking-calquence .bkg {background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/support-resources-pt.png") no-repeat}
.taking-calquence .dosing-bg {position:absolute;right:0;margin-right:46px}
.dosing-section img.dosing-image{
   margin:30px 0;
   height: 120px;
}
.taking-calquence .treatment-section{
    background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/orange-line-circ.png) no-repeat left bottom;
}    
.taking-calquence .serious-effects{position:relative}
.taking-calquence .sub-content p{max-width:385px}
.taking-calquence .going-treatment{margin-top:50px}
.taking-calquence .serious-effects ul{max-width:64%}
.taking-calquence .bg,.circles-comb {
    position: absolute;
    right: 0;
    top: 20%;
}
.taking-calquence .bg{top:44%}
.banner-circles{position:absolute;left:0;top:13%}
.taking-calquence .go-section img.about-circles{left:18%}
.taking-calquence .treatment-image{margin-top:22px}
.taking-calquence  .bkg .banner-content{padding-bottom:0}
.taking-calquence  .sub-content h2.subhead.pt10{padding-top:20px;}
.callout-seperator {max-width:1100px;}
.callout-text{font-size: 25px;line-height: 30px;letter-spacing: 0.13px;}
.callout-text-black {font-size: 48.5px;letter-spacing: 0.61px;}
.taking-calquence .bkg .banner-content .banner-copy{max-width:345px;}
}

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

.taking-calquence .col-sm-8 ,.col-sm-6{width:100%}
.taking-calquence .col-sm-4{width:100%}
.callout-text,.callout-seperator{width:563px;}
}

@media screen and (min-width:992px) and (max-width: 1280px){
.taking-calquence .sub-content h2{padding-top:62px !important;}
.taking-calquence .bg{top: 55%;}
.taking-calquence span.respiratory-dose{max-width: 106px;}
.taking-calquence .graph-content .subhead-copy{width:95%;}
.taking-calquence .go-section img.about-circles{left: 8% !important;}
.taking-calquence .go-section .yellow-cicle-desk{left: 63%;}
}


.support-resources-caregivers .about-banner{background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/caregivers-mob.png) no-repeat;min-height : calc(100vw * 0.46);background-size:contain;}
.support-resources-caregivers .tips-content,.support-resources-caregivers .connection-section,.support-caregivers .tips-content,.support-caregivers .connection-section{position:relative;}
.support-resources-caregivers .bkg {background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/support-resources-pt.png") no-repeat}
.support-resources-caregivers .tk-logo p,.support-resources-patients .tk-logo p{width: 231px;margin: 0 auto;padding: 20px 0;}
.support-resources-patients  .video-cicles{position: absolute;bottom: 18%;z-index: -1;}
.support-resources-caregivers  .video-cicles,.support-caregivers .video-cicles{position: absolute;top: 155px;z-index: -1;}
.support-resources-caregivers .group-of-cicles{position: absolute;right: 0; top: 34%;}
.support-resources-patients .go-section img.about-circles-patient {position: absolute;left: -47px;height:220px;top: 20%;cursor:initial;}
hr{display:none;}
.combcircle-content{position:relative}
.support-resources-patients .head-text p.subhead-copy.pvar.section-difference,.support-resources-caregivers .head-text p.subhead-copy.pvar.section-difference{padding-bottom:20px}
.video-multiple img{height:143px;width:150px;margin:0} 

@media screen and (max-width:991px){
.support-resources-caregivers .about-banner .banner-head{width: 123px;padding-top: 40px;}  
.support-resources-caregivers .brochure-image,.support-resources-patients .brochure-image{margin: 40px auto}
.support-resources-caregivers .tk-logo,.support-resources-patients .tk-logo{display:block;margin:0 auto;margin-bottom:20px;margin-top: 40px;}
.support-resources-patients .go-section .bkg img.yellow-cicle{position: absolute;left: 74%;bottom: 10%;cursor:initial;}
.combined-shape{position: absolute;right: -14px;top: -51px;z-index: -1;}
.combined-shape img{width:58px}
.support-resources-caregivers .care-image{margin-top: 30px;margin-bottom:20px}
.support-resources-caregivers .group-of-cicles-mob img,.support-resources-patients .group-of-cicles-mob img{width:auto}
.support-resources-caregivers p.subhead-copy.section-difference.caregivers-support-text {
    padding-bottom: 20px;
}
.support-resources-caregivers .bkg .banner-content .banner-copy,.taking-calquence .bkg .banner-content .banner-copy{max-width:288px;}
.support-resources-caregivers .group-of-cicles{position: absolute;right: 0; top: 21%;}
.support-resources-patients .group-of-cicles{position: absolute;right: 0;bottom: 71px;}
.support-resources-caregivers .video-multiple ,.support-resources-patients .video-multiple{position:relative;z-index:1;}
.support-resources-patients button.btn.learn,.support-resources-caregivers button.btn.learn{width:150px}        
}

@media screen and (min-width:992px){
.support-resources-caregivers .about-banner{background: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/caregivers-desktop.png); min-height:226px;background-repeat: no-repeat;margin-bottom:20px;background-size:100% 100%;}
.support-resources-patients .about-banner .banner-copy,.support-resources-caregivers .about-banner .banner-copy{max-width:426px}
.support-resources-caregivers .dots-bg,.thank-you .dots-bg{position:absolute;right:0;bottom:4%}
.support-resources-caregivers .resource-content{width:725px;margin-right:40px;}
.support-resources-caregivers .bkg {background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/support-resources-pt.png") no-repeat}
.support-resources-caregivers .tk-logo p,.support-resources-patients .tk-logo p{font-size: 23px;letter-spacing: 0.3px;padding:0}
.support-resources-patients .go-section img.about-circles-patient{position: absolute;left: 22%;height:auto;top: 13%;}
.support-resources-patients .az-access-360{margin-top:40px}
.support-resources-patients .yellow-cicle-desk{position: absolute;bottom: -6%;left: 66%;}
.support-resources-caregivers .go-section img.about-circles{left:18%}
.combined-shape{position: absolute;top: -63px;right: 0;z-index: -1;}
.support-resources-caregivers .yellow-cicle-desk{left: 61%;}
.support-resources-caregivers .caregiver-divider{margin-top:75px;}
.support-resources-caregivers .about-art{top: -10%;width:18%}
.care-image{position:relative;top:-20px;}
.support-resources-caregivers .bkg h1.banner-head{width:426px;}
.support-resources-caregivers .bkg .banner-copy{max-width:345px;}
.support-resources-caregivers .bkg h1.go-content{padding-top:15px;}
.support-resources-patients button.btn.learn,.support-resources-caregivers button.btn.learn{width:300px;margin-top:-5px;}
.support-resources-patients .video-conatiner,.support-resources-caregivers .video-conatiner{align-items:center;}
.support-resources-caregivers .brochure-image{margin-right: 3%;}
.video-multiple img{height:143px;width:249px;margin:0}    
.video-multiple{display:flex;}
}


@media only screen and (min-width:992px) and (max-width:1100px){
.support-resources-patients .head-text p.subhead-copy,.support-resources-caregivers .head-text p.subhead-copy{max-width:65%}
.support-resources-patients .yellow-cicle-desk{bottom: -13%;left: 70%;}
.support-resources-caregivers .yellow-cicle-desk{left: 63%;}
}

@media only screen and (min-width:320px) and (max-width:360px){
.noWrap-mob {display: block;}            
}

@media only screen and (min-width:1300px){
/*.video-multiple img{max-width:1239px;height:185px;}*/
 .support-resources-caregivers .calquence-content{max-width: 642px;margin-right: 83px;} 
.support-resources-patients .calquence-content{max-width: 676px;margin-right: 53px;}        
}
@media screen and (min-width: 320px) and (max-width:375px){
.support-resources-caregivers .go-section .bkg img.yellow-cicle{left: 74%;}
}

@media screen and (min-width: 768px) and (max-width:991px){
.support-resources-caregivers .go-section .bkg img.yellow-cicle{left: 63%;}
}
@media screen and (min-width:1450px){
.taking-calquence .treatment-subcontent {max-width: 1440px;}
}



/*search page*/

.search-result-page .search-banner{
   background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mobile/search-banner.png") no-repeat;
   min-height:calc(100vw*0.41);
   background-size:100% 100%;         
} 
.search-banner h1{        
   font-family: Lato-Heavy;
   font-size: 30px;
   letter-spacing: 0.37px;
   color:#fff;
   padding-top:30px;             
}
.title-container {
    font-family: Lato-Bold;
    font-size: 18px;
    color: #535353;
    margin-top:21px            
}
.results-container{ font-family: Lato-Bold;color: #535353}            
p.search-result-pagename {
    font-size: 20px;
    line-height: 1.75;
    letter-spacing: 0.25px;
    margin-bottom:0;
    color: #337079;
}
p.search-result-abstract{
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.19px;     
}
.title-container p{padding-left:5px;display:inline-block}  
.search-results .result-item {
    padding: 15px;
    padding-top: 0px;
    line-height: 24px;
}  
#maincontent .search form.search label{display:none}
#maincontent .search button {
    position: relative;
    right: 41px;
    border: none;
    background: none;
}
#maincontent .search button img {
    width: 20px;
}
.search-result-page #maincontent input {
    font-family: Lato-Regular;
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #535353;
    padding-left: 15px;
}
.search-result-page #maincontent #frmSearch input#search{margin-left: 15px;line-height: 30px;border: solid 1px #337079;background-color: white;width: 300px;height: 39px;}
.search-results{margin-bottom:50px;}

@media only screen and (max-width: 991px){
.search-results.content-container, .search-results .result-item {
    padding-left: 0;
}
#maincontent .search.section{margin-left:0}               
}

@media screen and (min-width: 992px){  
.search-result-page .search-banner{
   background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/search-banner.png") no-repeat;
   min-height: 268px;
   background-size:contain;                     
} 
.search-banner h1{        
  font-size: 47px;
  line-height: 1.77;
  letter-spacing: 0.59px; 
  text-align: left;                              
}
.title-container{
  font-size:20px;  
   letter-spacing: 0.25px;
}
p.search-result-pagename{
   font-size:24px;
   line-height: 2.19;
   letter-spacing: 0.2px;

}
p.search-result-abstract{
  font-size: 16px;
  letter-spacing: 0.3px;            
}  
.results-container{padding-left:30px}  
.search-banner h1{padding-left:100px}  
.search-result-page #maincontent #frmSearch input#search{width: 602px;height: 39px;}
.search-result-page #maincontent form#frmSearch{margin-left:85px;}
.search-results{margin-bottom:20px}
}

@media only screen and (width:768px){
/*.search-result-page #maincontent #frmSearch input#search{margin-left:44px !important;} */
.search-result-page form#frmSearch {margin-left: 32px;}    
#header .search form.search button {left: -39%;}  
}

@media screen and (min-width:992px) and (max-width: 1024px){
body.search-result-page #maincontent{margin-top:93px}
}
/*search page*/

/*iphone5 issues*/

@media screen and (max-width:370px){
.about-image,.about-image:hover, .about-image:active,
.sup-patient-image,.sup-patient-image:hover, .sup-patient-image:active,
.caregivers-image,.caregivers-image:hover, .caregivers-image:active{background-size:250px;width:250px;}
.mcl .video-content .video-text{max-width:235px;}
.mcl .group-of-cicles-mob{bottom: 58%;}
.taking-calquence .go-section .bkg img.yellow-cicle{left: 74%;}
.support-resources-patients .patient-saving .callout{padding: 12px 0 12px 0;}
.support-resources-patients .patient-saving .callout p{font-size:8.6px;}
.tk-logo img{max-width: 270px;}
#surveyBody{width: 288px !important;margin: 0 auto;} 
}
/*iphone5 issues*/

/*ie issues*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#header .search{max-width:206px;}
.head-content.d-flex.mail{width:265px;}
.fullheader p.dsclmr, .fullheader p.dsclmr:hover{width:289px;}   
.video-placeholder{flex-basis:100%}
}

/*ie issues*/
#empoverlay #exitdialog h2{margin:0}
#empoverlay #exitdialog {
    z-index:9999;
    position:fixed;
    top:10%;
    left:29%;
    background:#ffffff;
    text-align:center;
    width: 320px !important;
    height: 494px !important;
}

#empoverlay #exitdialog .close_btn {
    position: absolute;
    top: 0%;
    cursor: pointer;
    right:3%;
    right: 2%;
    background: #337079;

} 
#empoverlay .mask {
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
}
#empoverlay #exitdialog .dtc-exitramp h1 {
  font-family: Lato-Bold;
  font-size: 24px;
  color:#337079;
  background:none;
  padding: 47px 25px 0; 
  text-transform:uppercase;  
}
#exitdialog .btns{display:none}
#exitdialog .dtc-exitramp .btns{
    display:block;
    margin:0 auto;
    max-width:220px;
}
#exitdialog  .dtc-exitramp button.btn.ok,#exitdialog  .dtc-exitramp button.btn.back{
    border-radius:6.1px;
    border:1px solid #535353;
    display:block;
    background:white;
    margin-bottom:30px;
    box-shadow: 10px 10px #ffc72c;
    width:220px;
    height:55px;
    font-family: Lato-Heavy;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.39px;
    text-align: center;
    color: #dc4405;
    text-transform:uppercase
}
#exitdialog  .dtc-exitramp button.btn.ok:hover, #exitdialog  .dtc-exitramp button.btn.back:hover,
#exitdialog  .dtc-exitramp button.btn.ok:active,#exitdialog  .dtc-exitramp button.btn.back:active{
    background:#dc4405;
    color:white;
    border:0.8px solid #dc4405;
    box-shadow: 10px 10px #fbaf17;
}
#empoverlay #exitdialog .dtc-exitramp .exit-content p.content{
  font-family: Lato-Regular;
  font-size: 15px;
  line-height: 1.27;
  letter-spacing: 0.19px;
  color: #535353;
  padding:30px 0;
  text-align:left   
}
button.close-icon {
    background: none;
    border: none;
    color: transparent;
    display: block;
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-weight:initial;
    margin-top: 10px;
    background:url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/closeicon.png")no-repeat;
}



@media screen and (max-width: 991px){
#empoverlay #exitdialog .dtc-exitramp .exit-content p.content{width: 272px;margin: 0 auto 30px auto;padding-bottom: 0;padding-top: 10px;}
#empoverlay #exitdialog .dtc-exitramp button.close-icon{font-size:30px;position: relative;right: -3px;}
}

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

#empoverlay #exitdialog {
  width:863px !important;
  height:343px !important; 
  padding:0 70px !important;
}           
#exitdialog .dtc-exitramp .btns{
  display:inline-block;
  max-width: none;      
}   
#exitdialog .dtc-exitramp button.btn.ok,#exitdialog .dtc-exitramp button.btn.back{
  border-radius:8px;
  width: 329px;
  height: 72px;
  border-radius: 8px;  
  font-size: 25px;
  display:inline-block;  
}
#exitdialog .dtc-exitramp button.btn.ok{margin-right:40px;}
#empoverlay #exitdialog .dtc-exitramp button.close-icon{position:relative;left:50px;font-size:30px;top: 10px;}
#empoverlay #exitdialog .dtc-exitramp .exit-content p.content{max-width: 685px;padding-left: 20px;}

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

    #empoverlay #exitdialog{width: 308px !important; left: 6px !important;}
}



.animation-images{width:0;height:0;}

/* MOd animation */

@keyframes animation-images {
        0%{opacity : 1;}
        15%{opacity : 0;}
        30%{opacity : 0;}
        45%{opacity : 0;}
        60%{opacity : 0;}
        75%{opacity : 0;}
        90%{opacity : 0;}
        100%{opacity : 0;}
}
@keyframes animation-images1 {
        0%{opacity : 0;}
        15%{opacity : 1;}
        30%{opacity : 0;}
        45%{opacity : 0;}
        60%{opacity : 0;}
        75%{opacity : 0;}
        100%{opacity : 0;}
}
@keyframes animation-images2 {
        0%{opacity : 0;}
        15%{opacity : 0;}
        30%{opacity : 1;}
        45%{opacity : 0;}
        60%{opacity : 0;}
        75%{opacity : 0;}
        100%{opacity : 0;}
}
@keyframes animation-images3 {
        0%{opacity : 0;}
        15%{opacity : 0;}
        30%{opacity : 0;}
        45%{opacity : 1;}
        60%{opacity : 0;}
        75%{opacity : 0;}
        100%{opacity : 0;}
}
@keyframes animation-images4 {
        0%{opacity : 0;}
        15%{opacity : 0;}
        30%{opacity : 0;}
        45%{opacity : 0;}
        60%{opacity : 1;}
        75%{opacity : 0;}
        100%{opacity : 0;}
}
@keyframes animation-images5 {
       0%{opacity : 0;}
        15%{opacity : 0;}
        30%{opacity : 0;}
        45%{opacity : 0;}
        60%{opacity : 0;}
        75%{opacity : 1;}
        100%{opacity : 0;}
}
@keyframes animation-images6 {
        0%{opacity : 0;}
        15%{opacity : 0;}
        30%{opacity : ;}
        45%{opacity : 0;}
        60%{opacity : 0;}
        75%{opacity : 1;}
        100%{opacity : 1;}

}
@keyframes animation-images7 {
        0%{opacity : 0;}
        15%{opacity : 0;}
        30%{opacity : ;}
        45%{opacity : 0;}
        60%{opacity : 0;}
        75%{opacity : 1;}
        90%{opacity : 1}
        100%{opacity : 1;}
}


.bone-marrow{ background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_7.svg");display:block;position: relative;}
.bone-marrow.animation-active{ animation-name: animation-images ; animation-duration: 250.5s; background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_1.svg");animation-iteration-count: infinite; animation-timing-function: linear;position: relative; }
.bone-marrow.animation-active .bonemarrow-1{animation-name: animation-images1 ;background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_1.svg");  animation-iteration-count: infinite; animation-timing-function: linear;position: absolute;width:100%;height: 100%;animation-duration: 20s;}
.bone-marrow.animation-active .bonemarrow-2{animation-name: animation-images2 ;  background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_2.svg");  animation-iteration-count: infinite; animation-timing-function: linear;position: absolute;width:100%;height: 100%;animation-duration: 20s;}
.bone-marrow.animation-active .bonemarrow-3{animation-name: animation-images3 ; background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_3.svg");  animation-iteration-count: infinite; animation-timing-function: linear;position: absolute;width:100%;height: 100%; animation-duration: 20s;}
.bone-marrow.animation-active .bonemarrow-4{animation-name: animation-images4 ;  background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_4.svg");  animation-iteration-count: infinite; animation-timing-function: linear;position: absolute;width:100%;height: 100%; animation-duration: 20s;}
.bone-marrow.animation-active .bonemarrow-5{animation-name: animation-images5 ;  background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_5.svg");  animation-iteration-count: infinite; animation-timing-function: linear;position: absolute;width:100%;height: 100%; animation-duration: 20s;}
.bone-marrow.animation-active .bonemarrow-6{animation-name: animation-images6 ; background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_6.svg");  animation-iteration-count: infinite; animation-timing-function: linear;position: absolute;width:100%;height: 100%; animation-duration: 20s;}
.bone-marrow.animation-active .bonemarrow-7{animation-name: animation-images7 ;  background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_7.svg");  animation-iteration-count: infinite; animation-timing-function: linear;position: absolute;width:100%;height: 100%; animation-duration: 20s;}


@media screen and (max-width: 991px) {
    .bone-marrow { width: 300px; min-height: 290px;}
    .bone-marrow.animation-active { width: 300px; min-height: 290px;}
}

@media screen and (min-width: 992px) {
    .bone-marrow { width: 380px;height: 381px; }
    .bone-marrow.animation-active { width: 380px; height: 381px;}
}
/* MOd animation/
/*animation sample*/
.work-image{
        width: 555px;
        height: 461px;
        background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/desktop_6.svg");
}
.work-image.animation-active{
        width: 555px;
        height: 461px;
        animation-name: moa;
        background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/moa-desktop.svg");
        /*animation-delay: 0.05s;*/
        animation-iteration-count: infinite;
        animation-timing-function: ease;
        background-size: contain;
        position: relative;
	    background-repeat: no-repeat;
		background-position: center;
}

.work-image.animation-active .work-image1{
        animation-name: moa1;
        animation-duration: 15.5s;
        background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/desktop_1.svg");
        animation-delay: 0.05s;
        animation-iteration-count: infinite;
        animation-timing-function: ease;
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: contain;
        }
.work-image.animation-active .work-image2{
        animation-name: moa2;
        animation-duration: 15.5s;
        background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/desktop_2.svg");
        animation-delay: 0.05s;
        animation-iteration-count: infinite;
        animation-timing-function: ease;
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: contain;
        }
.work-image.animation-active .work-image3{
         animation-name: moa3;
         animation-duration: 15.5s;
         background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/desktop_3.svg");
         animation-delay: 0.05s;
         animation-iteration-count: infinite;
         animation-timing-function: ease;
         position: absolute;
         width: 100%;
         height: 100%;
         background-size: contain;
         }

.work-image.animation-active .work-image4{
        animation-name: moa4;
        animation-duration: 15.5s;
        background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/desktop_4.svg");
        animation-delay: 0.05s;
        animation-iteration-count: infinite;
        animation-timing-function: ease;
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: contain;
        }

.work-image.animation-active .work-image5{
         animation-name: moa5;
         animation-duration: 15.5s;
         background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/how-calquence-works.svg");
         animation-delay: 0.05s;
         animation-iteration-count: infinite;
         animation-timing-function: ease;
         position: absolute;
         width: 100%;
         height: 100%;
         background-size: contain;
         }

.work-image.animation-active .work-image6{
         animation-name: moa6;
         animation-duration: 15.5s;
         background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/desktop_6.svg");
         animation-delay: 0.05s;
         animation-iteration-count: infinite;
         animation-timing-function: ease;
         width: 100%;
         height: 100%;
         background-size: contain;
         } 

@keyframes moa {
        0%{ opacity: 1;}
        4.5%{opacity: 0;}
        9%{opacity: 0;}
        13.5%{opacity: 0;}
        18%{opacity: 0;}
        22.5%{opacity: 0;}
        100%{opacity: 0;}
}
@keyframes moa1 {
        0%{ opacity: 0;}
        4.5%{opacity: 1;}
        9%{opacity: 0;}
        13.5%{opacity: 0;}
        18%{opacity: 0;}
        22.5%{opacity: 0;}
        100%{opacity: 0;}
}
@keyframes moa2 {
        0%{ opacity: 0;}
        4.5%{opacity: 0;}
        9%{opacity: 1;}
        13.5%{opacity: 0;}
        18%{opacity: 0;}
        22.5%{opacity: 0;}
        100%{opacity: 0;}
}
@keyframes moa3 {
        0%{ opacity: 0;}
        4.5%{opacity: 0;}
        9%{opacity: 0;}
        13.5%{opacity: 1;}
        18%{opacity: 0;}
        22.5%{opacity: 0;}
        100%{opacity: 0;}
}
@keyframes moa4 {
        0%{ opacity: 0;}
        4.5%{opacity: 0;}
        9%{opacity: 0;}
        13.5%{opacity: 0;}
        18%{opacity: 1;}
        22.5%{opacity: 0;}
        100%{opacity: 0;}
}
@keyframes moa5 {
       0%{ opacity: 0;}
        4.5%{opacity: 0;}
        9%{opacity: 0;}
        13.5%{opacity: 0;}
        18%{opacity: 0;}
        22.5%{opacity: 1;}
        100%{opacity: 0;}
}
@keyframes moa6 {
        0%{ opacity: 0;}
        4.5%{opacity: 0;}
        9%{opacity: 0;}
        13.5%{opacity: 0;}
        18%{opacity: 0;}
        22.5%{opacity: 1;}
        100%{opacity: 1;}

}





@media screen and (min-width: 992px){
.work-image picture{display: none}
}

@media screen and (max-width: 991px){
	/*
    @keyframes moam {
        0%{ background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/mobile_1.svg")}
        4.5%{background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/mobile_2.svg")}
        9%{background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/mobile_3.svg")}
        13.5%{background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/mobile_4.svg")}
        18%{background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/mobile_5.svg")}
        22.5%{background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/mobile_6.svg")}
        100%{background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/mobile_6.svg")}
    }
	*/
    .work-image picture{display: none}
    .work-image.animation-active{width: 332px;min-height: 518px; animation-name: moam ; animation-duration: 4.2s; background-position: center; background: url("../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/moa/moa-mobile.svg") no-repeat; animation-delay: 0.05s; animation-iteration-count: infinite; margin:0 auto; animation-timing-function: ease-out
    }
}
/*
body.about-mcl:after {
    position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1;
    content: url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_1.svg) url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_2.svg) url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_3.svg) url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_4.svg) url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_5.svg) url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_6.svg) url(../../../../../../content/dam/website-services/us/577-dtc-calquence/dtc-mcl/mod/desktop_7.svg) 
}*/

@media screen and (min-width: 992px) and (max-width:1100px){
    .work-image,.work-image.animation-active{ width: 460px; height: 381px;}
}

@media screen and (max-width: 370px){
    .work-image,.work-image.animation-active{width: 297px;min-height: 464px;}
}    
.timedfootnotes,.timedfootnotes-container {display:none}
div#myEmbedTarget_1_0cl2hrku, div#myEmbedTarget_1_4zddpzzf {margin-left: 0px;}
@media only screen and (max-width: 320px){
.kWidgetIframeContainer {
    width: 273px !important;
    height: 184px !important;
}
 
    }
@media only screen and (max-width: 991px){

.movie.section img {width: 324px !important; height: 184px;}
div#myEmbedTarget_1_0cl2hrku, div#myEmbedTarget_1_4zddpzzf { height: 180px !important; margin-right: 13px;width: 324px !important;}
.kWidgetIframeContainer {width: 300px !important;height: 184px !important;}

}

@media screen and (min-width: 992px){                            
.movie.section img,#myEmbedTarget_1_0cl2hrku  {max-width: 550px !important;height: 340px;margin-right: 30px;}
#myEmbedTarget_1_0cl2hrku {max-width: 550px !important;height: 340px !important;}

/***************neha****************/

div#myEmbedTarget_1_4zddpzzf {height: 492px !important;margin-left: 0px;}
.videoHolder{height: 460px !important;}

/***************neha****************/                    
}  

/*@media screen and (min-width: 1300px){
.movie.section img,#myEmbedTarget_1_0cl2hrku  {max-width: 600px !important;height: 434px;} 
#myEmbedTarget_1_0cl2hrku {max-width: 600px !important;height: 434px !important;}
}  */      

@media only screen and (min-device-width : 993px) and (max-device-width : 1300px) {   
.kWidgetIframeContainer {width: 640px !important;max-width: 660px;padding-right: 20px;}
div#myEmbedTarget_1_4zddpzzf, #1597989004001 {width: 550px !important;}
}

 @media screen and (min-width: 1300px){
.kWidgetIframeContainer {width: 650px !important;max-width: 750px;}
.about-mcl .kWidgetIframeContainer {width: 750px !important;}                       
.about-mcl .video-container {justify-content: space-around !important;margin-top: 68px; margin-left: -30px;}
}


/*** PPT Issues***/    
@media only screen and (width: 320px){
.kWidgetIframeContainer {width: 273px !important;height: 184px !important;}
.about-mcl .bone-marrow{width: 280px;}   
.about-mcl .mcl-footnote-copy{width:250px;} 
#surveyBody,input.form_button_submit:disabled, input.form_button_submit:disabled:hover,
.support-resources-patients .care-image img, .support-resources-caregivers .care-image img{width: 250px !important;}

} 
@media only screen and (min-width: 321px) and (max-width:334px){
.about-mcl .kWidgetIframeContainer {width: 273px !important;height: 184px !important;}
}

@media only screen and (min-width: 768px) and (max-width:991px){
#header .navbar-nav li span[aria-expanded = false] +ul {display: none;}
}        

@supports (-ms-ime-align:auto) {
.support-resources-patients .az-access .callout p span.noWrap.mob-fix{pointer-events:none;}
} 

/*** PPT Issues***/