/***** Global Classes and declarations *****/
/* font-family: 'Inconsolata', monospace;
font-family: 'Kanit', sans-serif; */

@font-face {
   font-family: "StretchPro";
   src: url("../fonts/StretchPro.eot");
   src: url("../fonts/StretchPro.eot") format("embedded-opentype"), url("../fonts/StretchPro.woff2") format("woff2"),
      url("../fonts/StretchPro.woff") format("woff"), url("../fonts/StretchPro.ttf") format("truetype"),
      url("../fonts/StretchPro.svg#StretchPro") format("svg");
}

@font-face {
   font-family: "Pixeled";
   src: url("../fonts/Pixeled.eot");
   src: url("../fonts/Pixeled.eot") format("embedded-opentype"), url("../fonts/Pixeled.woff2") format("woff2"),
      url("../fonts/Pixeled.woff") format("woff"), url("../fonts/Pixeled.ttf") format("truetype"),
      url("../fonts/Pixeled.svg#Pixeled") format("svg");
}

@font-face {
   font-family: "MesquiteStd";
   src: url("../fonts/MesquiteStd.eot");
   src: url("../fonts/MesquiteStd.eot") format("embedded-opentype"), url("../fonts/MesquiteStd.woff2") format("woff2"),
      url("../fonts/MesquiteStd.woff") format("woff"), url("../fonts/MesquiteStd.ttf") format("truetype"),
      url("../fonts/MesquiteStd.svg#MesquiteStd") format("svg");
}

@font-face {
   font-family: "Courier New";
   src: url("../CourierNewPS-BoldMT.eot");
   src: url("../CourierNewPS-BoldMT.eot?#iefix") format("embedded-opentype"),
      url("../CourierNewPS-BoldMT.woff2") format("woff2"), url("../CourierNewPS-BoldMT.woff") format("woff"),
      url("../CourierNewPS-BoldMT.ttf") format("truetype"),
      url("../CourierNewPS-BoldMT.svg#CourierNewPS-BoldMT") format("svg");
   font-weight: bold;
   font-style: normal;
}

@font-face {
   font-family: "StretchPro";
   src: url("../fonts/StretchPro.eot");
   src: url("../fonts/StretchPro.eot") format("embedded-opentype"), url("../fonts/StretchPro.woff2") format("woff2"),
      url("../fonts/StretchPro.woff") format("woff"), url("../fonts/StretchPro.ttf") format("truetype"),
      url("../fonts/StretchPro.svg#StretchPro") format("svg");
}

body {
   font-size: 62.5%;
   font-family: "Inconsolata", monospace;
   font-weight: 400;
   width: 100%;
   overflow-x: hidden;
   background: #fff;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
input {
   margin: 0;
   padding: 0;
   list-style: none;
}
a {
   text-decoration: none;
   outline: none;
}
a.selected {
}
a:hover.selected {
   text-decoration: none;
}
/*a:visited{ color:#60615f; text-decoration:underline;}*/
img {
   border: none;
}
html {
   width: 100%;
   overflow-x: hidden;
   -webkit-text-size-adjust: 100%;
}
p,
input,
a {
   color: #676767;
}
h1 {
   font-size: 1.8em;
   line-height: 1.2em;
}
h2 {
   font-size: 1.5em;
}
h3,
h3 a {
   font-size: 1.2em;
}
h4,
h4 a {
   font-size: 1.2em;
}
h5,
h5 a {
   font-size: 1.2em;
}
h6,
h6 a {
   font-size: 1.2em;
}
.nodatfound,
.errorMsg {
   float: left;
   clear: both;
   color: red;
   font-size: 1.2em;
}
h3 a,
h4 a,
h5 a,
h6 a {
   font-size: 1em;
   text-decoration: underline;
}
table,
table tr td,
table tr th {
   border: none;
}
.clearfix:after {
   content: "."; /*display: block;*/
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
.clearfix {
   /*display: inline-block;*/
}
* html .clearfix {
   height: 1%;
}
* {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   border: none;
   -webkit-border-radius: 0;
   -webkit-overflow-scrolling: touch;
   outline: none;
}
.clear {
   font-size: 1%;
   height: 0;
   line-height: 0;
   width: 0;
   float: none;
   clear: both;
}
html[xmlns] .clearfix {
   /*display: block;*/
}
input {
   outline: none;
}
article,
aside,
canvas,
details,
figcaption,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
mark {
   display: block;
   width: 100%;
   float: left;
}
strong {
   font-weight: 300;
}
* {
   box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   width: 100%;
   float: left;
}
p {
   width: 100%;
   float: left;
}

.hide {
   visibility: hidden;
}
/***** Global Classes and declarations END *****/
section {
   overflow: hidden;
}
article {
   position: relative;
}
article:first-child {
   border: none;
}
.pink {
   background: #e47687;
}
.green {
   background: #048343;
}
.red {
   background: #cf2126;
}

.sectionOne {
   background: url(../images/sectionOneBg.jpg) no-repeat 0 0;
   background-size: cover;
}

.middleWrapper {
   width: 80%;
   margin: 0 auto;
   padding: 50px 0 100px 0;
   display: table;
   position: relative;
   z-index: 2;
}
.sectionOne .middleWrapper {
   padding:100px 0 0 0;
}
.sectionOne .caption {
   width: 60%;
   float: left;
}
.sectionOne .caption h1 {
   font-size: 6em;
   font-family: "StretchPro";
   color: #000000;
   text-transform: uppercase;
   margin: 0 0 20px 0;
   font-weight: 400;
}
ul.navUL,
ul.navUL li,
ul.navUL li a {
   width: auto;
   float: left;
}

ul.navUL li a {
   color: #231f20;
   padding: 13px 23px 18px 23px;
   line-height: 30px;
   font-size: 1.5em;
   font-family: "Pixeled";
   position: relative;
   z-index: 1;
   transition: all ease 0.3s;
   text-transform: uppercase;
   background-color: #c2c2c2;
   min-width: 145px;
   text-align: center;
}
ul.navUL li a::before {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   width: calc(100% - 9px);
   height: calc(100% - 9px);
   border-left: 2px solid #fff;
   border-top: 2px solid #fff;
}
ul.navUL li a::after {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   width: calc(100% - 9px);
   height: calc(100% - 9px);
   border-right: 2px solid #000000;
   border-bottom: 2px solid #000000;
}

ul.navUL li a span {
   position: absolute;
   top: 5px;
   left: 5px;
   width: calc(100% - 11px);
   height: calc(100% - 11px);
   border-right: 2px solid #797979;
   border-bottom: 2px solid #797979;
}

ul.navUL li a:hover::before {
   animation: buttonAnimation 3s infinite linear;
}

ul.navUL li a:hover::after {
   animation: buttonAnimation2 3s infinite linear;
}
ul.navUL li a:hover span {
   animation: buttonAnimation3 3s infinite linear;
}

@keyframes buttonAnimation {
   0%,
   35%,
   65%,
   100% {
      border-color: #000000;
   }
   36%,
   64% {
      border-color: #fff;
   }
}

@keyframes buttonAnimation2 {
   0%,
   35%,
   65%,
   100% {
      border-color: #fff;
   }
   36%,
   64% {
      border-color: #000000;
   }
}

@keyframes buttonAnimation3 {
   0%,
   35%,
   65%,
   100% {
      border-left: 2px solid #797979;
      border-top: 2px solid #797979;
      border-right: 2px solid transparent;
      border-bottom: 2px solid transparent;
   }
   36%,
   64% {
      border-left: 2px solid transparent;
      border-top: 2px solid transparent;
      border-right: 2px solid #797979;
      border-bottom: 2px solid #797979;
   }
}

@keyframes buttonAnimation4 {
   0%,
   35%,
   65%,
   100% {
      border-left: 2px solid #797979;
      border-top: 2px solid #797979;
      border-right: 2px solid transparent;
      border-bottom: 2px solid transparent;
   }
   36%,
   64% {
      border-left: 2px solid transparent;
      border-top: 2px solid transparent;
      border-right: 2px solid #797979;
      border-bottom: 2px solid #797979;
   }
}

ul.navUL li {
   position: relative;
   margin: 0 15px 15px 0;
   float: left;
}

.logoUnit ul.navUL li a {
   font-size: 1.2em;
   padding: 18px 30px 23px 30px;
   line-height: 30px;
}
.logoUnit ul.navUL li ::before {
   top: 8px;
   left: 8px;
   width: calc(100% - 22px);
   height: calc(100% - 22px);
   border-left: 5px solid #fff;
   border-top: 5px solid #fff;
}
.logoUnit ul.navUL li ::after {
   top: 8px;
   left: 8px;
   width: calc(100% - 22px);
   height: calc(100% - 22px);
   border-right: 5px solid #000000;
   border-bottom: 5px solid #000000;
}

.logoUnit ul.navUL li a span {
   top: 12px;
   left: 12px;
   width: calc(100% - 25px);
   height: calc(100% - 25px);
   border-right: 5px solid #797979;
   border-bottom: 5px solid #797979;
}

.logoUnit ul.navUL li a:hover span {
   animation: buttonAnimation4 3s infinite linear;
}

.description {
   width: 100%;
   float: left;
   margin:50px 0 0 0;
}
.logoUnit {
   width: 39%;
   float: right;
}
.logoUnit .unit {
   width: 100%;
   float: left;
   position: relative;
   top: -200px;
}
.logoUnit ul.navUL {
   float: right;
}

.logoUnit img {
   width: 100%;
   float: left;
   margin: 0 0 20px 0;
}
.contentUnit {
   width: 61%;
   float: left;
   border: 5px solid #231f20;
   position: relative;
}
.contentUnit h2 {
   width: 100%;
   float: left;
   padding: 20px 20px 10px 20px;
   background: #231f20;
   color: #df7682;
   font-size: 6.2em;
   font-family: "MesquiteStd";
   letter-spacing: 2px;
   font-weight: 400;
}
.contentUnit h2 span {
   color: #f9ae40;
}
.contentUnit p {
   background: #f2c315;
   font-size: 3.6em;
   padding: 40px 20px;
   color: #000000;
   line-height: 40px;
   font-family: "Courier New";
   font-weight: 700;
}
.contentUnit .countIcon {
   position: absolute;
   bottom: -55px;
   right: 80px;
}
.lineView {
   position: absolute;
   left: 45%;
   bottom: -120px;
   z-index: 1;
   width: 35%;
}
.lineView img {
   width: 100%;
   float: left;
}

.violet {
   background: #a667a7;
   border-top: 5px solid #231f20;
}
.violet .middleWrapper {
   padding: 50px 0 100px 0;
}
.violet .lineView {
   left: 0;
   bottom: -50px;
   width: 35%;
}
.descriptionWrap {
   width: 100%;
   float: left;
   padding: 0 0 0 200px;
   margin-top: -130px;
}
.descriptionWrap .nowLogo {
   width: 779px;
}
.descriptionWrap .brain01 {
   width: 450px;
   position: absolute;
   right: 80px;
   top: -100px;
}
.descriptionWrap .eyes {
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -100px;
}
.descriptionWrap .brain {
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -150px;
}
.descriptionWrap p {
   color: #fff;
   font-size: 3.8em;
   margin: 25px 0 0 0;
   line-height: 55px;
   font-family: "Courier New";
   padding-left: 25%;
   font-weight: bold;
}

.sectionThree {
   position: relative;
   z-index: 2;
   background: url(../images/sectionThreeBg.jpg) no-repeat 0 0;
   background-attachment: fixed;
   background-size: cover;
}

.sectionThree .middleWrapper {
   padding: 90px 0;
   width: 80%;
}

.sectionThree p {
   font-family: "StretchPro";
   color: #fff;
   font-size: 4em;
   letter-spacing: 1px;
   text-shadow: 1px 1px 0px #000;
}

.calenderView {
   background: url(../images/sectionFourBg.jpg) no-repeat 0 0;
   background-size: cover;
   text-align: left;
}
.calenderView .middleWrapper {
   padding: 100px 0 80px 0;
}
.calenderView .middleWrapper {
   width: 100%;
   padding-left: 25%;
}
.calenderView .title span {
   display: block;
}
.calenderView .title span:first-child {
   font-family: "StretchPro";
   font-size: 11em;
   color: #036b2f;
   line-height: 1em;
}
.calenderView .title span:nth-child(2) {
   font-family: "MesquiteStd";
   font-size: 40em;
   color: #1c1c1c;
   line-height: 1.1em;
   height: 320px;
}
.calenderView .title span:nth-child(3) {
   font-family: "StretchPro";
   font-size: 10em;
   color: #ca2126;
   line-height: 1.2em;
}

.calenderView .content {
   position: relative;
   width: calc(100% + 180px);
   height: 100%;
   float: left;
   padding: 100px 0 100px 180px;
   margin-left: -180px;
   margin-top: 70px;
}
.calenderView .content::before {
   content: "";
   position: absolute;
   left: 0;
   height: 100%;
   width: 100%;
   top: 0;
   background: url(../images/sectionFourContentBg.jpg) no-repeat center;
   z-index: -1;
   background-size: cover;
}
.calenderView .content h2 {
   color: #231f20;
   font-family: "StretchPro";
   font-size: 17em;
   line-height: 1em;
}
.calenderView .content p {
   color: #231f20;
   font-family: "Kanit", sans-serif;
   font-size: 5em;
   font-weight: 700;
   padding-right: 10%;
   line-height: 1.2em;
   letter-spacing: 1px;
}

/* .cont40{width: 35%; float: left;}
.cont20{width: 30%; float: left; padding: 0 40px;}
.cont20 img{width: 100%; float: left;}
.cont40 p{font-family: 'Kanit', sans-serif; font-weight: 700; font-size: 3.2em; color: #f5c615; }
.cont40.rightCont p{text-align: right;} */
.calenderView .lineView {
   width: 40%;
   right: 2%;
   top: -70px;
}

.event {
   background: url(../images/sectionFiveBg.jpg) no-repeat center center;
   background-size: cover;
   border-bottom: 50px solid #273b95;
   background-attachment: fixed;
}
.event .middleWrapper {
   padding: 100px 0;
}
.event .box {
   width: 80%;
   display: table;
   margin: 0 auto;
   padding: 100px;
   background: #402d8d;
   position: relative;
}

.event p {
   font-size: 3em;
   color: #fdfdfd;
   font-family: "Poppins", sans-serif;
   line-height: 40px;
}
.event ul.navUL {
   width: auto;
   margin: 0px auto 0 auto;
   display: table;
   float: none;
   padding: 25px 0 0 0;
}
.event ul.socialUL {margin-top: 30px; padding: 0;}
.event ul.socialUL li {width: 70px; height: 70px; margin: 0 10px;}
.event ul.socialUL li a {width: 100%; height: 100%; padding: 0;}
.event ul.socialUL li a img {height: 100%;}
.event ul.socialUL li.facebook img {width: 50px;}
.event ul.socialUL li.instagram img {width: 40px;}
.event ul.socialUL li.linkedin img {width: 55px;}
.event ul.socialUL li.twitter img {width:45px;}



.speakers {
   background: url(../images/speakersBg.jpg) no-repeat;
   background-size: cover;
}
.speakers .middleWrapper {
   padding: 80px 0;
   display: block;
   float: left;
   left: 10%;
}
h2.title {
   font-family: "StretchPro";
   font-size: 7em;
   color: #231f20;
   text-align: center;
   margin: 0 0 25px 0;
}
h2.title span {
   color: #cd2126;
}

.carouselWrapper {
   margin-left: -10px;
}
.carouselWrapper,
ul.speakersList {
   width: 100%;
   float: left;
}

ul.speakersList li {
   width: 33.33%;
   float: left;
}
.speakerBox {
   width: 100%;
   float: left;
   padding: 0 100px;
}
.speakerBox .img,
.speakerBox .img img,
.speakerBox .content,
.speakerBox .content h3,
.speakerBox .content p,
.speakerBox .content p,
.speakerBox .content h5 span {
   width: 100%;
   float: left;
}
.speakerBox .img {
   position: relative;
   width: 45%;
}
.speakerBox .img img {
   position: relative;
   z-index: 1;
   border-radius: 100%;
   padding: 40px;
}
.speakerBox .img:after {
   width: 100%;
   height: 100%;
   content: "";
   display: block;
   position: absolute;
   left: 0;
   top: 0;
}

.speakerBox .img.circle1:after {
   background: url(../images/speakerBg1.png) no-repeat 0 0;
   background-size: cover;
}

.speakerBox .img.circle2:after {
   background: url(../images/founder/bg1.png) no-repeat 0 0;
   background-size: cover;
}
.speakerBox .img.circle3:after {
   background: url(../images/founder/bg2.png) no-repeat 0 0;
   background-size: cover;
}
.speakerBox .img.circle4:after {
   background: url(../images/founder/bg3.png) no-repeat 0 0;
   background-size: cover;
}
.speakerBox .img.circle5:after {
   background: url(../images/founder/bg4.png) no-repeat 0 0;
   background-size: cover;
}
.speakerBox .img.circle6:after {
   background: url(../images/founder/bg5.png) no-repeat 0 0;
   background-size: cover;
}

.speakerBox .content {
   margin: 0px 0 0 0;
   width: 55%;
   padding: 50px 20px 10px 100px;
}
.speakerBox .content h3 {
   font-family: "StretchPro";
   font-size: 6em;
   color: #1c1c1c;
   text-transform: uppercase;
   line-height: 1.1em;
   font-weight: 400;
}
.speakerBox .content h5 {
   font-size: 5.5em;
   color: #1c1c1c;
   margin: 10px 0;
   font-family: "Poppins", sans-serif;
   font-weight: 500;
   line-height: 1.1em;
}
.speakerBox .content P {
   font-size: 4em;
   color: #1c1c1c;
   line-height: 28px;
   font-family: "Poppins", sans-serif;
   font-weight: 500;
   line-height: 1.4em;
}

.swiper-button-prev,
.swiper-button-next {
   width: 200px;
   background: none;
   left: -150px;
   margin-top: 20px;
}
.swiper-button-prev img,
.swiper-button-next img {
   width: 100%;
   float: left;
}
.swiper-button-next {
   left: auto;
   right: -150px;
}
.swiper-button-prev:hover {
   animation: swiperPrev 1s infinite ease-in-out;
}

.swiper-button-next:hover {
   animation: swiperNext 1s infinite ease-in-out;
}

@keyframes swiperPrev {
   0%,
   100% {
      transform: translateX(0);
   }
   50% {
      transform: translateX(-10px);
   }
}

@keyframes swiperNext {
   0%,
   100% {
      transform: translateX(0);
   }
   50% {
      transform: translateX(10px);
   }
}

.spriteEyes {
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -100px;
}
.spriteEyes {
   width: 160px;
   height: 145px;
   background: url("../images/eyes-sprite.png") left center; /*-webkit-animation: spriteEyes 1.5s steps(8) infinite; -moz-animation: spriteEyes 1.5s steps(8) infinite;  animation: spriteEyes 1.5s steps(8) infinite;*/
   margin: 0 auto;
}

@-moz-keyframes spriteEyes {
   100% {
      background-position: -1328px;
   }
}
@-webkit-keyframes spriteEyes {
   100% {
      background-position: -1328px;
   }
}
@keyframes spriteEyes {
   100% {
      background-position: -1328px;
   }
}

.signBox {
   position: relative;
   left: calc(50% - 175px);
   top: -40px;
   width: 351px;
   height: 351px;
   background: url("../images/sign-sprite.png") left center;
   -webkit-animation: signAnim 10s steps(10) infinite;
   -moz-animation: signAnim 10s steps(10) infinite;
   animation: signAnim 10s steps(10) infinite;
   margin: 0 auto;
   -webkit-transform: scale(0.8, 0.8);
   -moz-transform: scale(0.8, 0.8);
   transform: scale(0.8, 0.8);
}

@-moz-keyframes signAnim {
   100% {
      background-position: -3510px;
   }
}
@-webkit-keyframes signAnim {
   100% {
      background-position: -3510px;
   }
}
@keyframes signAnim {
   100% {
      background-position: -3510px;
   }
}

.contentUnit .countIcon {
   width: 114px;
   height: 114px;
   background: url("../images/sandclock-sprite.png") left center;
   -webkit-animation: sandclockAnim 10s steps(9) infinite;
   -moz-animation: sandclockAnim 10s steps(9) infinite;
   animation: sandclockAnim 10s steps(9) infinite;
   -webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   transform: scale(1, 1);
}
@-moz-keyframes sandclockAnim {
   100% {
      background-position: -1026px;
   }
}
@-webkit-keyframes sandclockAnim {
   100% {
      background-position: -1026px;
   }
}
@keyframes sandclockAnim {
   100% {
      background-position: -1026px;
   }
}

header {
   position: relative;
   padding: 50px 5% 0 5%;
}
header .logoImg {
   width: 200px;
   float: left;
}
header .logoImg img {
   width: 100%;
   float: left;
}
.innerpage article {
   border: none;
   padding-bottom: 100px;
}
.innerpage h2.title {
   text-transform: uppercase;
   text-align: left;
   padding-left: 230px;
   margin-top: -200px;
   font-family: "Pixeled";
   font-size: 5em;
   color: #fcfffc;
   pointer-events: none;
}
.innerpage article .middleWrapper {
   display: table;
   padding: 0;
   width: 90%;
   left: auto;
   float: none;
}

.scheduleWrapper .innerpage h2.title {margin-top: -190px;}
.founderWrap {background: url(../images/teamBg.jpg) repeat-y center top ; background-size: 100%;}
.founderWrap .speakers {background: none;}

.founderWrap .innerpage h2.title  {margin-top: -115px;  color: #231f20;}
.founderWrap ul.speakersList {
   margin: 50px 0 0 0;
}

.founderWrap ul.speakersList .speakerBox .img {width: 35%;}
.founderWrap ul.speakersList .speakerBox .content {width: 65%;}

.founderWrap ul.speakersList .speakerBox .content h3 {font-size: 4.5em;}
.founderWrap ul.speakersList .speakerBox .content h5 {font-size: 4em;}
.founderWrap ul.speakersList .speakerBox .content p {font-size: 3em;}


.founderWrap ul.speakersList02 {
   margin: 0;
}
.founderWrap ul.speakersList > li {
   width: 100%;
   margin-bottom: 80px;
}
.founderWrap ul.speakersList li .content {
   padding: 0 50px;
}
.founderWrap ul.speakersList li .alternateSpeaker .img {
   float: right;
}
.founderWrap ul.speakersList li .alternateSpeaker .content {
   float: left;
   padding: 20px 100px 0 50px;
}

.founderWrap ul.speakersList > li .divider {float: left; width: 100%; height: 25px; background: url(../images/divider.png) no-repeat 0 0; margin-top: 50px;}
.founderWrap ul.speakersList .speakerBox {padding: 0 50px;}


.scheduleWrapper {
   background: url(../images/scheduleBg.jpg) repeat-y center top;
   background-size: 100%;
   min-height: 100vh;
}
.scheduleWrapper p {
   font-size: 5em;
   text-align: center;
}

ul.socialUL {
   width: auto;
   display: table;
   margin: 0 auto;
   padding: 25px 0 0 0;
}
ul.socialUL li {
   float: left;
   width: 150px;
}
ul.socialUL li {
   text-align: center;
}
ul.socialUL li a {
   padding: 15px 23px;
   position: relative;
   z-index: 1;
   transition: all ease 0.3s;
   background-color: #c2c2c2;
   text-align: center;
   float: left;
}
ul.socialUL li a svg,
ul.socialUL li a img {
   vertical-align: middle;
   width: 100%;
}


ul.socialUL li a::before {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   width: calc(100% - 9px);
   height: calc(100% - 9px);
   border-left: 2px solid #fff;
   border-top: 2px solid #fff;
}
ul.socialUL li a::after {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   width: calc(100% - 9px);
   height: calc(100% - 9px);
   border-right: 2px solid #000000;
   border-bottom: 2px solid #000000;
}

ul.socialUL li a span {
   position: absolute;
   top: 5px;
   left: 5px;
   width: calc(100% - 11px);
   height: calc(100% - 11px);
   border-right: 2px solid #797979;
   border-bottom: 2px solid #797979;
}

ul.socialUL li a:hover::before {
   animation: buttonAnimation 3s infinite linear;
}

ul.socialUL li a:hover::after {
   animation: buttonAnimation2 3s infinite linear;
}
ul.socialUL li a:hover span {
   animation: buttonAnimation3 3s infinite linear;
}



.speakerBox.comingSoonCont {
   height: auto;
}
.speakerBox.comingSoonCont .content {
   float: none;
   margin: 0 auto;
   display: table; /*top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); */
   position: relative;
}
.speakerBox.comingSoonCont p {
   text-align: center;
}
.speakerBox.comingSoonCont p span {
   font-size: 1.4em;
   font-weight: bold;
   color: #cd2126;
   width: 100%;
   float: left;
   margin: 15px 0 0 0;
}

.founderWrap ul.speakersList ul.socialUL {
   float: left;
}
.founderWrap ul.speakersList .speakerBox .content P a {
   color: #ee3431;
}

.founderWrap ul.speakersList02 > li {
   width: 33.33%;
}
.founderWrap ul.speakersList02 > li .speakerBox .img {
   width: 100%;
}
.founderWrap ul.speakersList02 > li .content {
   width: 100% !important;
   text-align: center;
   margin: 40px 0 0 0;
   padding: 0 !important;
}
.founderWrap ul.speakersList02 > li .speakerBox {
   padding: 0 30px;
}
.founderWrap ul.speakersList02 > li .alternateSpeaker .content {
   float: right;
   padding: 0 !important;
}
.founderWrap ul.speakersList02 > li .alternateSpeaker ul.socialUL,
.founderWrap ul.speakersList02 > li ul.socialUL {
   float: none;
}
.founderWrap ul.speakersList02 > li .speakerBox .img img {padding: 25px;}

.founderWrap .speakers {
   padding-bottom: 50px;
}
.agendaWrapper {
   width: 100%;
   float: left;
}
ul.tabUL,
ul.tabUL li,
ul.tabUL li a {
   width: auto;
   float: left;
}

ul.tabUL li a {
   color: #231f20;
   padding: 10px 20px 15px 20px;
   line-height: 30px;
   font-size: 1.5em;
   font-family: "Pixeled";
   position: relative;
   z-index: 1;
   transition: all ease 0.3s;
   text-transform: uppercase;
   background-color: #c2c2c2;
   text-align: center;
}
ul.tabUL li a::before {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   width: calc(100% - 9px);
   height: calc(100% - 9px);
   border-left: 2px solid #fff;
   border-top: 2px solid #fff;
}
ul.tabUL li a::after {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   width: calc(100% - 9px);
   height: calc(100% - 9px);
   border-right: 2px solid #000000;
   border-bottom: 2px solid #000000;
}

ul.tabUL li a span {
   position: absolute;
   top: 5px;
   left: 5px;
   width: calc(100% - 11px);
   height: calc(100% - 11px);
   border-right: 2px solid #797979;
   border-bottom: 2px solid #797979;
}


.tabDetailsWrap .day1 {
   background: url(../images/dayOneBg.jpg) repeat-y center top;
   background-size: 100%;
   position: relative;
}
.tabDetailsWrap .day1::before {
   content: "";
   position: absolute;
   top: -25px;
   left: 218px;
   background: url(../images/dayOneTop.png) no-repeat 0 0;
   width: 50px;
   background-size: 50px;
   height: 25px;
}


.tabDetailsWrap .day2 {
   background: url(../images/dayTwoBg.jpg) repeat-y center top;
   background-size: 100%;
   position: relative;
}

.tabDetailsWrap .day2::before {
   content: "";
   position: absolute;
   top: -25px;
   left: 350px;
   background: url(../images/dayTwoTop.png) no-repeat 0 0;
   width: 50px;
   background-size: 50px;
   height: 25px;
}


ul.tabUL {
   position: relative;
   z-index: 1;
   margin-top: -60px;
   margin-left: 230px;
}

ul.tabUL  li {margin-right: 20px;}
/* ul.tabUL li a.day1 {
   color: #e17684;
}
ul.tabUL li a.day2 {
   color: #231f20;
}
ul.tabUL li a.day3 {
   color: #f4c515;
} */




.tabDetailsWrap {
   width: 100%;
   float: left;
   position: relative;
   top: 0;
   margin-top: 30px;
}
.tabDetailsWrap .tabDetails {
   padding: 50px 0px;
   width: 100%;
   float: left;
}
.tabDetailsWrap .tabDetails h3 {
   padding: 0 40px;
   color: #fcfffc;
   letter-spacing: 2px;
   font-size: 4.5em;
   font-family: 'StretchPro';
}

.day2.tabDetails h3 {
   color: #080710;
}

ul.timeSlotUL,
ul.timeSlotUL li {
   width: 100%;
   float: left;
}
ul.timeSlotUL li {
   margin: 35px 0;
   position: relative;
}


ul.timeSlotUL li .timings {
   float: left;
   width: calc(100% - 1px);
   margin-left: 1px;
   background: url(../images/timings.jpg) no-repeat center;
   background-size: cover;
   height: 60px;
   position: relative;
   font-family: "Poppins", sans-serif;
   color: #1c1c1c;
   text-transform: uppercase;
   font-size: 3em;
   font-weight: 700;
   line-height: 60px;
}

.day2 ul.timeSlotUL li .timings  {
   background: url(../images/timings2.jpg) no-repeat center;
}


ul.timeSlotUL li .timings::before {
   content: "";
   position: absolute;
   bottom:-36px;
   left: 16%;
   background: url(../images/timingsBottom.png) no-repeat 0 0;
   width: 50px;
   height: 37px;
   background-size: 50px;
}


.day2 ul.timeSlotUL li .timings::before  {
   background: url(../images/timings2Bottom.png) no-repeat 0 0;
   background-size: 50px;
}


ul.timeSlotUL li .topic {
   float: left;
   width: 100%;
   height: 100%;
   padding: 0 50px;
   margin: 80px 0 0 0;
   position: relative;
}

ul.timeSlotUL li .topic .header {
   font-family: 'Pixeled';
   color: #f0d335;
   text-transform: uppercase;
   font-size: 3.5em;
   letter-spacing: 2px;
   float: left;
   line-height: 1.6em;
   width: 25%;
   position: relative;
   text-align: left;
}

.day2 ul.timeSlotUL li .topic .header {
   color: #f44a05;
}

ul.timeSlotUL li .topic .header::after {
   content: "";
   position: absolute;
   bottom: 0;
   right: 0;
   width: 2px;
   height: 88%;
   background-color: #f0d335;
}


.day2 ul.timeSlotUL li .topic .header::after  {
   background-color: #f44a05;
}
ul.timeSlotUL li .topicText {
  width: 75%;
  padding-left: 4%;
  padding-top: 1%;
  display: flex;
    align-items: center;
    vertical-align: middle;
    text-align: left;
    height: 112px;
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size:4em ;
    text-transform: uppercase;
    line-height: 1.2em;
}

ul.timeSlotUL li {text-align: center;}
ul.timeSlotUL li .content {
   display: inline-block;
   width: 33%;
   padding: 50px 20px 20px 20px;
   position: relative;
   vertical-align: top;
}


ul.timeSlotUL li .content .img {
   float: left;
   width: 100%;
   position: relative;
}

ul.timeSlotUL li .content .img img {
   width: 100%;
   border-radius: 100%;
   padding: 30px;
   position: relative;
   z-index: 2;
}

ul.timeSlotUL li .content .circle {
   position: relative;
}

ul.timeSlotUL li .content .circle::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   z-index: 1;
}

ul.timeSlotUL li .content .circle1::before {
   background-image: url(../images/speakerBg1.png);
}

ul.timeSlotUL li .content .circle2::before {
   background-image: url(../images/speakerBg2.png);
}


ul.timeSlotUL li .data {
   float: left;
   width: 100%;
   position: relative;
   margin-top: 25px;
}

ul.timeSlotUL li .data .personName {
   float: left;
   width: 100%;
   font-family: 'StretchPro';
   font-size: 3em;
   line-height: 1.2em;
   color: #fcfffc;
   text-transform: uppercase;
   margin-bottom: 10px;
   font-weight: 400;
}

.day2 ul.timeSlotUL li .data .personName  {
   color: #080710;
}

ul.timeSlotUL li .data .personDetails, ul.timeSlotUL li .data .personTopic {
   float: left;
   width: 100%;
   font-family: "Poppins", sans-serif;
   font-size: 3em;
   line-height: 1.3em;
   color: #fcfffc;
}

.day2 ul.timeSlotUL li .data .personDetails  {
   color: #080710;
}

ul.timeSlotUL li .data .personTopic {
   color: #f9ae40;
   font-weight: 700;
   margin-top: 30px;
}

.day2 ul.timeSlotUL li .topicText  {
   color: #2b398e;
}

ul.timeSlotUL li .data .linkedin {
   position: relative;
   margin-top: 30px;
   right: 0;
   padding: 15px 23px;
   z-index: 1;
   transition: all ease 0.3s;
   background-color: #c2c2c2;
   text-align: center;
   display: inline-block;
   width: 120px;
}


ul.timeSlotUL li .data .linkedin svg,
ul.timeSlotUL li .data .linkedin img {
   vertical-align: middle;
   width: 100%;
}


ul.timeSlotUL li .data .linkedin::before {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   width: calc(100% - 9px);
   height: calc(100% - 9px);
   border-left: 2px solid #fff;
   border-top: 2px solid #fff;
}
ul.timeSlotUL li .data .linkedin::after {
   content: "";
   position: absolute;
   top: 3px;
   left: 3px;
   width: calc(100% - 9px);
   height: calc(100% - 9px);
   border-right: 2px solid #000000;
   border-bottom: 2px solid #000000;
}

ul.timeSlotUL li .data .linkedin span {
   position: absolute;
   top: 5px;
   left: 5px;
   width: calc(100% - 11px);
   height: calc(100% - 11px);
   border-right: 2px solid #797979;
   border-bottom: 2px solid #797979;
}

ul.timeSlotUL li .data .linkedin:hover::before {
   animation: buttonAnimation 3s infinite linear;
}

ul.timeSlotUL li .data .linkedin:hover::after {
   animation: buttonAnimation2 3s infinite linear;
}
ul.timeSlotUL li .data .linkedin:hover span {
   animation: buttonAnimation3 3s infinite linear;
}



/* ul.timeSlotUL,
ul.timeSlotUL li,
ul.timeSlotUL li .timeDiv {
   width: 100%;
   float: left;
}
ul.timeSlotUL li .timeDiv {
   position: relative;
   z-index: 1;
}

ul.timeSlotUL li ul.speakersList li {
   margin-bottom: 25px;
}
ul.timeSlotUL > li {
   margin-bottom: 50px;
}
ul.timeSlotUL > li::after {
   width: 100%;
   height: 4px;
   content: "";
   display: block;
   background: #231f20;
   position: absolute;
   left: 0;
   top: 25px;
   z-index: 0;
}

ul.timeSlotUL li h4 {
   font-size: 2.2em;
   font-family: "Kanit", sans-serif;
   font-weight: 700;
   padding: 5px 0;
   border: 4px solid #231f20;
   float: left;
}
ul.timeSlotUL li h4.timeView {
   float: left;
   background: #f4c515;
   padding: 5px 15px;
}
ul.timeSlotUL li .timeDiv h4.timeView {
   border-left: 0;
   width: 150px;
   text-align: center;
   margin: 0 75px 0 0;
}
ul.timeSlotUL li h4.timeView01 {
   width: calc(100% - 300px);
   float: left;
   background: #e17684;
   padding: 5px 15px;
}
ul.timeSlotUL li ul.speakersList {
   width: 750px;
   position: relative;
   left: 25%;
}
ul.timeSlotUL li ul.speakersList h3 {
   padding: 0;
   color: #fff;
   font-size: 2.8em;
}
ul.timeSlotUL li ul.speakersList h5 {
   color: #fff;
   font-size: 2.2em;
}
ul.timeSlotUL li ul.speakersList .speakerBox .content {
   padding: 20px 0px 20px 50px;
}
ul.timeSlotUL li ul.speakersList .speakerBox .content h4.timeView {
   margin: 10px 0 0 0;
}

.tabDetailsWrap .tabDetails.day2 ul.timeSlotUL li h4.timeView {
   background: #048043;
   color: #fff;
}
.tabDetailsWrap .tabDetails.day2 ul.timeSlotUL li h4.timeView01 {
   background: #f3b8a2;
}
.tabDetailsWrap .tabDetails.day2 h3,
.tabDetailsWrap .tabDetails.day2 ul.timeSlotUL li ul.speakersList h5 {
   color: #231f20;
}

.tabDetailsWrap .tabDetails.day3 ul.timeSlotUL li h4.timeView {
   background: #fff;
}
.tabDetailsWrap .tabDetails.day3 ul.timeSlotUL li h4.timeView01 {
   background: #ef6b26;
} */

.calenderViewWrap {
   background: #4b7bba;
}
.calenderViewWrap .middleWrapper {
   padding: 100px 0;
}
.calenderViewWrap .lineView {
   left: auto;
   right: 0;
   top: 0;
   width: auto;
}

/* .speakersWrapp .speakerBox .img{width: 30%; margin-left: 10%;} */

ul.scrollUL {
   width: auto;
   float: right;
   margin-top: 50px;
   margin-right: 5%;
}

ul.scrollUL li {
   margin: 0;
}



ul.timeSlotUL li ul.speakersList li ul.socialUL {
   float: left;
   padding: 0;
   width: 100%;
}
ul.timeSlotUL li ul.speakersList li ul.socialUL li {
   width: 40px;
}

.day3 ul.socialUL li a:hover svg {
   fill: #fff;
}

a.knowMore {
   float: left;
   color: #000;
   text-decoration: underline;
}

.popup {
   width: 100%;
   height: 100vh;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 10;
   background: rgba(0, 0, 0, 0.9);
   display: none;
}
.popup iframe {
   height: 100vh;
   width: 100%;
   float: left;
}
a.closeBtn {
   position: absolute;
   width: 50px;
   height: 50px;
   right: 0;
   top: 0;
   background: #282828;
   overflow: hidden;
   border-radius: 5px;
   text-indent: -99px;
   z-index: 11;
}
a.closeBtn:after,
a.closeBtn:before {
   width: 80%;
   height: 2px;
   background: #fff;
   content: "";
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: rotate(45deg) translate(-50%, -50%);
   -moz-transform: rotate(45deg) translate(-50%, -50%);
   transform: rotate(45deg) translate(-50%, -50%);
   -webkit-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
   transform-origin: 0 0;
}
a.closeBtn:before {
   width: 2px;
   height: 80%;
}

ul.timeSlotUL li .timeDiv h4.timeView.watchV {
   width: 200px;
}
ul.timeSlotUL li .timeDiv h4.timeView.watchV a.watchVideo {
   text-decoration: none;
   color: #000;
   position: relative;
}
ul.timeSlotUL li .timeDiv h4.timeView.watchV a.watchVideo:after {
   width: 0;
   height: 0;
   content: "";
   display: block;
   position: absolute;
   right: -12px;
   top: 50%;
   margin-top: -7px;
   border: 7px solid red;
   border-color: #000 #000 transparent transparent;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   transform: rotate(45deg);
}
.day2 ul.timeSlotUL li .timeDiv h4.timeView.watchV a.watchVideo {
   color: #fff;
}
.day2 ul.timeSlotUL li .timeDiv h4.timeView.watchV a.watchVideo:after {
   border-color: #fff #fff transparent transparent;
}
/* a.watchVideo{    color: #f7c815;
   height: 40px;
   padding: 0 25px;
   line-height: 35px;
   font-size: 2em;
   font-family: 'Kanit', sans-serif;
   font-weight: 600;
   border: 2px solid #231f20;
   border-radius: 20px;
   background: #cf2126;
   position: relative;
   z-index: 1;
   transition: all ease 0.3s;} */


.watchVideoBt {
      color: #231f20;
      padding: 13px 23px 18px 23px;
      margin-top: 15px;
      line-height: 30px;
      font-size: 1.2em;
      font-family: "Pixeled";
      position: relative;
      z-index: 1;
      transition: all ease 0.3s;
      text-transform: uppercase;
      background-color: #c2c2c2;
      float: none;
      display: table;
      margin: 50px auto -10px;
      text-align: center;
   }
.watchVideoBt::before {
      content: "";
      position: absolute;
      top: 3px;
      left: 3px;
      width: calc(100% - 9px);
      height: calc(100% - 9px);
      border-left: 2px solid #fff;
      border-top: 2px solid #fff;
   }
.watchVideoBt::after {
      content: "";
      position: absolute;
      top: 3px;
      left: 3px;
      width: calc(100% - 9px);
      height: calc(100% - 9px);
      border-right: 2px solid #000000;
      border-bottom: 2px solid #000000;
   }
   
.watchVideoBt span {
      position: absolute;
      top: 5px;
      left: 5px;
      width: calc(100% - 11px);
      height: calc(100% - 11px);
      border-right: 2px solid #797979;
      border-bottom: 2px solid #797979;
   }
   
.watchVideoBt:hover::before {
      animation: buttonAnimation 3s infinite linear;
   }
   
.watchVideoBt:hover::after {
      animation: buttonAnimation2 3s infinite linear;
   }
.watchVideoBt:hover span {
      animation: buttonAnimation3 3s infinite linear;
   }

   .dividerTime {
      color: #ed3a39;
   }

   .footerText {text-align: center; font-size: 2em; font-weight: bold; margin: 30px 0 -15px 0; text-transform: uppercase; font-family: "StretchPro", sans-serif; color: #fff; text-shadow: 1px 1px 1px #000; letter-spacing: 2px;}

   .liveVideo {
      float: left;
      width: 100%;
      margin: 40px 0;
      position: relative;
   }

   .liveVideo iframe, .liveVideo video {
      float: left;
      width: 100%;
      height: 600px;
   }