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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,img{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	outline:none
}
html{
	height:101%;
	font-size:62.5%
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,img,ol,ul{
	list-style:none
}
video{
	display:block
}
blockquote,q{
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none
}
strong{
	font-weight:bold
}
input{
	outline:none
}
table{
	border-collapse:collapse;
	border-spacing:0
}
a{
	text-decoration:none
}
*,*:before,*:after{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.clearfix:before,.clearfix:after{
	content:'';
	display:table
}
.clearfix:after{
	clear:both
}
a[href^=tel]{
	color:inherit;
	text-decoration:none
}
@font-face{
	font-family:'intro_regular';
	src:url('intro-webfont.woff2') format('woff2'),url('intro-webfont.woff') format('woff');
	font-weight:normal;
	font-style:normal
}
html,body{
	height:100.1%
}
body{
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	font-size:1.6rem;
	line-height:24px;
	line-height:2.4rem;
	background:#fff
}
.index{
	background:#000
}
.no-max-width{
	width:100%;
	float:left;
	position:relative;
	overflow:hidden
}
.max-width{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
	overflow:hidden
}
a,a:visited{
	color:#28ce7e;
	text-decoration:underline
}
a:hover,a:active,a.active{
	color:#000
}
h1,h2,h3,h4,h5,h6{
	width:100%;
	float:left;
	font-family:'intro_regular',Arial,sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height:24px;
	line-height:2.4rem
}
h1{
	font-size:40px;
	font-size:4rem;
	line-height:50px;
	line-height:5rem;
	font-weight:700;
	color:#fff
}
@media (min-width:500px){
	h1{
		font-size:60px;
		font-size:6rem;
		line-height:60px;
		line-height:6rem
}
}
@media (min-width:950px){
	h1{
		font-size:72px;
		font-size:7.2rem;
		line-height:80px;
		line-height:8rem
}
}
@media (min-width:1280px){
	h1{
		font-size:100px;
		font-size:10rem;
		line-height:100px;
		line-height:10rem
}
}
h2{
	font-size:26px;
	font-size:2.6rem;
	line-height:34px;
	line-height:3.4rem;
	text-align:center;
	font-weight:700;
	color:#89949b;
	padding:0 0 20px 0
}
@media (min-width:400px){
	h2{
		font-size:36px;
		font-size:3.6rem;
		line-height:42px;
		line-height:4.2rem
}
}
@media (min-width:700px){
	h2{
		font-size:46px;
		font-size:4.6rem;
		line-height:56px;
		line-height:5.6rem
}
}
h3{
	font-size:56px;
	font-size:5.6rem;
	line-height:68px;
	line-height:6.8rem
}
h4{
	font-size:36px;
	font-size:3.6rem;
	line-height:42px;
	line-height:4.2rem
}
p{
	width:100%;
	float:left;
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	font-size:1.6rem;
	line-height:24px;
	line-height:2.4rem;
	padding:0 0 15px 0;
	color:#666
}
img{
	width:100%;
	max-width:100%;
	height:auto;
	float:left
}
a img{
	-webkit-transition:-webkit-transform .75s;
	transition:transform .75s;
	-webkit-transform:scale(1);
	transform:scale(1)
}
a:hover>img{
	-webkit-transform:scale(1.06);
	transform:scale(1.06)
}
span{
	color:#28ce7e
}
.col1{
	width:100%;
	float:left;
	padding:50px 0 0 0
}
@media (min-width:950px){
	.col1{
		width:300px;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		bottom:0;
		z-index:999;
		overflow-y:auto;
		padding:0
}
}
.col2{
	width:100%;
	float:left;
	position:relative;
	background:#fff;
	padding:50px 0 0 0
}
@media (min-width:700px){
	.col2{
		padding:70px 0 0 0
}
}
@media (min-width:950px){
	.col2{
		padding:80px 0 0 300px
}
}
.col3{
	width:100%;
	height:auto;
	height:300px;
	float:left;
	position:relative
}
@media (min-width:600px){
	.col3{
		height:500px
}
}
@media (min-width:950px){
	.col3{
		height:100%;
		padding:0 0 0 300px
}
}
.col3-subpage{
	width:100%;
	height:200px;
	float:left;
	position:relative
}
@media (min-width:600px){
	.col3-subpage{
		height:300px
}
}
@media (min-width:950px){
	.col3-subpage{
		height:350px;
		padding:0 0 0 300px
}
}
.bg,.bg-sub{
	background:url(../images/bg1.jpg) center center no-repeat #000;
	background-size:cover
}
.title{
	display:none
}
@media (min-width:600px){
	.title{
		display:block;
		position:absolute;
		width:100%;
		bottom:100px;
		left:0;
		padding:0 50px;
		text-align:left
}
}
@media (min-width:950px){
	.title{
		width:auto;
		left:350px;
		padding:0 30px 0 0;
		text-align:left
}
}
.aside{
	width:100%;
	height:100%;
	min-height:460px;
	position:relative;
	background:#000;
	padding:50px 30px
}
@media (min-width:450px){
	.aside{
		min-height:380px
}
}
@media (min-width:950px){
	.aside{
		min-height:500px
}
}
.curtain{
	display:none
}
@media (min-width:600px){
	.curtain{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:10;
		background:url(../js/images/06.png) repeat;
		opacity:.5
}
}
.branding{
	width:100%;
	float:left;
	display:block;
	color:#fff;
        /* background-image: url(assets/images/IoThon_logo_wht.png); */
}
.description{
	width:100%;
	float:left;
	color:#fff;
	text-align:center
}
.description p{
	margin:0 auto;
	float:none;
	max-width:400px;
	color:#fff;
	padding:20px 0 0 0
}
.description h4{
	padding:0 0 20px 0
}
.description span{
	display:block
}
@media (min-width:450px){
	.description span{
		display:inline
}
}
.aside-bottom{
	width:100%;
	position:absolute;
	bottom:80px;
	left:0;
	color:#fff;
	text-align:center
}
.button{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	float:left;
	height:50px;
	background:#28ce7e;
	text-align:center;
	padding:0;
	-webkit-transition:padding .5s;
	transition:padding .5s
}
@media (min-width:950px){
	.button{
		position:relative;
		margin:40px 0 0 0
}
}
.button span{
	color:#fff
}
.button:hover{
	padding:0 0 0 20px
}
.button a{
	display:inline-block;
	width:80%;
	height:50px;
	font-size:14px;
	font-size:1.4rem;
	line-height:50px;
	line-height:5rem;
	font-weight:800;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:3px
}
.footer{
	display:none
}
.footer p{
	padding:0;
	color:#666
}
@media (min-width:950px){
	.footer{
		display:block;
		width:100%;
		position:absolute;
		bottom:0;
		right:0;
		padding:20px;
		text-align:center
}
}
.footer-m{
	width:100%;
	float:left;
	padding:10px 20px;
	text-align:center;
	background:#000
}
.footer-m p{
	padding:0;
	color:#666
}
@media (min-width:950px){
	.footer-m{
		display:none
}
}
.header{
	width:100%;
	position:fixed;
	background:#fff;
	z-index:90;
	border-bottom:1px solid #666
}
@media (min-width:950px){
	.header{
		border-bottom:1px solid #e6e6e6
}
}
.menu{
	width:100%;
	float:right;
	text-align:center
}
@media (min-width:950px){
	.menu{
		padding:0 0 0 300px
}
}
@media (min-width:1280px){
	.menu{
		width:auto;
		padding:0 20px 0 0
}
}
.menu li{
	width:100%;
	float:left;
	display:block;
	border-top:1px solid #ccc;
	text-align:center
}
@media (min-width:400px){
	.menu li{
		width:50%
}
}
@media (min-width:1280px){
	.menu li{
		display:inline;
		width:auto;
		float:left;
		border:none
}
}
.menu li:nth-child(even){
	border-left:1px solid #ccc
}
@media (min-width:1280px){
	.menu li:nth-child(even){
		border:none
}
}
.menu li:last-child{
	border-bottom:none
}
.menu a,.menu a:visited{
	width:100%;
	display:inline-block;
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	font-size:1.6rem;
	line-height:24px;
	line-height:2.4rem;
	letter-spacing:1px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	color:#111;
	padding:13px 20px
}
.menu a:hover,.menu .active a{
	color:#28ce7e
}
.container{
	width:100%;
	float:left;
	padding:0 20px 100px 20px
}
.header-content{
	margin:0 auto;
	text-align:left;
	max-width:1250px;
	padding:0 10px
}
.header-content h1{
	font-size:40px;
	font-size:4rem;
	line-height:50px;
	line-height:5rem;
	text-align:left;
	text-transform:none;
	font-weight:700;
	color:#111
}
@media (min-width:500px){
	.header-content h1{
		font-size:56px;
		font-size:5.6rem;
		line-height:64px;
		line-height:6.4rem
}
}
.menu-sub{
	width:100%;
	float:left;
	margin:10px 0 20px 0
}
@media (min-width:600px){
	.menu-sub{
		border-bottom:5px solid #28ce7e
}
}
.menu-sub li{
	display:inline-block;
	width:100%
}
@media (min-width:600px){
	.menu-sub li{
		width:auto;
		float:left;
		margin:0 0 -5px 0
}
}
.menu-sub a,.menu-sub a:visited{
	width:100%;
	display:inline-block;
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	font-size:1.6rem;
	line-height:24px;
	line-height:2.4rem;
	letter-spacing:1px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	color:#111;
	padding:10px 20px;
	border-bottom:2px solid #e6e6e6
}
@media (min-width:600px){
	.menu-sub a,.menu-sub a:visited{
		border:none
}
}
.menu-sub a:hover,.menu-sub .active a{
	color:#28ce7e
}
@media (min-width:600px){
	.menu-sub a:hover,.menu-sub .active a{
		border-bottom:5px solid #333
}
}
.intro{
	font-style:italic;
	color:#111;
	padding:0 0 40px 0
}
.content{
	margin:0 auto;
	text-align:left;
	max-width:800px;
	padding:0 10px
}
.content h2,.content h3{
	font-family:'Open Sans',sans-serif;
	font-size:18px;
	font-size:1.8rem;
	line-height:26px;
	line-height:2.6rem;
	text-align:left;
	padding:10px 0;
	text-transform:none;
	font-weight:700;
	color:#111
}
.content p,.content ul{
	padding:0 0 15px 0
}
.content.basic ul{
	width:100%;
	float:left;
	list-style:none
}
.content.basic ul li{
	width:100%;
	float:left;
	color:#666;
	padding-left:16px;
	text-indent:-12px
}
.content.basic ul li::before{
	content:"• ";
	font-size:20px;
	color:#28ce7e
}
.schedule ul,.schedule dl{
	width:100%;
	float:left;
	max-width:600px;
	margin:0 0 30px 0
}
.schedule li,.schedule dt,.schedule dd{
	width:100%;
	float:left;
	border-bottom:1px solid #e6e6e6;
	padding:5px 0
}
@media (min-width:360px){
	.schedule li,.schedule dt,.schedule dd{
		width:50%
}
}
.schedule li:nth-child(even),.schedule dd{
	font-weight:700
}
.schedule h2{
	text-transform:uppercase
}
.js .nav-collapse{
	clip:rect(0 0 0 0);
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden;
	zoom:1
}
.nav-collapse.opened{
	max-height:9999px
}
.disable-pointer-events{
	pointer-events:none !important
}
a.nav-toggle,a.nav-toggle:visited{
	width:100%;
	display:block;
	text-align:center;
	padding:0 65px 0 0;
	background:url(../svg/fallback/icon-menu.png) center center no-repeat #000;
	background-image:url(../svg/icon-menu.svg),none;
	line-height:50px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	color:#fff;
	font-family:'Montserrat',sans-serif;
	font-size:14px;
	font-size:1.4rem;
	text-transform:uppercase;
	letter-spacing:1px;
	text-indent:-9999px
}
@media (min-width:950px){
	a.nav-toggle,a.nav-toggle:visited{
		text-align:right;
		color:#fff;
		background:url(../svg/fallback/icon-menu-h.png) right center no-repeat;
		background-image:url(../svg/icon-menu-h.svg),none
}
}
@media (min-width:1280px){
	a.nav-toggle,a.nav-toggle:visited{
		display:none
}
}
@media (min-width:950px){
	a.nav-toggle:hover,a.nav-toggle.active{
		background:url(../svg/fallback/icon-menu.png) right center no-repeat;
		background-image:url(../svg/icon-menu.svg),none
}
}
.social-icons {
  text-align: center;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:35px;
  height:35px;
  margin-right: 5px;
}
@media (min-width:1280px){
	.js .nav-collapse{
		position:relative
}
	.js .nav-collapse.closed{
		max-height:none
}
	.nav-toggle{
		display:none
}
}