/* <SPEAKERS> */
.cspeakers.flex-container{
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
 -webkit-justify-content: space-around;
     -ms-flex-pack: distribute;
         justify-content: space-around;
}
.cspeaker-colorbox-link{
 -webkit-flex-basis: 250px;
     -ms-flex-preferred-size: 250px;
         flex-basis: 250px;
 margin-bottom: 20px;
 margin-left: 10px;
 margin-right: 10px;
}
.cspeaker{
 border: 1px solid #ddd;
 cursor: pointer;
}
.cspeaker__desc{
 padding: 10px;
 font-size: 12px;
 color: #646161;
}
.cspeaker__name{
 font-size: 16px;
 font-weight: bold;
 color: black;
}
.cspeaker__img{
 width: 100%;
}
.cspeaker-modal .desc{
 padding: 10px 35px 10px 20px;
}
 .cspeaker-modal .content{
 margin: 15px 20px 20px 20px;
 text-align: justify;
}
.cspeaker-modal h1{
 margin-top: 10px;
}

.cspeaker-modal h2{
 margin-top: 5px;
 font-size: 14px;
 color: #646161;
}
.cb{
 height: 0;
 clear: both;
}
.cspeaker-modal .img, .cspeaker-modal .desc{
 float: left;
}


.cspeaker__img--wrapper{
 position: relative;
}
.cspeaker:hover .layer{
 opacity: 1;
}
.cspeaker:hover .layer__item{
 top: 50%;
}
.layer__item{
 font-size: 18px;
}
@media (min-width: 1200px){
 .cspeakers.flex-container{
 -webkit-box-pack: start;
 -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 }
 .cspeaker-colorbox-link{
 margin-left: 13.5px;
     margin-right: 13.5px;
 }
}

/* -- main page speakers -- */

.speaker{
 margin-bottom: 45px;
}
.prelegents-button{
 margin-top: -20px;
}
@media (min-width: 768px){
 .speaker{
 margin-bottom: 15px;
 }
 .prelegents-button{
 margin-top: 0;
 }
}
/* -- </main page speakers -- */


/* </SPEAKERS> */


span.js-clickable{
 cursor: pointer;
 color: #337ab7 !important;
}
span.js-clickable:hover,span.js-clickable:focus{
 color: #23527c !important;
 text-decoration: underline;
}