@import url("https://use.typekit.net/djl2xrb.css");
@font-face{
    font-family: 'HelveticaNeue';
    src: url('/etc/designs/digital/overrides/css/fundacion-patients/es/fonts/HelveticaNeue.ttf') format('truetype');
}
@font-face {
	font-family: 'ArialRounded';
	src: url('/etc/designs/digital/overrides/css/fundacion-patients/es/fonts/arlrdbd.ttf');
}
@font-face {
	font-family: 'Icomoon';
	src: url('/etc/designs/digital/overrides/css/fundacion-patients/es/fonts/icomoon.woff');
}

.top-banner.red-violet-bg  .banner-container{
    text-align:center;
}
.red-violet-bg{
    background-color:#830051;
 }
.light-gray-bg{
     background-color:#eaeeed;
}
.red-violet-gradient-bg{
    background: rgb(153,0,82);
	background: linear-gradient(90deg, rgba(153,0,82,1) 0%, rgba(153,0,82,1) 50%, rgba(68,7,84,1) 50%, rgba(68,7,84,1) 100%);
}
.blue-violet{
    background-color:#440754;
}
.black-bg{
     background-color:#000000;
}
.top-banner.red-violet-bg  .banner-container img{
    padding-bottom:20px;
}
.banner-container .navi-container{
   	display:flex;
	justify-content: space-between;
    border-top:1px solid #003865;
    padding-top:20px;
    flex-wrap: wrap;
}
.banner-container .navi-container a{
	min-width:280px;
    margin: 10px 0px;
}
.banner-container .col2 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
.banner-container .col2 * {
    padding: 0px 20px;
}
.banner-container .col2 p {
    font-size: 50px;
    color: #ffffff;
    line-height: 50px;
}
.navi-container a.active.white-navy{
	background-color:#ffffff;
    color:#003865;
    padding: 10px 10px !important;
}
.navi-container a.white-navy{
	background-color:#003865;
    color:#ffffff;
    min-width:180px;
    padding: 10px 10px !important;
}
.dark-navy-color{
    color:#3c1053;
}
.red-violet-color{
    color:#830051;
}
.blue-violet-color{
    color:#440754;
}
.text-content *{
    text-align:center;
    padding:10px 0px; 
}
.text-content.align-left *,p.align-left{
	text-align:left;
}
.text-content.align-right *{
    text-align:right;
 }
.text-content p{
    font-size:18px;
}
.pad-50{
    padding:50px;
}
.pad-50-100{
    padding:50px 100px;
}
.pad-left-50{
    padding-left: 50px !important;
}
.text-content ul.big{
    padding-left:20px;
}
.text-content ul li,.text-content ol li{
    font-family: 'HelveticaNeueLTPro', sans-serif !important;
}
.text-content ul.normal li,.text-content ol.normal li{
    font-size:18px;
    color:#333333;
}
.text-content ul li p{
    padding:0px;
}
.text-content ul.big{
    font-size:20px;
}
.text-content ul.small{
	font-size:14px;
}
.align-center{
    text-align:center;
}
a.dark-navy{
    margin-top: 20px;
	background-color:#3c1053;
    color:#ffffff;
    border:1px solid #3c1053;
    padding: 10px 20px !important;
}
a.dark-navy:hover{
	background-color:#ffffff;
    color:#3c1053;
}
.img-link-container{
	display:flex;
	justify-content: center;
    flex-wrap: wrap;
}
.img-link-container a:hover img{
	opacity:0.8;
}
.img-link-container a img.round{
	border-radius: 20px;
}
.img-link-container.col2{
    justify-content: space-between;
}
.banner-text-content *{
	text-align:center;
    padding:10px 0px; 
}
.text-content p,.banner-text-content p{
    font-size:18px;
}
.banner-text-content h3,.banner-text-content1 h3{
    font-size:32px;
}
.banner-text-content p{
    color:#ffffff;
}
.banner-text-content1{
    margin-top:200px;
    min-height:500px;
    padding:10px 100px; 
}
.banner-text-content1 *{
    padding:10px 0px; 
}
.banner-text-content1 h3{
    font-size:40px;
    line-height: 45px;
}
.banner-text-content1 p{
    font-size:24px;
    font-weight:600;
    color:#830051;
    line-height: 30px;
}
p.align-right{
	text-align:right !important;
}
a.white-navy{
    margin-top: 20px;
	background-color:#ffffff;
    color:#3c1053;
    padding: 10px 20px !important;
}
a.white-navy:hover{
	background-color:#3c1053;
    color:#ffffff;
}
a.red-violet{
	background-color:#830051;
    color:#ffffff;
    border:1px solid #830051;
    padding: 10px 20px !important;
}
a.white-navy:hover{
	background-color:#ffffff;
    color:#830051;
}
.banner-text-content2{
    min-height:800px; 
}
.height-400{
    min-height:400px; 
}
.height-700{
    min-height:700px; 
}
.height-1200{
    min-height:1200px; 
}
h3.after-baby-img:after{
    content: "";
    background-image: url(/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/zero-unawareness/bebe.jpg);
    width: 82px;
    height: 82px;
    position: absolute;
    right: 100px;
    top: -10px;
}
h3.before-lady-img:before{
    content:"";
    background-image:url("/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/zero-unawareness/embarazo.jpg");
    width: 82px;
    height: 82px;
    position: absolute;
    left: 50px;
    top: -10px;
}
.list-img-container{
	display:flex;
    flex-direction: column;
}
.list-img-container .item{
	display: flex;
    padding:10px 0px;
}
.list-img-container .item div{
	display: flex;
    flex-direction: column;
    padding: 0px 20px;
    width:100%;
}
.list-img-container .item:nth-child(even) div h3,.list-img-container .item:nth-child(even) div p{
    color:#a9286d;
}
.list-img-container .item:nth-child(odd) div h3,.list-img-container .item:nth-child(odd) div p{
    color:#480c57;
}
.list-img-container.white-color *{
    color:#ffffff!important;
}
.list-img-container.img-width-150 .item img{
    width:150px;
}
.list-img-container.img-width-120 .item img{
    width:120px;
}
.text.parbase a{
     text-decoration: none!important;
}
.img-link-container.col3 a{
    width:30%;
    padding: 0px 5px;
    text-align: center;
}
.img-link-container.col3 a p {
    text-align: center;
    color: #830051;
    font-size: 20px;
    min-height: 40px;
}
.img-link-container.col3 a img{
    padding:10px;
}
.carousel .carousel-content-block{
    visibility: hidden;
}
body.zero-unawareness .modal-header,body.severe-asthma .modal-header{
	visibility: hidden;
    padding: 0px;
}
li::marker{
    font-family:'HelveticaNeueLTPro', sans-serif !important;
    font-size:14px;
}
body.blog-prepare-visit-nursing li::marker{
    font-size:18px;
}
.image-carousel .carousel-inner .item .caption *{
    color:#ffffff;
}
.image-carousel .carousel-inner .item .caption{
    background-size: cover;
    padding: 50px 30% 50px 50px;
	height:400px;
}
.img-tab{
    display: flex;
    justify-content: space-around;
    background-color: #830050;
}
.img-tab .tab{
    font-size: 20px;
    color: #ffffff;
    padding: 20px;
}
.img-tab .tab:nth-child(2){
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.full-width .multi-column-container{
    overflow-x: hidden;
}
.color-box{
    font-family: lexia, sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 20px;
    color: #000000;
    border-radius:5px;
}
.color-box.pink{
	background-color: #830051;
}
.color-box.green{
    background-color: #c4d600;
}
.color-box.pink1{
    background-color: #d0006f;
}
.color-box.orange{
    background-color: #f0ab00;
}
.color-box.blue{
	background-color: #68d2df;
}
.row-col2{
    display:flex;
}
.row-col2 div{
    padding:10px 20px;
}
.row-col2 div .thin-font{
    display: block;
    color: #6f7676;
}
h2.white-color span.big{
   font-size:50px;
}
a.blue{
    color:#68d2df;
}
.pos-relative{
    position: relative;
}
.inner-link{
    position: absolute;
    width: 100%;
    height: 200px;
    top: 50%;
}
ul.red-violet-color{
    font-size: 16px;
    padding-left: 50px;
}
.left-before{
    padding-left:10px;
}
.left-before:before{
    content: "\f053";
    position: relative;
    left:-5px;
    font-family: 'FontAwesome';
}
.right-after{
    text-align:right;
    padding-right: 5px;
}
.right-after:after{
    content: "\f054";
    position: relative;
    left: 5px;
    font-family: 'FontAwesome';
}
#tab-view-container{
}
#tab-view-container.tab-view-content .tab-view  *{
    font-family: 'HelveticaNeueLTPro' !important;
}
#tab-view-container.tab-view-content .tab-view{
	background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/asthma-units-in-spain/tabs_informacion_bg.jpg');
    padding: 5px 20px;
    flex-direction: column;
}
#tab-view-container.tab-view-content .tab-view h3{
	color: #830050;
}
#tab-view-container.tab-view-content .tab-view p.big{
	font-size:20px;
}
#tab-view-container.tab-view-content .tab-view .no-style li{
	list-style: none;
}
#tab-view-container.tab-view-content .tab-view .col-row{
    display: flex;
    flex-direction: row;
}
#tab-view-container.tab-view-content .tab-view .listado li{
    font-size:18px;
}
.image-carousel .carousel-inner .item:nth-child(1) .caption{
	background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/asthma-units-in-spain/slider_home_01.jpg');
}
.image-carousel .carousel-inner .item:nth-child(2) .caption{
	background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/asthma-units-in-spain/slider_home_02.jpg');
}
.image-carousel .carousel-inner .item:nth-child(3) .caption{
	background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/asthma-units-in-spain/slider_home_03.jpg');
}
.image-carousel .carousel-inner .item:nth-child(4) .caption{
	background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/asthma-units-in-spain/slider_home_04.jpg');
}
.image-carousel .carousel-inner .item:nth-child(5) .caption{
	background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/asthma-units-in-spain/slider_home_05.jpg');
}
.image-carousel .carousel-inner .caption .caption_header h1{
    font-size:30px;
}
.image-carousel .carousel-inner .caption .caption_content{
	padding: 0px 50px;
}
.image-carousel .carousel-inner .caption .caption_content small{
   font-size:10px;
}
select.form-control{
    width:250px;
}
.img-link-container.col3 a p:nth-child(2){
    line-height: 24px;
    min-height: 10px;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 600;
}
.img-link-container.col2 >div{
    width: 45%;
    padding: 10px;
}
.img-link-container.col2 >div .link-label{
    display: block;
    position: relative;
    top: -20px;
    left: 5px;
    background-color: orange;
    color: #ffffff;
    padding: 0px 10px;
    border-radius: 0px 0px 20px 20px;
    padding-left: 20px;
}
.img-link-container.col2 >div a img{
    border-radius:20px;
}
.img-link-container.col2 >div .link-label.red{
    background-color: #830051;
}
.img-link-container.col2 >div .link-label.blue{
    background-color: #3c1053;
}
.img-link-container.col2 >div .link-label.gray{
    background-color: #9db0ac;
}
.img-link-container.col2 >div .link-label.light-blue{
    background-color: #68d2df;
}
.img-link-container.col2 >div .link-label.orange{
    background-color: #f0ab00;
}
.img-link-container.col1{
    justify-content: space-around;
}
.img-link-container.col1 >.col{
    width:45%;
}
.img-link-container.col1 .col:nth-child(1) img{
    border-radius:20px;
}
.img-link-container.col1 .col:nth-child(2){
    padding-top:40px;
}
hr{
    margin:5px;
}
.lista_leyenda{
    list-style-type: none !important;
	padding-left:50px;
}
.lista_lineas li:before{
	content: "";
    position: absolute;
    display: block;
    width: 18px;
    height: 2px;
    top: 50%;
    left:-30px;
}
.linea_amarilla:before{
	background: #ffdb00;
}
.linea_verde:before{
	background: #80bd4c;
}
.linea_azul:before{
	background: #009fe3;
}
.linea_naranja:before{
	background: #ee7003;
}
.linea_morado:before{
	background: #a273b0;
}
.lista_puntos li:before{
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    left: -20px;
    border: 2px solid #000000;
    border-radius: 50%;
}
.punto_rojo:before{
	background: #e30613;
}
.punto_verde:before{
	background: #00987c;
}
.punto_blanco:before{
	background: #ffffff;
}
.modal-dialog .modal-header{
    padding:0px;
    visibility: hidden;
}
.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 10px 40px;
}
.menu li {
  padding: 5px 10px;
  margin-bottom: 2px;
  color: #ffffff;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 600;
}
.menu li span{
    position: absolute;
    right: 10px;
    background-color: #ffffff;
    color: #000000;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 15px;
    top: 2px;
    line-height: 27px;
}
.menu h3{
    color:#830051;
}
.menu ul li a{
    color: #ffffff;
    font-family: 'HelveticaNeueLTPro';
    font-weight: 600;
}
.menu li:nth-child(1) {
  background-color: #830051;
}
.menu li:nth-child(2) {
  background-color: #3c1053;
}
.menu li:nth-child(3) {
  background-color: #9db0ac;
}
.menu li:nth-child(4) {
  background-color: #68d2df;
}
.menu li:nth-child(5) {
  background-color: #f0ab00;
}
.post-link{
    display:inline-flex;
}
.post-link >a,.post-link >div{
    margin:10px;
}
.post-link a >img{
    border-radius:10px;
}
.post-link p{
   color: #830051;
}
.post-link a{
   font-weight:600;
}
.post-link.right div >p,.post-link.right div>a{
    text-align:right;
}
.post-link a:hover,a.a-hover:hover{
   color: #830051;
}
.post-link-col2{
    display: flex;
    justify-content: space-between;
}
.link-in,.link-facebook,.link-twitter,.link-whatsapp,.link-envelope{
    display:inline-block;
    width:18px;
    height:16px;
}
.link-in{
    background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/blog-asma/in-link.jpg');
}
.link-twitter{
	background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/blog-asma/twitter-link.jpg');
}
.link-facebook{
    background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/blog-asma/facebook-link.jpg');
}
.link-whatsapp{
    background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/blog-asma/whatsapp-link.jpg');
}
.link-envelope{
    background-image:url('/content/dam/open-digital/fundacion-patients/es/images/zero-counts-in-asthma/blog-asma/envelope-link.jpg');
}
.red-violet-line{
    padding: 20px 0px;
    font-size: 20px;
    color: #830051;
    text-align: center;
    font-family: lexia, sans-serif !important;
    font-weight: 600;
}
.red-violet-line >span {
    padding: 0px 10px;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}
.red-violet-line:before{
    content: "";
    display: block;
    position: relative;
    top: 10px;
    border-top: 1px solid;
}
.youTubePlayer.section{
    text-align:center;
}
@media screen and (min-width: 1200px){
    .asthma-and-covid-19 .height-1200 {
    min-height: 875px;
    }
   .black-bg .multi-column-container .text-content.pad-50.align-left {
    padding-top: 7px;
    } 
}
@media(max-width: 1200px) and (min-width: 768px){
    .banner-text-content2{
    	min-height: 200px;
    }
    .row-col2{
        flex-direction: column;
    }
    .height-700{
        min-height:500px !important;
    }
    .height-1200.bg-size-contain{
        min-height:auto !important;
    }
    .black-bg .multi-column-container .text-content.pad-50.align-left {
    padding-top: 7px;
}
}
@media(max-width: 767px) and (min-width: 0px){
    .severe-asthma  .modal.fade.in iframe.youtube-video {
        width: 100%;
    }
    .severe-asthma .youtube-video-parent {
        width: 100%;
    }
    .severe-asthma .modal.fade.in .youtube-video-wrap.initialized {
        width: auto !important;
    }
    .severe-asthma .modal.fade.in  .modal-dialog.modal-md {
        width: 100%;
    }
    .sectionContainer:nth-child(5) .component-section.full-width{
        background-size: contain;
    }
    .banner-container .col2 p {
        font-size: 30px;
        line-height: 30px;
    }
    .banner-container .col2 p {
        font-size: 20px;
        line-height: 22px;
    }
    .banner-text-content1{
    	margin-top: 50px;
    	padding: 10px 30px;
        min-height: 300px;
    }
    .banner-text-content2{
    	min-height: 100px;
    }
    .img-link-container.col3 a{
    	width:90%;
    }
    .height-700,.height-400{
        background-position: center;
        min-height:200px !important;
    }
    .height-1200.bg-size-contain{
        min-height:auto !important;
    }
    .red-violet-gradient-bg{
        background:#990052;
    }
    .image-carousel .carousel-inner .item .caption{
    	padding: 20px;
        height: auto;
        background-position: right;
    }
    .pad-50-100,.pad-50{
        padding:10px;
    }
    #map-img{
       width:100%;
    }
    .img-tab,.row-col2{
        display:block;
    }
    .post-link{
        display:none;
    }
    .row-col2{
        flex-direction: column;
    }
}
.fa-chevron-left:before {
  
    z-index: 99;
}
.fa-chevron-right:before {
   
    z-index: 99;
}
.blog-dynamic .panel.panel-default.resource-panel span{display: none;}
.blog-dynamic .panel.panel-default.resource-panel small em{display: none;}
.blog-dynamic .panel.panel-default.resource-panel .panel-body{padding: 0;height: 500px;}
.blog-dynamic .panel.panel-default.resource-panel{border: none;}
.blog-dynamic .resource-image-container{height: auto;width: auto;}
.blog-dynamic .panel.panel-default.resource-panel a:hover{text-decoration: none;}
.blog-dynamic h3.blog-title{color: #830051;font-size: 22px;line-height: 24px;font-weight: 600;text-align: center;}
.blog-dynamic .resource-image-container img{width: 100%;border-radius: 20px;height: 220px;}
.resourceListFilter.section .col-sm-6.col-md-3{width: 50%;}


nav.navbar{
    border-bottom: none;
    border-left: none;
    border-right: none;
}
.navbar-collapse .dropdown.first-level-item:nth-child(7){
	/*display:none;*/
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
    border:none;
}
.primary-navigation .nav li.open{
    border-bottom:none !important;
}
/* Common Styles */
*{text-shadow: none !important;}
body{
	font-family: 'HelveticaNeueLTPro', sans-serif !important;
    margin: 0;
    color: #747474;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font: 13px/20px PTSansRegular,Arial,Helvetica,sans-serif;
}


body.fixed-top-margin{
    margin: 0;
}

body.fixed-top-margin .footer-reference, .popup-overlay{
    display:none !important;
}

body.fixed-top-margin div#tab-result-container {
    min-height: calc(100vh - 787px);
}

p, p b{
    font-family: 'HelveticaNeueLTPro', sans-serif !important;
    line-height: 20px;
    color:#333333;
}
.touchEnable{ 
   display:none; 
}

.touchDisable{ 
   display:block; 
}


/*  Header   */
.navbar-nav{
    margin:0px;
}

header nav.navbar.navbar-default.margin-bottom-0.main-navigation.affix {
    position: relative;
}
header .primary-navigation,.enable-sticky-nav-bar.stick-to-top{
	background-color: #313d3e;
}
header .primary-navigation.horizontal-menu.toggle-menu-nav, header .navbar.navbar-default.navbar-fixed-top.main-navigation {
    border:none;
}

header .top-header .navbar-brand{
    height: 60px;
    margin: 14px 0 9px 0;
}

header .top-header .navbar-brand img.header-nav-logo{
	height: 50px;
}

header ul.nav.navbar-nav .dropdown.item-more.first-level-item, header .navbar-header .navbar-brand .logo-medicine-txt{
    display:none;
}

/*header .navbar-collapse.collapse#top-nav{
    margin: 0 0 0 5px;
}*/

header .primary-navigation .nav>li{
    padding: 0 21px 0 5px;
}

header .primary-navigation .nav>li a{
    padding: 0;
    line-height: 50px;
    font-family: 'HelveticaNeueLTPro', sans-serif !important;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 0px;
}
header .primary-navigation .nav>li a.active,header .primary-navigation .nav>li a:hover{
    color: #ffffff;
}
header .primary-navigation .nav>li a.bottom-hover-border:after{
	border:none;
    display:none;
}

/*header .primary-navigation .nav>li a.bottom-hover-border:hover{
	color:#830051;
}

header .primary-navigation .nav>li.active>a {
    color: #830051;
}*/
header .navbar-default .navbar-nav>.open>a,header .primary-navigation .nav>li.open,header .navbar-nav>.open>a:hover{
    background-color: #313d3e !important;
}
header .primary-navigation .nav>li.open>a{
    color: #ffffff !important;
}
header nav.navbar.navbar-default .nav.navbar-nav.stacked-menu .first-level-item:nth-child(1){
    display:none;
}
header .primary-navigation .nav>li:nth-child(9){
    visibility: hidden;
}

header .top-header .navbar-header{
    position:relative;
}

header .top-header .header-actions .search.header-search-btn{
    position: absolute;
    top: 132px;
    right: 26px;
    z-index: 1;
}
header .top-header .header-actions .search a{
    font-size: 14px;
}
header .top-header .header-actions .search a span.fa-search:before {
    color: #B40053 !important;
}
header .primary-navigation .nav>li.active>a,header .primary-navigation .nav>li.active>a:hover{
    color:#ffffff;
}
header .dropdown.first-level-item ul.dropdown-menu li:nth-child(1){
    display:none;
}
.dropdown.first-level-item.hidden-menu{
    display: block !important;
}
.gray-color{
    color:#747474 !important;
}
.black-color{
    color:#333 !important;
}
.helvetica,.helvetica *{
    font-family: 'HelveticaNeueLTPro', sans-serif !important;
}
.font-normal,.font-normal *{
	font-weight:200 !important;
}
.font-14,.font-14 *{
    font-size:14px !important;
    line-height: 16px;
}
.font-16,.font-16 *{
    font-size:16px !important;
    line-height: 18px;
}
.font-24{
    font-size:24px !important;
    line-height: 26px;
}
img.width-100-per{
    width: 100%;
}
.container-wrapper{
   padding: 0;
}
.container-wrapper> .container{
   width: 100%;
   padding: 0;
}
.container.middle-content{
    display:none;
 }
.top-banner{
	min-height:270px;
}
.bg-pos-center{
    background-position: center;
}
.bg-pos-left{
    background-position: left;
}
.bg-size-contain{
   background-size: contain!important; 
   background-repeat: no-repeat;
}
img.per-100{
    width:100%;
}
img.per-50{
    width:50%;
}
img.per-60{
    width:60%;
}
.pad-right-per-50{
    padding-right:50%;
}
.uppercase{
    text-transform: uppercase;
}
h1,h2,h3{
    font-family: lexia, sans-serif !important;
}
h1{
    font-size:55px;
    line-height:60px;
    font-weight: 600;
}
h2{
    font-size:34px;
    line-height:36px;
    font-weight: 600;
}
h3{
    font-size:22px;
    line-height:24px;
    font-weight: 600;
}
p{
	font-size: 14px;
}
.font-awesome{
    font-family: 'FontAwesome';
}
.font-arial-rounded{
    font-family: 'ArialRounded' !important;
}
a.round-rect:link, a.round-rect:visited {
  font-size: 14px;
  line-height:16px;
  padding: 10px 80px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius:25px;
}
.img-link-container{
    flex-wrap:wrap;
}
.img-link-container a {
    margin: 5px;
    text-align:center;
}
.align-center{
    text-align:center !important;
}
img.pre-100{
    width:100%;
}
img.pre-50{
    width:50%;
}
.margin-0-100{
   margin:0px 100px;
}
.text-content.font-18 p{
	font-size:18px;
}
.height-700{
    min-height:700px;
}
.height-500{
    min-height:500px;
}
/*  Footer   */
.footer{
    background:#363839;
    padding-top: 12px;
    padding-bottom: 0;
    margin-top: 0px;
    font-family: 'HelveticaNeueLTPro', sans-serif;
}
.footer-adverse-event.adverse-border{
    border:none !important;
}
.footer-brand.no-underline{
    display:none;
}
.footer .footerIconSection{
    padding: 10px 15px;
}

.footer .action-link{
    font-family: 'HelveticaNeueLTPro', sans-serif;
    color:#bfbfbf;
}

.footer .footerColumnSec .column-1{
    color: #FFF;
}

.footer .footerColumnSec .column-1 .footerLogo{
    width: 177px;
    height: 58px;
    margin-bottom: 25px;
}

footer .fa-twitter:before {
    font-size: 28px;
    color: white;
}

.footer .footerColumnSec .column-1 .footerLogo{
    width: 177px;
    height: 58px;
    margin-bottom: 25px;
}
.footer .disclaimer{
    padding: 10px 0 30px 0;
}
.footer .disclaimer p{
    color:#ffffff;
    font-size:0.875rem;
    margin-bottom: 0px;
}
.footer .footerColumnSec h3{
   	font-family: lexia, sans-serif;
    font-size: 22px;
   	font-weight: bold;
    line-height: 33px;
    margin: 0 0 22px 0;
}

.footer .footerColumnSec .column-1 p{
    font-size: 14px;
    color:#FFF;
}                                    

.footer .footerColumnSec ul li{
    margin:0;
}

.footer .footerColumnSec ul li a.action-link{
   	color:#bfbfbf;
    font-size: 15px;
    line-height: 22px;
    display: inline-block;
    margin: 0 0 5px 0;
}    

.footer .footerColumnSec ul li a.action-link:hover, 
.footer .footerColumnSec ul li a.action-link:hover .link-txt{
	color: #ffffff;
    text-decoration: none;
}

.footer .footerColumnSec ul li a.action-link span.vcenter{
    vertical-align: unset;
}


footer .footerCopyRight{
    width: 100%;
    padding: 18px 0 16px 0;
    background-color: #282a2b;
    border-top: 1px solid #4b4c4d;
}

footer .footerCopyRight .page-section-inner p{
	margin: 0;
    font-size: 12px;
    line-height: 18px;
    color:#FFF;
}

footer .footerCopyRight .page-section-inner p a{
    text-decoration: none;
}

footer .fa.fa-twitter{
    margin:0 0 20px 0 !important;
}

footer a#toTop {
    right: 75px;
    border-radius: 4px;
    background-color: #333;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    height: 35px;
    position: fixed;
    text-align: center;
    width: 48px;
    opacity: .9;
    z-index: 100000;
    transition: all .2s ease-in-out 0s;
    line-height: 1;
}

footer a#toTop:hover {
	background-color: #a32253;
}

footer a#toTop:before {
	line-height: 35px;
    content: '\f106';
    -webkit-font-smoothing: antialiased;
    font-family: 'Icomoon';
    font-size: 22px;
    color: #fff;
}

/*footer ~ .footer-reference{display:none;}*/
.footer-expandable{
    background: none;
    border: none;
}

a#footer-references-link {
    display: none;
}

a.back-to-top-cta {font-size: 0;}

a.back-to-top-cta span.fa.fa-chevron-circle-up {
    font-size: 13px;
    right: 75px;
    border-radius: 4px;
    background-color: #333;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    height: 35px;
    position: fixed;
    text-align: center;
    width: 48px;
    opacity: .9;
    transition: all .2s ease-in-out 0s;
    line-height: 1;
}


a.back-to-top-cta span.fa.fa-chevron-circle-up:hover {
    background-color: #a32253;
}


a.back-to-top-cta span.fa.fa-chevron-circle-up:before {
    line-height: 35px;
    content: '\f106';
    -webkit-font-smoothing: antialiased;
    font-family: 'Icomoon';
    font-size: 22px;
    color: #fff;
        }


.footer-reference .footer-expandable{ padding: 0; }
.footer-reference .footer-expandable .footer-expandable-heading .container, 
.footer-reference .footer-expandable .footer-expandable-heading .container:before {font-size: 0;}       

.modal-title{
    font-size: 28px;
    color: #315b7c;
}
.footer .col-sm-9 .linkList {
    padding-top:30px;
}
.footer .col-sm-9 .linkList .list-item-4{
    width:45%;
    margin-right:0px;
}
.footer .col-sm-9 .linkList .list-item-4 p{
    text-align:right;
    color:#bfbfbf;
}

.footer .icon-twitter,.footer .icon-linkedin,.footer .icon-instagram{
    display:inline-block;
    width:44px;
    height:44px;                                                  
}
.footer .icon-linkedin{
    background-image:url('/content/dam/open-digital/fundacion-patients/es/images/linkedin-logo.png');                                       
}
.footer .icon-twitter{
    background-image:url('/content/dam/open-digital/fundacion-patients/es/images/twitter-logo.png');                                       
}
.footer .icon-instagram{
    background-image:url('/content/dam/open-digital/fundacion-patients/es/images/instagram-logo.png');
}
.carousel .carousel-indicators li.active a{
    border: 1px solid #0a0a0a;
}
.carousel .carousel-indicators li .carousel-indicator:after{
    border: 1px solid #0a0a0a;
 }
 .carousel .carousel-indicators{
    bottom:-20px;
}
iframe.youtube-video{
    width: 565px;
    height: 400px !important;
}
.modal-body p{
    text-align: center;
}
.modal-body p >img {
    padding: 0px 0px 0px 20px;
}

body.cardiowalking .youtube-video-parent{
	display:block;
    width: 565px;
    margin: 0 auto;
}

@media(max-width: 767px) and (min-width: 0px){
    body,html{
      overflow-x: hidden;  
    }
    .footer-reference{
        visibility: hidden;
    }
    .magni-txt-col .column-2 {
        text-align: center;
    }
    .align-left img.per-100 {
        width:100%;
    }
    .footer-az-logo img{
        width:50%!important;
    }
    .linked-list.horizontal li{
        margin-right: 10px;
    }
    /*body{
      overflow-x: hidden;  
    }*/
    .top-banner .banner-container img{
        width:80%;
    }
	header .top-header .navbar-brand{
    	height: 50px;
        margin: 0px;
        padding: 0px;
    }
	.menu-snippet-mobile .main-inner-naviagtion{
		display:none;
    }
	.top-header .header-nav-logo-condensed{
    	height: 50px;
    }
	.banner-container .navi-container a{
    	width:100%;
    }
    .carousel .carousel-indicators.hide-caption{
        visibility: hidden;
    }
    iframe.youtube-video {
    	width: 330px;
    	height: 200px !important;
	}
	.page-section-inner{
    	padding:0px 10px;
    }
	.img-link-container img{
    	width: 80% !important;
    }
    .img-link-container .tab img{
    	width: auto !important;
    }
    .pad-right-per-50{
        padding-right:10%;
    }
    .modal-dialog{
        width:370px;
    }
    #popup-template .modal-dialog, .static-modal:not(.auto-style) .modal-dialo{
         margin-top:50px;
    }
    .hyperkalemia-or-hyperkalemia .img-link-container.img-col4 img{
        width:auto !important;
    }
    .text-content.red-left-icon p:after{
        display:none;
    }
}
@media(max-width: 992px) and (min-width: 768px){
    body,html{
      overflow-x: hidden;  
    }
	header .top-header .navbar-brand{
    	height: 104px;
    }
    .top-header .header-nav-logo-condensed{
       height: 50px;
    }
	.menu-snippet-mobile .main-inner-naviagtion{
    	display:none;
    }
    #popup-template .modal-dialog, .static-modal:not(.auto-style) .modal-dialo{
         margin-top:0px;
    }
    .modal-dialog{
        width:530px;
    }
    iframe.youtube-video {
        width: 500px;
        height: 300px !important;
    }
    #popup-template .modal-dialog .modal-body, .static-modal:not(.auto-style) .modal-dialog .modal-body {
        min-height: 350px;
    }
}
@media screen and (max-width: 500px){
/*   .hyperkalemia-or-hyperkalemia .page-section-inner .columnControl.section .multi-column-container .row,
    .health-and-wellness  .page-section-inner .columnControl.section .multi-column-container .row,
  .zero-doubts-about-diabetes .page-section-inner .columnControl.section .multi-column-container .row,
  .zero-excuses .page-section-inner .columnControl.section .multi-column-container .row, 
  .zero-complications .page-section-inner .columnControl.section .multi-column-container .row ,
  .good-habits .page-section-inner .columnControl.section .multi-column-container .row ,
  .cardiowalking .page-section-inner .columnControl.section .multi-column-container .row {
    margin: 0;
} */
    .acute-coronary-syndrome .page-section-inner .columnControl.section .multi-column-container .row,
    .what-is-sca .page-section-inner .columnControl.section .multi-column-container .row,
    .good-habits .page-section-inner .columnControl.section .multi-column-container .row,
    .cardiowalking .page-section-inner .columnControl.section .multi-column-container .row,
    .diabetes .page-section-inner .columnControl.section .multi-column-container .row,
    .zero-doubts-about-diabetes .page-section-inner .columnControl.section .multi-column-container .row,
    .zero-complications .page-section-inner .columnControl.section .multi-column-container .row,
    .zero-excuses .page-section-inner .columnControl.section .multi-column-container .row,
    .hyperpotasemia .page-section-inner .columnControl.section .multi-column-container .row,
    .hyperkalemia-or-hyperkalemia .page-section-inner .columnControl.section .multi-column-container .row,
    .health-and-wellness .page-section-inner .columnControl.section .multi-column-container .row,
    .asthma .page-section-inner .columnControl.section .multi-column-container .row,
    .zero-unawareness .page-section-inner .columnControl.section .multi-column-container .row,
    .severe-asthma .page-section-inner .columnControl.section .multi-column-container .row,
    .asthma-units-in-spain .page-section-inner .columnControl.section .multi-column-container .row,
    .asthma-and-covid-19 .page-section-inner .columnControl.section .multi-column-container .row,
    .breathe-you .page-section-inner .columnControl.section .multi-column-container .row,
    .blog-asma .page-section-inner .columnControl.section .multi-column-container .row,
    .epoc .page-section-inner .columnControl.section .multi-column-container .row,
    .know-epoc .page-section-inner .columnControl.section .multi-column-container .row,
    .learn-more-about-epoc .page-section-inner .columnControl.section .multi-column-container .row,
    .covid-19-y-epoc .page-section-inner .columnControl.section .multi-column-container .row{
    	margin: 0;
    }
}

.club-social #question_spaker{
    height:420px;
}

/*---CUSTOM---*/
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;;
    font-size: 1rem;
    line-height: 1.25rem;
}
h1,h2,h3,h4 {
    font-family:  lexia, Times,"Times New Roman",serif;
    line-height: auto;
    border-left: none;
    padding-left: 0;
}
h2 {
    font-size: 2.125em;
}
p {
    font-size: 1.125rem;
    line-height: 1.4285714286em;
    font-weight: 300;
    letter-spacing: .01875em;
    margin: 1.25rem 0;
}
b, strong {
    font-family: inherit;
}

.footer p {
	font-size:0.875rem;
}

.banner-container .navi-container{
   	display:flex;
	justify-content: space-between;
    border-top:1px solid #003865;
    padding-top:20px;
    flex-wrap: wrap;
	
}

.nav-bar{
	padding:20px;
}

.navi-container{
	padding: 0;
    display: flex;
    margin: 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.navi-container a{
	margin: 5px;
}

.padding-0{
    padding:0;
}
.padding-20{
    padding:20px 0;
}
.padding-40{
    padding:40px 0;
}
.padding-60{
    padding:60px 0;
}

.display-none{
    display:none;
}