@charset "utf-8";
/* CSS Document */
html, body, input, textarea, select{ font-family:"Open Sans", sans-serif; }

/*--- reset ---*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{ border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; margin:0;padding:0; }
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{ display:block; }
nav ul{ list-style:none; }
ol{ list-style:decimal; }
ul{ list-style:disc; }
ul ul{ list-style:circle; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:none; }
table{ border-collapse:collapse;border-spacing:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input[type=submit],input[type=button],button{ margin:0; padding:0;}
input,select,a img{ vertical-align:middle; }
b, strong{ font-weight:bold; }
i, em{ font-style:italic; }
h1{ font-size:30px; }
h2{ font-size:25px; }
h3{ font-size:20px; }
h4{ font-size:18px; }
h5{ font-size:16px; }
h6{ font-size:15px; }
body{ color:#8b8b8b; font-size:13px; background-color:#2F3136; }
a{ color:#f62b0a; text-decoration:none; }
a:hover{ color:#f62b0a; }

/*--- clear ---*/
.clear{ display:block; clear:both; visibility:hidden; line-height:0; height:0; zoom:1; }
.clear-fix{ zoom:1; }
.clear-fix:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

.wrapper{ max-width:1140px; margin:0 auto; }
.box-fragment{ max-width:1140px; margin:0 auto; min-height:250px; }
.box-fragment .row{ padding:30px 10px; }
.box-fragment h3, .box-fragment h2{ text-transform:uppercase; padding:0 10px 20px; font-size:18px; font-family:"Open Sans Bold"; }
.box-fragment h2{ font-size:22px; padding-bottom:30px; letter-spacing:2px; }
.box-fragment .ctn-fragment{ padding:0 10px 10px; }
.box-fragment .ctn-fragment p{ line-height:20px; padding-bottom:10px; }
.box-fragment .ctn-fragment blockquote{ padding-bottom:10px; font-family:"Open Sans Bold"; font-size:15px; }
.bgwhite{ background-color:#FFF; color:#202020; }
.bggray{ background-color:#F3F3F3; color:#202020; }
.relative{ position:relative; }
.inline-block{ display:inline-block; }
.bold{ font-family:"Open Sans Bold"; }
.row{ margin:0 auto; }

/*--- header ---*/
header{ background-color:#FFFFFF; color:#F2F2F2; }
header .top-line{ background-color:#026DB3; min-height:3px; }
header .bottom-line{ background-color:#026DB3; min-height:0; }
header .top-bar{ padding:10px 0; }
#mainmenu{ list-style:none; float:right; padding-top:30px; }
#mainmenu li{ float:left; padding:0 5px 5px; border-bottom:3px solid #FFF; font-size: 15px;}
#mainmenu a{ color:#303030; font-family:"Open Sans Bold"; }
#mainmenu li:hover a{ color:#0072B6; text-decoration:none; }
#mainmenu li:hover{ border-bottom-color:#0072B6; }

.fixed-header{ position:fixed; top:0px; left:0px; right:0px; z-index:999; }
.fixed-header .top-line{ min-height:0; }
.fixed-header .bottom-line{ min-height:3px; }

#about, #speaker, #schedule, #venue, #sponsor, #register, #minifooter{ padding-top:100px; }

/*--- slider ---*/
#slider{ background-color:#2F3136; max-height:550px; position:relative; overflow:hidden; }
#slider .ctslider{ position:absolute; top:0; color:#FFF; width:100%; padding-top:20px; }
#slider .bgslider img{ width:100%; }
#slider .ctslider .wrapper{ text-align:center; text-transform:uppercase; padding-top:20px; }
#slider .ctslider h1, #slider .ctslider h2{ padding:20px 10px; font-family:"Open Sans Bold"; }
#slider .ctslider h1{ font-size:45px; }
#slider .ctslider .info{ margin-top:20px; padding-top:10px; border-top:4px solid #FFF; }
#slider .ctslider .info span{ font-family:"Open Sans Bold"; padding:0 30px; font-size:17px;}
#slider .ctslider .btinfo{ padding-top:60px; }

/*-- about --*/

/*-- speaker --*/
#speaker img{ width:150px; }
#speaker .person{ font-family:"Open Sans Bold"; padding:7px 0; }
#speaker .title{ color:#666; padding-bottom:20px; }
#speaker .row{ padding-bottom:0px; }
#speaker .box-fragment{ padding-bottom:20px; }

/*-- schedule --*/
#schedule .session-trigger{ background-color:#45b8e5; }
#schedule .session-item{ color:#FFF; padding:15px 25px 15px; float:left; min-width:15%; border-color:#026db3; border-right-width:1px; border-right-style:solid; cursor:pointer; }
#schedule .session-item .day{ font-size:15px; text-transform:uppercase; margin-bottom:4px; font-family:"Open Sans Bold"; }
#schedule .session-item.active{ background-color:#026db3; cursor:auto; }

#schedule .session-tab.active{ display:block; }
#schedule .session-tab{ background-color:#ebf4f6; display:none; padding-bottom:30px; }
#schedule .session-tab .event{ padding:30px 50px 0; }
#schedule .session-tab .event .event-head{ text-transform:uppercase; font-family:"Open Sans Bold"; font-size:14px; padding-bottom:10px; letter-spacing:2px; }
#schedule .session-tab .event .event-body{ padding-left:40px; font-family:"Open Sans Bold"; color:#727272; }
#schedule .session-tab .event:not(:last-child):after{ content:""; border-bottom:1px solid #D1D1D1; line-height:1; display:block; padding-bottom:25px; }
#schedule .session-tab .event .event-body li{ line-height:25px; }
#schedule .session-tab .event .event-body li > span{ display:block; }
#schedule .session-tab .event .event-body li > span:first-child{ font-family:"Open Sans Bold"; color:#133D9B; }
#schedule .session-tab .event .event-body li > span:last-child{ padding-left:20px; }
#schedule .session-tab .event .event-body > span{ padding-top:11px; display:block; color:#0c8b48; }

/*-- venue --*/
#venue .location{ position:absolute; top:0; }
#venue img{ width:100%; }
#venue .location .location-text{ margin-top:50px; background-color:rgba(0,0,0,.75); padding:20px; }
#venue .location .map{ margin-top:50px; height:400px; }
#venue .location .hotel-name{ font-family:"Open Sans Bold"; font-size:20px; padding-bottom:10px; color:#FFF; }
#venue .location .hotel-street{ padding-bottom:10px; color:#919EDD; }
#venue .location .hotel-desc{ color:#D1D1D1; }
#venue .location .map iframe{ pointer-events:none; }

/*-- sponsor --*/
#sponsor ul{ list-style:none; width:100%; text-align:center; }
#sponsor ul li{ padding:30px 10px; display:inline-block; min-width:250px; text-align:center; }
#sponsor ul li img{ max-height:100px; }

/*-- ticket --*/
#register{ background-color:#FFF; }
#ticket{ background-color:#2F3136; max-height:500px; position:relative; overflow:hidden; }
#ticket .ctticket{ position:absolute; top:0; color:#FFF; width:100%; padding-top:40px; }
#ticket .bgticket img{ width:100%; }
#ticket ul{ width:100%; text-align:center; }
#ticket li{ margin-top:20px; list-style:none; display:inline-block; vertical-align:top; min-width:30%; padding:0 20px; }
#ticket .tt-head{ background-color:#e9e9e9; padding:15px 20px; font-family:"Open Sans Bold"; color:#363636; font-size:15px; text-transform:uppercase; }
#ticket .tt-price, #ticket .tt-book{ background-color:#337AB7; padding:8px 20px; font-family:"Open Sans Bold"; color:#FFFFFF; font-size:19px; letter-spacing:3px; }
#ticket .tt-cond{ background-color:#FFFFFF; padding:8px 20px; font-size:13px; color:#000; font-style:italic; line-height:25px; }
#ticket .tt-book{ background-color:#fbc800; letter-spacing:1px; color:#2E2E2E; cursor:pointer; }
#ticket .tt-book:hover{ background-color:#fedd00; }
#ticket h2{ text-transform:uppercase; font-size:22px; text-align:center; padding-top:10px; padding-bottom:30px; letter-spacing:2px; font-family:"Open Sans Bold"; }

/*-- minifooter --*/
#minifooter{ background-color:#212121; color:#DDD; padding-top:30px; min-height:500px; }
#minifooter h3{ color:#FCFCFC; }
#minifooter .fa{ margin-right:10px; cursor:pointer; color:#DDD; }

/*--- footer ---*/
footer{ background-color:#2F3136; }
footer a{ color:#FFF; }
footer a:hover{ color:#9cdaff; }
footer .bottom-bar{ padding:20px 0 30px; }
footer .bottom-link ul{ list-style:none; float:right; }
footer .bottom-link li{ display:inline-block; padding:0 10px; font-family:"Open Sans Bold"; }


/***--------- REG ---------***/
#reg #slider, #message #slider{ max-height:375px; }
#reg #slider .ctslider .wrapper, #message #slider .ctslider .wrapper{ padding-top:0; }
#reg #minifooter, #message #minifooter{ min-height:auto; }
#selectpaket{ background-color: #D8F2FF; font-family: "Open Sans Bold"; }
#reg header .top-line, #message header .top-line{ min-height: 0; }
#reg header .bottom-line, #message header .bottom-line{ min-height: 3px; }

.callout {border-radius: 3px;margin: 0 0 20px 0;padding: 15px 30px 15px 15px;border-left: 5px solid #eee;}
.callout.callout-danger {border-color: #c23321;background-color: #dd4b39;color: #fff;}
.callout h4 {margin-top: 0;font-family:"Open Sans Bold";padding-bottom: 10px;}
.callout p {margin: 0 0 10px;padding-bottom: 0;}
.callout p:last-child {margin-bottom: 0;padding-bottom: 0;}
.callout a {color: #CAEEFF;}
.callout.callout-success {border-color: #00733e;background-color: #00a65a;color: #fff;}

header i.glyphicon.glyphicon-menu-hamburger{ display:none; }

@media only screen and (max-width: 1080px) {
	header img{ max-height:60px; }
	#about, #speaker, #schedule, #venue, #sponsor, #register, #minifooter{ padding-top:75px; }
	#venue .location .location-text, #venue .location .map{ margin-top:25px }
}
@media only screen and (max-width: 1055px) {
	#venue .location .map{ height:350px; }
	#ticket h2{ padding-bottom:10px; }
}
@media only screen and (max-width: 1015px) {
	#mainmenu{ padding-top:8px; }
}
@media only screen and (max-width: 991px) {
	#mainmenu{ float:left; }
	#about, #speaker, #schedule, #venue, #sponsor, #register, #minifooter{ padding-top:115px; }
	#slider .bgslider img, #ticket .bgticket img, #venue .bgvenue img{ width: auto; height: 450px;}
	#venue .bgvenue{ overflow:hidden; }
}
@media only screen and (max-width: 945px) {
	#slider .ctslider h1{ font-size:35px; }
	#slider .ctslider h2{ font-size:22px; }
}
@media only screen and (max-width: 851px) {
	#ticket .tt-price, #ticket .tt-book{ font-size:15px; }
	#ticket .tt-head{ font-size:15px; padding-left:10px; padding-right:10px; }
	#sponsor ul li img{ max-height:80px; }
}
@media only screen and (max-width: 767px) {
	header .top-bar{ padding:2px 0; }
	header img{ max-height:55px; }
	#mainmenu{ position: absolute; top: 60px; z-index: 999; background-color: #C1C1C1; right:0; display:none; }
	#mainmenu li{ float: none; padding: 3px 50px 12px 25px; border-bottom:1px solid #A5A5A5; }
	#mainmenu a{ color:#444; }
	#mainmenu li:hover a{ color:#0F0F0F; }
	#mainmenu li:hover { border-bottom-color: #2F2F2F; }
	header i.glyphicon.glyphicon-menu-hamburger { display:block; color: #000; font-size: 21px; padding: 12px; float: right; margin-top: 5px; cursor:pointer; }
	#about, #speaker, #schedule, #venue, #sponsor, #register, #minifooter{ padding-top:40px; }
	.box-fragment h3{ padding-top:0px !important; }
	#venue .bgvenue img{ height:710px; }
	#ticket li{ padding:0 5px; }
	#slider .ctslider h1{ font-size:27px; }
	#slider .ctslider .info span { padding: 0 5px; font-size: 13px; }
	#ticket{ max-height:none; }
	#ticket .bgticket img{ height:690px; }
	#venue .location .map{ height:280px; }
	#schedule .session-tab .event:not(:last-child):after{ padding-bottom:15px; }
	#schedule .session-tab .event{ padding: 20px 50px 0; }
	footer .copyright, footer .bottom-link { text-align: center; padding: 3px 0; }
	footer .bottom-link ul{ float:none; }
	#slider .ctslider .btinfo{ padding-top:50px; }
}
@media only screen and (max-width: 480px) {
	#slider .ctslider .info span{ font-size:12px; }
	#slider .ctslider .info span:last-child{ display:block; }
	#slider .ctslider h1{ font-size:21px; }
	#slider .ctslider h1, #slider .ctslider h2{ padding:10px; }
	#slider .bgslider img{ height:400px; }
	#slider .ctslider .btinfo{ padding-top:40px; }
}
@media only screen and (max-width: 440px) {
	#venue .location .map{ height:215px; }
	#sponsor ul li img{ max-height:100px; max-width:100%; }
}
@media only screen and (max-width: 435px) {
	#ticket .bgticket img { height: 975px; }
	#schedule .session-tab .event{ padding-left:20px; padding-right:20px; }
}
@media only screen and (max-width: 370px) {
	#ticket .bgticket img { height: 975px; }
	#slider .ctslider .info span{ display:block; }
	#slider .ctslider{ padding-top:0; }
	#slider .ctslider .btinfo { padding-top: 22px; }
	#slider .ctslider h1 { font-size: 16px; }
	header .top-bar{ min-height:60px; }
	header img { max-height: 45px; }
	#schedule .session-tab .event .event-body{ padding-left:20px; }
	#venue .bgvenue img { height: 790px; }
	#speaker .col-xs-6{ width:100%; }
}