body{font-family: 'Noto Sans JP', sans-serif; color:#5a5a5a; font-size:16px; line-height: 26px;}
.banner{ position: relative; overflow: hidden; height: 100%; }
.banner img{  top: 0;left: 0;max-height: 100vh;width: 100%;object-fit: cover;}
.navbar-dark .navbar-nav .nav-link{ color:#fff; }
a.reg-btn{    background: #d51971; border-radius: 7px;
    padding: 10px 40px; border:0;}
a.reg-btn:hover,a.reg-btn.btn.btn-primary:hover{background: #fff;  color:#d51971;}
#map {height: 650px;width: 100%; }
.gm-style .place-card-large {
    padding: 9px 4px 9px 11px;
    display: none!important;
}
.location{ position: relative; }
.location iframe{ display: block; }
#contact{ background:#1a1830; color:#fff; padding: 70px 0; clear: both; }

#Layer_6 {
    margin: 0 auto;
        margin-bottom: 0px;
    text-align: center;
    display: block;
    margin-bottom: 35px;
}
.contact h2 {
    font-size: 36px;
    line-height: 1em;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
#contact ul{ margin: 0; padding: 0 0 20px 0; }
#contact ul li{ list-style: none; }
#contact ul li a{ color: #fff; }
textarea{ resize:none;}
p{ color:#646464; }
.media-heading{
    color: #333;
    font-size: 22px;
    line-height: 26px; font-weight: 700;}
    .media-heading a{color: #1c1c24; font-weight: 700; }
      .media-heading a:hover{ text-decoration:none; }

      /** OVERVIEW **/
      .overview p{ font-size:16px; line-height: 22px; padding-bottom: 10px; }
      .wrap-icon{ margin-right:30px;  -webkit-transition: -webkit-transform 0.8s ease-in-out;
          transition: transform 0.8s ease-in-out; }
           .wrap-icon:hover{   -webkit-transform: rotate(360deg);
          transform: rotate(360deg);}
      .wrapper-text{    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start; margin-bottom: 30px;}
.wrap-text p{ padding-top: 20px; }
      .overview{ padding: 70px 0; }
      .overview h2{font-size: 36px;
    line-height: 1em; color:#071f39; font-weight: 700;}
      /** OVERVIEW **/
h3.coming-soon{ text-align:center; font-weight:bold;}
/** Keytheme **/
#Layer_3{margin: 0 auto;text-align: center;display: block; margin-bottom: 35px;}
.key-themes{ background:#1a1830; padding:70px 0; }
.key-themes h2{ font-size: 36px;line-height: 1em;color: #fff;font-weight: 700; padding-top: 50px;}
.theme-container {
    background: #fff;
    padding: 10px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    min-height: 141px;
    box-shadow: 13px 13px 14px #rgba(0,0,0,0.6);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.theme-container h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333333;
}
.theme-container p{ font-size:16px; }
span.count-number {
    position: absolute;
    right: -58px;
    bottom: -52px;
    background: #d51971;
    border-radius: 50%;
    width: 100px;
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    padding: 17px 25px;
    height: 100px;
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link.reg-btn:hover{ color:#d51971;}
/** Keytheme **/

/** Agenda **/
.agenda {
    padding: 70px 0;
    background-attachment: fixed;
    background: #fff;
    color: #1a1830;
}
.agenda h2{font-size: 36px;line-height: 1em;color:#1a1830;font-weight: 700; text-align: center;}
a.dwn-agnenda{ display: flex; width:200px;margin: 0 auto; background:#d51971; border-radius:10px; color:#333; text-align: center; 
align-items: center; justify-content: center; padding:10px 0; margin:0 auto; color: #fff;  }
/** Agenda **/
.partner-title h5:nth-child(odd){ color: #ed0d78; }
/** Speakers **/
.speakers {
    background-image: url(../images/speaker_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
    background: #1a1830;
    color: #fff;
}
.speakers h2 {
    font-size: 36px;
    line-height: 1em;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
.speaker-img{ position: relative; margin-bottom: 70px; }
.speaker-img img{ border-radius:10px;margin-bottom: 70px; }
.speaker-details {
    background: #fff;
    border-radius: 10px;
    margin: 10px 0;
    padding: 5px 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
}
.speaker-details p,.speaker-details h4{ margin:0; padding: 0;  color: #1a1830;}
h4.sp-name {
    color: #1a1830;
    font-weight: 700;
    font-size: 20px;
}
p.sp-desig
{   color: #1a1830;
    font-weight: 14px;
    font-size: 13px;
    line-height: 20px;
    padding: 0 1px;
    font-weight: bold;
  }
#Layer_4 {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 35px;
}
p.sp-cmp {
    font-size: 14px;
 font-weight:bold;
 line-height: 20px;
}
/** Speakers **/

/** PARTNERS **/
.partners{ background:#fff; padding: 70px 0; }
.partner-list {
       height: 168px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    margin-bottom: 70px;
    position: relative;
    background: #fff;
}
.partner-title{position: absolute;top: 0;left: 0;right: 0;text-align: center; padding:10px 0 20px 0;}
.partners h2 {font-size: 36px;line-height: 1em;color: #071f39; font-weight: 700;text-align: center;}
#Layer_5 {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 35px;
}
/** PARTNERS **/

/** LOCATION **/



.location {overflow: hidden;}
.location h2{font-size: 36px;line-height: 1em;color: #071f39;font-weight: 700; text-align: center;}
.venue {
    background-image: url(../images/venue.jpg);
    background-size: cover;
    width: 100%;
    background-position: right top;
    height: 100%;
    position: relative;
}
.nopad{ padding: 0; }
.address{     background: rgba(26,24,48,0.8);
    position: absolute;
    bottom: 0;
    left: 15px;
    padding: 10px;
    border-radius: 0 10px 10px 0; color: #fff;}
p.phone{ color: #fff; }

/** LOCATION **/

/** FOOTER **/
footer.footer{ background:#111; padding: 20px 0; }
footer.footer .social-icons{ clear: both; }
footer.footer .social-icons ul{ margin: 0; padding: 0; }
footer.footer .social-icons ul li{     display: inline-block;  list-style: none; margin-right: 10px; }
footer.footer .social-icons ul li i{ font-size:30px; height: 70px; width: 70px; line-height: 70px; text-align: center; background:#111;
border:1px Solid #333;color: #666; }
footer.footer .social-icons ul li a{ color:#6c757d; }
footer.footer .social-icons ul li a.fb:hover i{ background:#3b5998; color:#fff;}
footer.footer .social-icons ul li a.tw:hover i{ background:#00aced; color:#fff;}
footer.footer .social-icons ul li a.linkedin:hover i{ background:#0077b5; color:#fff;}
footer.footer .copyright p{ margin: 0; padding: 20px 0 0 0; }
.register-form {
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
}

#register{ background:#1a1830; padding:70px 0; color:#fff;}
#register h2{ color:#fff;}
.btn-primary.reg-btn {
    background: #d51971;
    border-radius: 7px;
    padding: 10px 40px;
        padding-right: 40px;
        padding-left: 40px;
    border: 0;
}
.btn-primary.reg-btn:hover {
    color: #d51971;
    border-radius: 7px;
    padding: 10px 40px;
        padding-right: 40px;
        padding-left: 40px;
    border: 0;
background:#fff;
}
.digit {
  position: relative;
  float: left;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
font-weight:bold;
}

.base {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #333;
}

.flap {
  display: none;
  position: absolute;
  width: 100%;
  height: 50%;
  background-color: #fff;
  left: 0;
  top: 0;
  border-radius: 1vw 1vw 0 0;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
.flap::before {
  content: attr(data-content);
  position: absolute;
  left: 50%;
}
.flap.front::before, .flap.under::before {
  top: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.flap.back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.flap.back::before {
  top: 100%;
  -webkit-transform: translate(-50%, -50%) rotateZ(180deg);
          transform: translate(-50%, -50%) rotateZ(180deg);
}
.flap.over {
  z-index: 2;
}
.flap.under {
  z-index: 1;
}
.flap.front {
  -webkit-animation: flip-down-front 300ms ease-in both;
          animation: flip-down-front 300ms ease-in both;
}
.flap.back {
  -webkit-animation: flip-down-back 300ms ease-in both;
          animation: flip-down-back 300ms ease-in both;
}
.flap.under {
  -webkit-animation: fade-under 300ms ease-in both;
          animation: fade-under 300ms ease-in both;
}

@-webkit-keyframes flip-down-front {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    background-color: #fff;
    color: #333;
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
    background-color: #a6a6a6;
    color: black;
  }
}

@keyframes flip-down-front {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    background-color: #fff;
    color: #333;
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
    background-color: #a6a6a6;
    color: black;
  }
}
@-webkit-keyframes flip-down-back {
  0% {
    -webkit-transform: rotateY(180deg) rotateX(0deg);
            transform: rotateY(180deg) rotateX(0deg);
    background-color: #a6a6a6;
    color: black;
  }
  100% {
    -webkit-transform: rotateY(180deg) rotateX(180deg);
            transform: rotateY(180deg) rotateX(180deg);
    background-color: #fff;
    color: #333;
  }
}
@keyframes flip-down-back {
  0% {
    -webkit-transform: rotateY(180deg) rotateX(0deg);
            transform: rotateY(180deg) rotateX(0deg);
    background-color: #a6a6a6;
    color: black;
  }
  100% {
    -webkit-transform: rotateY(180deg) rotateX(180deg);
            transform: rotateY(180deg) rotateX(180deg);
    background-color: #fff;
    color: #333;
  }
}
@-webkit-keyframes fade-under {
  0% {
    background-color: #a6a6a6;
    color: black;
  }
  100% {
    background-color: #fff;
    color: #333;
  }
}
@keyframes fade-under {
  0% {
    background-color: #a6a6a6;
    color: black;
  }
  100% {
    background-color: #fff;
    color: #333;
  }
}
.clock {
    position: absolute;
    width: auto;
    top: 84px;
    left: auto;
    right: 401px;
}
.clock .digit {
  margin-right: 10px;
}
.clock .digit:nth-child(2n+2) {
   margin-right: 10px;
}
.clock .digit:last-child {
  margin-right: 0;
}

.box { height:600px; width:100%; overflow:scroll;  padding:10px 30px; }
.boxit {
    background: #f2f2f2;
    margin-bottom: 10px;
    /* padding: 10px; */
}
.boxit h4 {
    color: #1a1830;
    background: rgb(26, 24, 48);
    font-size: 1.2rem;
    color: #fff;
    padding: 10px 11px;
}
    .boxit p{ color: #1a1830; padding: 10px; }
@media (min-width: 0px) and (max-width: 980px){
	body{overflow-x: hidden}
	.navbar-dark .navbar-toggler{ background:rgb(26, 24, 48); border:0; border-radius:0;}
	.speaker-img img {
    border-radius: 10px;
    margin-bottom: 70px;
    width: 100%;
}
.collapse.show {
    display: block;
    background: rgb(26, 24, 48);
    padding: 10px;
}
.address{     background: rgba(26,24,48,0.8);
    position: relative;
    bottom: 0;
    left: 15px;
    padding: 10px;
    border-radius: 0 10px 10px 0; color: #fff;}
    .venue {
height: 250px;overflow: hidden;
}
.overview{overflow-x: hidden;}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    z-index: 1030;
    width:100%;
}
.navbar-dark .navbar-toggler {
    background: rgb(26, 24, 48);
    border: 0;
    border-radius: 0;
    position: fixed;
    top: 20px;
    right: 20px;
}
.collapse.show {
    display: block;
    background: rgb(26, 24, 48);
    padding: 10px;
    margin: 50px 4px 0 0;
    width: 100%;
}
}
.partner-img{ margin-top:33px;}
.partner-title h5{ font-size:18px;}