/*! Place your custom styles here */
.btn--rounded { border-radius: 50px; }

a.active { color: #138a91 !important;border-bottom: 1px #138a91 solid; }

.color--gray { color: #999999 !important; }

ul.list-style--circle { list-style-type: circle; }
ul.list-style--disc { list-style-type: disc; }
ul.list-style--square { list-style-type: square; }
ul.list-style--none { list-style-type: none; }

section.bar { display: none; }

.speaker__item a.block { margin-top:7px; }


@media (min-width: 768px) {
  .desktop-only { display:block; }
  .mobile-only { display:none; }
  ul.organizers { display: inline-flex; }
  
  .speaker__item { height: 120px; }
}
@media (max-width: 767px) {
 /* .mobile { display: block !important; }
  .mobile-hide { display:none; }*/
  .desktop-only { display:none; }
  .mobile-only { display:block; }
.participants-link { margin-top: -27px;}

.speaker__item { height: 120px; }
a.partnerships-link {
  margin-top: 20px;
  display: inline-block; }

}

  
@media (max-width: 767px)
    section.sponsors ul li {
        margin-bottom: 40px !important;
}



/* HOMEPAGE */
        @media screen and (device-aspect-ratio: 4/3) {
          p.header-txt {
            color: red !important;
            }
          /*header::after {
              content: '16/9';
          }*/
        }

        p a, span a, label a {
            font-size: 0.81em;
        }
        ul.menu-horizontal li span a { text-decoration: none; }
        h1 sup small { color:white; }

        [data-overlay="3"]:before {
            opacity: 0.8;
        }

        .slider ul li img { max-height: 40px; }


        .demo a {
                    /*opacity:0.6;*/
          position: absolute;
          bottom: 20px;
          left: 46%; /*50%;*/
          z-index: 2;
          display: inline-block;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
          color: #138a91 !important;
          font : normal 400 20px/1 'Josefin Sans', sans-serif;
          letter-spacing: .1em;
          text-decoration: none;
          transition: opacity .3s;
        }
        .demo a:hover {
          opacity: .5;
        }

        #section03 a {
          padding-top: 60px;
          margin-bottom: 91px;
        }

        #section03 a span {
          position: absolute;
          top: 0;
          left: 50%;
          width: 46px;
          height: 46px;
          margin-left: -23px;
          border: 1px solid #138a91;
          border-radius: 100%;
          box-sizing: border-box;
        }

        #section03 a span::after {
          position: absolute;
          top: 50%;
          left: 50%;
          content: '';
          width: 16px;
          height: 16px;
          margin: -12px 0 0 -8px;
          border-left: 1px solid #138a91;
          border-bottom: 1px solid #138a91;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          box-sizing: border-box;
        }

        #section03 a span::before {
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          content: '';
          width: 44px;
          height: 44px;
          box-shadow: 0 0 0 0 rgba(255,255,255,.1);
          border-radius: 100%;
          opacity: 0;
          -webkit-animation: sdb03 3s infinite;
          animation: sdb03 3s infinite;
          box-sizing: border-box;
        }
        @-webkit-keyframes sdb03 {
          0% {
            opacity: 0;
          }
          30% {
            opacity: 1;
          }
          60% {
            box-shadow: 0 0 0 60px rgba(255,255,255,.1);
            opacity: 0;
          }
          100% {
            opacity: 0;
          }
        }
        @keyframes sdb03 {
          0% {
            opacity: 0;
          }
          30% {
            opacity: 1;
          }
          60% {
            box-shadow: 0 0 0 60px rgba(255,255,255,.1);
            opacity: 0;
          }
          100% {
            opacity: 0;
          }
        }

        p.header-txt { padding:20px;font-size: medium; }
        
        section.mobile-menu {
          bottom: 0px;
          margin-bottom: 0px;
          position: sticky;
          margin-top: -120px;
          z-index: 1;
          min-height: 0px;  
          height: 83px;
          display: block;
        }

        @media (max-width: 767px) {
          ul.organizers-list {  padding-top: 25px; }
        }


        @media (max-width: 767px) {
            /*section.sponsors ul li*/
            ul.sponsors-list li {
                margin-bottom: 60px !important;
            }
            
            ul.sponsors-list li a img {
                max-height: 80px;
            }
            div.nav-container {        
                display: inline-block;
                height: 300px;
                height: 193px;
                width: 100%;
                z-index: 10;
                position: relative;
            }
            
            section.mobile-menu {
              /*display: none;*/
                  /* bottom: 0px; */
                  /* margin-bottom: 0px; */
                  /* position: sticky; */
                  /* margin-top: -120px; */
                  z-index: 20;
                  min-height: 0px;
                  /*height: 83px;*/
                  width: 100%;
                  position: absolute;
                  top: 0;
                  margin-top: 200px;
            }
            
            div.background-image-holder {
              /*height: auto !important;*/
              top:0;
            }
            
            h1.main-title {
              margin-top: 20vh;
            }
            
            div.main-container {
                  margin-top: -10px;  
            }
            
        }

        .zoom{
          overflow: hidden;
          padding-bottom: 55%;
        }
        .zoom img{
          position: fixed;
          top: 0%;
          left: 50%;
          max-width: 200%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          /* Thanks  @bastian_fiessinger. Use when activating blur effect:
          will-change: -webkit-filter, filter, transform; */
        }



        /* NEW COLOR THEME - LHC COURSE */
        .btn--primary, .btn--primary:hover {
            background: #22C1C9;
        }
        .btn--primary, .btn--primary:visited {
            background: #244cb0;
            border-color: #138a91;
            /* background: #162879; */
            background: #7783f0;
            /* background: #364470; */
            background: #1d286a;
            background: #138a91;
        }

        div.feature-8 img { height: 150px !important; }
        a img:hover { opacity:0.7; }
        
        
        
/* SCROLL DOWN EFFECT */
#section01 a {
  padding-top: 60px;
      margin-bottom: 91px;
}
#section01 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section02 a {
  padding-top: 60px;
      margin-bottom: 91px;
}
#section02 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section02 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}


/*
#section03 a {
  padding-top: 60px;
}
#section03 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section03 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section03 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
*/


#section04 a {
  padding-top: 60px;
      margin-bottom: 91px;
}
#section04 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}



#section05 a {
  padding-top: 70px;
  margin-bottom: 91px;
}
#section05 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



#section06 a {
  padding-top: 70px;
  margin-bottom: 91px;
}
#section06 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-animation: sdb06 1.5s infinite;
  animation: sdb06 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb06 {
  0% {
    -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb06 {
  0% {
    transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



#section07 a {
  padding-top: 80px;
}
#section07 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#section07 a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#section07 a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#section07 a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



#section08 a {
  padding-top: 60px;
}
#section08 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section08 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}



#section09 a {
  padding-top: 80px;
}
#section09 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section09 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section09 a span::after {
  position: absolute;
  bottom: -18px;
  left: 50%;
  width: 18px;
  height: 18px;
  content: '';
  margin-left: -9px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section10 a {
  padding-top: 60px;
  margin-bottom: 91px;
}
#section10 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}