/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%; background: #111;}
body { font: normal 62.5%  Georgia, "Times New Roman", serif; font-weight: 400; color: #666666; min-height: 100%; background: #111; }

h1, h2, h3, h4, h5, h6 { color: #111; font-family: "proxima-nova-extra-condensed", Helvetica, Arial, sans-serif;  font-size: 1.6em; font-weight: 300;}
p { font-size:1.4em; line-height:1.6em; margin:16px 0; }

.left { float:left; display:inline;}
.right { float: right; display: inline;}

.overflow { width: 100%; overflow: hidden;}
.push { clear: both;}

a { text-decoration: none; font-weight: 300; }
a:link { color: #00d89e;}
a:visited { color: #00d89e;}
a:hover { color: #fff; text-decoration: underline;}
a:active { color: #00d89e;}

.buttons a { text-align: center; float:left; display:block; font-size: 1.2em; text-transform:  uppercase; padding: 24px 20px; text-indent: 2px; letter-spacing: 4px; border: 6px solid #fff; color: #fff; background: transparent; font-family: 'Knockout 29 A', 'Knockout 29 B', Helvetica, Arial, sans-serif; font-weight: 400; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.buttons a:hover { background: #9a8e5e; border: 6px solid #9a8e5e; text-decoration: none; color: #fff;}
a.button {  text-align: center; float:left; display:block; font-size: 1.2em; text-transform:  uppercase; padding: 24px 20px; text-indent: 2px; letter-spacing: 4px; border: 6px solid #fff; color: #fff; background: transparent; font-family: 'Knockout 29 A', 'Knockout 29 B', Helvetica, Arial, sans-serif; font-weight: 400; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
a.button:hover { background: #9a8e5e; border: 6px solid #9a8e5e; text-decoration: none; color: #fff;}

.buttons { overflow: hidden;  width: 70%; margin: 40px auto 0 auto;}
.buttons a.left { width: 47%; }
.buttons a.right { width: 47%; float: right;}

a.button-buy { width: 100%; max-width: 240px; display: block; color: #000; margin: 40px auto 0 auto; padding: 16px 0; font-size: 20px; text-align: center; font-family:"proxima-nova", Helvetica, Arial, sans-serif; font-weight: 600; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
a.button-buy:hover { background: #444 !important; color: #fff !important; text-decoration: none;}

/* Main Selectors
--------------------------------------------------------------------------------------- */

.wrapper_login, .wrapper_video {
  background: url(../images/background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
	padding: 60px 0 52px 0;
}

.wrap { margin: 0 auto;}
.wrapper_login .wrap { width: 92.75%; max-width: 586px;}
.wrapper_login h1 { text-align: center; width: 300px; margin: 0 auto;}
.wrapper_login h1 img { width: 100%; max-width: 100%; height: auto; }
.wrapper_login .header { padding: 0 0 50px 0;}

.login_wrap { padding: 40px 10.2389078498% 50px 10.2389078498%; background: #444; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
input.input_normal { width: 90%; padding: 20px 5%; border: 0; font-size: 2.4em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
input.btn_submit { background: #00d89e; margin: 0 0 0 0; color: #000; font-weight: 600; font-family:"proxima-nova", Helvetica, Arial, sans-serif; font-size: 1.4em; text-transform: uppercase; letter-spacing: 2px; float:left; display:inline; border: 0; padding: 20px 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
input.btn_submit:hover { background: #111 !important; cursor: pointer; color: #fff !important;}
.button_row { width: 100%; overflow: hidden; margin-top: 16px;}
.forgot_links { float:left; display:inline; font-size: 1.4em; color: #fff; margin: 7px 0 0 5%; font-family:"proxima-nova", Helvetica, Arial, sans-serif;}

.forgot_links a:link { color: #fff;}
.forgot_links a:visited { color: #fff;}
.forgot_links a:hover { color: #00d89e; text-decoration: underline;}
.forgot_links a:active { color: #fff;}

.sponsors { width: 100%; overflow: hidden; margin-top: 60px;}
.sponsors a { display: block; float: none; opacity:.3; filter:alpha(opacity=30); margin: 0 auto; width: 100%; max-width: 250px;}
.sponsors a:hover { opacity:1; filter:alpha(opacity=100);}
.sponsors a img { width: 100%; max-width: 250px; height: auto; }

.sponsors_buttons { max-width: 810px; width: 93.75%; margin: 0 auto; overflow: hidden;}
.sponsors_buttons a.button { width: 48.5185185185%; padding-left: 0; padding-right: 0; text-align: center; font-size: 1.8em; }
.sponsors_buttons a.button.left { float:left; display:inline; }
.sponsors_buttons a.button.right { float: right; display: inline; }

.sponsors_buttons.circles_live a.button { width: 48.5185185185%; margin: 0 auto; float: none; }

.footer_login { width: 92.75%; max-width: 586px; margin: 0 auto; padding: 50px 0;}
.footer_login p { font-size: 1.1em; margin: 0; color: #555;}
.copyright { float:left; display:inline; }
.footer_login p.support { float:right; display:inline; }

.speakers_avatars { padding: 60px 0 40px 0; background: #fff;}
.speakers_avatars h2 { color: #111; font-size: 36px; text-align: center; font-family:"proxima-nova", Helvetica, Arial, sans-serif; font-weight: 600; }
.speakers { max-width: 1240px; width: 93.75%; margin: 0 auto; padding-top: 60px;}
.speaker_item { width: 19.6774193548%; float:left; text-align: center; display:inline; margin-right: 7.09677419355%; margin-bottom: 40px;}
.speaker_item.alt { margin-right: 0;}
.speaker_item.fifth { clear: left;}
.speaker_item img { width: 100%; height: auto; max-width: 100%;}
.speaker_avatar { margin-bottom: 24px; position: relative;}
.speaker_item h3 { font-family: "proxima-nova", Helvetica, Arial, sans-serif; line-height: 1em; letter-spacing: 2px; font-size: 2em; text-transform: uppercase; font-weight: 300; margin-bottom: 3px; }
.speaker_item small { font-size: 1.1em; color: #999; font-style: italic;}

.register_wrap { background: #00d89e; }
.register_wrap.no_win { background: #00d89e; }
.register { width: 92.7%; max-width: 1080px; margin: 0 auto; padding: 50px 0 60px 0; }
.register h3 { color: #fff; font-size: 36px; text-align: center; font-family:"proxima-nova", Helvetica, Arial, sans-serif; font-weight: 600; margin-bottom: 40px;}
.register p { color: #111; text-align: center; font-size: 2.4em; line-height: 1.2em; font-style: italic;}

.register .buttons a:hover { background: #111; border-color: #111;}

p.opener { text-align: center; font-size: 2em;}
p.opener a:hover { color:#111; text-decoration: none;}

p.login-text { text-align: center; color: #fff; font-size: 1.8em; margin: 0 0 24px 0; font-family:"proxima-nova", Helvetica, Arial, sans-serif; font-weight: 600; text-align: center;}

/* Form Messages
--------------------------------------------------------------------------------------- */
.message { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.message p { font-family: "Lucida Grande", sans-serif; color: #FFF; font-size: 1.6em; text-align: center; padding: 14px; margin-top: 0;}
.errors { background: red; }
.success { background: #78AB46; }
.header_title { color: #FFF; font-family: "Lucida Grande", sans-serif; font-size: 36px; font-weight: bold; }

.tagboard_wrap { background: #fff; padding: 40px 0;}
.tagboard_wrap h2 { text-align: center; font-size: 4em; margin-bottom: 20px; text-transform: uppercase; }
.tagboard { width: 92.75%; max-width: 1240px; margin: 0 auto;}

/* Reset Defaults
--------------------------------------------------------------------------------------- */

.wrapper_video { padding: 30px 0;}
.wrapper_video .wrap { width: 92.75%; max-width: 1440px; margin: 0 auto;}
.wrapper_video .header { padding: 0 0 0 0; width: 87.5%; margin: 0 auto; overflow: hidden;}
.wrapper_video .header h1 { width: 300px; margin: 0 auto;}
.wrapper_video .header h1 img { width: 100%; max-width: 100%; height: auto; }
.wrapper_video .header p.right { margin: 26px 0 0 0;}

.speaker_wrap { padding: 30px 0; background: #282828;}
.speaker { width: 92.75%; max-width: 700px; margin: 0 auto; overflow: hidden;}
.speaker_image { float:left; display:inline; width: 14.2857142857%;}
.speaker_image img { width: 100%; max-width: 100%; height: auto; }
.speaker_info { float: right; display: inline; width: 81.4285714286%;}

.speaker_info h2.name { font-size: 3em; color: #00d89e; line-height: 1em; margin-top: 12px;}
.speaker_info h2.name .comingup { font-size: .55em; color: #fff; margin-top: -17px; text-transform: uppercase; letter-spacing: 3px; }
.speaker_info h2.name span { color: #999; font-size: .45em; font-family: "pt-serif-caption", Georgia, "Times New Roman", serif; font-style: italic; margin-left: 4px;}
.speaker_info h2.title { color: #fff; font-size: 3.6em; line-height: 1em;}

.footer_video { width: 92.75%; max-width: 700px; margin: 0 auto; padding: 40px 0;}
.footer_video p { font-size: 1.1em; margin: 0; color: #555;}
.footer_video .sponsors { margin-top: 0; margin-bottom: 30px; }
.footer_video .sponsors a { display: block; float: none; opacity:.3; filter:alpha(opacity=30); margin: 0 auto; width: 100%; max-width: 250px;}
.support { float:right; display:inline; }

.video { margin-top: 22px;}

/* Media Queries
--------------------------------------------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

	.header h1 {
		background:url(../images/image@2x.png) 0 0 no-repeat !important;
		-moz-background-size: 152px 31px !important;
		-o-background-size: 152px 31px !important;
		-webkit-background-size: 152px 31px !important;
		background-size: 152px 31px !important;
	}

}

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

}

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

.speakers { position: relative;}
.speakers h2 { margin-bottom: 50px;}
.speaker_item { width: 29.1666666667%; float:left; text-align: center; display:inline; margin-right: 6.25%; margin-bottom: 40px;}
.speaker_item.alt { margin-right: 6.25%;}
.speaker_item.third { margin-right: 0;}
.speaker_item h3 { font-size: 1.8em; text-transform: uppercase; }
.speaker_item.fourth { clear: left;}
.speaker_item.fifth { clear: none;}

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

.speakers_wrap { padding: 58px 0 18px 0;}
.speakers { position: relative;}
.speakers h2 { margin-bottom: 50px;}
.speaker_item { width: 29.1666666667%; float:left; text-align: center; display:inline; margin-right: 6.25%; margin-bottom: 40px;}
.speaker_item.alt { margin-right: 6.25%;}
.speaker_item.third { margin-right: 0;}
.speaker_item h3 { font-size: 1.8em; text-transform: uppercase; }
.speaker_item.fourth { clear: left;}
.speaker_item.fifth { clear: none;}

}

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

	input { -webkit-appearance: none; border-radius: 0; }
	.wrapper_login h1 { width: 78%; margin: 0 auto;}
	.wrapper_login { padding: 30px 0 24px 0;}
	.wrapper_login .header { padding: 0 0 24px 0;}
	.login_wrap { padding: 12px 5%; }
	input.input_normal { padding: 20px 5%; font-size: 1.8em; }
	input.btn_submit { letter-spacing: 2px; padding: 20px 0; width: 100%; text-align: center;}
	.forgot_links { margin: 12px 0 0 0; width: 100%; text-align:center; }
	.sponsors { width: 100%; overflow: hidden; margin-top: 30px;}
	.copyright { width: 100%; text-align: center;}
	.support {width: 100%; text-align: center;}
	.footer_login p.support { margin-top: 12px;}
	.footer_login { padding: 30px 0;}

.speakers_avatars { padding: 30px 0 10px 0; }

	.speakers { position: relative; padding-bottom: 0px;}
	.speakers h2 { margin-bottom: 30px; font-size: 3em;}
	.speaker_item { width: 46.25%; float:left; text-align: center; display:inline; margin-right: 7.5%; margin-bottom: 20px;}
	.speaker_item.alt { margin-right: 0;}
	.speaker_item.third { margin-right: 7.5%;}
	.speaker_item.even { margin-right: 0;}
	.speaker_item h3 { font-size: 1.1em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
	.speaker_avatar { margin-bottom: 12px;}
	.speaker_avatar:hover .speaker_hover { display: none; }
	.speaker_item.fourth { clear: none;}
	.speaker_item.fifth { clear: none;}

	.sponsors_buttons.circles_live a.button { width: 100%; }

	a.button-buy { width: 100%; max-width: 240px; display: block; color: #000; margin: 40px auto 0 auto; padding: 16px 0; font-size: 20px; text-align: center; font-family:"proxima-nova", Helvetica, Arial, sans-serif; font-weight: 600; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

	.buttons a.left { width: 100%; }
	.buttons a.right { width: 100%; float: right; margin-top: 10px;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

	input { -webkit-appearance: none; border-radius: 0; }
	.wrapper_login h1 { width: 78%; margin: 0 auto;}
	.wrapper_login { padding: 30px 0 24px 0;}
	.wrapper_login .header { padding: 0 0 24px 0;}
	.login_wrap { padding: 12px 5%; }
	input.input_normal { padding: 20px 5%; font-size: 1.8em; }
	input.btn_submit { letter-spacing: 2px; padding: 20px 0; width: 100%; text-align: center;}
	.forgot_links { margin: 12px 0 0 0; width: 100%; text-align:center; }
	.sponsors { width: 100%; overflow: hidden; margin-top: 30px;}
	.copyright { width: 100%; text-align: center;}
	.support {width: 100%; text-align: center;}
	.footer_login p.support { margin-top: 12px;}
	.footer_login { padding: 30px 0;}

.speakers_avatars { padding: 30px 0 10px 0; }

.speakers { position: relative; padding-bottom: 0px;}
.speakers h2 { margin-bottom: 30px; font-size: 3em;}
.schedule h2 small { font-size: .525em; color: #999;}
.speaker_item { width: 46.25%; float:left; text-align: center; display:inline; margin-right: 7.5%; margin-bottom: 20px;}
.speaker_item.alt { margin-right: 0;}
.speaker_item.third { margin-right: 7.5%;}
.speaker_item.even { margin-right: 0;}
.speaker_item h3 { font-size: 1.1em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.speaker_avatar { margin-bottom: 12px;}
.speaker_avatar:hover .speaker_hover { display: none; }
.speaker_item.fourth { clear: none;}
.speaker_item.fifth { clear: none;}

	.sponsors_buttons.circles_live a.button { width: 100%; }

}