@font-face {
    font-family: 'OpenSans';
    src: url('../font/opensans.eot');
    src: url('../font/opensans.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans.woff') format('woff'),
         url('../font/opensans.ttf') format('truetype'),
         url('../font/opensans.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../font/opensans-bold.eot');
    src: url('../font/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-bold.woff') format('woff'),
         url('../font/opensans-bold.ttf') format('truetype'),
         url('../font/opensans-bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body
{
	background-image: url('../img/background-top.png'), url('../img/background-pattern.png');
	background-position: -70px -65px, top left;
	background-repeat: no-repeat, repeat;
	font-family: OpenSans;
}
#container
{
	margin: 115px auto 0 auto;
	position: relative;
	width: 960px;
}
	#container *
	{
		margin: auto;
		position: relative;
	}
#speaker
{
	margin-bottom: 100px;
	width: 100%;
}
	#speaker .header
	{
		height: 125px;
		margin: auto;
		width: 284px;
	}
	#speaker .header *
	{
		display: inline-block;
		margin: 0;
		position: absolute;
	}
	#speaker .speakers
	{
		display: inline-block;
		height: 240px;
		margin: 7px;
		width: 240px;
	}
	#speaker .speakers .speaker
	{
		display: inline-block;
		height: 122px;
		margin: -3px;
		outline: none;
		width: 122px;
	}
	#speaker .speakers .speaker .sprite
	{
		position: absolute;
	}
	#speaker .speakers .speaker .pic
	{
		height: 85px;
		overflow: hidden;
		width: 122px;
	}
	#speaker .speakers .speaker .pic.top
	{
		left: 2px;
		top: 38px;
	}
		#speaker .speakers .speaker .pic .cut1
		{
			-webkit-transform: rotate(25deg);
			height: 160px;
			top: 22px;
			width: 125px;
			left: -1px;
			overflow: hidden;
		}
			#speaker .speakers .speaker .pic .cut1 img
			{
				width: 122px;
				top: -22px;
				left: -5px;
				-webkit-transform: rotate(-25deg);
			}
		#speaker .speakers .speaker .pic .cut2
		{
			-webkit-transform: rotate(-25deg);
			height: 160px;
			top: 22px;
			right: -2px;
			width: 122px;
			overflow: hidden;
		}
			#speaker .speakers .speaker .pic .cut2 img
			{
				width: 122px;
				top: -22px;
				right: -5px;
				-webkit-transform: rotate(25deg);
			}
		#speaker .speakers .speaker .pic .cut3
		{
			-webkit-transform: rotate(25deg);
			height: 160px;
			top: -97px;
			width: 122px;
			overflow: hidden;
		}
			#speaker .speakers .speaker .pic .cut3 img
			{
				width: 122px;
				top: 50px;
				right: -29px;
				-webkit-transform: rotate(-25deg);
			}
#speakerForm
{
	font-family: OpenSans;
	height: auto !important;
	margin: 2% auto;
	padding-bottom: 1em;
	width: 800px;
}
	#speakerForm *
	{
		margin: 0 auto 1em auto;
	}
	#speakerForm h2
	{
		color: #fff;
	}
	#speakerForm .container
	{
		overflow: hidden;
		height: 1300px;
		transition: height .5s ease;
	}
	#speakerForm .container.text
	{
		height: 665px;
		width: 650px
	}
	#speakerForm .container.hide
	{
		height: 0;
	}
	#speakerForm .sub
	{
		background-color: #c81416;
		border-radius: 5px;
		padding: 1em;
		transition: all .5s ease;
		overflow: hidden;
		width: 540px;
	}
	#speakerForm .sub.text
	{
	background-color: #fdfdfd;
	font-size: 13.5px;
	text-align: justify;
	width: 650px;
	}
	#speakerForm .sub.text.plus
	{
	}
	#speakerForm .read
	{
		color: #000;
	}
	#speakerForm .ent
	{
		height: 50px;
	}
	#speakerForm .mtop
	{
		margin-top: 1em;
	}
	#speakerForm .ent.active
	{
		height: 430px;
	}
	#speakerForm .con .content
	{
		height: 0;
		overflow: hidden;
		transition: all .5s ease;
	}
	#speakerForm .con .content.show
	{
		height: 7em;
	}
	#speakerForm .con .content .button
	{
		height: 0;
	}
	#speakerForm .con .content .button.show
	{
		height: 3em;
	}
	#speakerForm .button
	{
		background-color: #fcc61e;
		border-radius: 5px;
		border: none;
		color: #222;
		cursor: pointer;
		display: block;
		outline: none;
		height: 3em;
		padding: 1em;
		text-align: center;
		text-decoration: none;
		overflow: hidden;
		transition: all .5s ease;
		width: 100%;
	}
	#speakerForm .button:disabled
	{
		background-color: #ccc;
		color: #fff;
	}
	#speakerForm .button.text
	{
		background-color: #c81416;
		color: #fff;
		text-align: left;
		text-decoration: underline;
	}
	#speakerForm .button.hide
	{
		height: 0;
		padding: 0 1em;
	}
	#speakerForm input,
	#speakerForm select
	{
		color: #a9a9a9;
		border-radius: 3px;
		border: 1px solid #fff;
		outline: none;
		display: inline-block;
		padding: .3em;
		transition: color .5s ease;
		width: 250px;
	}
	#speakerForm input.changed,
	#speakerForm select.changed
	{
		color: #000;
	}
	#speakerForm input[type="radio"],
	#speakerForm input[type="radio"]:focus
	{
		border: none;
	}
	#speakerForm input:focus,
	#speakerForm select:focus
	{
		border: 1px solid #333;
		color: #000;
	}
	#speakerForm .full
	{
		width: 505px;
	}
	#speakerForm .half
	{
		width: 125px;
	}
	#speakerForm .third
	{
		width: 166px;
	}
	#speakerForm .third-3
	{
		width: 375px;
	}
	#speakerForm input[type='text']
	{

	}
	#speakerForm label
	{
		color: #fff;
		cursor: pointer;
		display: block;
		margin: auto;
		text-align: center;
		width: 400px;
	}
		#speakerForm label input
		{
			display: inline-block;
			width: 20px;
		}
	#speakerForm label.read
	{
		font-size: .8em;
		margin-bottom: 1em;
		text-align: justify;
		width: 100%;
	}
#speakers
{
	width: 100%;
	margin-bottom: 3em;
	margin-left: 15px;
}
	#speakers .speaker
	{
		font-size: .8em;
	}
		#speakers .speaker img
		{
			display: inline-block;
			height: 200px;
			width: 200px;
		}
		#speakers .speaker .cut1
		{
			height: 250px;
			width: 720px;
			overflow: hidden;
			transform: rotate(-2deg);
		}
		#speakers .speaker:nth-child(even) .cut1
		{
			transform: rotate(2deg);
		}
		#speakers .speaker .cut2
		{
			height: 250px;
			width: 720px;
			top: -50px;
			left: -5px;
			overflow: hidden;
			transform: rotate(4deg);
		}
		#speakers .speaker:nth-child(even) .cut2
		{
			left: 20px;
			transform: rotate(-4deg);
		}
		#speakers .speaker .content
		{
			background-image: url('../img/speaker/bkg.png');
			height: 300px;
			width: 720px;
			padding-top: 40px;
			top: 10px;
			overflow: hidden;
			transform: rotate(-2deg);
		}
		#speakers .speaker:nth-child(even) .content
		{
			transform: rotate(2deg);
		}
		#speakers .speaker .info
		{
			color: #fff;
			display: inline-block;
			padding: .5em;
			text-align: justify;
			vertical-align: top;
			width: 500px;
		}
			#speakers .speaker .info p
			{
				display: block;
				margin: .5em;
			}
		#speakers .speaker .name
		{
			display: block;
			font-size: 2em;
			vertical-align: top;
		}
#sponsors
{
	width: 100%;
}
	#sponsors .center
	{
		display: inline-block;
		margin: 15px auto 10px auto;
		text-align: center;
		width: 49%;
	}
	#sponsors .center.alone
	{
		width: 100%;
	}
#shedule
{
	background-color: #9c0;
	display: inline-block;
	margin: 0 45px 0 0;
	padding-top: 46px;
	width: 370px;
}
	#shedule *
	{
		margin: 0;
	}
	#shedule .sprite-label-2
	{
		position: absolute;
		left: 0;
		top: 2px;
	}
#tweetsmap
{
	background-color: #9c0;
	display: inline-block;
	width: 344px;
	vertical-align: top;
}
#twitter,
#map
{
	padding-top: 46px;
}
	#twitter .sprite-label-2
	{
		left: 0;
		position: absolute;
		top: 2px;
	}
	#map .sprite-label-2
	{
		right: 17px;
		position: absolute;
		text-align: right;
		padding-right: 1.5em;
		top: 2px;
	}
#social
{
	display: inline-block;
	margin: 0 45px 0 0;
	padding-top: 46px;
	width: 370px;
}
	#social .sprite-label-2
	{
		position: absolute;
		right: 43px;
		top: 2px;
	}
	#social .sprite-social-label,
	#social .sprite-social-bot
	{
		left: -13px;
	}
#blog
{
	background-color: #9c0;
	display: inline-block;
	padding-top: 46px;
	width: 344px;
	vertical-align: top;
}
	#blog .sprite-label-2
	{
		position: absolute;
		left: 16px;
		top: 2px;
	}
	#blog img
	{
		height: 105px;
	}
#video,
#contest
{
	color: #fff;
	display: inline-block;
	vertical-align: top;
}
#video
{
	margin-right: 20px;
	width: 770px;
	height: 100px;
	z-index: 91;
}
#contest
{
	display: inline-block;
	width: 770px;
}
	#contest *
	{
		display: inline-block;
	}
	#contest .img
	{
		height: 188px;
		left: 30px;
		width: 400px;
	}
		#contest .img .sprite-label-2
		{
			position: absolute !important;
			bottom: -2px;
			right: 0;
		}
		#contest .sprite-contest-video-label
		{
			z-index: 50;
			vertical-align: top;
			right: -7px;
		}
		#contest .img .sprite-label-1
		{
			vertical-align: top;
			position: absolute !important;
			z-index: 40;
			top: 17px;
			left: 7px;
		}
.sprite
{
	background: url('../img/sprite.png') no-repeat top left;
}
.sprite-background-container
{
	background-position: 0 0;
	height: 2470px;
	padding: 80px 35px 0 30px;
	top: -350px;
	width: 837px;
}
.sprite-background-container.landing
{
	height: auto;
	padding-top: 15%;
	padding-bottom: 15%;
}
.sprite-blog-label
{
	background-position: -887px 0;
	width: 343px;
	height: 18px;
}
.sprite-contest-photo-label
{
	background-position: -887px -68px;
	font-size: .8em;
	height: 18px;
	padding-right: 1em;
	text-align: right;
	width: 405px;
}
.sprite-contest-video-label
{
	background-position: -887px -136px;
	font-size: .8em;
	height: 18px;
	padding-left: 1em;
	text-align: left;
	width: 405px;
}
.sprite-header-label
{
	background-position: -887px -204px;
	width: 594px;
	height: 36px;
}
.sprite-header
{
	background-position: -885px -290px;
	width: 937px;
	height: 505px;
	z-index: 100;
}
	.sprite-header .logo
	{
		left: 70px;
		position: absolute;
		top: 70px;
	}
.sprite-label-1
{
	background-position: -887px -851px;
	color: #fff;
	height: 46px;
	padding: .7em 0 0 2em;
	text-align: left;
	width: 147px;
}
.sprite-label-2
{
	background-position: -887px -947px;
	color: #fff;
	height: 46px;
	padding: 1em 0 0 1em;
	text-align: left;
	width: 147px;
}
.sprite-map-bot
{
	background-position: -887px -1043px;
	width: 346px;
	height: 21px;
}
.sprite-map-label
{
	background-position: -887px -1114px;
	width: 344px;
	height: 18px;
}
.sprite-shedule-background
{
	background-position: -887px -1182px;
	height: 563px;
	width: 344px;
}
.sprite-shedule-label
{
	background-position: -887px -1795px;
	height: 18px;
	width: 344px;
}
.sprite-social-bot
{
	background-position: -887px -1863px;
	width: 349px;
	height: 109px;
}
.sprite-social-label
{
	background-position: -1874px 0;
	width: 344px;
	height: 18px;
}
.sprite-speaker-1
{
	background-position: -1874px -68px;
	color: #fff;
	font-family: OpenSans-Bold;
	font-size: 3.4em;
	height: 117px;
	padding-left: 15px;
	width: 189px;
}
.sprite-speaker-2
{
	background-position: -1874px -235px;
	color: #fff;
	height: 82px;
	font-family: OpenSans-Bold;
	font-size: 3.4em;
	left: 180px;
	top: 15px;
	width: 95px;
}
	.sprite-speaker-2 span
	{
		position: absolute;
		top: -15px;
	}
.sprite-speaker-label-1
{
	background-position: -1874px -367px;
	bottom: 0;
	height: 38px;
	width: 122px;
}
.sprite-speaker-label-2
{
	background-position: -1874px -455px;
	bottom: 0;
	height: 38px;
	left: 2px;
	width: 122px;
}
.sprite-speaker-label-3
{
	background-position: -1874px -543px;
	height: 38px;
	left: 2px;
	width: 122px;
}
.sprite-speaker-label-4
{
	background-position: -1874px -631px;
	height: 122px;
	width: 122px;
}
.sprite-sponsor
{
	background-position: -1874px -803px;
	color: #fff;
	font-family: OpenSans-Bold;
	font-size: 3.4em;
	height: 103px;
	padding: 10px 0 0 20px;
	width: 278px;
}
.sprite-sub-header
{
	background-position: -1874px -956px;
	color: #fff;
	width: 817px;
	height: 301px;
	top: -240px;
	padding: 70px 35px 0 35px;
	z-index: 90;
}
	.sprite-sub-header h2
	{
		display: block;
		float: right;
		font-size: 1.8em;
		text-align: right;
		width: 380px;
	}
	.sprite-sub-header h3
	{
		display: block;
		float: right;
		text-align: right;
		font-size: 1.1em;
		font-weight: normal;
		width: 380px;
	}
	.sprite-sub-header span
	{
		display: block;
		float: right;
		padding-top: 1.5em;
		text-align: right;
		width: 430px;
	}
	.sprite-header form
	{
		background-color: #f03131;
		border-radius: 3px;
		bottom: -10px !important;
		color: #fff;
		display: block;
		padding: 3px 3px 0 3px;
		height: 3em;
		position: absolute !important;
		right: 90px !important;
		width: 460px;
	}
		.sprite-header form a
		{
			color: #fff;
		}
		.sprite-header form input
		{
			border: none;
			display: inline-block;
			height: 3em;
			padding: 1em .5em;
			position: relative;
			width: 180px;
		}
		.sprite-header form input[type="submit"]
		{
			background-color: #fcc61e;
			color: #A47E0A;
			font-size: 14px;
			height: 48px;
			padding-top: .5em;
			vertical-align: top;
			width: 80px;
		}
		.sprite-header form span
		{
			display: block;
			height: 3em;
			overflow: hidden;
			transition: height .5s ease;
			text-align: right;
			width: 100%;
		}
		.sprite-header form span.name
		{
			display: inline-block;
			height: auto;
			overflow: normal;
			width: auto;
		}
		.sprite-header form span.name:first-letter
		{
			text-transform: capitalize;
		}
		.sprite-header form span.hide
		{
			height: 0;
		}
		.sprite-header form .content
		{
			height: 2.5em;
			overflow: hidden;
			transition: height .5s ease;
		}
		.sprite-header form .hide

		{
			height: 0;
		}
.sprite-tweet-bot
{
	background-position: -1874px -1307px;
	height: 85px;
	width: 343px;
}
.sprite-tweet-label
{
	background-position: -1874px -1442px;
	height: 18px;
	width: 344px;
}
.sprite-video-bot
{
	background-position: -1874px -1510px;
	color: #000;
	height: 159px;
	vertical-align: top;
	right: -32px;
	width: 323px;
}
	.sprite-video-bot .sprite-label-1
	{
		color: #fff;
		float: left;
		left: -33px;
	}
	.sprite-video-bot span
	{
		display: block;
		left: -20px;
		font-size: 10px;
		text-align: justify;
		padding: 0 5px 0 40px;
	}
.sprite-video-label
{
	background-position: -1874px -1719px;
	height: 18px;
	padding-left: 1em;
	top: -10px;
	font-size: .8em;
	width: 359px;
}
.sprite-video-top
{
	background-position: -1874px -1787px;
	width: 344px;
	height: 34px;
	top: -25px;
	left: 0;
	position: absolute !important;
	z-index: 100;
}