
/*.sympose-popup .mfp-preloader {
    width: 30px!important;
    height: 30px!important;
    background-color: #379cd7;
    opacity: 1;
    margin: 0 auto;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
  }
  
  @-webkit-keyframes rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
  }
  
  @keyframes rotateplane {
    0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg) }
    50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) }
    100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) }
  }*/
  .sympose-popup .mfp-preloader {
    font-size: 10px;
    margin: 0 auto;
    text-indent: -9999em;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
  .sympose-popup .mfp-preloader:before {
    width: 50%;
    height: 50%;
    background: #ffffff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
  }
  .sympose-popup .mfp-preloader:after {
    background: #379cd7;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  @-webkit-keyframes load3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes load3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  
.sympose-popup.mfp-bg.mfp-ready {
   
}
.sympose-popup.mfp-wrap.mfp-ready {
    z-index: 9999999;
}
/*button.mfp-close:after {
    content: "×";
    line-height: 22px;
}*/

.sympose-popup.mfp-wrap button.mfp-close {
    background: black!important;
    color: #fff!important;
    opacity: 1;
    right: 10px;
    width: 35px!important;
    height: 35px!important;
    top: 10px;
    line-height: 38px;
}
.person_box {
    background: white;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.4);
}
.person_box {
    position: relative;
    max-width: 820px;
    margin: 10px auto;
}
.person_box_wrap_inner:after {
    clear: both;
    float: none;
    content: "";
    display: block;
}
.person_content_sect {
    float: right;
    width: 80%;
}
.person_content_sect .desc p{
    font-size: 16px;
    line-height: 20px;

}
.person_box_wrap_inner .img_div {
    float: left;
    width: 20%;
}
.person_box_wrap_inner h4 {
    color: #000;
    font-weight: 500;
}
.person_box_wrap_inner .img_div img {
    width: 100%;
    height: auto;
    padding-right: 20px;
}
.person_box_wrap_inner .person_meta {
    line-height: 25px;
}
.person_box_wrap_inner .person_meta strong {
    color: #000;
}
/*Session link */
.session_list h2 {
    font-size: 40px!important;
    font-weight: bold!important;
    margin-top:20px;
    color: #000;
}

.session_list .session-speaker {
    background: #f1f1f1;
    border-radius: 6px;
    margin: 10px 0 0;
    padding: 16px;
    width: 100%;
    line-height: 20px;
}
.session_list .session-speaker .date-s {
    color: #6d6d6d;
    padding-bottom: 5px;
    font-size: 14px;
}
.session_list .session-speaker .link-s a {
    color: #121212;
    text-transform: uppercase;
    font-weight: bold;
}

/*Session Popup */

.session_box {
    line-height: 20px;
}
.session_box .wpb_widgetised_column{
    margin:0!important;
}
.session_box h4 {
    color: #000;
    text-align: center;
    margin-top: 20px;
    font-weight: 500;
}
.session_box .session_meta {
    padding-top: 10px;
}
.session_box .session_meta strong {
    color:#000;
}

.session_box .sym-list {
    display: block;
    padding-top: 15px;
}

.session_box .sym-list .sym.person {
    background: #f1f1f1;
    border-radius: 6px;
    display: block!important;
    margin: 10px 0 0;
    padding: 16px;
}
.session_box .sym-list .sym.person a {
    display: block;
    text-align: left;
}
.session_box .sym-list .sym.person a span{
    display: inline-block;
    vertical-align: middle;
    color: #121212;
    text-transform: uppercase;
    font-weight: bold;
    
}
.session_box .sym-list .sym.person a .sympose-circle-image{
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}

.person span.title {
    font-weight: 700;
}

.person span.title  {
    font-weight: 700;
}

.person .company, .person .title-desc{
    display: block;
}

@media only screen and (max-width: 600px) {
    .person_content_sect {
        float:none;
        width: 100%;
    }
    
    .person_box_wrap_inner .img_div {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        max-width: 200px;
    }
    .person_box_wrap_inner .img_div img{
        width:auto;
        
    }
}