@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------------------------------------------------------
*/
html {
  scroll-behavior: smooth;
}
img {
  pointer-events: none;
  -webkit-touch-callout: none;
}
.page.container {
  width: 100%;
  padding: 0;
}
.page .row {
  margin-left: 0;
  margin-right: 0;
}
.page h2, .page h3 {
  font-size: 3em !important;
}
.page h2 {
  margin-bottom: 50px;
  margin-top: 0;
}
.boxesarea h3 {
  font-size: 1.7em !important;
}
.page p, .page .linkButton, .page li {
  font-size: 20px;
}
.box .description p {
  font-size: 15px !important;
}
ul li ul li {
  margin-bottom: 0 !important;
}
.teaser.image-left .description p {
  font-size: 20px !important;
}
.separator {
  display: none !important;
}
.combinedOffers2 .right-select-textbox .btnoffer img { /*quick fix*/
  width: 80px !important;
  height: 80px !important;
}
.combinedOffers2 .right-content .right-select.ESC img {
  height: 58px !important;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
/*end quick fix*/
/*--------------------------------------------------------------------------------------------------------------------
responsive options: bg colors and buttons
*/
.linkButton, .linkButtonArrow, .btn {
  background-color: #ae1022 !important;
}
.linkButton:hover, .linkButtonArrow:hover, .btn:hover {
  background-color: #be404e !important;
}
a.linkButton, a.linkButton:hover, .btn, .btn:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn {
  font-size: 20px !important;
}
.btn .glyphicon {
  display: none;
}
/* ESC & GLOBAL ---------------------------------------------
*/
.bg-red {
  background: #ae1022;
  color: #fff;
}
.bg-red .linkButton, .bg-red .linkButtonArrow, .bg-red .btn {
  background: #fff !important;
  color: #ae1022 !important;
  font-weight: bold !important;
}
.bg-red .linkButton:hover {
  background: #efcfd3;
  color: #ae1022;
}
/*.bg-red80 {
    background: #be404e;
    color: #fff;
}
.bg-red60 {
    background: #ce707a;
    color: #fff;
}
.bg-red40 {
    background: #df9fa7;
    color: #fff;
}*/
.bg-white {
  background: #FFF;
  color: #333;
}
.dark-grey-bg {
  background-color: #333333;
  color: #fff;
}
/* BLACK
*/
.bg-black {
  background: #000;
  color: #FFF;
}
/*.bg-black80 {
    background: #333;
    color: #FFF;
}*/
/* GREY
*/
.bg-dark-grey {
  background: #878787;
  color: #fff;
}
.bg-cool-grey {
  background: #d0d0d0;
  color: #333;
}
.bg-ltgrey .linkButton {
  color: #fff
}
/* ASSOCIATIONS ----------------------------------------------
*/
/* ACCA
*/
.bg-burgundy {
  background: #851736;
  color: #fff;
}
.bg-lavender {
  background: #afbde1;
  color: #fff;
}
/* ACNAP
*/
.bg-teal {
  background: #09B6B3;
  color: #fff;
}
/* EACVI
*/
.bg-pink {
  background: #a70078;
  color: #fff;
}
.bg-grey-eacvi {
  background: #414953;
  color: #fff;
}
.bg-grey-eacvi .linkButton {
  background: #a70078 !important;
  color: #FFF !important;
}
/* EAPC
*/
.bg-green {
  background: #008734;
  color: #fff;
}
/* EAPC & EAPCI
*/
.bg-orange {
  background: #f29526;
  color: #fff;
}
/* EAPCI
*/
.bg-purple {
  background: #681466;
  color: #fff;
}
/* EHRA
*/
.bg-navy {
  background: #004667;
  color: #fff;
}
/* HFA 
*/
.bg-yellow {
  background: #f8dc24;
  color: #434343;
}
/*--------------------------------------------------------------------------------------------------------------------
USE BG IMG
----------------------------------------------------------------------------------------------------------------------
*/
.bg-img-gradient {
  background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.25) 100%), url(https://www.escardio.org/static_file/Escardio/Medias/congresses/esc-congress/2020/Main-Audi-ESCCongress-2019.jpg);
  background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.25) 100%), url(https://www.escardio.org/static_file/Escardio/Medias/congresses/esc-congress/2020/Main-Audi-ESCCongress-2019.jpg);
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.25) 100%), url(https://www.escardio.org/static_file/Escardio/Medias/congresses/esc-congress/2020/Main-Audi-ESCCongress-2019.jpg);
}
.bg-img-flex {
  background-image: url(https://www.escardio.org/static_file/Escardio/Medias/congresses/esc-congress/2022/marketing-page/esc-congress-mp-2022.jpg);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 414px) {
  .bg-img-flex {
    height: auto !important;
    padding: 25px 0;
    background-position: center center;
  }
}
/* underline */
.underlinedPen {
  background-image: url(https://www.escardio.org/static-file/Escardio/Web/Marketing%20pages/ESC%20Congress%202018%20-%20Advance%20programme/underline-element.png);
  background-position-y: 25px;
  background-repeat: no-repeat;
  padding-bottom: 15px;
  background-size: contain;
}
/* carousel 2022*/
.bg-ltgrey .carousel-inner {
  background: #FFF;
}
.page .bg-ltgrey .top-banner .item .slide1 {
  background-position: right !important;
}
.page .bg-ltgrey .top-banner.top-banner-centered .content-wrap {
  background: transparent !important;
  left: 0;
}
.page .bg-ltgrey .top-banner.top-banner-centered .content {
  margin-right: 0;
}
/*--------------------------------------------------------------------------------------------------------------------
ESC CONGRESS FIESTA
----------------------------------------------------------------------------------------------------------------------
*/
.congress-bg-img-flex {
  background-image: url(https://www.escardio.org/static-file/Escardio/Medias/congresses/esc-congress/2023/drinks-in-the-dam/ESC-Drinks-in-the-Dam-Header-Image.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  color: #FFF;
}
.congress-bg-img-flex-bottom {
  background-image: url(https://www.escardio.org/static-file/Escardio/Medias/congresses/esc-congress/2023/drinks-in-the-dam/ESC-drinks-in-the-dam-terrasse-2.png);
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  color: #FFF;
  height: 482px;
  background-size: cover;
}
.congress-bg-img-flex .linkButton, .congress-bg-img-flex-bottom .linkButton {
  background: #FFF !important;
  color: #DF4630 !important;
}
.congress-bg-img-flex h1 {
  font-size: 5em;
  margin: 0;
}
.congress-bg-img-flex p:first-child {
  font-size: 2em;
  margin-bottom: 0;
}
.congress-bg-img-flex h1 + p {
  font-size: 1.2em;
  text-transform: uppercase;
}
.congress-gradient {
  background: linear-gradient(90deg, rgba(129, 27, 130, 1) 0%, rgba(255, 12, 88, 1) 50%, rgba(255, 33, 5, 1) 100%);
  position: relative;
  color: #FFF;
  border-radius: 5em 5em 0 0;
  padding: 3em;
}
.congress-gradient .linkButton {
  background: #FFF !important;
  color: #FF0C58 !important;
}
.ehra-gradient {
  background: linear-gradient(90deg, rgba(0, 70, 103, 1) 0%, rgba(174, 16, 34, 1) 100%);
  position: relative;
  color: #FFF;
  border-radius: 5em 5em 0 0;
  padding: 3em;
}
.ehra-gradient .linkButton {
  background: #FFF !important;
  color: #ae1022 !important;
}
#congress-footer-nav {
  display: flex;
  align-items: center;
}
#congress-footer-nav a {
  color: #000;
}
#congress-footer-nav a:hover {
  color: #DF4630;
  background-color: transparent;
}
@media only screen and (max-width: 1024px) {
  #congress-footer-nav {
    display: block;
  }
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
  .congress-bg-img-flex h1 {
    font-size: 3em !important;
  }
  .congress-bg-img-flex p:first-child {
    font-size: 1.2em;
  }
  .congress-bg-img-flex h1 + p {
    font-size: 1.1em;
  }
}
/*
----------------------------------------------------------------------------------------------------------------------
EHRA 20 YEARS
----------------------------------------------------------------------------------------------------------------------
*/
.ehra-20-bg-img-flex {
  background-image: url(https://www.escardio.org/static-file/Escardio/Medias/associations/european-heart-rhythm-association/EHRA%2020%20Years/ehra-20-years-bg.jpg);
  background-repeat: no-repeat;
  min-height: 686px;
  color: #FFF;
  padding-top: 50px;
}
.ehra-20-bg-img-flex img {
  box-shadow: 5px 5px rgba(255, 255, 255, 0.4), 10px 10px rgba(255, 255, 255, 0.3), 15px 15px rgba(255, 255, 255, 0.2), 20px 20px rgba(255, 255, 255, 0.1), 25px 25px rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  padding: 5px;
  background: #fff;
}
.bg-white.col-md-10.col-md-push-1 .timeline-vert .month-label-wrap, .bg-white.col-md-10.col-md-push-1 .timeline-vert .date, .bg-white.col-md-10.col-md-push-1 .timeline-vert .title, .bg-white.col-md-10.col-md-push-1 .timeline-vert .location {
  font-size: 80%;
}
.bg-white.col-md-10.col-md-push-1 .timeline-vert .event-type {
  display: none;
}
.bg-white.col-md-10.col-md-push-1 .timeline-vert .month-label {
  width: 160px;
}
/*--------------------------------------------------------------------------------------------------------------------
SIGN IN
----------------------------------------------------------------------------------------------------------------------
*/
.col-md-6 .highlight-item:hover {
  bottom: 0 !important;
  box-shadow: inherit;
}
.col-md-6 .highlight {
  background: #6bd3d1;
  background: -webkit-linear-gradient(to right top, #6bd3d1, #87dad9, #a0e2e1, #b7e9e9, #cef0f0);
  background: linear-gradient(to right top, #6bd3d1, #87dad9, #a0e2e1, #b7e9e9, #cef0f0);
  border-radius: 12px;
  padding: 3px;
}
.col-md-6 .highlight-item {
  margin: 0;
  border: 0;
  border-radius: 10px;
}
.col-md-6 .highlight-item div:last-child {
  float: right;
}
.col-md-6 .highlight-item .enews .content-header {
  float: left;
}
.col-md-6 .highlight-item .enews .content-body {
  float: left;
  text-align: left;
  clear: both;
  padding: 15px 0;
}
.col-md-6 .highlight-item div:last-child iframe {
  margin-top: -26px;
}
/*--------------------------------------------------------------------------------------------------------------------
SLIDER 
----------------------------------------------------------------------------------------------------------------------
*/
.carousel-inner {
  border-radius: 3rem;
}
@media only screen and (max-width: 640px) and (min-width: 360px) {
  .mobile .top-banner.top-banner-centered .content-wrap {
    color: inherit !important;
    ;
  }
}
.top-banner-centered .carousel-inner .content p {
  font-size: 20px !important;
}
.page .top-banner .item .slide1 {
  /* height: 750px;*/
  /* height: 100vh;    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%), url(https://www.escardio.org/static_file/Escardio/Medias/congresses/esc-congress/First%20announcement/dots-ball-1903x750.jpg)!important;
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%), url(https://www.escardio.org/static_file/Escardio/Medias/congresses/esc-congress/First%20announcement/dots-ball-1903x750.jpg)!important;
    background: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%), url(https://www.escardio.org/static_file/Escardio/Medias/congresses/esc-congress/First%20announcement/dots-ball-1903x750.jpg)!important;*/
}
/*.page .top-banner.top-banner-centered {
    margin: 0 -15px;
}*/
/*.page .top-banner.top-banner-centered .content-wrap {
  background: rgba(256, 256, 256, 0.8);
  color: #000;
  width: 50%;
  height: 750px;
  left: 50%;
  top: 0;
  transform: inherit;
  text-align: left;
}
.page .top-banner.top-banner-centered .content {
  margin-right: 20%;
}
.page .top-banner.top-banner-centered .content h1 {
  font-size: 2.8em;
  text-align: left;
}
.page .top-banner.top-banner-centered ul {
  margin-bottom: 0;
}
.page .top-banner.top-banner-centered .content-wrap .linkButton {
  margin-top: 25px;
}
.page .top-banner.top-banner-centered .content-wrap .congress-date {
  margin-bottom: 25px;
  font-family: 'interstatebold';
}*/
/*--------------------------------------------------------------------------------------------------------------------
TEXT BANNER
----------------------------------------------------------------------------------------------------------------------
- ajouter text-banner à la <div> qui englobe le composant*/
.page .text-banner {
  padding: 50px;
  text-align: center;
}
/*--------------------------------------------------------------------------------------------------------------------
MEMBERSHIP OFFER 
----------------------------------------------------------------------------------------------------------------------
*/
.page .top-banner .item.membership-offer .slide1 .content-wrap {
  transform: inherit;
  color: #000;
}
/*--------------------------------------------------------------------------------------------------------------------
CUSTOM TEST 2020
----------------------------------------------------------------------------------------------------------------------
OVERLAP DU SPOTLIGH SUR PROGRAMME
*/
.page .bg-red.col-md-6.col-md-push-3 {
  margin-top: -4%;
}
/*
- OVERLAP DU SPOTLIGH SUR PROGRAMME
*/
.boxesarea .col-md-4 .box, .boxsingle .boxcontent {
  background: #ccddea !important;
}
.boxesarea .col-md-4 .box a, .boxsingle .boxcontent a {
  color: #414953;
}
.boxsingle .boxcontent p, .boxsingle .boxcontent li {
  font-size: 15px
}
.boxsingle.col-sm-8 .boxcontent p, .boxsingle .boxcontent li {
  text-shadow: 1px 1px 7px #000;
}
.boxsingle.col-sm-8 .boxcontent a {
  color: #FFF;
}
.page .spotlight-mrktg {
  font-size: 2em !important;
  font-family: 'interstateregular';
  margin-bottom: 25px
}
.col-sm-8 .boxcontent2 h3, .boxesarea .col-md-4 .box h3 {
  margin-top: 20px;
}
.boxsingle.col-md-4 .boxcontent h3 {
  padding: 0;
}
.quote-congress svg {
  margin: 0 10px;
}
.quote-congress p {
  font-size: 1.7em;
}
.quote-congress .congress-team-signature {
  font-size: 1.4em;
}
@media screen and (min-width:768px) {
  .boxsingle.col-md-4 {
    padding-right: 0;
    margin-top: -5px;
  }
  .boxsingle.col-sm-8 {
    padding-left: 10px;
    margin-top: -5px;
  }
}
/*--------------------------------------------------------------------------------------------------------------------
ROUND IMAGE
----------------------------------------------------------------------------------------------------------------------
display view 
Teaser - image on left
*/
/*
- ajouter la class round-picture-container à la <section class="teaser image-right row">
- supprimer col-lg-offset-1 de col-lg-4
*/
/*.page .round-picture-container .teaser.image-left img,.page .round-picture-container .teaser.image-right img {
	clip-path: circle(38% at 50% 50%) !important;
}*/
.page .round-picture-container .image-left .col-lg-offset-1 {
  margin-left: 0;
}
.page .round-picture-container .image-left .col-lg-7 {
  width: 50%;
}
.page .round-picture-container .image-left .image {
  margin: 0px auto;
  display: block;
  position: relative;
  width: 500px;
  height: 500px;
  overflow: hidden;
  border-radius: 50%;
  /*margin-left: 30%;*/
}
.page .round-picture-container .image-left .image img {
  height: 100%;
  width: auto;
  clip-path: inherit;
}
/*
display view 
Teaser - image on right
*/
.page .round-picture-container .image-right, .page .round-picture-container .image-left {
  padding: 50px 0 !important;
}
.page .round-picture-container .image-right .col-lg-4 {
  margin-left: 15%;
}
/*test*/
.page .round-picture-container .image-right .col-lg-7 {
  width: 50%;
  margin-left: 0;
}
.page .round-picture-container .image-right .image {
  margin: 0px auto;
  display: block;
  position: relative;
  width: 500px;
  height: 500px;
  overflow: hidden;
  border-radius: 50%;
}
.page .round-picture-container .image-right .image img {
  height: 100%;
  width: auto;
  clip-path: inherit !important;
}
/**/
/*--------------------------------------------------------------------------------------------------------------------
BG COLOR + IMAGE
----------------------------------------------------------------------------------------------------------------------
display view 
Teaser - image on right
*/
/*
- ajouter la class colored-banner à la <div class="orange"> qui englobe la <section class="teaser image-right row">
- ajouter col-lg-offset-1 de la <div class="col-lg-4">
- supprimer col-lg-offset-1 de la <div class="col-lg-7 col-lg-offset-1">
*/
.page .colored-banner .teaser {
  padding: 0;
}
.page .colored-banner .teaser.image-right .col-lg-4 {
  margin-left: 8.33333333%;
}
.page .colored-banner .teaser.image-right .col-lg-7.col-lg-offset-1 {
  margin-left: 0;
}
.page .colored-banner .teaser.image-right .image img {
  clip-path: ellipse(60% 85% at 60% 50%);
  margin-left: 15px;
  margin-top: -1px;
}
/*--------------------------------------------------------------------------------------------------------------------
IMAGE + BG COLOR
----------------------------------------------------------------------------------------------------------------------
display view 
Teaser - image on left
*/
/*
- ajouter la class colored-banner à la <div class="turquoise"> qui englobe la <section class="teaser image-right row">
- ajouter la class left-image à la <section class="teaser image-right row">
- supprimer col-lg-offset-1 de la <div class="col-lg-4 col-lg-offset-1">
*/
.page .colored-banner .teaser.image-left .col-lg-7 {
  padding-left: 0;
}
.page .colored-banner .teaser.image-left .col-lg-4.col-lg-offset-1 {
  margin-left: 2%;
}
.page .colored-banner .teaser.image-left .image img {
  clip-path: ellipse(70% 86% at 30% 50%);
  margin-left: -15px;
  margin-top: -1px;
}
/*--------------------------------------------------------------------------------------------------------------------
IMPORTANT DATES
----------------------------------------------------------------------------------------------------------------------
*/
.importantdate .date {
  font-size: 1.5em !important;
  color: #ae1022;
}
/*--------------------------------------------------------------------------------------------------------------------
LIST WITH CHECKMARK INSTEAD OF BULLET POINT
----------------------------------------------------------------------------------------------------------------------
*/
.checkmarkStyle {
  list-style-type: none !important;
}
.checkmarkStyle li:before {
  content: "\2713" !important;
  margin-right: 10px;
  font-size: 1.2em !important;
  color: #ae1022;
  font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------------
BOTTOM LINK
----------------------------------------------------------------------------------------------------------------------
*/
.page .dots-style {
  display: block;
  margin: auto;
}
.page .images-dot-style {
  display: table;
  clear: both;
  margin: auto;
}
.page .images-dot-style .col-md-4 {
  padding: 0;
}
.page .timeline-style {
  position: relative;
  font-size: 20px;
  text-align: center;
  margin-bottom: 3em;
}
.page .timeline-style::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 2px;
  background: #d0d0d0;
  margin-left: -4px;
}
.page .marketing-bottom-link {
  position: relative;
  padding-top: 3em;
}
.page .marketing-bottom-link p {
  color: #CCC;
  font-size: 0.7em !important;
  padding: 10px;
}
.page .marketing-bottom-link .ellipse-date {
  width: 90px;
  height: 90px;
  background: #d0d0d0;
  color: #FFF;
  margin: auto;
  border-radius: 50%;
  padding: 15px;
  margin-top: 30px;
  font-family: 'interstatebold'; /*ajout*/
  font-size: 0.7em !important;
}
/*--------------------------------------------------------------------------------------------------------------------
HIGHLIGHT
----------------------------------------------------------------------------------------------------------------------
*/
.page .highlight-items {
  width: 66.66666667%;
  margin: auto;
}
.page .row-3-cols .highlight-item div.image.escardioPromotionInPage {
  height: auto;
}
.page .highlight-item .title {
  font-size: 24px;
}
.page .row-3-cols .highlight-item .description p {
  font-size: 16px;
}
/*--------------------------------------------------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------------------------------------------------
*/
.page .missionstatement {
  padding: 0.5em;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  width: 100%;
}
.page .missionstatement img {
  padding-right: 20px;
  border-right: 1px solid #e2e2e2;
  margin-right: 20px;
  vertical-align: middle;
}
.page .missionstatement ~ div p {
  text-align: center;
  border-top: 0 !important;
  font-size: 0.9em !important;
  margin-top: 0 !important;
}
/*--------------------------------------------------------------------------------------------------------------------
RESPONSIVE
----------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:1024px) and (min-width:769px) {
  .page .top-banner.top-banner-centered .content {
    margin: 15% 5%;
  }
  .page .top-banner .item .slide1, .page .top-banner.top-banner-centered .content-wrap {
    /*height: 600px;*/
    height: 100vh;
  }
  .page .top-banner.top-banner-centered .content h1 {
    font-size: 2.8em;
  }
  .page h2, .page h3 {
    font-size: 2em !important;
  }
  .page p, .page .linkButton, .page li {
    font-size: 16px;
  }
  .page .round-picture-container .image-left .image, .page .round-picture-container .image-right .image {
    margin-left: 0;
    width: 400px;
    height: 400px;
  }
  .page .round-picture-container .image-left .col-lg-7 {
    padding-left: 15px !important;
  }
  .page .round-picture-container .image-right .col-lg-4 {
    margin-left: 0
  }
  .page .teaser.image-right.row {
    padding-top: 0;
    text-align: left;
  }
  .page .colored-banner .teaser.image-right .col-lg-4 {
    margin-left: 0;
  }
  .page .colored-banner .teaser.image-right .image img {
    clip-path: ellipse(56% 85% at 60% 50%);
  }
  .page .colored-banner .teaser.image-left .image img {
    clip-path: ellipse(60% 84% at 30% 50%);
  }
  .page .teaser.image-right .teaserContainer {
    display: flex;
  }
  .page .images-dot-style img {
    max-height: 376px;
    width: auto;
  }
  .page .colored-banner h3 {
    margin-top: 0;
  }
  .page .highlight-items {
    width: inherit;
  }
}
@media screen and (max-width:768px) and (min-width:668px) {
  .page .top-banner.top-banner-centered .content-wrap {
    left: 0;
    width: 100%;
    top: -70px;
  }
  .p768 {
    font-size: 1.4em;
  }
  .page h2, .page h3 {
    font-size: 2.5em !important;
  }
  .page .top-banner.top-banner-centered .content {
    margin: 15% 5%;
  }
  .page .top-banner .item .slide1 {
    height: 500px;
    height: 100vh
  }
  .page .top-banner.top-banner-centered .content h1 {
    font-size: 2.3em;
  }
  .page .teaser.image-left.row {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .page .teaser.image-right.row {
    text-align: left;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .page .teaser.image-right .teaserContainer {
    display: flex;
  }
  .teaser.image-left .teaserContainer .col-lg-7, .page .round-picture-container .image-right .col-lg-7, .page .colored-banner .teaser.image-right .col-lg-7, .page .colored-banner .teaser.image-left .col-lg-7 {
    display: none;
  }
  .page .round-picture-container .image-right .col-lg-4, .page .colored-banner .teaser.image-right .col-lg-4 {
    margin-left: 0;
  }
  .page .images-dot-style img {
    max-height: 252px;
    width: auto;
  }
  .page .colored-banner h3 {
    margin-top: 0;
  }
  .page .timeline-style::before {
    margin-left: -2px;
  }
  .page .highlight-items {
    width: inherit;
  }
}
@media screen and (min-width:375px) and (max-width:667px) and (orientation : landscape) {
  .page .top-banner.top-banner-centered .content-wrap {
    background: rgba(256, 256, 256, 0.75);
    color: #000 !important;
    width: 100%;
    /* height: 500px;*/
    height: 100vh;
    left: 0;
    padding: 15px;
  }
  .page .top-banner .item .slide1 {
    /*height: 500px;*/
    height: 100vh
  }
  .page .top-banner.top-banner-centered .content h1 {
    font-size: 2.8em;
  }
  .page p {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .page .round-picture-container .teaser.image-left .col-lg-7, .page .round-picture-container .teaser.image-right .col-lg-7, .page .colored-banner .teaser.image-right .col-lg-7, .page .colored-banner .teaser.image-left .col-lg-7 {
    display: none;
  }
  .page .round-picture-container .image-right .col-lg-4, .page .colored-banner .teaser.image-right .col-lg-4 {
    margin-left: 0;
  }
  .page .colored-banner .teaser.image-right .image img {
    clip-path: inherit;
  }
  .page .first-round-last {
    display: none;
  }
  .page .importantdate {
    border-right: 0;
    border-bottom: 1px solid #e0e0e0;
  }
}
@media screen and (min-width:320px) and (max-width:568px) {
  .page.container {
    margin-top: 0 !important;
  }
  .page .top-banner.top-banner-centered .content-wrap {
    background: rgba(256, 256, 256, 0.75);
    color: #000 !important;
    width: 100%;
    /*height: 500px;*/
    height: 100vh;
    top: 50% !important;
  }
  .page .top-banner.top-banner-centered .content {
    margin: 0;
  }
  .page .top-banner.top-banner-centered .content h1 {
    font-size: 2em;
  }
  .page h2, .page h3 {
    font-size: 2em !important;
  }
  .top-banner-centered .carousel-inner .content p {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .top-banner-centered p {
    font-size: 20px !important;
  }
  .page .top-banner .item .slide1 {
    /* height: 500px;*/
    /* height: 100vh;*/
  }
  .page .text-banner {
    padding: 25px 15px;
  }
  .page .teaser h3, .page .teaser p {
    text-align: left !important;
  }
  .page .round-picture-container .image-right .col-lg-4, .page .colored-banner .teaser.image-right .col-lg-4 {
    margin-left: 0;
  }
  .page .round-picture-container .teaser.image-left .col-lg-7, .page .round-picture-container .teaser.image-right .col-lg-7, .page .colored-banner .teaser.image-right .col-lg-7, .page .colored-banner .teaser.image-left .col-lg-7 {
    display: none;
  }
  .page .first-round-last {
    display: none;
  }
  .page .images-dot-style img {
    max-height: 200px;
    width: auto;
  }
  .page .colored-banner .teaser.image-left .col-lg-4.col-lg-offset-1 {
    margin-left: 7%;
  }
  .page .timeline-style::before {
    margin-left: -2px;
    width: 1px;
  }
  .page .highlight-items {
    width: inherit;
  }
}
@media only screen and (max-width:768px) {
  .page .missionstatement img {
    display: block;
    margin: auto;
    border-right: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
  }
  .bg-img-gradient {
    background-image: inherit;
    height: auto !important
  }
}
/*--------------------------*/
@media only screen and (max-width: 568px) and (min-width: 320px) {
  .mobile .top-banner.top-banner-centered .content-wrap {
    position: relative !important;
    transform: translateY(-0%) !important;
  }
  .top-banner .item .slide1 {
    padding: 0 !important;
  }
  .page .top-banner .item .slide1 {
    height: inherit;
  }
  .page .top-banner.top-banner-centered .content-wrap {
    box-shadow: none;
    /*height: inherit;*/
    height: 100vh;
  }
  .top-banner.top-banner-centered .readmore {
    padding: 0 !important;
  }
  .readmore {
    padding: 0 !important;
  }
  .page .top-banner.top-banner-centered .content {
    margin-top: -20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.teaserContainer li {
  margin-bottom: 10px;
}
/* - ESC 365 access - */
.row.titles {
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  /* .row.titles{
                display: none;
            }
            .access365 .row:first-child{
            margin-top: 30px !important;
            }*/
  .access365 .row .col-sm-4 {
    border: none !important;
    min-height: 40px !important;
  }
  .access365 .row .col-sm-4:last-child {
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
.access365 {
  text-align: center;
}
.access365 .row {
  border: 1px solid #dadce0;
  min-height: 70px;
  margin: 30px auto;
  border-radius: 8px;
}
.access365 .linkButton {
  font-size: 1em;
  margin: 0;
}
/*.access365 .row:first-child{
            margin-top: 0;
        }*/
.access365 .row .col-sm-4 {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.access365 .row .col-sm-4 {
  border-right: 1px solid #dadce0;
}
.access365 .row .col-sm-4:last-child {
  border-right: none;
}
.access365 .row .col-sm-4:first-child {
  font-weight: 700;
}
/* --- EuroHeartCare --- */
/*.top-bg-ehc2019-xl img, .top-bg-ehc2019-lg img, .top-bg-ehc2019-md img, .top-bg-ehc2019-sm img{
			width: 100%
		}
		@media (min-width: 1366px){
			.top-bg-ehc2019-xs{
				display: none;
			}
			.top-bg-ehc2019-sm{
				display: none;
			}
			.top-bg-ehc2019-md{
				display: none;
			}
			.top-bg-ehc2019-lg{
				display: none;
			}
			.top-bg-ehc2019-xl{
				display: block;
			}
		}
			@media (max-width: 1365px) and (min-width: 1024px){
				.top-bg-ehc2019-xs{
				display: none;
			}
			.top-bg-ehc2019-sm{
				display: none;
			}
			.top-bg-ehc2019-md{
				display: none;
			}
			.top-bg-ehc2019-lg{
				display: block;
			}
			.top-bg-ehc2019-xl{
				display: none;
			}
		}
		@media (max-width: 1023px) and (min-width: 769px){
			.top-bg-ehc2019-xs{
				display: none;
			}
			.top-bg-ehc2019-sm{
				display: none;
			}
			.top-bg-ehc2019-md{
				display: block;
			}
			.top-bg-ehc2019-lg{
				display: none;
			}
			.top-bg-ehc2019-xl{
				display: none;
			}
		}
			@media (max-width: 768px) and (min-width: 641px){
			.top-bg-ehc2019-xs{
				display: none;
			}
			.top-bg-ehc2019-sm{
				display: block;
			}
			.top-bg-ehc2019-md{
				display: none;
			}
			.top-bg-ehc2019-lg{
				display: none;
			}
			.top-bg-ehc2019-xl{
				display: none;
			}
		}
		@media (max-width: 640px){
			.top-bg-ehc2019-xs{
				display: block;
			}
			.top-bg-ehc2019-sm{
				display: none;
			}
			.top-bg-ehc2019-md{
				display: none;
			}
			.top-bg-ehc2019-lg{
				display: none;
			}
			.top-bg-ehc2019-xl{
				display: none;
			}
		}
		*/
.picto-xs {
  display: none;
}
@media (max-width: 640px) {
  .centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    text-align: center;
  }
  .picto-xs {
    display: block;
  }
  .picto-xl {
    display: none;
  }
}
.top-banner-mkt-congress img {
  width: 100%
}
/* -- EHRA Congress --*/
@media (min-width: 1366px) {
  #ehra-congress-banner-xl {
    display: inherit;
  }
  #ehra-congress-banner-lg {
    display: none;
  }
  #ehra-congress-banner-md {
    display: none;
  }
  #ehra-congress-banner-sm {
    display: none;
  }
  #ehra-congress-banner-xs {
    display: none;
  }
}
@media (max-width: 1365px) and (min-width: 1024px) {
  #ehra-congress-banner-xl {
    display: none;
  }
  #ehra-congress-banner-lg {
    display: inherit;
  }
  #ehra-congress-banner-md {
    display: none;
  }
  #ehra-congress-banner-sm {
    display: none;
  }
  #ehra-congress-banner-xs {
    display: none;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  #ehra-congress-banner-xl {
    display: none;
  }
  #ehra-congress-banner-lg {
    display: none;
  }
  #ehra-congress-banner-md {
    display: inherit;
  }
  #ehra-congress-banner-sm {
    display: none;
  }
  #ehra-congress-banner-xs {
    display: none;
  }
}
@media (max-width: 767px) and (min-width: 640px) {
  #ehra-congress-banner-xl {
    display: none;
  }
  #ehra-congress-banner-lg {
    display: none;
  }
  #ehra-congress-banner-md {
    display: none;
  }
  #ehra-congress-banner-sm {
    display: inherit;
  }
  #ehra-congress-banner-xs {
    display: none;
  }
}
@media (max-width: 639px) {
  #ehra-congress-banner-xl {
    display: none;
  }
  #ehra-congress-banner-lg {
    display: none;
  }
  #ehra-congress-banner-md {
    display: none;
  }
  #ehra-congress-banner-sm {
    display: none;
  }
  #ehra-congress-banner-xs {
    display: inherit;
  }
}
/*COMMON*/
.spacer {
  padding-bottom: 60px;
}
.dark-grey-bg .bbox {
  min-height: 525px;
}
.benefits p {
  padding-bottom: 5px;
}
.offset-button {
  margin-top: -18px;
}
.text-centered {
  text-align: center;
}
.bbox {
  border-radius: 8px;
  border: #dadce0 solid 1px;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #333;
  background-color: #fff;
}
.section-title {
  font-family: 'interstatebold';
  font-size: 2em;
  line-height: normal;
  padding-bottom: 30px;
}
.block-title {
  font-family: 'interstatebold';
  font-size: 1.7em;
  line-height: normal;
  padding-bottom: 30px;
}
.benefits p {
  font-size: 16px !important;
}
.w33 {
  width: 33%;
  position: relative;
  background: rgba(256, 256, 256, 0.7);
  border-radius: 4px;
  padding: 25px;
  margin-right: auto;
  margin-left: auto;
  align-self: start;
  border-radius: 5px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08)
}
.w33 h3 {
  margin-top: 0
}
.bg-white .top-banner .item .slide1 {
  border-radius: 8px;
  max-width: 1170px;
  max-height: 500px;
  margin: auto;
}
.bg-white .top-banner .item .slide1 h1, .bg-white .top-banner .item .slide1 p {
  color: #fff !important;
}
.bg-white .readmore a {
  font-weight: normal;
  color: #fff;
  padding: 10px 50px;
  min-width: 180px;
  width: inherit;
  display: inline;
  font-size: 1.2em;
  background-color: #851736;
  border-radius: 50px;
}
.bg-white .top-banner .content-wrap {
  text-align: center;
  color: #fff;
  position: absolute;
  width: 100%;
  top: 48%;
  transform: translateY(-50%);
}
.bg-white.col-md-10 .boxesarea .col-md-4 .box a {
  color: #fff !important;
}
.page .bg-white .top-banner.top-banner-centered .content-wrap {
  background: transparent;
  color: #fff;
  top: 10%;
  width: 100%;
  left: 0;
  text-align: center;
  box-shadow: 0;
}
.page .bg-white .top-banner.top-banner-centered .content h1 {
  text-align: center;
  font-size: 36px;
}
.page .bg-white .top-banner.top-banner-centered .content {
  margin-right: unset;
}
@media screen and (min-width:1024px) {
  .page .bg-white .top-banner.top-banner-centered .content {
    margin: 80px !important;
  }
  .teaserFlexCenter {
    display: flex;
    align-items: center;
  }
  .teaserFlexCenter .col-md-6 {
    padding-left: 3%;
  }
  .underlinedPen {
    padding-bottom: 25px;
    background-size: contain;
    background-position: bottom right;
  }
}
@media only screen and (min-width : 320px) and (max-width :568px) {
  .w33 {
    width: 100%;
    margin-bottom: 25px
  }
  .page .bg-white .top-banner.top-banner-centered .content-wrap {
    color: #FFF !important;
  }
  .page .bg-white .top-banner .item .slide1 {
    background-position: left top !important;
  }
}