/* biogen-blue: #2573BA */
/* biogen-green: #6DAD46 */
/* biogen-darkblue: #6FA287 */
/* bioegen-lightblue: #B1CBEB */
/* background: #fff */

:root {
	--main-bg-color: white;
	--padding: 1.25rem;
	--biogen-blue: #2573BA;
	--biogen-dark-blue: #005B7F;
	--nn-link: #009fda;
	--nn-black: #000;
	--nn-nav-active: #82786f;
	--nn-text: #333333;
	--nn-alert: #e64a0e;
	--flyout-bg-biogen: #f1f1f1;
	--flyout-item-divider: #b3cbe0;
	--dev-spot-bg: #efefef;
   
	   /* text sizes */
	  --paragraph-sized: 1rem;
	--h1: 3rem;
	--h2: 1.5rem;
	--h3: 1.728rem;
   }
   /* removed items */
   .template--home .page-title .page-utils, .page-header-generic, .main-nav .on .caret, .safety_info, .template_generic .breadcrumb, .template--generic-one-column .breadcrumb, footer .back-to-top, .wrapper-full-width .full-width > div:nth-child(2) .cardContainer-content::before, .main-nav .wrapper > ul > li.over .caret, #footer .row .col:first-child h2, header .main-nav .wrapper ul > li:hover ul li:hover:after, .logo-options .col1 .last, .carousel-container .slickCarousel .slick-prev, .carousel-container, .jwplayer .jwdisplayIcon .jwtext, .slickCarousel .slick-next {
	  display: none !important;
   }
   /* various overwrite rules */
   .frontpage-wrapper {
	   margin-top: 20px !important;
	   width: 1145px;
	   overflow: hidden;
	   margin: 0 auto;
		   margin-top: 0px;
   }
   
   .main.generic-page.full-width {
	   max-width: 1145px;
	   margin: 0 auto;
	   width: 100%;
   }
   .ipadright {
	   padding: 0 !important;
   }
   
   .modal-buttons a {
	  padding: 0.875rem 1.5rem;
   }
   
   p.first img {
	   height: 75px !important;
	   width: auto;
   }
   
   @media all and (min-width: 376px) {
	   p.first img {
		   height: 75px !important;
		   width: auto;
	   }
   }
   @media all and (min-width: 768px) {
	   p.first img {
		   height: unset !important;
		   width: auto;
	   }
   }
   
   /*Accordion setup*/
   .accordion {
	   margin: 0;
	   padding: 0;
	   border: 0;
	   width: auto;
   }
   
   
   @media all and (min-width: 376px) {}
   
   .accordion .accordionElementHeader h4 {
	   margin: 0;
	   padding: 0;
	   font-size: inherit;
	   text-transform: none;
	   font-family: inherit;
	   font-weight: 700;
	   line-height: 1;
   }
   
   
   .accordion .columncontrol .row {
	   background: #fff;
	   width: 100%;
	   margin: 0 auto;
   }
   
   
   
   .modal-content {
	  padding-top: 0 !important;
   }
   .negative-margin {
	  margin-bottom: 40px !important;
   }
   .negative-margin > div > div:first-child {
	  margin-bottom: -24px !important;
   }
   
   
   
   
   
   /* ...this one normally used for introducing the page */
   
   .wrapper {
	  padding: 0;
   }
   .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  padding: 0;
   }
   .utility-nav .navbar-nav > li > a, .utility-nav .navbar-text {
	  padding: 0.25rem;
	  width: 130px;
	  text-align: center;
	  height: 50px;
	  line-height: 25px;
	  display: block;
	  float: right;
   }
   .highlighterPlug {
	  color: #2573BA;
	  font-weight: 400;
	  text-transform: none;
	  font-size: 1.5rem;
	  font-style: italic;
   }
   
   .utility-nav .wrapper, .logo-options .wrapper, .main-nav .wrapper, .content .wrapper, .isi .wrapper, .references .wrapper, footer .wrapper {
	  max-width: 1145px;
	  padding: 0;
   }
   .no-touchcapable .main-nav .wrapper > ul > li > a:hover, .touchcapable header .main-nav .wrapper > ul > li > .on, header .main-nav .wrapper > ul > .over > a {
	  background: none !important;
	  border-bottom: 0;
	  font-family: inherit;
   }
   
   @media all and (min-width: 1023px) {
   
	   .utility-nav .navbar-nav > li > a, .utility-nav .navbar-text {
		  padding: 0;
		  background: none;
		  width: auto;
		  height: 50px;
		  line-height: 25px;
		  display: flex;
		  flex-flow: row;
	   }
   
   
	   .no-touchcapable .main-nav .wrapper > ul > li > a:hover, .touchcapable header .main-nav .wrapper > ul > li > .on, header .main-nav .wrapper > ul > .over > a {
		  border-bottom: 7px solid #2573BA !important;
	   }
   }
   
   .column-control-column {
	  padding: 0;
   }
   
   /*HEADER region defintions*/
   header {
	  background: #fff;
	  height: 75px;
	  position: relative;
   }
   header .main-nav .wrapper ul > li a.on ul {
	   display: block;
   }
   
   header::before { background: #6DAD46; content: ""; width: 100%; height: 17px; display: none;}
   header .utility-nav {
	   background: #fff;
	   box-shadow: none;
	   margin: 0;
	   font-size: inherit;
	   font-family: inherit;
	   text-shadow: unset;
	   display: block;
   
   position: absolute;
   
   right: 0;
   }
   header .navbar-right { background: none; width: unset !important; float: right !important;}
   header .navbar-nav { float: none; margin-top: 5px; position: relative; right: 9px; float: right !important;}
   header .navbar-right .navbar-link { background: #2573BA; padding: 1.2rem 1.5rem; margin-left: 20px; height: 50px; line-height: 1;}
   header .navbar-right p a:nth-child(1) { background: none !important; background-size: auto auto; color: #333; background-size: 15% !important;}
   header .navbar-right p a:nth-child(1) { background: none !important; text-shadow: none; color: #333; font-family: 'libre-franklin', sans-serif !important; text-decoration: underline; font-size: 0.75rem; font-weight: 400; text-decoration: none;}
   header .navbar-right p a:nth-child(1):hover { color: #333;}
   header .main-nav .wrapper ul > li > a { color: #2573BA !important; font-family: inherit !important; text-align: left; font-size: 0.875rem; font-weight: 400; transition: none !important; line-height: 56px; height: 56px; margin-top: unset; display: block; padding: 0 1.5rem; text-transform: none;}
   header .main-nav .wrapper .level-1::after { content: ""; display: block; position: absolute; right: 0; width: 1px; background: #e8eff8; height: 40px; top: 7px;}
   header .main-nav .wrapper ul > li ul .level-2 { text-align: left; padding: 0; border-bottom: 1px solid var(--flyout-item-divider) !important;}
   header .main-nav .wrapper ul > li ul .level-2 a { display: block; line-height: unset; opacity: 1 !important; padding: 1.25rem 1.875rem !important;}
   header .main-nav .wrapper ul > li { background: #fff; height: 56px; position: relative;}
   header .main-nav .wrapper ul > li:hover { background: #fff !important;}
   header .main-nav .wrapper ul > li:hover a { color: #2573BA !important;}
   header .main-nav .wrapper ul > li:hover ul li a { color: #2573BA !important; border: none; height: auto;}
   header .main-nav .wrapper ul > li:hover ul li:hover a { border: none; color: #fff !important; opacity: 1 !important; background: #2573BA !important;}
   header .main-nav .wrapper ul li + li a { border-left: none;}
   header .main-nav .wrapper ul > li ul li { background: none !important; display: block;}
   header .main-nav .wrapper ul > li ul li:hover { color: #2573BA !important; display: block;}
   header .main-nav .wrapper ul > li.over ul { display: block !important; background: var(--flyout-bg-biogen); padding: 15px 0 0; top: 55px !important; width: 35em;}
   header.sticky.stickytoTop { top: -118px !important;}
   
   header .main-nav .wrapper ul > li {
	   height: auto;
	   border-bottom: 1px solid #e2e2e2;
   }
   
   @media screen and (min-width: 1024px) {   
	   header {
		height: 185px;
		position: relative;
		display: flex;
	  }
   
   header .fixed-offset {
	   padding: 0 !important;
	   position: absolute;
	   height: auto;
	   top: 17px;
	   max-width: 1145px;
	   width: 100%;
	   left: 0;
	   right: 0;
	   margin-left: auto;
	   margin-right: auto;
   }
   
   header .fixed-offset[style] {
	   padding: 0 !important;
   }
   
   header::before { background: #6DAD46; content: ""; width: 100%; height: 17px; display: block;}
	  header .main-nav .wrapper ul > li {
	   background: transparent;
	   height: 56px;
	   position: relative;
   }
   
   
   header .main-nav .wrapper ul > li { height: 56px; border-bottom: 0;}
   header .main-nav .wrapper ul > li ul {
	   display: none !important;
   }
   header .main-nav .wrapper ul > li:hover { background: transparent !important;}
   header .main-nav .wrapper ul > li:hover a { color: #2573BA !important;}
   
   header .main-nav .wrapper ul > li > a { color: red;}
	  }
   
   /*NAVIGATION region defintions*/
   .main-nav { 
	  background: #fff; 
	  border: 0.2px solid #D1D3D3; 
	  -webkit-font-smoothing: antialiased; 
	  -moz-font-smoothing: antialiased; 
	  -o-font-smoothing: antialiased; 
	  -moz-osx-font-smoothing: grayscale; 
	  text-align: center; 
	  height: 56px; 
	  box-shadow: none !important;
   }
   .main-nav ul ul {
	   display: none;
	   background: #f1f1f1;
	   padding: 0;
   }
   
   .main-nav::after { content: ""; height: 8px; width: 100%; box-shadow: 0 3px 4px 0 #CDCDCD; display: block; position: relative; bottom: 10px; z-index: 5;}
   .main-nav .wrapper > ul ul li { border-bottom: none; margin: 0; height: 65px !important; line-height: 25px;}
   .main-nav .wrapper > ul > li > ul > li > a { color: #2573BA !important;}
   .main-nav .wrapper > ul > li > ul > li.over > a, .main-nav .wrapper > ul > li > ul > li.over > a:hover { background: transparent; opacity: 0; font-weight: 100 !important;}
   .main-nav .wrapper > ul ul > li + li { margin-left: 0;}
   
   .main-nav .wrapper > ul > li > a.on { background: none;}
   
   .main-nav .wrapper > ul > li > a::before {
	   display: none;
   }
   
   .main-nav .wrapper > ul > li.has-children > a::before {
	   color: #5c6770;
	   content: "+";
	   font-style: normal;
	   font-weight: 400;
	   -webkit-font-smoothing: antialiased;
	   -moz-osx-font-smoothing: grayscale;
	   -webkit-transition: color, 0.1s, linear;
	   -moz-transition: color, 0.1s, linear;
	   transition: color, 0.1s, linear;
	   font-size: 1.3rem;
	   font-family: inherit;
	   z-index: 2;
	   display: block;
	   background: #D1D3D3;
	   border-radius: 50%;
	   padding: 1px 0 0 5px;
	   width: 22px;
	   height: 22px;
   }
   .main-nav .wrapper > ul > li.has-children > a.on::before {
	   content: "-";
	   font-size: 1.5rem;
	   padding: 0 0 0 7px;
   }
   
   @media all and (max-width: 991px) {
	   body.page_cookies .mobile-menu-toggle {
		   display: none !important;
	   }
	   body.page_cookies nav.main-nav {
		   display: none !important;
	   }
   
	   body.page_cookies .logo-options {
		   height: 70px;
	   }
   }
   
   .sidebar-offcanvas {
	   position: absolute;
	   top: 0;
	   width: 80%;
   }
   .row-offcanvas-left .sidebar-offcanvas {
	   left: -80%;
   }
   @media all and (min-width: 516px) {
	   .sidebar-offcanvas {
		   width: 60%;
	   }
	   .row-offcanvas-left .sidebar-offcanvas {
		   left: -60%;
	   }
   }
   @media all and (min-width: 1023px) {
	   .sidebar-offcanvas {
		   top: unset;
		   width: 100%;
		   position: absolute;
		   bottom: 0;
		   z-index: 100;
	   }
	   .row-offcanvas-left .sidebar-offcanvas {
		   left: 0;
		   display: none;
	   }
   }
   
   @media all and (min-width: 1024px) {
   .main-nav .wrapper > ul > li.has-children > a::before {
	   display: none;
   }
   }
   
   /*NAVIGATION region defintions - logo placement*/
   .logo-options {
	  background: #fff;
	  height: 165px;
   }
   .logo-options .row { margin: 0;}
   .logo-options .col1 .first { margin: 0 auto -34px; padding: 0; width: auto; display: inline-block; position: relative; left: 40%; right: 0;}
   .logo-options .col1 .first a { max-width: 166px; margin: 0; width: 100%;}
   .logo-options .wrapper .row > div:first-child { position: relative; top: -55px;}
   .logo-options .form-inline { position: absolute; top: 24px; right: 10px;}
   .logo-options .col3 .form-inline { position: absolute; top: 24px;}
   .logo-options .col3 form input { width: 100%; height: 54px; line-height: 54px; padding-top: 0; padding-bottom: 0; padding-left: 25px; border-radius: 0; font-size: inherit; border: none; background: #f6f6f6; margin-right: 29px; position: relative; left: -30px;}
   .logo-options .col3 form button { position: absolute; bottom: -1px; right: -10px; height: 55px; padding: 0; width: 34px; font-size: inherit; border-radius: 0; background: url(/content/dam/commercial-eu/neurology/portal/microsites/images/plegridy/icon-search.png) no-repeat center center #6DAD46 !important; background-size: auto auto; background-size: 35% !important; border: none; width: 80px;}
   .logo-options .col3 form button {}
   
   /*NAVIGATION region defintions - flyout logic*/
   .level-1.has-children.over { border-bottom: none;}
   .level-1.has-children.over::before { content: ""; display: block; position: absolute; top: 54px; left: 40%; width: 20px; height: 30px !important; border-bottom: none; border-top: solid 15px #2573BA; border-left: solid 10px transparent; border-right: solid 10px transparent; z-index: 5000;}
   .level-1.here::before { content: ""; display: block; position: absolute; top: 44px; left: 0; width: 100%; height: 10px !important; border-bottom: solid 5px #2573BA; border-left: none; border-right: none; border-top: none; z-index: 5000;}
   
   @media all and (min-width: 1024px) {
   .level-1.has-children.over { border-bottom: 7px solid #2573BA;}
   .logo-options .col1 .first { left: 0; right: 0;}
   .logo-options .wrapper .row > div:first-child { position: relative; top: -55px; left: unset;}
   }
   
   
   
   /*CONTENT region defintions*/
   .content {
	  clear: left;
	  padding-top: 50px;
   }
   .content .close span { display: block; margin: 0; width: 2rem; height: 2rem; background-color: #69B3E7; color: #fff; border-radius: 0; font-size: inherit; line-height: 2rem; font-size: 2rem; font-weight: 400;}
   .content p { line-height: 1.5; font-size: 1rem; font-family: inherit; color: unset; margin-bottom: 10px;}
   .content ul { font-weight: 400; font-size: 1rem;}
   .content .thumbnail-list { background: #fff; clear: left; display: flex; flex-flow: row; flex-wrap: wrap; margin: 0;}
   .content .thumbnail-block { background: #2573BA; flex: 1 1 30% !important; width: unset !important; margin: 0 30px 30px 0;}
   .content .thumbnail-block .thumbnail { width: unset; padding: 0; margin: 0;}
   .content .thumbnail-block .thumbnail img { display: block; width: unset; margin: 0; padding: 0;}
   .content .thumbnail-block .thumbnail + p {}
   
   /*CONTENT region - titles*/
   body .content h1 { font-size: 1.75rem; font-family: inherit; line-height: 1.2; padding: 0; margin: 0 0 1.875rem; width: 90%;}
   body .content h2 { font-size: 1.75rem; color: var(--biogen-dark-blue); font-family: inherit; line-height: 1.3; font-weight: 400; margin: 0 0 1rem; width: 90%;}
   body .content h2.modal-title { width: 100%;}
   body .content .column-control-column h1, body .content .column-control-column h2 { font-size: 2.25rem; margin: 2.5rem 2.5rem 1.875rem; line-height: 2.5rem;}
   body .content .signin-register .column-control-column h1, body .content .signin-register .column-control-column h2 { font-size: 2.25rem; margin: 0 2.5rem 1.875rem 0; line-height: 2.5rem;}
   body .content .cardContainer-content h1, body .content .cardContainer-content h2 { font-size: 1.75rem; line-height: 2rem; margin: 0 0 0.65rem; color: #fff; width: inherit;}
   
   
   body .content .spots .column-control-column h2 {
	   font-weight: 700;
	   text-align: center;
	   margin: 1em 0 1rem;
	   display: inline-block;
	   width: 100%;
   }
   
   
   @media all and (min-width: 768px) {
	   body .content h1 { font-size: 3rem; line-height: 3.625rem; padding: 0; margin: 0 0 1.875rem; width: 90%;}
	   body .content h2 { font-size: 2.25rem; line-height: 2.5rem; margin: 0 0 1.875rem; width: 90%;}
	   body .content .cardContainer-content h1, body .content .cardContainer-content h2 { font-size: 2.25rem; margin: 0 0 2.25rem;line-height: 2.75rem;}
   }
   @media all and (min-width: 1024px) {
	   body .content h1 { font-size: 3rem; line-height: 3.625rem; padding: 0; margin: 0 0 1.875rem; width: 90%;}
	   body .content h2 { font-size: 2.25rem; line-height: 2.5rem; margin: 0 0 1.875rem; width: 90%;}
	   body .content .cardContainer-content h1, body .content .cardContainer-content h2 { font-size: 2.25rem; margin: 0 0 2.25rem;line-height: 2.75rem;}
   }
   
   /*CONTENT region - body text*/
   body .content .column-control-column p { margin: 0 2.5rem;}
   body .content .signin-register .column-control-column p { margin: 0 2.5rem 0 0;}
   body .content .cardContainer-content p { margin: 0; color: #fff;}
   body .content .column-control-column .mediatile.section .video-mediatile, body .content .column-control-column .embed-container { margin: 2.5rem;}
   body .content .media-heading { margin: 0 2.5rem 1.875rem;}
   body .content .media-body p { margin: 0 2.5rem;}
   
   body .content .blue .column-control-column p { color: #fff; text-align: center;}
   
   @media all and (min-width: 376px) {
	   body .content .cardContainer-content p { margin: 0;}
   }
   
   /*CONTENT region - images and text*/
   .media {
	  background: #808080;
	  position: relative;
	  display: flex;
	  height: 500px;
	  padding: 0;
	  margin-top: 0;
   }
   
   .media img {
	   position: absolute;
	   left: 0;
	   top: 0;
	   width: 100%;
	   max-width: 100%;
	   height: 500px !important;
	   object-fit: cover;
   }
   
   .media .media-heading { color: #fff; font-size: 1.25rem;}
   .media p { color: #fff;}
   .media > a { width: 100%; position: absolute; order: 2; margin: 0; padding: 0; height: 100%;}
   .media .hidden-xs { display: block !important;}
   .media > .media-body {
	  width: 100%;
	  position: relative;
	  order: 1;
	  background: linear-gradient(to top, #2573BA, transparent);
	  padding-top: 2.5rem;
	  top: 30%;
   }
   
   @media only screen and (min-width : 768px) {
	   .media {
		  height: 380px;
	   }
	   .media .media-heading { color: #fff; font-size: 2.5rem;}
	   .media > .media-body {
		   width: 50%;
		   top: 0;
		   background: -webkit-linear-gradient(right, #2573BA, transparent);
		   background: -o-linear-gradient(right, #2573BA, transparent);
		   background: linear-gradient(to right, #2573BA, transparent);
	   }
	  .media img { width: 100%; max-width: 100%;}
   
	   .dark-gradient .media > .media-body {
		   background: -webkit-linear-gradient(right, #444, transparent);
		   background: -o-linear-gradient(right, #444, transparent);
		   background: linear-gradient(to right, #444, transparent);
	   }
   
	   .black-gradient .media > .media-body {
		   background: -webkit-linear-gradient(right, #2f2f2f, transparent);
		   background: -o-linear-gradient(right, #2f2f2f, transparent);
		   background: linear-gradient(to right, #2f2f2f, transparent);
	   }    
   }
   
   
   /*FOOTER region defintions*/
   footer {
	  background: #fff;
	  font-size: inherit;
	  display: flex;
	  max-width: 1145px;
	  width: 100%;
	  margin: 0 auto;
   }
   #footer .row { width: 1145px; padding: 2.5rem 0;}
   #footer .row .col:first-child { width: 70%;}
   #footer .row .col:first-child ul { margin: 0; padding: 0 2.5rem;}
   #footer .row .col:first-child ul li { margin: 0; padding: 0 1.5rem; display: inline-block;}
   #footer .row .col:first-child ul li a { color: #2573BA !important}
   #footer .row .col:last-child { width: 30%; padding: 0 70px;}
   
   html {
	  font-size: 16px;
   }
   body {
	  background: #fff;
	  font-family: 'open-sans', sans-serif;
   }
   /* content area */
   
   .form-control:focus {
	  border-color: #66afe9;
	  outline: 0;
	  transition: none important;
   }
   
   .main-nav-list {
	  height: unset;
	  list-style-type: none;
	  margin: 0 !important;
	  padding: 0;
	  white-space: nowrap;
	  text-align: left;
	  width: 100% !important;
	  position: relative !important;
   }
   
   
   .col-md-6 .media > .media-body {
	  width: 100%;
	  position: relative;
	  order: 1;
	  padding: 2.5rem;
   }
   
   
   
   .mediatile.section {
	  display: flex;
	  flex-flow: column-reverse;
   }
   
   
   
   .page-header-generic + .content {
	  padding: 20px 20px 20px;
	  margin: 0 auto 100px;
   }
   
   @media only screen and (min-width : 768px) {
	   .page-header-generic + .content {
		  padding: 15px 20px 20px;
		  margin: 0 auto 100px;
	   }
   }
   
   /* columncontrol */
   .columncontrol .row {
	  background: #fff;
	  width: auto;
	  margin: 0 auto;
   }
   
   /* text block with solid colored background */
   .cardContainer {
	   display: inline-block;
	   margin-bottom: 0;
	   min-height: 350px;
	   padding: 1.4rem !important;
	   background-position: unset !important;
   }
   .cardContainer:hover { background-size: unset !important;}
   .cardContainer:hover .button a.netherLandsDefaultButton { background: #005B7F !important;}
   .cardContainer:hover h4 { color: #fff; background: #005B7F;}
   .cardcontainer:first-child, .main .cardcontainer:first-child > .cardContainer { padding: 0; margin-bottom: 10px;}
   .cardcontainer + .cardcontainer { margin-top: 2.75rem !important;}
   .cardContainer .cardContainer-content { text-align: center; padding: 0;}
   .cardContainer .cardContainer-content h1, .cardContainer .cardContainer-content h2 { color: #fff;}
   .cardContainer .cardContainer-content h3 { color: #fff; font-size: 1.75rem; margin: 3rem 3rem -4rem;}
   .cardContainer-content h1, .cardContainer-content p { color: #fff !important; font-family: inherit;}
   .cardContainer-content p { font-size: 1rem; line-height: 1.5; font-weight: 400;}
   .cardContainer-content p:last-child { margin-bottom: 2.5rem !important;}
   
   
   @media only screen and (min-width : 768px) {
	  .cardContainer { padding: 2.5rem !important;}
	  .col-sm-6.col-md-3 .cardContainer { padding: 2.5rem 1.25rem !important;}
   }
   
   
   /* video embedding */
   .embed-container {
	  margin-bottom: 50px;
   }
   
   /* floating media/text spots */
   .spots .columncontrol .row { display: flex; margin-bottom: 25px; flex-flow: column nowrap; position: relative;}
   .spots .columncontrol .row .col-sm-4 { width: 100%; margin: 0 0 20px 0;}
   
   .spots.blue .columncontrol .row > div { background: #2573BA; padding-bottom: 5rem; min-height: 530px;}
   .spots .column-control-column div.image img { display: block; padding: 0 !important;}
   
   .spots h1, .spots h2, .spots p {}
   .spots h2 {}
   .spots .col h2, .spots .col h3 { color: #fff; font-size: 1.125rem !important; margin: 1.25rem 2.5rem;}
   
   .spot { display: flex; flex-direction: column; float: left;}
   .spot.w-33 { width: 31%; margin: 1%;}
   .spot.w-50 { width: 50%;}
   .spot.blue { background: #2573BA; color: #fff;}
   .spot figcaption { padding: 1.25rem 2rem;}
   .spot figcaption h2 { color: #fff; font-size: 1.125rem; font-weight: 700;}
   
   @media all and (min-width: 516px) {
	   .spots .columncontrol .row { flex-flow: row wrap; left: -0.5rem; width: calc(100% + 0.5rem);}
	   .spots .columncontrol .row .col-sm-4 { width: 48.25%; margin: 0 0 0 1.75%;}
   }
   
   @media all and (min-width: 1024px) {
	   .spots .columncontrol .row { left: -1.25rem; width: calc(100% + 1.25rem);}
	   .spots .columncontrol .row .col-sm-4 { width: 31.55%; margin: 0 0 0 1.75%;}
   }
   
   
   /* table styling */
   .content table {
	  width: 100%;
	  margin-bottom: 30px !important;
   }
   .content table tbody tr:first-child { background: #B1CBEB !important;}
   .content table tbody tr:nth-child(odd) { background: #E8EFF8 !important;}
   .content table tbody tr:nth-child(odd) { background: #fff;}
   .content table tbody tr td { padding: 0.9375rem 1.25rem;}
   .content table tbody tr th { font-weight: 700; padding: 0.9375rem 1.25rem;}
   
   /* buttons - div-wrapper component have to be used around the button component */
   .netherLandsDefaultButton {
	  background: transparent;
	  border: 1px solid #fff !important;
	  text-align: center !important;
	  width: 50% !important;
	  margin: 0 auto !important;
   
   }
   .content a.netherLandsDefaultButton { display: inline !important; width: 100%; background: transparent; font-size: inherit; font-weight: 400; color: unset; padding: 4.9375rem 2.5rem; margin: unset !important; text-align: left; text-transform: uppercase; text-decoration: none; cursor: pointer; border: none; border-radius: 0;}
   
   spots.blue a.netherLandsDefaultButton { color: #fff;}
   
   
   @media only screen and (min-width: 320px)  {
	  .content a.netherLandsDefaultButton {
		 display: inline !important;
		 width: 100%;
		 background: transparent;
		 font-size: inherit;
		 font-weight: 400;
		 color: unset;
		 padding: 0.9375rem 2.5rem;
		 margin: unset !important;
		 text-align: left;
		 text-transform: uppercase;
		 text-decoration: none;
		 cursor: pointer;
		 border: none;
		 border-radius: 0;
	  }
   }
   
   /* button styling in case HTML component is used to mark up a button */
   .button {
	  border-radius: 10px;
	  display: flex;
	  margin: 30px auto 0;
	  justify-content: center;
   }
   .button a { border-radius: 10px; max-width: 250px; width: 100%;}
   .button.green a { background: #6DAD46; color: #fff;}
   .button.blue a { background: #2573BA; color: #fff !important; text-decoration: none !important;}
   .button.outline a { background: transparent; border: 1px solid #2573BA; color: #2573BA;}
   .button.solid a { border: none; border-radius: 5px;}
   .button.transparent { background: transparent; border: none; color: #2573BA;}
   
   .spots .button.outline { position: absolute; bottom: 40px; right: 0; left: 0;}
   .spots .button.outline a { background: transparent;border: 1px solid #2573BA; color: #fff;}
   .spots.blue .button.outline a { color: #fff !important; text-decoration: none !important;}
   
   /* image/video slider */
   .carousel-videoscroll .inner-media {
	  visibility: visible !important;
   }
   .carousel-container .slickCarousel .carousel-item .inner-content { position: absolute; margin: 2.5rem 0 0 2.5rem !important; width: 40% !important; top: 0;}
   .carousel-container .slickCarousel .carousel-item .inner-content h2 { font-size: 40px; font-weight: 400;}
   .carousel-container .slickCarousel .carousel-item .inner-content h2 a { color: #fff; font-size: 40px;}
   .carousel-container .slickCarousel .carousel-item .inner-content p { line-height: 1.5; font-size: 1rem !important; font-family: inherit !important; color: #fff !important; margin-bottom: 10px !important;}
   
   footer .back-to-top a span {
	  background: red;
   }
   
   .column-control-column div.image img {
	  display: block;
	  padding: 2.5rem;
   }
   .w-50 .col {
	  with: 48%;
	  margin: 1%;
   }
   .w-50 .col figure {
	  margin: 0 !important;
   }
   .w-50 .col div.image img {
	  display: block;
	  padding: 0;
   }
   .video-mediatile {
	  margin-bottom: 40px;
   }
   .video-mediatile + h2 {
	  font-weight: 400 !important;
   }
   
   /* form overwrites */
   .signin-register .form-control {
	  line-height: 50px;
	  height: 50px;
	  border-radius: 0;
	  border: 1px solid #ccc;
   }
   .signin-register label { margin: 0 0 5px; padding: 0; position: relative; left: -12px; font-weight: 400; color: #69B3E7; font-size: inherit;}
   .signin-register .checkbox { margin: 0 0 30px 20px; padding: 0;}
   .signin-register .checkbox label { font-size: inherit;}
   .signin-register .col { padding-right: 50px; border-right: 1px solid black;}
   .signin-register .col:nth-child(2) {
	  padding-right: 0;
	  border-right: none;
	  padding-left: 50px;
   }
   .signin-register .btn.btn-default.text-uppercase.signin-submit.btn-contrast {
	  line-height: 15px;
	  height: 54px;
	  padding: 0.9375rem 2.5rem;
	  display: block !important;
	  margin: 0 auto;
   }
   .header.intro h1 {
	  width: inherit;
	  font-size: 3rem !important;
   }
   .header.intro .cardcontainer:first-child, .main .header.intro .cardcontainer:first-child > .cardContainer {
	  min-height: inherit;
   }
   .header.intro .cardContainer .cardContainer-content {
	  text-align: center;
	  padding-bottom: 2rem;
   }
   .header-video h2 {
	  margin: 90px 0 -20px !important;
	  display: block;
   }
   .jwplayer .jwdisplayIcon {
	  border-radius: 50%;
	  display: inline-block;
	  margin-right: 20px;
	  background: #2573BA !important;
	  width: 105px !important;
	  height: 105px !important;
   }
   #injection-video-8d14cf9d_display_button {
	  background-image: none !important;
   }
   .jwplayer .jwdisplayIcon div {
	  width: 0 !important;
	  height: 0 !important;
	  border-top: 20px solid transparent;
	  border-bottom: 20px solid transparent;
	  border-left: 25px solid #fff;
	  display: inline-block !important;
	  position: relative;
	  margin-top: 47% !important;
	  margin-left: 40%;
	  border-radius: 1px;
	  background-image: none !important;
   }
   
   /*Conferences and events setup*/
   .events-container { margin-bottom: 40px;}
   .events-container .col-md-3 { flex: 0 1 100%;}
   .events-container h3 { font-size: 1.25rem !important; display: block; padding-bottom: 50px; line-height: 1; overflow: auto; color: #333 !important;}
   .events-container h4 { color: #333; font-size: 1rem !important; display: block; padding: 0.5rem; line-height: 1; overflow: auto; display: inline-block; background: transparent;}
   .events-container p { color: #333 !important;}
   .events-container .accordion .accordionElementHeader h4 { margin: 0; padding: 0; font-weight: 200; line-height: 100%; font-size: 12px; text-transform: uppercase; float: left; color: #333; font-size: 1.25rem !important; font-family: inherit; width: auto !important; overflow: hidden; background: transparent !important;}
   .events-container .button.blue a { background: #2573BA !important; color: #fff !important; text-decoration: none !important; border: 0 !important;}
   .events-container .accordion .columncontrol .row { background: #fff; width: 100%; margin: 0 auto;}
   .events-container .cardContainer .cardContainer-content { min-height: 370px; position: relative;}
   .events-container .cardContainer-content .divwrapper.section { position: absolute; bottom: 30px; left: 0; right: 0;}
   .events-container .accordion { margin-top: 10px; border: 0; width: 100%; margin-bottom: 0; background: transparent;}
   .events-container .cardcontainer:first-child, .main .events-container .cardcontainer:first-child > .cardContainer { padding: unset; margin-bottom: 5px;}
   
   .events-container .cardContainer h4 { color: #333; font-size: 1rem !important; display: block; padding: 0.5rem; line-height: 1; overflow: auto; display: inline-block; background: transparent;}
   
   .events-container .cardContainer:hover .button a.netherLandsDefaultButton {
	   background: #D1D3D3 !important;
   }
   .events-container .cardContainer:hover .button.d-blue a.netherLandsDefaultButton {
	   background: #2573BA !important;
   }
   .events-container .button.blue a {
	   background: #D1D3D3 !important;
	   color: #333 !important;
	   text-decoration: none !important;
	   border: 0 !important;
   }
   
   .events-container .button.d-blue a {
	   background: #2573BA !important;
	   color: #fff !important;
	   text-decoration: none !important;
	   border: 0 !important;
   }
   
   .events-container .row {
	  display: flex;
	  flex-flow: row wrap;
	  max-width: 100%;
	  width: 100%;
   }
   
   @media all and (min-width: 376px) {
	  .events-container .row {
		 flex-flow: row wrap;
		 width: 100%;
	  }
   }
   
   @media all and (min-width: 768px) {
	  .events-container .row {
		 flex-flow: row wrap;
		 width: 100%;
	  }
	  .events-container .col-md-3 { 
			  flex: 0 1 48.5%;
		   margin: 0.75%;
	  }
   }
   
   @media all and (min-width: 1024px) {
	  .events-container .row {
		   flex-flow: row wrap;
		   max-width: none;
		   width: 100%;
	  }
   
	   .events-container .col-md-3 {
		   flex: 0 1 31.33%;
		   margin: 0 2% 0% 0;
	   }
   }
   
   
   /*Treatments setup*/
   .treatments-container {}
   .treatments-container .col-md-3 { flex: 0 1 100%;}
   .treatments-container h3 { font-size: 1.25rem !important; display: block; padding-bottom: 50px; line-height: 1; overflow: auto; color: #333 !important;}
   .treatments-container h4 { color: #fff; font-size: 1rem !important; display: block; padding: 0.5rem; line-height: 1; overflow: auto; display: inline-block; background: transparent;}
   .treatments-container p { color: #333 !important; margin: 0 !important;}
   .treatments-container .accordion .accordionElementHeader h4 { margin: 0; padding: 0; font-weight: 200; line-height: 100%; font-size: 12px; text-transform: uppercase; float: left; color: #333; font-size: 1.25rem !important; font-family: inherit; width: 300px !important; overflow: hidden; background: transparent !important;}
   .treatments-container .accordion .accordionElementBody { padding: 20px 20px 25px 5px;}
   .treatments-container .button.blue a { background: #2573BA !important; color: #fff; border: 0 !important;}
   .treatments-container .accordion .columncontrol .row { background: #fff; width: 100%; margin: 0 auto;}
   .treatments-container .cardContainer .cardContainer-content { min-height: auto; position: relative;}
   .treatments-container .cardContainer-content p { color: #fff !important; font-size: 1.2rem;}
   .treatments-container .cardContainer-content .divwrapper.section { position: absolute; bottom: 30px; left: 0; right: 0;}
   .treatments-container .accordion { margin-top: 10px; border: 0; width: 100%; margin-bottom: 20px; background: transparent;}
   .treatments-container .cardcontainer:first-child, .main .events-container .cardcontainer:first-child > .cardContainer { padding: unset; margin-bottom: 5px;}
   .treatments-container .row { display: flex; flex-flow: row wrap; max-width: 100%; width: 100%;}
   .treatments-container .row .col:nth-child(2) { padding: 10px 0 25px 10px;}
   
   @media all and (min-width: 376px) {
	  .treatments-container .row {
		 flex-flow: row wrap;
		 width: 100%;
	  }
   }
   
   @media all and (min-width: 768px) {
	   .treatments-container .accordion {
		   margin-top: 10px;
		   border: 0;
		   width: 100%;
		   margin-bottom: 80px;
		   background: transparent;
	   }
	   .treatments-container .row {
		   flex-flow: row wrap;
		   width: 100%;
	   }
	   .treatments-container .col-md-3 { 
		   flex: 0 1 48.5%;
		   margin: 0.75%;
	   }
	   .treatments-container .row .col:nth-child(2) {
		   padding: 10px 0 25px 50px;
	   }
	   .treatments-container .cardContainer-content p { color: #fff !important; font-size: 1.5rem;}
   }
   
   @media all and (min-width: 1024px) {
	  .treatments-container .row {
		   flex-flow: row wrap;
		   max-width: none;
		   width: 100%;
	  }
	   .treatments-container .accordion .accordionElementBody {
		   padding: 20px 50px 25px 5px;
	   }
	  .treatments-container .col-md-3 { 
			  flex: 0 1 32.3%;
		   margin: 0.5%;
	   }
   }
   
   
   .textblocks {
	   padding: 0 20px 0 0;
   }
   
   .textblocks .row { position: relative; left: -20px; width: calc(100% + 20px);}
   .textblocks .col { margin-left: 1.25rem;}
   .textblocks .col-sm-6.col-md-6 { width: 100%;}
   .textblocks .col-sm-4.col-md-4 { width: 100%;}
   .textblocks .col-sm-6.col-md-3 { width: 100%;}
   
   
   @media all and (min-width: 516px) {
	   .textblocks {
		   padding: 0;
	   }
	   .textblocks .col-sm-6.col-md-6 {
		   width: calc(50% - 1.25rem);
	   }
	   .textblocks .col-sm-4.col-md-4 {
		   width: calc(50% - 1.25rem);
	   }
	   .textblocks .col-sm-6.col-md-3 {
		   width: calc(50% - 1.25rem);
	   }
   }
   
   @media all and (min-width: 768px) {
	   .textblocks .col-sm-6.col-md-6 {
		   width: calc(50% - 1.25rem);
	   }
	   .textblocks .col-sm-4.col-md-4 {
		   width: calc(50% - 1.25rem);
	   }
	   .textblocks .col-sm-6.col-md-3 {
		   width: calc(50% - 1.25rem);
	   }
   }
   
   @media all and (min-width: 1024px) {
	   .textblocks .col-sm-6.col-md-6 {
		   width: calc(50% - 1.25rem);
	   }
	   .textblocks .col-sm-4.col-md-4 {
		   width: calc(33.333% - 1.25rem);
	   }
	   .textblocks .col-sm-6.col-md-3 {
		   width: calc(25% - 1.25rem);
	   }
   }
   
   
   /* mobile menu setup */
   .row-offcanvas-left.active { left: 0;}
   .row-offcanvas-left.active .mobile-menu-toggle.visible-xs- { background: #fff; left: 75%; padding: 0; width: 80px; height: 40px;}
   .row-offcanvas-left.active .sidebar-offcanvas { left: 0; position: absolute; z-index: 5000;}
   
   .mobile-menu-toggle { position: absolute; left: 20px; top: 10px;}
   
   @media all and (min-width: 516px) {
	   .row-offcanvas-left.active .mobile-menu-toggle.visible-xs- {
		   background: #fff;
		   left: 58%;
		   padding: 0;
		   width: 80px;
		   height: 40px;
	   }
   }
   
   .shadow-below { background-color: #fff; position: relative; padding-bottom: 0; margin: 0; min-height: unset;}
   .shadow-below::after { display: none;}
   .shadow-below.empty { margin: 0;}
   
   .content .main.generic-page.full-width a {
	   color: #2573BA;
	   text-decoration: underline;
   }
   
   body .content .column-control-column .accordion h2 { margin: 0 0 30px 15px;}
   body .content .column-control-column .accordion p { margin: 0 0 0 15px !important;}
   
   /* search result */
   #search_result li { padding-left: 5px; margin-bottom: 30px;}
   #search_result li strong { background: #f2f2f2;}
   
   .search-results-form .form-group { margin: 20px 0; padding: 0 90px 0 0; position: relative; max-width: 492px !important;}
   .search-results-form .form-control { height: 2.5rem; line-height: 2.5rem; background: #f2f2f2; border-radius: 0; border: none;}
   .search-results-form button { position: absolute; right: 0; top: 0; width: 85px; text-transform: uppercase; background: #6DAD46; height: 2.5rem; border-radius: 0;}
   
   .microsite-search-area { padding: 0 20px;}
   .content .microsite-search-area a { color: #2573BA;}
   
   .hcp-entrance .spots.blue .columncontrol .row > div { background: #2573BA !important; padding-bottom: 5rem; min-height: auto;}
   .hcp-entrance .columncontrol .row,
   .hcp-entrance-normal .columncontrol .row{ background: transparent; width: auto; margin: 0 auto; margin-bottom: 0px;}
   
   .bannerPrivacyAcceptance {
	   padding: 20px 160px;
	   position: absolute;
	   z-index: 50000;
   }
   .bannerPrivacyAcceptance {
	   background: rgba(255,255,255,0.95);
	   color: #333;
	   padding: 20px;
	   font-size: 14px;
	   width: 100%;
	   position: fixed !important;
	   left: 0;
	   top: 0;
	   padding: 30px 15%;
   }
   .bannerPrivacyAcceptance button {
	   width: 200px;
	   display: block;
	   padding: 10px 10px 30px;
   line-height: 1;
   font-size: 1rem;
   }
   
   
   .no-gradient .media {
	   height: 325px;
   }
   .no-gradient .media img {
	   object-fit: contain;
	   height: auto !important;
   }
   .no-gradient .media > .media-body {
	   background: none;
   }