@charset "utf-8";
@font-face {
    font-family: 'CronosProRegular';
    src: url('../fonts/CronosPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CronosPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/CronosPro-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/CronosPro-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/CronosPro-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

*
{ font-family:'CronosProRegular', Arial, Verdana, Geneva, sans-serif; zoom: 1; -webkit-font-smoothing:antialiased; font-smoothing:antialiased;}
  
/* Main Setting
***********************/
html, body
{ font-size:12px; background:#fff;}

#wrapper
{ background:#fff; width:100%; min-width:320px; overflow:hidden;}

/* Common Setting
***********************/
::-webkit-input-placeholder 
{ /* Chrome/Opera/Safari */ color:#ffd8a1;}
::-moz-placeholder 
{ /* Firefox 19+ */ color:#ffd8a1;}
:-ms-input-placeholder 
{ /* IE 10+ */ color:#ffd8a1;}
:-moz-placeholder 
{ /* Firefox 18- */ color:#ffd8a1;}

/* PopUp Setting
***********************/

.popupBg
{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:500; visibility:hidden;}
/* Agenda Glance Popup Setting
***********************/
.agendaGlancePopup
{ position:fixed; width:100%; height:100%; z-index:1500; visibility:hidden; overflow:auto;}
.agendaGlancePopup .offArea
{ position:absolute; width:100%; height:100%; z-index:0;}
.agendaGlancePopup .popupOuter
{ padding:5% 0px;}
.agendaGlancePopup .popupContent
{ position:relative; width:94%; max-width:1000px; margin:0px auto; background:#fff;}
.agendaGlancePopup .popupContent .popupContentInner
{ padding:30px;}
.agendaGlancePopup .popupContent .btnClose
{ position:absolute; right:20px; top:20px; width:24px; height:24px; z-index:500;}
.agendaGlancePopup .popupContent .btnClose a
{ display:block; width:100%; height:100%;}
.agendaGlancePopup .popupContent .btnClose img
{ width:24px; height:24px;}

.agendaGlancePopup .popupContent b 
{ display:block; text-align:left; font-size:32px; font-size:2.667rem; line-height:1.3; color:#444; margin-bottom:10px; font-weight:normal; /*visibility:hidden;*/}
.agendaGlancePopup .popupContent  p
{ text-align:left; font-size:18px; font-size:1.5rem; line-height:1.3; color:#444; padding:0px 20px 0px 0px; margin-bottom:0px;}
.pop_sepRed{
color:#BE1F24;
}

/* Background Setting
***********************/
.checkerTop
{ position:fixed; top:45%; left:-500px; width:0px; height:0px; background:none; z-index:1500;}
.checkerBtm
{ position:fixed; top:75%; left:-500px; width:0px; height:0px; background:none; z-index:1500;}
.muteBg
{ position:fixed; top:0px; right:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:55; display:none;}

.btnTop
{ position:fixed; bottom:15px; right:3%; width:50px; height:50px; background:#000; z-index:100; visibility:hidden;}
.btnTop a
{ display:block; width:30px; height:30px; padding:10px;}
.btnTop img
{ width:30px; height:30px;}

/* Header Setting
***********************/
#header
{ position:fixed; top:0px; left:0px; width:100%; z-index:105; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; visibility:hidden; background:#fff;}
.scrolled #header
{ background:#fff; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.45);}
#header .headerInner
{ position:relative; width:96%; margin:0px auto; padding:15px 0px;}
#header .logoCol
{ text-align:left;}
.frontPage #header .logoCol a
{ display:none;}
.speakerPage #header .logoCol a,
.agendaPage #header .logoCol a
{ display:inline-block;}
.scrolled  #header .logoCol a
{ display:inline-block;}
#header .logoCol img
{ width:194px; height:auto; /*visibility:hidden;*/}
.speakerPage #header .logoCol img
{ visibility:visible;}
.speakerPage #header .logoCol a img.blackLogo
{ visibility:visible; display:none;}
.speakerPage #header .logoCol a img.whiteLogo
{ visibility:visible; display:block;}
.speakerPage.scrolled  #header .logoCol a img.blackLogo
{ visibility:visible; display:block;}
.speakerPage.scrolled  #header .logoCol a img.whiteLogo
{ visibility:visible; display:none;}

.agendaPage #header .logoCol a img.blackLogo
{ visibility:visible; display:none;}
.agendaPage #header .logoCol a img.whiteLogo
{ visibility:visible; display:block;}
.agendaPage.scrolled  #header .logoCol a img.blackLogo
{ visibility:visible; display:block;}
.agendaPage.scrolled  #header .logoCol a img.whiteLogo
{ visibility:visible; display:none;}
.scrolled #header .logoCol img
{ visibility:visible;}

#header .navCol
{ text-align:right;}
.navCol li
{ display:inline-block; margin-left:40px;}
.navCol li.btnReg
{ margin-left:40px;}
.navCol a
{ display:block; font-size:18px; font-size:1.5rem; color:#000; line-height:1.3; text-transform:uppercase;}
.navCol li:hover a,
.navCol li.current a
{ color:#cf181d;}
.scrolled .navCol a
{ color:#000;}
.scrolled .navCol li:hover a,
.scrolled .navCol li.current a
{ color:#cf181d;}
.navCol .btnReg a
{ display:inline-block; padding:15px 30px; font-size:18px; font-size:1.5rem; color:#fff; line-height:1; background:#cf181d; letter-spacing:0.5px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}


.scrolled #header .navCol li.btnReg a,
.navCol li.btnReg:hover a,
.navCol li.btnReg.current a
{ color:#fff;}


	

#header .mRegCol
{ display:none; text-align:right;}
#header .mRegCol .btnReg a
{ display:inline-block; padding:15px 35px; font-size:20px; font-size:1.667rem; color:#fff; line-height:1; background:#cf181d; letter-spacing:0.5px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}

#header .mRegCol li.btnReg:hover a,
#header .mRegCol li.btnReg.current a
{ color:#fff;}

.navCol a span
{ display:none;}
.navCol li:hover span,
.navCol li.current span
{ display:block; width:20px; height:3px; margin:0px auto; background:#cf181d;}


.mobileNav
{ display:none;}

.mobileNavBtn
{ display:none;}


/* Footer Setting ***********************/
#footer
{ position:relative; z-index:5; width:100%; background:#000000;}
#footer .footerInner
{ padding:30px 0px; width:94%; margin:0px auto; text-align:center; color:#fff; font-size:14px; font-size:1.167rem; line-height:1.3;}

#footer .footerInner a
{ color:#fff; font-size:14px; font-size:1.167rem; line-height:1.3;}
#footer .footerInner br
{ display:none;}

/* Video Intro Setting ***********************/
.videoIntroSection
{ position:relative; width:100%; height:100vh; min-height:680px; background:url(../images/common/img_video_bg.jpg?v=2) no-repeat top center; background-size:cover; visibility:hidden;}
.videoIntroSection .video-container 
{ position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; z-index:1;}
.videoIntroSection .video-container video {
  visibility: hidden;
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


.videoIntroSection .videoIntroOverlay
{ position:relative; top:0px; left:0px; width:100%; height:100%; z-index:10;}
.notFoundPage .videoIntroSection .videoIntroOverlay
{ background:rgba(0,0,0,0.3);}
.videoIntroSection .videoIntroOverlay h2
{ text-align:center; color:#fff; font-size:60px; font-size:5rem; line-height:1.3; font-weight:700; text-transform:uppercase; margin-bottom:40px; letter-spacing:1.5px;}
.videoIntroSection .videoIntroOverlay h2 span
{ display:block; width:40px; height:6px; margin:20px auto; margin-bottom:0px; background:#fff;}

.videoIntroSection .videoIntroOverlay .btnScoll
{ position:absolute; bottom:20px; width:100%; text-align:center;}
.videoIntroSection .videoIntroOverlay .btnScoll a
{ display:inline-block; padding:10px; font-size:20px; font-size:1.667rem; line-height:1.5; color:#fff; text-align:center;}
.videoIntroSection .videoIntroOverlay .btnScoll a img
{ display:block; width:20px; height:auto; margin:0px auto;}
.videoIntroSection .videoIntroOverlay .videoIntroInner
{ width:94%; margin:0px auto;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent
{ text-align:left;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .logo
{ margin-bottom:70px; visibility:hidden;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .logo img
{ width:40%; height:auto;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent p
{ color:#a7a4a6; font-size:42px; font-size:3.5rem; line-height:1.2; letter-spacing:0.8px; margin-bottom:70px; visibility:hidden;}

.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .optionRow
{ width:60%; max-width:900px;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol
{ width:46%; border-bottom:3px solid #fff; visibility:hidden;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol .labelCol,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol .labelCol
{ text-align:left; width:45px;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol label img,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol label img
{ width:30px; height:28px;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol .inputCol,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol .inputCol
{ text-align:left; color:#fff; font-size:42px; font-size:3.5rem; line-height:1.3;letter-spacing:0.5px; white-space: nowrap;}

/*Prelanuch ***********************/
.preLaunchTitle
{ color:#ffffff; font-size:35px; line-height:1.1; letter-spacing:1px;  }
.preLanuchText
{ font-size:18px; line-height:1.1; color:#ffffff;}
a.pre
{color:#be1f24;}
a.pre:hover,a.pre:visited
{color:#be1f24;}


/* Intro Setting ***********************/
/*.introSection
{ position:relative; z-index:5; padding:100px 0px 100px 0px; background:url(../images/intro/img-bg.jpg) #fff no-repeat top center; background-size:cover;}*/
.introSection
{ position:relative; z-index:5; padding:100px 0px 100px 0px; background:#fff;}
.introSection .introInner
{ width:94%; margin:0px auto;}
.introSection .introInner h2
{ text-align:center; color:#000; font-size:60px; font-size:5rem; line-height:1.3; font-weight:700; text-transform:uppercase; margin-bottom:40px; visibility:hidden; letter-spacing:1.5px;}
.introSection .introInner h2 span
{ display:block; width:40px; height:6px; margin:20px auto; background:#cf181d;}
.introSection .introInner p
{ width:50%; margin:0px auto; text-align:left; font-size:24px; font-size:2rem; line-height:1.3; color:#000; visibility:hidden; margin-bottom:20px;}
.introSection .introInner p a
{ font-size:24px; font-size:2rem; line-height:1.3; color:#be1f24;}

/* Theme Setting ***********************/
.themeSection
{ position:relative; z-index:5; background:#fff; }
.themeSection .themeInner
{}
.themeSection .themeInner .tmbCol
{ position:relative; width:50%; visibility:hidden; background:#010101;}
.themeSection .themeInner .tmbCol .themeBg
{ position:relative; top:0px; left:0px; width:100%; height:100%; min-height:780px; background:url(../images/theme/img-bg.jpg?v=3) no-repeat center center; background-size:cover; background-color:#000}
.themeSection .themeInner .tmbCol .themeTxtWrap
{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
.themeSection .themeInner .tmbCol h3
{ text-align:center; color:#fff; font-weight:normal; font-size:60px; font-size:5rem; line-height:1.3; text-transform:uppercase; margin-bottom:15px;}
.themeSection .themeInner .tmbCol span
{ display:block; width:40px; height:6px; margin:0px auto; background:#fff;}
.themeSection .themeInner .descCol
{ width:50%;}
.themeSection .themeInner .descCol .descInner
{ padding:50px 90px;}
.themeSection .themeInner .descCol .descInner h4
{ text-align:left; font-size:32px; font-size:2.667rem; line-height:1.3; color:#444; margin-bottom:20px; font-weight:normal; visibility:hidden;}
.themeSection .themeInner .descCol .descInner p
{ text-align:left; font-size:20px; font-size:1.667rem; line-height:1.5; color:#444; margin-bottom:25px; visibility:hidden;}
.themeSection .themeInner .descCol .descInner ul
{ visibility:hidden;}
.themeSection .themeInner .descCol .descInner li
{ cursor:pointer; border-bottom:1px solid #cf181d; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.themeSection .themeInner .descCol .descInner li.current
{ background:#f8f8f8;}
.themeSection .themeInner .descCol .descInner li a
{ display:block; text-align:left; font-size:24px; font-size:2rem; line-height:1.3; color:#444; padding:15px 50px 10px 20px; background:url(../images/common/img-list-arrow-off.svg) no-repeat right 20px center; background-size:18px 10px;}
.themeSection .themeInner .descCol .descInner li.current a
{ background:url(../images/common/img-list-arrow-on.svg) no-repeat right 20px center; background-size:18px 10px;}
.themeSection .themeInner .descCol .descInner li p
{ display:none; text-align:left; font-size:18px; font-size:1.5rem; line-height:1.3; color:#444; padding:10px 20px 20px 20px; margin-bottom:0px; visibility:visible;}
.themeSection .themeInner .descCol .descInner li.current p
{ display:block;}


/* Agenda Setting ***********************/
.agendaSection
{ position:relative; z-index:5; background:#fff; }
.agendaSection .agendaInner
{}
.agendaSection .agendaInner .tmbCol
{ width:50%; background:url(../images/agenda/img-bg.jpg) no-repeat top center; background-size:cover; visibility:hidden;}
.agendaSection .agendaInner .tmbCol h3
{ text-align:center; color:#fff; font-weight:normal; font-size:60px; font-size:5rem; line-height:1.3; text-transform:uppercase; margin-bottom:15px;}
.agendaSection .agendaInner .tmbCol span
{ display:block; width:40px; height:6px; margin:0px auto; background:#fff;}
.agendaSection .agendaInner .descCol
{ width:50%;}
.agendaSection .agendaInner .descCol .para01,
.agendaSection .agendaInner .descCol .para02,
.agendaSection .agendaInner .descCol .para03,
.agendaSection .agendaInner .descCol .para04
{ visibility:hidden;}
.agendaSection .agendaInner .descCol .descInner
{ padding:110px 90px;}
.agendaSection .agendaInner .descCol .descInner p
{ text-align:center; font-size:24px; font-size:2rem; line-height:1.3; color:#444; margin-bottom:25px;}
.agendaSection .agendaInner .descCol .descInner p.last
{ margin-bottom:0px;}
.agendaSection .agendaInner .descCol .descInner p a
{ display:inline-block; color:#be1f24;}
.agendaSection .agendaInner .descCol .descInner p.dateRow a
{ display:inline-block; padding:0px 25px; color:#be1f24;}
.agendaSection .agendaInner .descCol .descInner .btnAgenda
{ padding:0px; visibility:hidden; /*margin-bottom:15px;*/}
.agendaSection .agendaInner .descCol .descInner .btnAgenda a
{ display:inline-block; padding:15px 30px; font-size:18px; font-size:1.5rem; color:#fff; line-height:1.3; background:#cf181d; letter-spacing:0.5px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; text-transform:uppercase; }

/* Speakers Setting ***********************/
.speakersSection
{ position:relative; z-index:5; background:#fff; }
.speakersSection .speakersInner
{}
.speakersSection .speakersInner .tmbCol
{ width:50%; background:url(../images/speaker/img-bg.jpg) no-repeat center center; background-size:cover; visibility:hidden;}
.speakersSection .speakersInner .tmbCol h3
{ text-align:center; color:#fff; font-weight:normal; font-size:60px; font-size:5rem; line-height:1.3; text-transform:uppercase; margin-bottom:15px;}
.speakersSection .speakersInner .tmbCol span
{ display:block; width:40px; height:6px; margin:0px auto; background:#fff;}
.speakersSection .speakersInner .descCol
{ width:50%;}
.speakersSection .speakersInner .descCol .para01,
.speakersSection .speakersInner .descCol .para02,
.speakersSection .speakersInner .descCol .para03,
.speakersSection .speakersInner .descCol .para04
{ visibility:hidden;}
.speakersSection .speakersInner .descCol .descInner
{ padding:110px 90px;}
.speakersSection .speakersInner .descCol .descInner p
{ text-align:center; font-size:24px; font-size:2rem; line-height:1.3; color:#444; margin-bottom:25px;}
.speakersSection .speakersInner .descCol .descInner p.last
{ margin-bottom:0px;}
.speakersSection .speakersInner .descCol .descInner p a
{ display:inline-block; color:#be1f24;}
.speakersSection .speakersInner .descCol .btnSpeakers
{ padding:0px; visibility:hidden;}
.speakersSection .speakersInner .descCol .btnSpeakers a
{ display:inline-block; padding:15px 30px; font-size:18px; font-size:1.5rem; color:#fff; line-height:1.3; background:#cf181d; letter-spacing:0.5px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; text-transform:uppercase; }

/* Travel Setting ***********************/
.travelSection
{ position:relative; z-index:5; background:#fff; }
.travelSection .travelInner
{}
.travelSection .travelInner .tmbCol
{ width:50%; background:url(../images/travel-info/img-bg.jpg?v=3) no-repeat center center; background-size:cover; visibility:hidden;}
.travelSection .travelInner .tmbCol h3
{ text-align:center; color:#fff; font-weight:normal; font-size:60px; font-size:5rem; line-height:1.3; text-transform:uppercase; margin-bottom:15px;}
.travelSection .travelInner .tmbCol span
{ display:block; width:40px; height:6px; margin:0px auto; background:#fff;}
.travelSection .travelInner .descCol
{ width:50%;}
.travelSection .travelInner .descCol .para01,
.travelSection .travelInner .descCol .para02,
.travelSection .travelInner .descCol .para03,
.travelSection .travelInner .descCol .para04
{ visibility:hidden;}
.travelSection .travelInner .descCol .descInner
{ padding:110px 90px;}
.travelSection .travelInner .descCol .descInner h4
{ text-align:left; font-size:32px; font-size:2.667rem; line-height:1.3; color:#444; font-weight:normal;}
.travelSection .travelInner .descCol .descInner p
{ text-align:left; font-size:20px; font-size:1.667rem; line-height:1.3; color:#444; margin-bottom:25px;}
.travelSection .travelInner .descCol .descInner p.last
{ margin-bottom:0px;}
.travelSection .travelInner .descCol .descInner p a
{ display:inline-block; color:#be1f24;}

.travelSection .travelInner .descCol .descInner .txtCol,
.travelSection .travelInner .descCol .descInner .icoCol
{ vertical-align:top;}

/*became unuse*/
.travelSection .travelInner .descCol .descInner .icoCol
{ width:100px; text-align:right;}
.travelSection .travelInner .descCol .descInner .icoCol img
{ width:80%; max-width:100px; height:auto;}

/* Register Setting ********************/
.registerSection
{ position:relative; z-index:5; height:350px; background:url(../images/registration/img-bg.jpg) #fff no-repeat bottom center; background-size:cover;}
.registerSection .registerContent
{ vertical-align:top;}
.registerSection .registerInner
{ visibility:hidden;}
.registerSection .registerInner .table-cell
{ }
.registerSection .registerInner .registerInnerArea
{ padding-top:40px;}
.registerSection .registerInner p
{ text-align:center; font-size:20px; font-size:1.666rem; line-height:1.3; color:#ffffff; visibility:hidden; margin-bottom:20px;}
.registerSection .registerInner p a
{ display:block; font-size:20px; font-size:1.666rem; line-height:1; color:#cf181d; visibility:hidden;}
.registerSection .registerInner .btnRegister
{ padding:0px 0px 25px 0px; visibility:hidden;}
.registerSection .registerInner .btnRegister a
{ display:inline-block; padding:15px 30px; font-size:18px; font-size:1.5rem; color:#fff; line-height:1.3; background:#cf181d; letter-spacing:0.5px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}
.registerSection .registerInner .socialWrap 
{ width:158px; margin:0px auto;}
.registerSection .registerInner .socialWrap p
{ margin-bottom:10px; margin-top:50px;}
.registerSection .registerInner .socialWrap li
{ float:left; width:26px; height:26px;}
.registerSection .registerInner .socialWrap li.mid
{ margin:0px 40px;}
.registerSection .registerInner .socialWrap li a
{ width:26px; height:26px;}
.registerSection .registerInner .socialWrap li a img
{ width:26px; height:auto;}



/* Sponsor Setting ***********************/
.sponsorSection
{ position:relative; z-index:5; background:#f9f9f9; padding:100px 0px 50px 0px;}
.sponsorSection .sponsorInner
{ width:100%;}
.sponsorSection .sponsorInner hr
{ margin:0px auto; width:100%; height:0px; border:none; border-bottom:2px solid #eeeeee; visibility:hidden;}
.sponsorSection .sponsorInner h2
{ text-align:center; color:#444; font-size:60px; font-size:5rem; line-height:1.3; font-weight:700; text-transform:uppercase; visibility:hidden; letter-spacing:1.5px;}
.sponsorSection .sponsorInner h2 span
{ display:block; width:40px; height:6px; margin:0px auto; margin-top:20px; background:#cf181d;}
.sponsorSection .sponsorInner p
{ text-align:center; font-size:32px; font-size:2.667rem; line-height:1.3; color:#444; padding:20px 0px 30px 0px; visibility:hidden;}
.sponsorSection .sponsorInner .sponsorsList
{ position:relative; width:94%; max-width:1200px; margin:0px auto; padding:70px 0px;}
.sponsorSection .sponsorInner .sponsorsList.first
{ padding:30px 0px 70px 0px;}
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup
{ position:relative; margin: 0px auto;}
.sponsorSection .sponsorInner ul li
{ float:left; width:25%; padding:30px 0px; text-align:center; visibility:hidden;}
.sponsorSection .sponsorInner ul li img
{ width:90%; max-width:220px; height:auto;}
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl01
{}
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl01 .grid-sizer
{ width:25%;} /*{ width:33%;} for 3 logos*/
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl01 li
{ width:25%; }/*{ width:33%;} for 3 logos*/
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl03 .grid-sizer
{ width:50%;}
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl03 li
{ width:50%; }

.sponsorSection .sponsorRemarksRow
{ position:relative; width:94%; max-width:1200px; margin:0px auto; }
.sponsorSection .sponsorRemarksRow p
{ text-align:center; font-size:22px; font-size:1.666rem; line-height:1.3; color:#444; padding:50px 0px; visibility:hidden;}
.sponsorSection .sponsorRemarksRow p a
{ color:#cf181d; white-space:nowrap;}


/* Contact Setting ***********************/
.contactSection
{ position:relative; z-index:5; background:#fff; padding:60px 0px;}
.contactSection .contactInner
{ width:94%; max-width:900px; margin:0px auto;}
.contactSection .contactInner h2
{ text-align:center; color:#444; font-size:60px; font-size:5rem; line-height:1.3; font-weight:700; text-transform:uppercase; visibility:hidden; letter-spacing:1.5px;}
.contactSection .contactInner h2 span
{ display:block; width:40px; height:6px; margin:20px auto; background:#cf181d;}
.contactSection .contactInner p
{ text-align:center; font-size:22px; font-size:1.666rem; line-height:1.3; color:#444; padding-top:20px; margin-bottom:30px; visibility:hidden;}
.contactSection .contactInner .fieldRow
{ width:100%; border-bottom:2px solid #eeeeee; margin-bottom:20px;}
.contactSection .contactInner .fieldRow.hasRrror
{ border-bottom:2px solid #cf181d;}
.contactSection .contactInner .fieldRow .errorTxt
{ visibility:hidden; text-align:left; font-size:14px; font-size:1.167rem; line-height:1.3; color:#cf181d;}
.contactSection .contactInner .fieldRow.hasRrror .errorTxt
{ visibility:visible;}
.contactSection .contactInner .fieldRow label
{ text-align:left; font-size:20px; font-size:1.667rem; line-height:1.3; color:#444; margin-bottom:25px;}
.contactSection .contactInner .fieldRow label span
{ color:#cf181d;}
.contactSection .contactInner .fieldRow input
{ display:block; text-align:left; font-size:24px; font-size:2rem; line-height:1.3; color:#000; width:96%; padding:15px 2% 10px 2%;}
.contactSection .contactInner .fieldRow .lCol
{ width:2%;}
.contactSection .contactInner .fieldRow .rCol
{ text-align:left;}
.contactSection .contactInner .fieldRow textarea
{ text-align:left; width:96%; height:80px; font-size:20px; font-size:1.667rem; line-height:1.3; color:#444; margin-bottom:25px;  resize:none; border:none;}

.contactSection .contactInner .fieldRow.hasRrror label
{ color:#cf181d;}

.contactSection .contactInner .ctaRow
{ text-align:center; padding:30px 0px; visibility:hidden;}
.contactSection .contactInner .ctaRow a, .tylayer > .tymessage .ctaRow a
{ display:inline-block; padding:15px 30px; font-size:18px; font-size:1.5rem; color:#fff; line-height:1; background:#cf181d; letter-spacing:0.5px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}

.contactSection .contactInner .mpaLogo
{ display:block; width:280px; margin:30px auto;}
.contactSection .contactInner .mpaLogo a
{ display:block; width:280px; margin:0px auto;}
.contactSection .contactInner .mpaLogo img
{ width:280px; height:54px;}

/* Gallery Setting ********************/
.gallerySection
{ position:relative; z-index:5; background:#000;}
.gallerySection .desktopVer
{ display:block;}
.gallerySection .mobileVer
{ display:none;}
.gallerySection li
{ visibility:hidden;}
.gallerySection img
{ display:block; width:100%; height:auto;}
.gallerySection .lCol,
.gallerySection .rCol
{ width:50%;}
.gallerySection .largeArea
{ position:relative; width:100%;}
.gallerySection .largeArea li
{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10;}
.gallerySection .lPhoto
{ position:relative; width:50%; float:left;}
.gallerySection .rPhoto
{ position:relative; width:50%; float:right;}
.gallerySection .lPhoto li,
.gallerySection .rPhoto li
{ position:absolute; top:0px; left:0px; width:100%; height:100%; line-height:1; overflow:hidden; z-index:10;}

@media screen and (max-width:1440px){
	
/* Agenda Glance Popup Setting
***********************/
.agendaGlancePopup .popupContent .popupContentInner
{ padding:30px;}

.agendaGlancePopup .popupContent b 
{ font-size:26px; font-size:2.167rem;}
.agendaGlancePopup .popupContent  p
{ font-size:16px; font-size:1.333rem;}

/* Header Setting
***********************/
#header .headerInner
{ padding:15px 0px;}
#header .logoCol img
{ width:150px; height:auto;}
.scrolled #header .logoCol img
{ width:150px; height:auto;}

.navCol li
{ margin-left:20px;}
.navCol li.btnReg
{ margin-left:20px;}
.navCol a
{ display:block; font-size:16px; font-size:1.333rem;}
.navCol .btnReg a
{ padding:13px 30px; font-size:16px; font-size:1.333rem;}

.navCol a span
{ display:none;}
.navCol li:hover span,
.navCol li.current span
{ display:block; width:20px; height:3px; margin:0px auto; background:#cf181d;}


/* Video Intro Setting ***********************/
.videoIntroSection
{ min-height:650px;}

.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .logo
{ margin-bottom:60px;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent p
{ font-size:32px; font-size:2.667rem; margin-bottom:50px;}

.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .optionRow
{ width:680px;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol .labelCol,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol .labelCol
{ width:35px;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol label img,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol label img
{ width:26px; height:auto;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol .inputCol,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol .inputCol
{ font-size:28px; font-size:2.333rem;}


/* Intro Setting ***********************/
.introSection
{ padding:100px 0px 100px 0px; }
.introSection .introInner h2
{ font-size:40px; font-size:3.333rem; margin-bottom:30px;}
.introSection .introInner p
{ width:75%; font-size:18px; font-size:1.333rem;}
.introSection .introInner p a
{ font-size:18px; font-size:1.333rem;}


/* Theme Setting ***********************/
.themeSection .themeInner .tmbCol .themeBg
{ position:relative; top:0px; left:0px; width:100%; height:100%; min-height:600px;}
.themeSection .themeInner .tmbCol h3
{ font-size:40px; font-size:3.333rem;}
.themeSection .themeInner .descCol .descInner
{ padding:35px 40px;}
.themeSection .themeInner .descCol .descInner h4
{ font-size:22px; font-size:1.833rem;}
.themeSection .themeInner .descCol .descInner p
{ font-size:16px; font-size:1.333rem;}
.themeSection .themeInner .descCol .descInner li a
{ font-size:18px; font-size:1.5rem; padding:15px 50px 10px 10px; background:url(../images/common/img-list-arrow-off.svg) no-repeat right 10px center; background-size:18px 10px;}
.themeSection .themeInner .descCol .descInner li.current a
{ background:url(../images/common/img-list-arrow-on.svg) no-repeat right 10px center; background-size:18px 10px;}
.themeSection .themeInner .descCol .descInner li p
{ font-size:14px; font-size:1.167rem; padding:10px 10px 20px 10px;}

/* Agenda Setting ***********************/
.agendaSection .agendaInner .tmbCol h3
{ font-size:40px; font-size:3.333rem;}
.agendaSection .agendaInner .descCol .descInner
{ padding:35px 40px;}
.agendaSection .agendaInner .descCol .descInner p
{ font-size:18px; font-size:1.333rem;}

/* Speakers Setting ***********************/
.speakersSection .speakersInner .tmbCol h3
{ font-size:40px; font-size:3.333rem;}
.speakersSection .speakersInner .descCol .descInner
{ padding:35px 40px;}
.speakersSection .speakersInner .descCol .descInner p
{ font-size:18px; font-size:1.333rem;}

/* Travel Setting ***********************/
.travelSection .travelInner .tmbCol h3
{ font-size:40px; font-size:3.333rem;}
.travelSection .travelInner .descCol .descInner
{ padding:35px 40px;}
.travelSection .travelInner .descCol .descInner h4
{ font-size:22px; font-size:1.833rem;}
.travelSection .travelInner .descCol .descInner p
{ font-size:16px; font-size:1.333rem;}


/* Register Setting ********************/
.registerSection
{ height:300px;}
.registerSection .registerInner .registerInnerArea
{ padding-top:40px;}
.registerSection .registerInner p,
.registerSection .registerInner p a
{ font-size:15px; font-size:1.25rem;}
.registerSection .registerInner .btnRegister
{ padding:0px 0px 15px 0px;}
.registerSection .registerInner .btnRegister a
{ padding:15px 30px; font-size:18px; font-size:1.5rem;}
.registerSection .registerInner .socialWrap 
{ width:158px; margin:0px auto;}
.registerSection .registerInner .socialWrap p
{ margin-bottom:10px;}
.registerSection .registerInner .socialWrap li
{ float:left; width:26px; height:26px;}
.registerSection .registerInner .socialWrap li.mid
{ margin:0px 40px;}
.registerSection .registerInner .socialWrap li a
{ width:26px; height:26px;}
.registerSection .registerInner .socialWrap li a img
{ width:26px; height:auto;}


/* Sponsor Setting ***********************/
.sponsorSection .sponsorInner h2
{ font-size:40px; font-size:3.333rem;}
.sponsorSection .sponsorInner p
{ font-size:22px; font-size:1.833rem;}
.sponsorSection .sponsorInner .sponsorsList
{ width:94%;}
.sponsorSection .sponsorInner ul li
{ width:25%; padding:20px 0px; }

.sponsorSection .sponsorRemarksRow p
{ font-size:16px; font-size:1.333rem;}


/* Contact Setting ********************/
.contactSection .contactInner h2
{ font-size:40px; font-size:3.333rem; margin-bottom:30px;}
.contactSection .contactInner p
{ font-size:16px; font-size:1.333rem;}
.contactSection .contactInner .fieldRow .errorTxt
{ font-size:14px; font-size:1.167rem; }
.contactSection .contactInner .fieldRow label
{ font-size:16px; font-size:1.333rem;}
.contactSection .contactInner .fieldRow input
{ font-size:22px; font-size:1.833rem;}
.contactSection .contactInner .fieldRow textarea
{ font-size:16px; font-size:1.333rem;}
.contactSection .contactInner .recaptchaRow
{ max-width: 304px; margin: auto;}

.contactSection .contactInner .ctaRow a, .tylayer > .tymessage .ctaRow a
{ padding:13px 30px; font-size:16px; font-size:1.333rem;}

}

@media screen and (max-width:1024px){
/* Header Setting
***********************/
/*#header .headerInner
{ padding:20px 0px;}
#header .logoCol img
{ width:90px; height:auto;}
.scrolled #header .logoCol img
{ width:90px; height:auto;}

.navCol li
{ margin-left:20px;}
.navCol li.btnReg
{ margin-left:20px;}
.navCol a
{ font-size:14px; font-size:1.1666rem;}
.navCol .btnReg a
{ padding:13px 30px; font-size:14px; font-size:1.1666rem;}*/


/* Header Setting
***********************/
#header .navCol li
{ display:none;}
.scrolled #header .btnReg
{ display:none;}
#header .logoCol
{ text-align:right;}
.speakerPage #header .logoCol a
{ display:none;}
.speakerPage.scrolled #header .logoCol a
{ display:inline-block;}
.agendaPage #header .logoCol a
{ display:none;}
.agendaPage.scrolled #header .logoCol a
{ display:inline-block;}

#header .mRegCol
{ display:block;}

.mobileNavBtn
{ position:fixed; top:17px; left:3%; width:60px; height:40px; margin-top:0px; display:block; z-index:250;}
.mobileNavBtn a
{ display:block; width:100%; height:100%; padding:0px;}
.mobileNavBtn a img
{ width:100%; height:100%;}
.mobileNavBtn a .white
{ display:block;}
.mobileNavBtn a .black
{ display:none;}

.scrolled .mobileNavBtn a .white
{ display:none;}
.scrolled .mobileNavBtn a .black
{ display:block;}

.mobileNav
{ position:fixed; display:block; top:0px; left:0px; width:100%; height:100%; overflow:auto; z-index:500; background:#fff; visibility:hidden;}
.mobileNav .btnClose
{ display:block; width:100%; margin:0px auto; margin-bottom:50px; text-align:center; border-bottom:2px solid #bd1f23;}
.mobileNav .btnClose a
{ display:inline-block; margin:0px auto;}
.mobileNav .icoCol,
.mobileNav .txtCol
{ padding:20px 10px;}
.mobileNav .btnClose img
{ width:20px; height:20px;}
.mobileNav .txtCol
{ color:#bd1f23; font-size:28px; font-size:2.333rem; line-height:1.3;}

.mobileNav .navCol
{ text-align:center;}
.mobileNav .navCol li
{ display:block; width:94%; padding:0px; margin:0px auto; margin-bottom:50px;}
.mobileNav .navCol li span,
.mobileNav .navCol li:hover span,
.mobileNav .navCol li.current span
{ display:none;}
.mobileNav .navCol li a
{ color:#444; font-size:28px; font-size:2.333rem; }
.mobileNav .navCol li:hover a,
.mobileNav .navCol li.current a
{ color:#bd1f23; }
.mobileNav .navCol li.btnReg a
{ display:inline-block; padding:15px 30px; margin:0px auto; color:#fff;}

.registerSection .registerInner .btnRegister a
{ padding:15px 30px; font-size:18px; font-size:1.5rem;}

/* Register Setting ********************/
.registerSection
{ height:300px;}
}


@media screen and (max-width:768px){

/* Header Setting
***********************/
/*#header .navCol li
{ display:none;}
.scrolled #header .btnReg
{ display:none;}
#header .logoCol
{ text-align:right;}
.speakerPage #header .logoCol a
{ display:none;}
.speakerPage.scrolled #header .logoCol a
{ display:inline-block;}
.agendaPage #header .logoCol a
{ display:none;}
.agendaPage.scrolled #header .logoCol a
{ display:inline-block;}

#header .mRegCol
{ display:block;}

.mobileNavBtn
{ position:fixed; top:20px; left:3%; width:60px; height:40px; margin-top:0px; display:block; z-index:250;}
.mobileNavBtn a
{ display:block; width:100%; height:100%; padding:0px;}
.mobileNavBtn a img
{ width:100%; height:100%;}
.mobileNavBtn a .white
{ display:block;}
.mobileNavBtn a .black
{ display:none;}

.scrolled .mobileNavBtn a .white
{ display:none;}
.scrolled .mobileNavBtn a .black
{ display:block;}

.mobileNav
{ position:fixed; display:block; top:0px; left:0px; width:100%; height:100%; overflow:auto; z-index:500; background:#fff; visibility:hidden;}
.mobileNav .btnClose
{ display:block; width:100%; margin:0px auto; margin-bottom:50px; text-align:center; border-bottom:2px solid #bd1f23;}
.mobileNav .btnClose a
{ display:inline-block; margin:0px auto;}
.mobileNav .icoCol,
.mobileNav .txtCol
{ padding:20px 10px;}
.mobileNav .btnClose img
{ width:20px; height:20px;}
.mobileNav .txtCol
{ color:#bd1f23; font-size:28px; font-size:2.333rem; line-height:1.3;}

.mobileNav .navCol
{ text-align:center;}
.mobileNav .navCol li
{ display:block; width:94%; padding:0px; margin:0px auto; margin-bottom:50px;}
.mobileNav .navCol li span,
.mobileNav .navCol li:hover span,
.mobileNav .navCol li.current span
{ display:none;}
.mobileNav .navCol li a
{ color:#444; font-size:28px; font-size:2.333rem; }
.mobileNav .navCol li:hover a,
.mobileNav .navCol li.current a
{ color:#bd1f23; }
.mobileNav .navCol li.btnReg a
{ display:inline-block; padding:15px 30px; margin:0px auto; color:#fff;}*/



/* Video Intro Setting ***********************/
.videoIntroSection
{ background:url(../images/common/img-mobile-bg.jpg?v=2) no-repeat top center; background-size:cover;}
.videoIntroSection .video-container
{ display:none;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .logo img
{ width:66%; height:auto;}

.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .optionRow
{ width:280px;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol
{ display:block; width:100%;}
.sepCol
{ display:block; height:30px;}

/* Intro Setting ***********************/
/*.introSection
{ background:url(../images/intro/img-bg_s.jpg) #fff no-repeat top center; background-size:cover;}
*/.introSection
{ background:#fff no-repeat top center;}
.introSection .introInner p
{ width:75%;}


/* Theme Setting ***********************/
.themeSection .themeInner .tmbCol
{ display:block; width:100%; height:360px;}
.themeSection .themeInner .tmbCol .themeBg
{ position:absolute; width:100%; height:100%; min-height: auto; background:url(../images/theme/img-bg_s.jpg) no-repeat top center; background-size:cover;}
.themeSection .themeInner .descCol
{ display:block; width:100%;}
.themeSection .themeInner .descCol .descInner
{ padding:35px 3%;}


/* Agenda Setting ***********************/
.agendaSection .agendaInner .tmbCol
{ display:block; width:100%; height:360px; background:url(../images/agenda/img-bg_s.jpg) no-repeat top center; background-size:cover;}
.agendaSection .agendaInner .descCol
{ display:block; width:100%;}
.agendaSection .agendaInner .descCol .descInner
{ padding:35px 3%;}

/* Speakers Setting ***********************/
.speakersSection .speakersInner .tmbCol
{ display:block; width:100%; height:360px; background:url(../images/speaker/img-bg_s.jpg) no-repeat top center; background-size:cover;}
.speakersSection .speakersInner .descCol
{ display:block; width:100%;}
.speakersSection .speakersInner .descCol .descInner
{ padding:35px 3%;}


/* Travel Setting ***********************/
.travelSection .travelInner .tmbCol
{ display:block; width:100%; height:360px; background:url(../images/travel-info/img-bg_s.jpg) no-repeat top center; background-size:cover;}
.travelSection .travelInner .descCol
{ display:block; width:100%;}
.travelSection .travelInner .descCol .descInner
{ padding:35px 3%;}


/* Register Setting ********************/
.registerSection
{ height:300px; background:url(../images/registration/img-bg_s.jpg) #fff no-repeat bottom center; background-size:100% auto;}
.registerSection .registerInner p,
.registerSection .registerInner p a
{ font-size:14px; font-size:1.167rem;}
.registerSection .registerInner .registerInnerArea
{ padding-top:0px;}
.registerSection .registerInner .btnRegister
{ padding:0px 0px 15px 0px;}
.registerSection .registerInner .btnRegister a
{ padding:15px 30px; font-size:20px; font-size:1.667rem;}
.registerSection .registerInner .socialWrap 
{ width:158px; margin:0px auto;}
.registerSection .registerInner .socialWrap p
{ margin-bottom:10px;}
.registerSection .registerInner .socialWrap li
{ float:left; width:26px; height:26px;}
.registerSection .registerInner .socialWrap li.mid
{ margin:0px 40px;}
.registerSection .registerInner .socialWrap li a
{ width:26px; height:26px;}
.registerSection .registerInner .socialWrap li a img
{ width:26px; height:auto;}

/* Sponsor Setting ***********************/
.sponsorSection
{ padding:50px 0px 10px 0px;}
.sponsorSection .sponsorInner h2
{ font-size:40px; font-size:3.333rem; }
.sponsorSection .sponsorInner p
{ font-size:22px; font-size:1.833rem;}
.sponsorSection .sponsorInner .sponsorsList
{ width:94%; padding:40px 0px;}
.sponsorSection .sponsorInner .sponsorsList.first
{ padding:20px 0px 40px 0px;}
.sponsorSection .sponsorInner ul li
{ width:33.33333%; padding:20px 0px; }
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl01
{}
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl01 .grid-sizer
{ width:25%;}  /*{ width:33.33333%;} for 3 logos*/
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl01 li
{ width:25%; } /*{ width:33.33333%;} for 3 logos*/

/* Gallery Setting ********************/
.gallerySection .desktopVer
{ display:none;}
.gallerySection .mobileVer
{ display:block;}
}

@media screen and (max-width:590px){
/* Video Intro Setting ***********************/
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent p br
{ display:none; }
}

@media screen and (max-width:425px){
/* Agenda Glance Popup Setting
***********************/
.agendaGlancePopup .popupContent .popupContentInner
{ padding:30px; padding:6.5vw;}

.agendaGlancePopup .popupContent b 
{ font-size:24px; font-size:6vw;}
.agendaGlancePopup .popupContent  p
{ font-size:16px; font-size:4vw;}

/* Header Setting
***********************/
#header .headerInner
{ padding:15px 0px;}
#header .logoCol img
{ width:100px; height:auto;}
.scrolled #header .logoCol img
{ width:100px; height:auto;}

.mobileNavBtn
{ top:15px; width:40px; height:30px;}

.mobileNav .btnClose
{ margin-bottom:40px; margin-bottom:10vw;}
.mobileNav .icoCol,
.mobileNav .txtCol
{ padding:16px 10px; padding:4vw 2.5vw;}
.mobileNav .btnClose img
{ width:20px; width:4vw; height:20px; height:4vw;}
.mobileNav .txtCol
{ font-size:20px; font-size:5vw; }

.mobileNav .navCol li
{ margin-bottom:32px; margin-bottom:8vw;}
.mobileNav .navCol li a
{ font-size:24px; font-size:6vw; }
.mobileNav .navCol li.btnReg a
{ padding:15px 30px; padding:3.5vw 7.5vw; }

#header .mRegCol .btnReg a
{ padding:7px 15px; font-size:16px; }

/* Video Intro Setting ***********************/
.videoIntroSection .videoIntroOverlay .btnScoll a
{ font-size:20px; font-size:5vw;}
.videoIntroSection .videoIntroOverlay .btnScoll a img
{ width:5vw; height:auto;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .logo
{ margin-bottom:40px; margin-bottom:10vw;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent p
{ font-size:25px; font-size:5vw; margin-bottom:40px; margin-bottom:10vw; letter-spacing:0.2px}

.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .optionRow
{ width:65%;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol .labelCol,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol .labelCol
{ width:35px;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol label img,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol label img
{ width:26px; width:6.5vw; height:auto;}
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .locationCol .inputCol,
.videoIntroSection .videoIntroOverlay .videoIntroInner .videoIntroContent .dateCol .inputCol
{ font-size:26px; font-size:6.5vw;}

/*Prelanuch ***********************/
.preLaunchTitle
{ color:#ffffff; font-size:24px; line-height:1.1; letter-spacing:0.5px;  }
.preLanuchText
{ font-size:15px; line-height:1.1; color:#ffffff;}


/* Intro Setting ***********************/
.introSection
{ padding:60px 0px 60px 0px; padding:15vw 0px 15vw 0px; }
.introSection .introInner h2
{ font-size:32px; font-size:8vw; margin-bottom:40px; margin-bottom:10vw;}
.introSection .introInner p
{ width:100%; font-size:18px; font-size:4.5vw;}
.introSection .introInner p a
{ font-size:18px; font-size:4.5vw;}


/* Theme Setting ***********************/
.themeSection .themeInner .tmbCol
{ height:200px; height:60vw;}
.themeSection .themeInner .tmbCol h3
{ font-size:28px; font-size:7vw;}
.themeSection .themeInner .tmbCol span
{ height:3px;}
.themeSection .themeInner .descCol .descInner
{ padding:35px 40px; padding:7.5vw 3%;}
.themeSection .themeInner .descCol .descInner h4
{ font-size:20px; font-size:5vw;}
.themeSection .themeInner .descCol .descInner p
{ font-size:16px; font-size:4vw;}
.themeSection .themeInner .descCol .descInner li a
{ font-size:16px; font-size:4vw; padding:15px 50px 10px 10px; padding:3.7vw 12.5vw 2.5vw 2.5vw; background:url(../images/common/img-list-arrow-off.png) no-repeat right 2.5vw center; background-size:4.5vw 2.5vw;}
.themeSection .themeInner .descCol .descInner li.current a
{ background:url(../images/common/img-list-arrow-on.svg) no-repeat right 2.5vw center; background-size:4.5vw 2.5vw;}
.themeSection .themeInner .descCol .descInner li p
{ font-size:14px; font-size:3.5vw; padding:10px 10px 20px 10px; padding:2.5vw 2.5vw 5vw 2.5vw;}


/* Agenda Setting ***********************/
.agendaSection .agendaInner .tmbCol
{ height:200px; height:60vw;}
.agendaSection .agendaInner .tmbCol h3
{ font-size:28px; font-size:7vw;}
.agendaSection .agendaInner .tmbCol span
{ height:3px;}
.agendaSection .agendaInner .descCol .descInner
{ padding:35px 40px; padding:7.5vw 6.25vw;}
.agendaSection .agendaInner .descCol .descInner p
{ font-size:18px; font-size:4.5vw;}
.agendaSection .agendaInner .descCol .descInner p.dateRow a
{ padding:0px 3vw; }
.agendaSection .agendaInner .descCol .descInner .btnAgenda
{ /*margin-bottom:3.75vw;*/}
.agendaSection .agendaInner .descCol .descInner .btnAgenda a
{ display:inline-block; padding:15px 30px; font-size:18px; font-size:4.5vw; }

/* Speakers Setting ***********************/
.speakersSection .speakersInner .tmbCol
{ height:200px; height:60vw;}
.speakersSection .speakersInner .tmbCol h3
{ font-size:28px; font-size:7vw;}
.speakersSection .speakersInner .tmbCol span
{ height:3px;}
.speakersSection .speakersInner .descCol .descInner
{ padding:35px 40px; padding:7.5vw 6.25vw;}
.speakersSection .speakersInner .descCol .descInner p
{ font-size:18px; font-size:4.5vw;}
.speakersSection .speakersInner .descCol .btnSpeakers a
{ display:inline-block; padding:15px 30px; font-size:18px; font-size:4.5vw; }

/* Travel Setting ***********************/
.travelSection .travelInner .tmbCol
{ height:200px; height:60vw;}
.travelSection .travelInner .tmbCol h3
{ font-size:28px; font-size:7vw;}
.travelSection .travelInner .tmbCol span
{ height:3px;}
.travelSection .travelInner .descCol .descInner
{ padding:35px 40px; padding:7.5vw 6.25vw;}
.travelSection .travelInner .descCol .descInner h4
{ font-size:20px; font-size:5vw;}
.travelSection .travelInner .descCol .descInner p
{ font-size:16px; font-size:4vw;}
.travelSection .travelInner .descCol .descInner .icoCol
{ width:80px; text-align:right;}
.travelSection .travelInner .descCol .descInner .icoCol img
{ width:80%; max-width:60px; height:auto;}

/* Register Setting ********************/
.registerSection
{ height:300px; height:65vw; background:url(../images/registration/img-bg_s.jpg) #fff no-repeat bottom center; background-size:100% auto;}
.registerSection .registerInner p,
.registerSection .registerInner p a
{ font-size:16px; font-size:4vw;}
.registerSection .registerInner .btnRegister
{ padding:15px 0px; padding:0vw 0px 3.5vw 0px;}
.registerSection .registerInner .btnRegister a
{ padding:15px 30px; font-size:18px; font-size:4.5vw;}
.registerSection .registerInner .socialWrap 
{ width:158px; width:34.5vw;}
.registerSection .registerInner .socialWrap p
{ margin-bottom:10px; margin-bottom:2.5vw; margin-top:5vw;}
.registerSection .registerInner .socialWrap li
{ float:left; width:26px; width:6.5vw; height:26px; height:6.5vw;}
.registerSection .registerInner .socialWrap li.mid
{ margin:0px 30px; margin:0px 7.5vw;}
.registerSection .registerInner .socialWrap li a
{ width:26px; width:6.5vw; height:26px; height:6.5vw;}
.registerSection .registerInner .socialWrap li a img
{ width:26px; width:6.5vw; height:auto;}

/* Sponsor Setting ***********************/
.sponsorSection
{ padding:50px 0px 10px 0px; padding:12.5vw 0px 2.5vw 0px;}
.sponsorSection .sponsorInner h2
{ font-size:32px; font-size:8vw;}
.sponsorSection .sponsorInner p
{ font-size:20px; font-size:5vw;}
.sponsorSection .sponsorInner .sponsorsList
{ padding:40px 0px; padding:10vw 0px;}
.sponsorSection .sponsorInner .sponsorsList.first
{ padding:20px 0px 40px 0px; padding:5vw 0px 10vw 0px;}
.sponsorSection .sponsorInner ul li
{ width:50%; padding:20px 0px; padding:5vw 0px; }
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl01
{}
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl01 .grid-sizer
{ width:50%;}
.sponsorSection .sponsorInner .sponsorsList .sponsorsListGroup.sl01 li
{ width:50%; }

.sponsorSection .sponsorRemarksRow p
{ font-size:16px; font-size:4vw; padding:5vw 0px; }

/* Contact Setting ********************/
.contactSection
{ padding:60px 0px; padding:15vw 0px; }
.contactSection .contactInner h2
{ font-size:32px; font-size:8vw; margin-bottom:40px; margin-bottom:10vw;}
.contactSection .contactInner p
{ font-size:16px; font-size:4vw; padding-top:3.75vw; margin-bottom:5vw;}
.contactSection .contactInner .fieldRow
{ margin-bottom:5vw;}
.contactSection .contactInner .fieldRow .errorTxt
{ font-size:14px; font-size:1.167rem; }
.contactSection .contactInner .fieldRow label
{ font-size:16px; font-size:4vw; margin-bottom:20px; margin-bottom:5vw;}
.contactSection .contactInner .fieldRow input
{ font-size:20px; font-size:5vw; width:90%; padding:15px 5px 10px 5%; padding:3.5vw 5% 2.5vw 5%;}
.contactSection .contactInner .fieldRow .lCol
{ width:5%;}
.contactSection .contactInner .fieldRow textarea
{ font-size:16px; font-size:4vw; margin-bottom:20px; margin-bottom:5vw; width:95%; }

.contactSection .contactInner .ctaRow
{ padding:20px 0px; padding:5vw 0px;}
.contactSection .contactInner .ctaRow a, .tylayer > .tymessage .ctaRow a
{ padding:15px 30px; padding:3.5vw 7vw; font-size:18px; font-size:4.5vw; }

/* Footer Setting ***********************/
#footer .footerInner
{ padding:30px 0px; padding:4.75vw 0px; font-size:14px; font-size:3.5vw; line-height:1.3;}

#footer .footerInner br
{ display:block;}
}


/* thank you popup ***********************/

.tylayer {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:99; /* makes sure it stays on top */
    background-color: rgba(0,0,0,0.5);
}

.tymessage {
    background-color: #fff;
    max-width: 100%;
    width:520px;
    height:250px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-125px 0 0 -260px;
    
}
.tytitle {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  padding-top: 60px;
}
.tytext {
  text-align: center;
  font-size: 1.5rem;
  padding-top: 15px;
}
.tylayer > .tymessage .ctaRow {
  margin-top: 25px;
}
@media screen and (max-width:550px){
  .tymessage {
    width:400px;
    margin-left:-200px;
  }
}
@media screen and (max-width:550px){
  .tymessage {
    width:300px;
    margin-left:-150px;
  }
}