
@font-face {
  font-family: 'BupaScript-Regular';
  src: url('../fonts/BupaScript-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/BupaScript-Regular.otf')  format('opentype'),
	     url('../fonts/BupaScript-Regular.woff') format('woff'), url('../fonts/BupaScript-Regular.ttf')  format('truetype'), url('../fonts/BupaScript-Regular.svg#BupaScript-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{font-weight:100; font-family: 'Montserrat', 'sans-serif';color: #003b60;font-size: 14px;line-height: 1.2}
.dark-blue {color: #0d517b; text-transform: uppercase; font-weight: 700;}
.grey-bg {background-color: #f1f1f1}

header{ margin: 30px 0 0}
.cabecera{display: flex;justify-content: space-between;}
.cabecera .logo{display: flex; flex-grow: 1;}
.cabecera .logo div>p {text-transform: uppercase;color :#0079c8; font-size: 21px;margin: 5px 0 5px 15px;}
.cabecera .logo div>span {font-size: 18px; color: #7f7e7e; margin: 5px 0 5px 15px;}
.cabecera .logos-box {display: flex;flex-direction: column;}
.cabecera .logos-box p {font-style: 20px; font-weight: 600; color: #0079c8;}
.cabecera .logos-item {display: flex; justify-content: space-between;}
.cabecera .logos-item img {margin: 0 5px;}

.slider {background: url(../imagenes/slider.jpg) center center no-repeat; background-size: cover; min-height: 400px; padding: 3% 0 5%; color: #fff; }
.slider .caption {background: rgba(0,121,200,0.7); display: flex;flex-direction: column;width: 40%; margin: 0% 10% ; padding: 10px 20px; margin-left: -15px;}
.slider .caption p{font-family: 'BupaScript-Regular', sans-serif; font-size: 45px; color: #fff; line-height: 0.8;}
.slider .caption p.title { font-size: 80px; line-height: 1.1;  }
.slider .caption span {font-size: 30px; margin: 0 0 30px 0;}

.inner-grey-bg {padding: 20px 0;}
section .inner-title {font-size: 20px; padding: 15px 0}
.galeria .carousel-inner .item  {padding: 2% 5%;}
.galeria .carousel-inner .item a {width: 100%; height: 0;padding-bottom: 65%; overflow: hidden;display: inline-block;margin: 15px 0;}
.galeria .carousel-control.left, .galeria .carousel-control.right   {background-image: none;}
.galeria .carousel-control.left>img, .galeria .carousel-control.right>img {position: absolute; top: 45%;}
.galeria .carousel-control.right>img {right: 0;}
.galeria .carousel-control.left>img{left: 0;}
.galeria .carousel-control.right {right: -20px;width: 5%; }
.galeria .carousel-control.left {left: -20px; width: 5%;}
.modal-content { background: none; border: none; box-shadow: none;}
.modal-header {border: none;}
.modal-header .close { color: #fff; opacity: .8;}
/*.modal-title {display: none;}*/
/*section .documentacion {border-left: 1px solid #a9a9a9}*/
section .inner-galeria {border-right: 1px solid #a9a9a9; padding: 0 70px 0 15px;}
section .documentacion img{padding: 5% 0 10%;}
section .documentacion p:last-of-type {padding: 0 20%;}
section.ponentes {padding: 15px 0 0 0 ;}
.nav.nav-tabs ul{display: flex;justify-content: space-around;}
.ponentes ul.nav.nav-tabs {display: flex;justify-content: space-around;}
.item-ponente {width: 23%;padding: 2% 0 1%;}
.item-ponente img {width: 60%}
.item-ponente p {margin: 15px 0;}
.item-ponente span {display: inline-block;width: 70%; color: #262626; min-height: 70px;}
.nav-tabs>li>a:hover {background-color: none; border: none;}
.nav-tabs>li>a.info:after{content: ""; display: inline-block; border-width: 8px 8px 0; border-style: solid; border-color: #003b60 transparent; width: 0; margin-left: 6px;}
.nav-tabs>li.active>a.info:after{display: none;}
.nav.nav-tabs .item-ponente a.descargar {background-color: #0079c8; color: #ffffff; margin: 15px 40px; border: none;border-radius: 5px; font-weight: 600;}
.nav-tabs>li.active>a.info {border: none; color: #0d517b }
.nav-tabs>li.active>a.info:before{content: ""; position: absolute; /*top: 108px; */top: 40px; left: 112px; border-width: 0 15px 15px; border-style: solid; border-color: #003b60 transparent; display: block; width: 0;}
.pane-flex {display: flex; justify-content: space-around; padding: 5%; color: #262626;border-top:1px solid #0079c8 }
.pane-flex div:last-of-type {flex-basis: 70%; padding: 20px 0;}
.pane-flex img {width: 50%;}
.pane-flex span {font-size: 13px;}
.pane-flex .subtitle {color: #0079c8; font-size: 15px; font-weight: 600; margin: 10px 0; }

.ponentes-mvl .item-ponente>div:first-of-type {max-width: 26%;}
/*.item-ponente .foto-ponente {filter: grayscale(100%); -webkit-filter: grayscale(100%);}*/
.item-ponente.active .foto-ponente,.item-ponente .item-info.filter>.foto-ponente {filter: grayscale(100%);-webkit-filter: grayscale(100%);}



footer{width: 100%;background: #0079c8;padding-top:20px;font-weight: 500;border-bottom:10px solid #003b60; color: #fff }

@media screen and (max-width: 1200px){
    .nav-tabs>li.active>a.info:before{ top: 126px; left: 93px;}
    .slider .caption {width: 60%;}
    .pane-flex img  {margin: 0 20px 0 0 ;}

}

@media screen and (max-width: 998px) {
    .nav.nav-tabs .item-ponente a.descargar {margin: 10px;}
    .item-ponente p {min-height: 35px;}
    .item-ponente span {min-height: 98px;}
    .nav-tabs>li.active>a.info:before{ top: 134px; left: 72px;}
}

@media screen and (max-width:950px){
    .slider .caption{width: auto; margin: 30px auto 55px;}


}




@media screen and (max-width:767px){
/*    .cabecera .logos-item{justify-content: flex-end; flex-wrap: wrap;}
    .cabecera .logos-item img:last-of-type{margin-top: 10px;}*/
    header {margin: 0;}
    .cabecera {display: block; text-align: center;}
    .logo-mvl {background-color: #0079c8; margin: 0 0 10px;}
    .cabecera .title p {color: #0079c8; margin: 10px 0 5px;}
    .logos-box {margin: 15px 0}
    .logos-box .dark-blue{text-transform: none;}
   /* section .documentacion {border-left: none;}*/
    section .inner-title {padding: 10px 0 5px}
    section .documentacion img {padding: 10px 0 ;}
    section .inner-galeria {padding: 0 15px 0 15px; border-right: none;}
    .ponentes-mvl .item-ponente {width: 100%; display: flex; justify-content: space-between; align-content: center;}
    /*.ponentes-mvl .item-ponente .item-info:nth-of-type(even) {flex-grow: 1;}*/
    .ponentes-mvl .item-ponente .item-info:last-of-type {display: flex;flex-direction: column; align-items: center; justify-content: center;}
    .ponentes-mvl .nav.nav-tabs .item-ponente a.descargar{background-color: #678004; border-radius: 50%; height: 40px ;width: 40px;}
    .ponentes-mvl .nav.nav-tabs .item-ponente a.info {width: 40px; height: 40px;}
    .ponentes-mvl .nav.nav-tabs .item-ponente a.info>img {width: 100%;}
    .pane-flex img {margin: 0 10px 0 0;}
    .item-ponente span { min-height: 55px; margin-bottom: 5px; width: 90%;}
    .item-ponente p { min-height: 20px;}
	.modal-header .close {font-size: 40px;}


}

@media screen and (max-width:600px){
/*    .cabecera{flex-wrap: wrap; padding: 0 10%;}
    .cabecera .logos-item{justify-content: flex-start;}
    .cabecera .logos-box{margin-top: 30px;}
    .cabecera .logos-box p{text-align: left;}*/
    
    .slider .caption p.title{font-size: 70px; line-height: .8;}
    .slider .caption span{font-size: 20px;}
    .slider .caption p{font-size: 35px;}
}

@media screen and (max-width: 500px){
	.pane-flex {flex-direction: column;}
	.pane-flex img{float: none!important; margin: 0 auto;}
	.ponentes-mvl .nav.nav-tabs .item-ponente .item-info img {width: 100%;}
    .ponentes-mvl .nav.nav-tabs .item-ponente .item-info a.descargar img{width: 60%}

}

@media screen and (max-width: 768px) and (max-height: 1024px) {
    .visible-xs {display: block!important;}
    .hidden-xs {display: none!important;}
    .inner-grey-bg>div{width: 100%; border-right: none; }
}