* { margin:0; padding:0; }
body { font-family: Avenir-Light, 'Open Sans', sans-serif; width:100%; }

#wrapper { -webkit-transition:all 0.4s; transition: all 0.4s; left:0;}
#main_content { width:100%; }

#menu_list { font-size:16px; position:absolute; top:0; right:0; z-index:300; background:#222; overflow:auto; -webkit-transition:all 0.4s; transition: all 0.4s; }
#menu_list .menu_item { list-style:none; line-height:50px; border-bottom:1px solid #444; padding-left:20px; }
#menu_list .menu_item.major { background:#333; }
#menu_list .menu_item.minor { background:#000; }
#menu_list .menu_item.connect { background:#ff6801; }
#menu_list .menu_item.major a { color:#fff; }
#menu_list .menu_item.connect a { color:#fff; }
#menu_list .menu_item img { vertical-align:middle;  }
#menu_list .menu_item a { text-decoration:none; text-transform:uppercase; color:#aaa; }



/* ----------------- main.php ------------------ */
#login_board { padding: 0 20px; background:url(../img/bg.jpg); -webkit-transition:all 1s; transition: all 1s; overflow:hidden; }
#login_board.hide { height:0 !important; }
#login_board #login_header { text-align:center; padding:15px 0 0; }
#login_board #login_panel { color:#fff; padding:0 0 15px; margin:0 auto; text-align:center; }
#login_board #login_panel .result.error { padding:10px 0 0; text-align:left; color:#fff; display:none; }
#login_board #login_panel label { display:block; font-size:18px; line-height:26px; text-align:left; padding:10px 0 5px; font-weight:300;}
#login_board #login_panel input { font-family: Avenir-Light, 'Open Sans' display:inline-block; width:100%; height:50px; line-height:40px; font-size:18px; border:none; margin:0 auto; padding-left:10px; border-radius:0; }
#login_board #login_panel button { font-family: Avenir-Light, 'Open Sans' Arial, sans-serif; border:none; width:100%; height:50px; font-size:14px; background:#ff6801; color:#fff; font-weight:300; margin-top:15px; }
#login_board #login_panel .error { width:100%; font-size:14px; color:#fff; text-align:left; }
#login_board #login_panel .error::before { content:"x"; color:red; font-weight:bold; padding-right:5px; }
#help { width:100%; margin:0px auto; text-align:center;}
#help a { color:#aaa; font-size:14px;  }
#help span { display:inline-block; text-align:center; width:20px; color:#aaa; }


#menu_board { width:320px; margin:0 auto; color:#fff; font-size:18px; -webkit-transition:all 1s; transition: all 1s; height:0; overflow:hidden; }
#menu_board.show { height:480px; }
#menu_board #header { padding:5px 0 15px;  }
#menu_board #header img { display:block; padding:10px 0; margin:0 auto; }
#menu_board #menu { width:280px; padding:0 20px 20px; position: fixed; -webkit-transition:all 1s; transition: all 1s; bottom:-320px; }
#menu_board #menu.show { bottom:75px; }
#menu_board #menu .menu_item { float:left; position:relative; width:90px; text-align:center; padding-bottom:20px; }
#menu_board #menu .menu_item .circle { width:64px; height:64px; background:#fff; opacity:0.2; border-radius:32px; position:absolute; top:0; left:13px; }
#menu_board #menu .menu_item .link { height:70px; position:relative; z-index:20; }
#menu_board #menu .menu_item .item_name { font-size:13px; text-transform:uppercase; }
#menu_board #menu .menu_item .item_name i { font-style:normal; font-family: Avenir-Light; color:#ff6801; }


._btn { clear:both; font-family:Avenir-Heavy; width:100%; background:#ff6801; font-size:14px; color:#fff; text-align: center; position: fixed;
bottom: -400px; -webkit-transition:all 1s; transition: all 1s; }
._btn.show { bottom:0; }
._btn a { line-height:75px; text-decoration:none; color:#fff; text-transform:uppercase; }
._btn img { vertical-align:middle; padding-right:5px; }


#confirm_content { padding:0 25px; height:0; position:absolute; top:0; left:0; z-index:10; background:url(../img/bg.jpg); overflow:hidden; transition:.4s linear all; -webkit-transition: .4s linear all; }
#confirm_content.show { height:667px; }
#confirm_content form { padding:20px 0; }
#confirm_content input { border-radius:0; height:50px; margin-bottom:1px; padding-left:15px; border: none; font-size: 16px; font-family: Avenir-Light; }
#confirm_content input.error { border:1px solid red; }
#confirm_content button { font-family:Avenir-Heavy; width:100%; height:50px; background:#ff6801; font-size:14px; color:#fff; border:none; margin:10px 0; }
#confirm_content #photo img { vertical-align: middle; border-radius: 25px; }
#confirm_content button#upload { margin-left:10px; }
#confirm_content button#back { background:#ccc; }

#confirm_content ._select { position:relative; }
#confirm_content ._select select { cursor:pointer; height:40px; opacity:0; position:relative; z-index:10; box-sizing:border-box; border: none; width:100%; font-size: 18px; margin-bottom: 10px; left: 10px; }
#confirm_content ._select option { font-size:18px; font-weight:300; }
#confirm_content ._select input { position:absolute; top:0; left:0; z-index:8; margin:0; }
#confirm_content ._select b { width: 30px; line-height: 50px; position:absolute; color: #bbb; font-size:12px; padding-left:18px; top:0; right:0; z-index:9; background:#fff; }
#confirm_content ._select.error { border:1px solid red; }

#confirm_content ._checkbox { font-size:14px; }
#confirm_content ._checkbox input[type="checkbox"] { position:absolute; }
#confirm_content ._checkbox label { color:#fff; padding:10px 0 10px 0px; line-height:22px; position: relative; left:0px; vertical-align:middle; }
#confirm_content ._checkbox input[type="checkbox"] + label:before { content:''; background:#fff; width:25px; height:25px; display:inline-block; vertical-align: middle; margin-right:10px; }
#confirm_content ._checkbox input[type="checkbox"]:checked + label:before { background:url(../img/checked.png) center center no-repeat #fff; background-size:100%; }
#confirm_content ._checkbox span { display:inline-block; height:25px; width:1px; }



/* ----------------- conference.php ------------------ */
#conference_menu { font-size:16px; color:#fff;}
#conference_menu span { width:33%; display:inline-block; height:50px; text-align:center; background:#ccc; line-height:50px;  }
#conference_menu span a { color:#fff; text-decoration:none; }
#conference_menu span.line { border-right:1px solid #fff; }
#conference_menu span.current { background:#ff6801; }

#agenda_content .agenda_board .coming { font-family: Avenir-Heavy; text-align: center; padding: 20px 0; text-transform: uppercase; color:#4d4d4d; }
#agenda_content #day_menu { font-size:16px; color:#ccc; }
#agenda_content #day_menu span { width:45%; display:inline-block; height:50px; text-align:center; background:#fff; line-height:50px; border-bottom:1px solid #efefef; }
#agenda_content #day_menu span.line { border-right:1px solid #efefef; width:27%; }
#agenda_content #day_menu span.current { color:#ff6801; }




#agenda_content { width:100%; min-width:320px; font-size:16px; border-bottom:1px solid #efefef; }
#agenda_content .agenda { border-bottom:1px solid #efefef; min-height:50px; clear:both; width: 100%; color:#4d4d4d; position:relative; }
#agenda_content .agenda .agenda_time { float:left; width:70px; font-weight:bold; font-size:14px; color:#aaa; padding:10px 5px 10px 15PX; font-family:Avenir-Heavy; }
#agenda_content .agenda .agenda_time span { vertical-align:middle; }
#agenda_content .agenda .agenda_item { text-align:left; font-size:16px; margin:0 25px 0 90px; padding: 10px 0; }
#agenda_content .agenda .agenda_item span { vertical-align:middle; }
#agenda_content .agenda .presentation { padding:10px 0; margin:0 25px 0 90px; }
#agenda_content .agenda .presentation span { vertical-align:middle; }
#agenda_content .agenda .presentation .keynote { text-transform:uppercase; font-family:Avenir-Heavy; }
#agenda_content .agenda .presentation .building { color:#2190b4; font-family:Avenir-Heavy; }
#agenda_content .agenda .presentation .collecting { color:#ff6801; font-family:Avenir-Heavy; }
#agenda_content .agenda .presentation .delivering { color:#96c349; font-family:Avenir-Heavy; }
#agenda_content .agenda .presentation .converting { color:#db4b46; font-family:Avenir-Heavy; }
#agenda_content .agenda .detail { padding:0px 20px; }
#agenda_content .agenda .detail img { float:left; border-radius:25px; padding-top:10px;  }
#agenda_content .agenda .detail .data { margin-left:60px; }
#agenda_content .agenda .detail .name { font-family:Avenir-Heavy; }
#agenda_content .agenda .detail .logo { text-align:left;  }
#agenda_content .agenda .detail .logo img { float:none; border-radius:0; padding:0; }
#agenda_content .agenda .detail .more { color:#ff6801; font-family:Avenir-Heavy; }
#agenda_content .agenda .detail .intro p { text-align:left; font-family:Avenir-Light; padding: 5px 0 10px;}
#agenda_content .agenda .detail .intro p a { color:#ff6801; text-decoration:none; }
#agenda_content .agenda .detail .intro ol { padding-left:20px; }
#agenda_content .agenda .detail .intro ul { padding-left:20px; }

#agenda_content .agenda .toggle_btn { position:absolute; top:0; right:0; width:25px; height:100%; background:#ff6801; text-align: center; -webkit-transition:all 0.6s; transition: all 0.6s; }
#agenda_content .agenda .toggle_btn.expand { height:25px; background:#b2b2b2; }
#agenda_content .agenda .toggle_btn b { height:100%; display:inline-block; vertical-align: middle; }
#agenda_content .agenda .toggle_btn img { -webkit-transition:all 0.6s; transition: all 0.6s; }
#agenda_content .agenda .toggle_btn.expand img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }


#agenda_content .agenda_item .detail { padding:16px 0px 16px 15px; margin-right:30px; }
#agenda_content .agenda_item .detail .header { font-size:16px; font-weight:bold; }
#agenda_content .agenda_item .detail div.thumbnail { float:left; width:50px; height:50px; margin:5px 10px 5px 0; border-radius:25px; background-color:#555; background-size:50px 50px;}
#agenda_content .agenda_item .detail .full_name span { padding-top: 10px; display: inline-block; }
#agenda_content .agenda_item .detail .full_name, #agenda_content .item .detail .company { width:100%; }
#agenda_content .agenda_item .detail .company { color:#aaa; font-style:italic; }
#agenda_content .toggle_btn { float:right; background:#0061aa; width:25px; transition: .25s linear all;
-ms-transition: .25s linear all;
-webkit-transition: .25s linear all; }

#agenda_content .agenda_item .speakers { display:none; padding:0 25px; color:#000; clear:both; font-size:16px; }
#agenda_content .agenda_item .speakers .venue { font-weight:bold; }
#agenda_content .agenda_item .speakers .header { padding:10px 0; }
#agenda_content .agenda_item .speakers .speaker { width:100%; min-height:75px; }
#agenda_content .agenda_item .speakers .thumbnail { float:left; width:50px; height:50px; border-radius:25px; overflow:hidden; }
#agenda_content .agenda_item .speakers .name { font-weight:bold; margin-left:60px; }
#agenda_content .agenda_item .speakers .company { margin-left:60px; }
#agenda_content .agenda_item .speakers .title { margin-left:60px; }
#agenda_content .agenda_item .speakers .content ul { margin:10px 0px 10px 35px;; }
#agenda_content .agenda_item .speakers .content ol { margin:10px 0px 10px 35px;; }


/* ----------------- network.php ------------------ */
#network_menu { font-size:15px; color:#fff; font-family:Avenir-Heavy; }
#network_menu span { width:35.5%; display:inline-block; height:50px; text-align:center; background:#ccc; line-height:50px;  }
#network_menu span a { color:#fff; text-decoration:none; }
#network_menu span.line { border-right:1px solid #fff; }
#network_menu span.short { width:28%; }
#network_menu span.current { background:#ff6801; }
#network_menu span i { font-style:normal; font-family: Avenir-Light; }

#network_content { font-size:16px; overflow:hidden; }
#network_content.hide { height:0; }
#network_content #pin_content { padding:0 25px; text-align:left; color:#4d4d4d; }
#network_content #pin_content p { padding:22px 0 18px; }
#network_content #pin_content form { position:relative; }
#network_content #pin_content #pin_value { font-family:Avenir-Heavy; color:#000; font-size:28px; width:170px; margin:10px auto 20px; letter-spacing:30px; border:none; background:url(../img/input_bg.png) transparent no-repeat center center; height:50px; padding:10px 10px 0 20px; }
#network_content #pin_content input { position:absolute; color:transparent; top:38px; left:0; width:100%; border:none; height:50px; background:transparent; }
#network_content #pin_content input.hide { left:-2000px; }

#network_content #pin_content #pin_content { position:relative; }
#network_content button { font-family:Avenir-Heavy; width:100%; height:50px; background:#ff6801; font-size:14px; color:#fff; border:none; }
#network_content #pin_info { padding:20px 0; border-bottom:1px solid #efefef; }
#network_content #pin_info { font-size:16px;  text-align:center; }
#network_content #pin_info #my_pin { font-family:Avenir-Heavy; padding:10px 0 0; font-size:24px; }

#network_content #my_info { padding:20px 25px; font-size:16px; color:#4d4d4d; }
#network_content #my_info h3 { font-family:Avenir-Heavy; font-size:16px; text-align:center;  }
#network_content #my_info p { padding:10px 0; }
#network_content #my_info img { float:left; border-radius: 25px; }
#network_content #my_info #my_detail { margin-left:60px; padding-bottom:10px; }
#network_content #my_info #name { font-family:Avenir-Heavy; }
#network_content #my_info .photo { width:50px; height:50px; float:left; border-radius:25px; overflow:hidden; }

#network_content #title, #company { font-style:italic; color:#aaa; }
#network_content #my_info button._button { margin-top:20px; }

#profile_content { padding:0 25px; height:0; position:absolute; top:90px; left:0; z-index:10; background:#efefef; overflow:hidden; transition:.4s linear all; -webkit-transition: .4s linear all; }
#profile_content.show { height:650px; }
#profile_content form { padding:20px 0; }
#profile_content input { height:50px; margin-bottom:1px; padding-left:15px; border: none; font-size: 16px; font-family: Avenir-Light; }
#profile_content input.error { border:1px solid red; }
#profile_content button { font-family:Avenir-Heavy; width:100%; height:50px; background:#ff6801; font-size:14px; color:#fff; border:none; margin:10px 0; }
#profile_content #photo img { vertical-align: middle; border-radius: 25px; }
#profile_content #photo .my_photo { width:50px; height:50px; float:left; border-radius:25px; overflow:hidden; display:inline-block; margin-top:10px;  }
#profile_content button#upload { margin-left:10px; }
#profile_content button#back { background:#ccc; }

#profile_content ._select { position:relative; }
#profile_content ._select select { cursor:pointer; height:40px; opacity:0; position:relative; z-index:10; box-sizing:border-box; border: none; width:100%; font-size: 18px; margin-bottom: 10px; left: 10px; }
#profile_content ._select option { font-size:18px; font-weight:300; }
#profile_content ._select input { position:absolute; top:0; left:0; z-index:8; margin:0; }
#profile_content ._select b { width: 30px; line-height: 50px; position:absolute; color: #bbb; font-size:12px; padding-left:18px; top:0; right:0; z-index:9; background:#fff; }
#profile_content ._select.error { border:1px solid red; }

#profile_content ._checkbox { font-size:14px; }
#profile_content ._checkbox input[type="checkbox"] { position:absolute; }
#profile_content ._checkbox label { color:##4d4d4d; padding:10px 0 10px 0px; line-height:22px; position: relative; left:0px; vertical-align:middle; }
#profile_content ._checkbox input[type="checkbox"] + label:before { content:''; background:#fff; width:25px; height:25px; display:inline-block; vertical-align: middle; margin-right:10px; }
#profile_content ._checkbox input[type="checkbox"]:checked + label:before { background:url(../img/checked.png) center center no-repeat #fff; background-size:100%; }
#profile_content ._checkbox span { display:inline-block; height:25px; width:1px; }


/* ----------------- sponsors.php ------------------ */
#sponsor_content { width:100%; min-width:320px; font-size:16px;  }
#sponsor_content h4 { font-family:Avenir-Heavy; color:#4d4d4d; padding:10px 25px; }
#sponsor_content p { line-height:20px; color:#4d4d4d; padding:10px 25px; }
#sponsor_content p a { color:#ff6801; text-decoration:none; }
#sponsor_content .header1 { font-family:Avenir-Heavy; line-height:50px; background:#000; color:#fff; text-align:center; clear:both; border-bottom:1px solid #efefef; }
#sponsor_content .sponsor { clear:both; border-bottom:1px solid #efefef; min-height:50px; position:relative; }
#sponsor_content .title2 { color:#4d4d4d; font-family:Avenir-Heavy; padding-left:25px; width:165px; display: inline-block; vertical-align: middle;  }
#sponsor_content b { line-height:50px; }
#sponsor_content .logo { vertical-align:middle; width:100px;  }
#sponsor_content .toggle_btn { position:absolute; top:0; right:0; width:25px; height:100%; background:#ff6801; text-align: center; -webkit-transition:all 0.6s; transition: all 0.6s; }
#sponsor_content .toggle_btn.expand { height:25px; background:#b2b2b2; }
#sponsor_content .toggle_btn b { height:100%; display:inline-block; vertical-align: middle; }
#sponsor_content .toggle_btn img { -webkit-transition:all 0.6s; transition: all 0.6s; }
#sponsor_content .toggle_btn.expand img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }


/* ----------------- exhibitors.php ------------------ */
#exhibitor_content { width:100%; min-width:320px; font-size:16px;  }
#exhibitor_content h4 { font-family:Avenir-Heavy; color:#4d4d4d; padding:10px 25px; }
#exhibitor_content p { line-height:20px; color:#4d4d4d; padding:10px 25px; }
#exhibitor_content p a { color:#ff6801; text-decoration:none; }
#exhibitor_content .header1 { font-family:Avenir-Heavy; line-height:50px; background:#000; color:#fff; text-align:center; clear:both; border-bottom:1px solid #efefef; }
#exhibitor_content .exhibitor { clear:both; border-bottom:1px solid #efefef; min-height:50px; position:relative; }
#exhibitor_content .title2 { color:#4d4d4d; font-family:Avenir-Heavy; padding-left:25px; width:165px; display: inline-block; vertical-align: middle;  }
#exhibitor_content b { line-height:50px; }
#exhibitor_content .logo { vertical-align:middle; width:100px;  }

#exhibitor_content .toggle_btn { position:absolute; top:0; right:0; width:25px; height:100%; background:#ff6801; text-align: center; -webkit-transition:all 0.6s; transition: all 0.6s; }
#exhibitor_content .toggle_btn.expand { height:25px; background:#b2b2b2; }
#exhibitor_content .toggle_btn b { height:100%; display:inline-block; vertical-align: middle; }
#exhibitor_content .toggle_btn img { -webkit-transition:all 0.6s; transition: all 0.6s; }
#exhibitor_content .toggle_btn.expand img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
#exhibitor_content .connect_btn { padding:10px 25px; }
#exhibitor_content button { font-family:Avenir-Heavy; width:100%; height:50px; background:#ff6801; font-size:14px; color:#fff; border:none; margin:10px 0; }
#exhibitor_content button.connected { background:#ccc; }
#exhibitor_content .exhibitor .main_contact { padding-bottom:20px; }
#exhibitor_content .exhibitor .main_contact b { font-family:Avenir-Heavy; }
#exhibitor_content .exhibitor .main_contact p { height:30px; padding:0; white-space: nowrap; }


/* ----------------- speakers.php ------------------ */
#speaker_content { width:100%; min-width:320px; font-size:16px;  }
#speaker_content p { line-height:20px; color:#4d4d4d; padding:0px 0px 20px 10px; }
#speaker_content ul { padding:0 0 0 20px; }
#speaker_content p a { color:#ff6801; text-decoration:none; }
#speaker_content .header1 { font-family:Avenir-Heavy; line-height:50px; background:#000; color:#fff; text-align:center; clear:both; border-bottom:1px solid #efefef; }
#speaker_content .title2 { color:#4d4d4d; font-family:Avenir-Heavy; padding-left:20px; width:170px; display: inline-block; vertical-align: middle;  }
#speaker_content b { line-height:50px; }

#speaker_content .speaker { clear:both; border-bottom:1px solid #efefef; min-height:50px; position:relative; padding:20px 25px 5px 15px;; font-size:16px; color:#4d4d4d; }
#speaker_content .speaker img { float:left; border-radius:25px; }
#speaker_content .speaker .detail { margin-left:60px; padding-bottom:10px; }
#speaker_content .speaker .name { font-family:Avenir-Heavy; }
#speaker_content .speaker .logo { text-align:center;  }
#speaker_content .speaker .logo img { float:none; border-radius:0;  }
#speaker_content .title, .company { font-style:italic; color:#aaa; }

#speaker_content .toggle_btn { position:absolute; top:0; right:0; width:25px; height:100%; background:#ff6801; text-align: center; -webkit-transition:all 0.6s; transition: all 0.6s; }
#speaker_content .toggle_btn.expand { height:25px; background:#b2b2b2; }
#speaker_content .toggle_btn b { height:100%; display:inline-block; vertical-align: middle; }
#speaker_content .toggle_btn img { -webkit-transition:all 0.6s; transition: all 0.6s; float:none; }
#speaker_content .toggle_btn.expand img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }