@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=a132d97a-da15-4f90-a225-03ebefd17371");
    @font-face{
        font-family:"33";
        src:url("../includes/fonts/170b06bb-fec9-4e1b-9fa8-ddc9b686d8b5.eot?#iefix");
        src:url("../includes/fonts/170b06bb-fec9-4e1b-9fa8-ddc9b686d8b5.eot?#iefix") format("eot"),url("../includes/fonts/76623803-2b62-4c34-be21-c81ead28b379.woff2") format("woff2"),url("../includes/fonts/327669a6-efac-4cce-9e96-13dd2d2e680e.woff") format("woff"),url("../includes/fonts/b32ece14-a4d6-4dd6-959c-aad90747cb77.ttf") format("truetype"),url("../includes/fonts/92786305-3921-440d-8e97-3188c1fa8070.svg#92786305-3921-440d-8e97-3188c1fa8070") format("svg");
    }
    @font-face{
        font-family:"93";
        src:url("../includes/fonts/0bebe1ee-1b5a-4bb8-9c3a-77b2894ec5ac.eot?#iefix");
        src:url("../includes/fonts/0bebe1ee-1b5a-4bb8-9c3a-77b2894ec5ac.eot?#iefix") format("eot"),url("../includes/fonts/7de87fb1-de1f-45c3-adef-b60ed40c7beb.woff2") format("woff2"),url("../includes/fonts/86c987f4-96f9-4452-bdac-b02d0d3dd276.woff") format("woff"),url("../includes/fonts/7e4242a1-319f-46bf-87d9-d70c3c49e833.ttf") format("truetype"),url("../includes/fonts/f63b0d1f-a25e-450f-ae9f-9911f1acacfd.svg#f63b0d1f-a25e-450f-ae9f-9911f1acacfd") format("svg");
    }


@font-face {
  font-family: 'Sidecar Clothing';
  src: url('../includes/fonts/sidecar_clothing_icon.eot'); /* IE9 Compat Modes */
  src: url('../includes/fonts/sidecar_clothing_icon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../includes/fonts/sidecar_clothing_icon.woff') format('woff'), /* Pretty Modern Browsers */
       url('../includes/fonts/sidecar_clothing_icon.otf')  format('opentype'), /* Safari, Android, iOS */
       url('../includes/fonts/sidecar_clothing_icon.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sidecar Commerce';
  src: url('../includes/fonts/sidecar_commerce_icon.eot'); /* IE9 Compat Modes */
  src: url('../includes/fonts/sidecar_commerce_icon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../includes/fonts/sidecar_commerce_icon.woff') format('woff'), /* Pretty Modern Browsers */
       url('../includes/fonts/sidecar_commerce_icon.otf')  format('opentype'), /* Safari, Android, iOS */
       url('../includes/fonts/sidecar_commerce_icon.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sidecar Office One';
  src: url('../includes/fonts/sidecar_office_icon_1.eot'); /* IE9 Compat Modes */
  src: url('../includes/fonts/sidecar_office_icon_1.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../includes/fonts/sidecar_office_icon_1.woff') format('woff'), /* Pretty Modern Browsers */
       url('../includes/fonts/sidecar_office_icon_1.otf')  format('opentype'), /* Safari, Android, iOS */
       url('../includes/fonts/sidecar_office_icon_1.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sidecar Office Two';
  src: url('../includes/fonts/sidecar_office_icon_2.eot'); /* IE9 Compat Modes */
  src: url('../includes/fonts/sidecar_office_icon_2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../includes/fonts/sidecar_office_icon_2.woff') format('woff'), /* Pretty Modern Browsers */
       url('../includes/fonts/sidecar_office_icon_2.otf')  format('opentype'), /* Safari, Android, iOS */
       url('../includes/fonts/sidecar_office_icon_2.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

.icon_clothing { font-family: "Sidecar Clothing";}
.icon_commerce { font-family: "Sidecar Commerce";}
.icon_office_one { font-family: "Sidecar Office One";}
.icon_office_two { font-family: "Sidecar Office Two";}
.skinny { font-family: "33", Helvetica, Arial, sans-serif !important;}
.thick { font-family: "93", Helvetica, Arial, sans-serif !important;}
.proxima { font-family: "proxima-nova", Helvetica, Arial, sans-serif !important;}



/* 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%;  }
body { font: normal 62.5% "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 400; color: #666666; min-height: 100%; background: #111; }

h1, h2, h3, h4, h5, h6 { font-size:1.4em; color: #111; font-family: "93", Helvetica, Arial, sans-serif; }
p { font-size:1.8em; line-height:1.8em; margin:20px 0; font-weight: 300;}

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

.ta-left { text-align: left !important;}
.ta-right { text-align: right !important;}
.ta-center { text-align: center !important;}

.overflow { overflow: hidden;}

img { width: 100%; max-width: 100%; height: auto; display: block;}

.bg-white { background: #fff !important;}
.double.height-reset .left,.double.height-reset .right { height: auto !important; min-height: inherit !important;}

svg { width:100% !important; height:auto !important; }

.bs { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.push { clear: both;}
.relative { position: relative;}
.absolute { position: absolute;}

a { text-decoration: none; font-weight: 600; }
a:link { color: #111;}
a:visited { color: #111;}
a:hover { color: #111; text-decoration: underline;}
a:active { color: #111;}

.sponsor-wrap a:link { color: #fff;}
.sponsor-wrap a:visited { color: #fff;}
.sponsor-wrap a:hover { color: #fff; text-decoration: underline;}
.sponsor-wrap a:active { color: #fff;}

.sponsor-wrap.local-sponsors a:link { color: #111;}
.sponsor-wrap.local-sponsors a:visited { color: #111;}
.sponsor-wrap.local-sponsors a:hover { color: #111; text-decoration: underline;}
.sponsor-wrap.local-sponsors a:active { color: #111;}

.bottom a:link { color: #9013FE;}
.bottom a:visited { color: #9013FE;}
.bottom a:hover { color: #9013FE; text-decoration: underline;}
.bottom a:active { color: #9013FE;}

.footer a:link { color: #777;}
.footer a:visited { color: #777;}
.footer a:hover { color: #fff; text-decoration: underline;}
.footer a:active { color: #777;}

.red.no-sponsors a:link { color: #9013FE;}
.red.no-sponsors a:visited { color: #9013FE;}
.red.no-sponsors a:hover { color: #9013FE; text-decoration: underline;}
.red.no-sponsors a:active { color: #9013FE;}

a.button { display: block; color: #111; border:4px solid #FF00C0; width: 100%; max-width: 200px; padding: 16px 0; font-size: 1.4em; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; text-align: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
a.button:hover { background: #FF00C0; color: #fff; text-decoration: none;}
a.button.full { padding-left: 0; padding-right: 0; text-align: center; width: 100%; margin-left: auto; margin-right: auto; margin-top: 40px;}

a.button.white { border-color: #fff !important; color: #fff !important; }
a.button.white:hover { background: #fff !important; color: #111 !important; text-decoration: none;}


.rotate {
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotate-right {
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


hr.divider { width: 80px; height: 4px; border: 0; background: #9013FE; color: #9013FE; margin-left: auto; margin-right: auto; }
hr.divider.black { background: #222; color: #222; }
hr.divider.white { background: #fff; color: #fff; width: 100%; max-width: 200px; }
hr.divider.ta-left { margin-left: 0;}
hr.divider.ta-right { margin-right: 0;}

.white { color: #FFF !important;}
.pink { color: #FF00C0 !important;}
.teal { color: #5aecea !important;}

/* Menu Icon
--------------------------------------------------------------------------------------- */

.fixed-register { display: none; width: 120px; height: 44px; background: #9013FE; position: fixed; top: 50px; right: 110px; z-index: 400;}
.fixed-register.show { display:block; }
.fixed-register a { background: #FF00C0; color: #fff; font-size: 1.8em; display: block; float:left; width: 100%; height: 44px; line-height: 44px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.fixed-register a:hover {  background: #111; text-decoration: none;}


a#btnMenu { display: block; width: 30px; height: 24px; padding: 10px; background: transparent; position: fixed; top: 50px; right: 50px; z-index: 9999;}
a#btnMenu.white { background: #111; }

#nav-icon4{width:30px;height:24px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}
#nav-icon4 span{display:block;position:absolute;height:4px;width:100%;background:#fff;border-radius:4px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon4 span:nth-child(1){top:0;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#nav-icon4 span:nth-child(2){top:10px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#nav-icon4 span:nth-child(3){top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#nav-icon4.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-1px;left:5px}
#nav-icon4.open span:nth-child(2){width:0;opacity:0}
#nav-icon4.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:20px;left:5px}


/* Menu Big
--------------------------------------------------------------------------------------- */

.menu-wrapper { width: 100%; height: 100vh;position: fixed;top: 0; left: 0;z-index: 9000; display: none; background: #444; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.menu-wrapper-2 {
	width: 100%; height: 100%; overflow: hidden;
	background: #222;
}
.menu-wrap { width: 80vw; height: 80vh; margin: 10vh auto 0 auto; }
.menu-wrap h2.title-menu { color: #fff; font-size: 7vw; line-height: 1em; text-transform: lowercase; }
.menu-wrap h2.titles { color: #fff;}
.menu-content { margin-top: 5vh; }
.menu-content .right { width: 50%; margin-top: -12vh;}
.menu-content .left { width: 30%; max-width: 480px;}
.menu-content .left p { margin-top: 0; line-height: 1.2em;}
.menu-content ul li { font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 5vw; text-transform: uppercase; margin-bottom: .25vh; line-height: 1em; letter-spacing: 4px;}
.menu-content ul li a { color: #9013FE;}
.menu-content ul li a:hover { text-decoration: line-through; color: #fff;}

.social-menu { }
.social-menu-icons { margin-top: 40px; width: 160px; overflow: hidden;}
.social-menu-icons a { float: left; display: block; width: 40px; margin-right: 20px;}
.social-menu-icons a.last { margin-right: 0;}
.social-menu-icons a:hover { opacity:.3; filter:alpha(opacity=30);}

.menu-wrap a.button { width: 100%; max-width: 100%; border-color: #fff; color: #fff; margin: 7vh 0;}
.menu-wrap a.button:hover { border-color: #fff; background: #fff; color: #111;}

a.close { font-size: 3em; font-weight: 300; color: #fff; text-decoration: none; position: absolute; top: 20px; right: 20px; height: 50px; width: 56px; line-height: 54px; background: transparent; text-align: center; font-family: "proxima-nova", Helvetica, Arial, sans-serif;}
a.close:hover { background: #111; color: #fff; text-decoration: none; }


/* Contstants
--------------------------------------------------------------------------------------- */

/* THE MARGINS ARE BASED ON 60px ON A 1240px GRID */

.col_2, .columns { width: 100%; }
.col_2 .left, .col_2 .right { width: 47.5806451613%;}
.col_2.full .left, .col_2.full .right { width: 50%;}
.col_2.full .left .left, .col_2.full .left .right, .col_2.full .right .right, .col_2.full .right .left { background: none; width: 44.6428571429%;}
.fluid_half_wrap { margin: 0 auto; width: 80.6451612903%; }
.panel { float: left; display: inline; margin-right: 4.83870967742%;}
.panel.last { margin: 0;}
.columns.panels_3 .panel { width: 30.1075268817%;}
.columns.panels_4 .panel { width: 21.3709677419%;}
.columns.panels_5 .panel { width: 16.1290322581%;}

.header_wrap { background: #111; max-width:100%;}
.content_wrap { background: #fff; }
.footer { width: 100%; margin: 0 auto;}

.bg_image {
	width: 100%;
	-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')";
	overflow: hidden;
}

.section { width: 90%; max-width: 1440px; margin: 0 auto;}
.short-width { width: 90%; max-width: 840px; margin: 0 auto;}

h2.titles { font-size: 5em; text-transform: lowercase; color: #111; }
.small-titles { font-size: 14px; letter-spacing: 3px; text-transform: uppercase; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; font-weight: 700 !important; }
.small-titles a { font-weight: 600; text-decoration: none;}
.small-titles.red { color: #9013FE;}
.all-caps { text-transform: uppercase !important;}


.bg-grey { background: #222;}
.bg-grey-light { background: #f5f5f5;}

svg .white { fill: #fff;}
svg .pink { fill: #FF00C0;}

.purple-blue-g {
	background: #9013fe; /* Old browsers */
	background: -moz-linear-gradient(top, #9013fe 0%, #540abe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #9013fe 0%,#540abe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #9013fe 0%,#540abe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9013fe', endColorstr='#540abe',GradientType=0 ); /* IE6-9 */
}

.hidden { display: none !important;}


/* Header
--------------------------------------------------------------------------------------- */

.header_wrap { width: 100vw; height: 100vh; background: #9013FE; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.bg-image {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	-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')";
}



/* Hero
--------------------------------------------------------------------------------------- */

.pad-100 { padding: 100px !important;}
.sale strong { color: #111;}


h1.logo { width: 140px; position: absolute; left: -130px; top: 41px; z-index: 5;}
h3.date { font-size: 6vw; position: absolute; bottom: 40px; right: 40px; z-index: 5; color: #fff; text-shadow: 40px 40px 15px rgba(0, 0, 0, 0.15); width: 800px; text-align: right; line-height: .8em;}

h2.big-hero { color: #fff; font-size: 9.6vw; text-transform: uppercase; line-height: .9em; position: relative; z-index: 99; margin-top: 24vh; text-shadow: 40px 40px 15px rgba(0, 0, 0, 0.18);}

.shape-circles { width: 100%; max-width: 700px; position: absolute; z-index: 2; top: 50%; margin-top: -350px; left: 50%; margin-left: -350px;}
.rectangle-bg { width: 100%; max-width: 440px; height: 75vh; position: absolute; z-index: 1; top: 50%; margin-top: -37.5vh; left: 50%; margin-left: -220px;
	-webkit-box-shadow: 0px 0px 232px 22px rgba(255,255,255,.1);
	-moz-box-shadow: 0px 0px 232px 22px rgba(255,255,255,.1);
	box-shadow: 0px 0px 232px 22px rgba(255,255,255,.1);
}
.rectangle-bg-clear { width: 100%; max-width: 440px; height: 75vh; position: absolute; z-index: 999; top: 50%; margin-top: -37.5vh; left: 50%; margin-left: -220px;}
.rectangle-bg-clear a.button { position: absolute; bottom: 60px; right: -156px; width: 180px; z-index: 9999; color: #fff !important;}
.rectangle-bg-clear a.button:hover { background: #FF00C0;}

.header { position: relative; z-index: 99;}
.header h3 { color: #fff; margin: 20px 0 0 10px; font-size: 1.8em;}



.red-border h4 { z-index: 6; font-size: 3em; color: #fff; font-weight: 600; line-height: 1em; position: absolute; right: -450px; top: -22px; text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.22);}
.red-border h4 a {font-weight: 600; text-decoration: none; color: #fff;}
.red-border h4 a:hover {text-decoration: underline; color: #fff;}
.red-border h4 span { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #999;}


.header .small-titles { color:#9013FE;}

.header .rotate-right { position: absolute; right: -35px; width: 200px; text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);}
.header .hero-date.rotate-right { top: 30vh; }
.header .hero-location.rotate-right { top: 60vh; }


a.btn-arrow { display: block; width: 60px; height: 60px; position: absolute; bottom: 0; left: 39.0804597701%; bottom: 30%; z-index: 9;}

h2.page-name { color:#9013FE; font-size: 9.4vw; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; line-height: .5em; position: absolute; z-index: 1; left: 39.0804597701%; text-shadow: 1px 1px 50px rgba(0, 0, 0, 0.2);}
h2.page-name span { font-size: 24px;}
.workshops h2.page-name { font-size: 8vw;}

a.arrow-down { width: 58px; height: 58px; display: block; position: absolute; bottom: 12.5vh; left: 110px; z-index: 7;}
a.arrow-down:hover svg .pink { fill:#fff;}



/* Homepage
--------------------------------------------------------------------------------------- */


.what-is-squares .right { width: 60.9195402299%; height: 740px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.what-is-squares .left { width: 39.0804597701%; height: 740px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.what-is-squares h2.titles { font-size: 4.8em;}
.what-left { position: absolute; bottom: 0; right: 0; max-width: 530px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.what-right { position: absolute; bottom: 0; left: 0; max-width: 910px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #fff;}
.what-right p { margin-bottom: 60px;}

.about-content .left, .about-content .right { width: 45%; height: inherit;}
.about .what-is-squares .right { height: auto !important; position: relative;}
.about .what-right { position: inherit;}
.about .what-right p { margin-bottom: 0; color: #666;}
.what-is-squares .right .right { background: none;}

.why-come-wrap { display: flex;}
.why-come-wrap .left { background: #FF00C0; flex: 1; }
.why-come-wrap .right { flex: 1; }
.why-come-wrap .left p {color: #fff;}
.why-come h2 { float:left; display:inline; font-size: 3vw; color: #fff; line-height: 1em;}
.why-come h3 { font-weight: 600; font-size: 2em; margin-bottom: 16px; color: #fff;}
.left .why-come h3 { color: #222;}
.why-come .why-come-content { float:right; display:inline; width: 84%;}

.quote h2 { font-size: 5em; color: #9013FE; font-weight: 100; line-height: 1.2em; margin-bottom: 10px;}
.quote h3.small { font-size: 1.6em; color: #333; font-weight: 600;}
.quote h3.small span { font-size: 12px; font-weight: 300; font-style: italic; color: #999;}
.quote h3.small.white { color: #aaa; }
.quote h3.small.white span { color: #666; }

.recap-wrap { width: 240px; overflow: hidden; float:right; display:inline;}
.recap-wrap h3 { font-size: 3em; text-transform: uppercase; float:left; display:inline; line-height: 55px;}
.recap-wrap a { display: block; float: right; width: 55px; height: 55px;}
.recap-wrap a:hover { opacity:.3; filter:alpha(opacity=30);}

.home-speakers-wrap .rotate { position: absolute; left: -12%; width: 200px; top: -20px; color: #9013FE;}
.home-speakers-wrap.sale .rotate { top: 24px !important; }
.home-speakers-wrap .rotate-right { right: -12%; width: 200px; bottom: 170px; position: absolute; font-size: 11px;}
.home-speakers-wrap .rotate-right a { color: #999;}
.home-speakers-wrap .rotate-right a:hover { color: #111;}

.home-speakers { z-index: 3;}
.home-speakers .panel { width: 23.4375%; margin-right: 2.08333333333%; float:left; display:inline; margin-bottom: 1.3%;}
.home-speakers .panel.first { clear: left;}
.home-speakers.page-speakers .panel { width: 20.8333333333%; margin-right: 5.55555555556%;  }
.home-speakers.page-speakers .reverse .panel { width: 20.8333333333%; margin-left: 5.55555555556%; margin-right: 0 !important; float: right; }
.home-speakers .panel.big { width: 50% !important; margin-right: 0 !important; margin-bottom: 100px; }
.home-speakers .panel.big.first {clear: left; }
.home-speakers .panel.last { margin-right: 0;}
.home-speakers.page-speakers .reverse .panel.last { margin-left: 0; }

.speaker-panel h2 { font-size: 2.4em; color: #9013FE; margin-top: 16px;}
.speaker-panel h3 { font-weight: 600; color: #333; font-size: 1.4em; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important;}
.speaker-image { background: #111; position: relative;}
.big .speaker-image {background: #9013FE; }
.speaker-image:hover img.avatar { opacity:.2; filter:alpha(opacity=20);}
.big.last .speaker-image:hover img.avatar { opacity:1; filter:alpha(opacity=100);}
.speaker-links { display: none; width: 100px; position: absolute; z-index: 50; top: 50%; left: 50%; margin-left: -50px; margin-top: -20px; z-index: 4;}
.speaker-image:hover .speaker-links { display: block;}
.speaker-links a { display: block; width: 40px; height: 40px;}
.speaker-links a:hover {opacity:.5; filter:alpha(opacity=50);}
.btn_website { float: left;}
.btn_twitter { float: right;}

.square-border { width: 700px; position: absolute;}
.square-border.side-right { bottom: -200px; right: -350px;}

.double { overflow: hidden; background: #222; z-index: 1;}
.double .left { width: 50%; min-height: 1000px;}
.double .right { width: 50%; min-height: 1000px;}
.double.flip .left { float: right;}
.double.flip .right { float: left;}
.double .absolute { bottom: 0; max-width: 720px; width: 100%; }
.double .rotate { left: -76px; width: 200px; bottom: 318px; position: absolute; font-size: 11px; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #666; font-weight: 600; line-height: 1em;}


.starting-price { float:left; display:inline;}
.starting-price h4 { font-size: 1.6em; text-transform: lowercase; color: #fff; margin-bottom: 4px; font-weight: 600; line-height: 1em;}
.starting-price h5 { font-size: 6em; text-transform: lowercase; font-weight: 100; line-height: 1em; color: #fff;}
.price a.button { float:right; border-color: #fff; color: #fff; margin: 22px 0 0 0;}
.price a.button:hover { background: #fff; color: #111;}

h3.big-title { font-size: 7vw; line-height: .85em; margin-left: -10px;}


/* Satellite
--------------------------------------------------------------------------------------- */

.satellite .what-right p { margin-bottom: 0; color: #666;}
.satellite .what-right .white p {  color: #fff !important;}
.sponsor-wrap.local-sponsors { background: #fff !important; color: #111;}

.satellite  h3.big-title { font-size: 5vw !important;}

h3.intro { font-size: 3.6em;}

.workshops-satellite { background: #FF00C0; color: #fff;}
.workshops-satellite .schedule-panel { width: 21.25%; float: left; display: inline; margin-right: 5%;}
.workshops-satellite .schedule-panel.last { margin-right: 0;}
.workshops-satellite .schedule-meta { width: 100% !important;}
.workshops-satellite .schedule-meta h5.title-session { font-size: 2em;}

.workshops-satellite .what-is-squares .right { height: auto !important;  }
.workshops-satellite .what-is-squares .left { height: auto !important;}

.workshops-satellite .what-left {  }
.workshops-satellite .what-right { position: relative; background: none;}

.satellite .schedule-meta h2.titles { font-size: 1.6vw; margin: 20px 0; line-height: 1em;}

.satellite a.button.white.center { max-width: 360px; width: 100%; padding-left: 0; padding-right: 0; text-align: center; margin: 0 auto; }

.satellite .what-is-satellite .price { float:none; display:block; width: 100%; max-width: 500px; margin: 0 auto;}
.satellite .what-is-satellite .starting-price h4 { color: #111; }
.satellite .what-is-satellite .starting-price h5 { color: #111;}
.satellite .what-is-satellite .price a.button { border-color: #FF00C0; color: #FF00C0; }
.satellite .what-is-satellite .price a.button:hover { background: #FF00C0; color: #fff;}


/* Sponsors
--------------------------------------------------------------------------------------- */

.sponsor-wrap { background: #9013FE; z-index: 2; color: #fff;}
.sponsor-wrap .square-border { top: -200px; position: absolute; border-color: #fff; height: 400px;}
.schedule .sponsor-wrap .square-border { border-color: #222; }
.sponsor-wrap .square-border.side-left { border-left: 0; }

.partner-logos a { display: block; width: 20%; float:left;}
.sponsor-wrap .rotate { left: -9%; width: 110px; text-align: center; bottom: 64px; position: absolute; color: #fff; }


/* Speakers
--------------------------------------------------------------------------------------- */


.panelists .left { width: 20.8333333333%; }
.panelists .right { width: 73.6111111111%; }
.panelists .panel { width: 28.3018867925%; margin-right: 7.54716981132%; float:left; display:inline; margin-bottom: 1.3%;}
.panelists .panel.last { margin-right: 0;}
.panelists.bg-grey h2.small-titles { color: #fff; text-transform: uppercase;}
.panelists.bg-grey .speaker-panel h2 { color: #fff; }
.panelists.bg-grey .speaker-panel h3 { color: #666; }

.panelists .quote h2 { font-size: 3.6em; color: #9013FE; font-weight: 100; line-height: 1.2em; margin-bottom: 10px;}
.panelists.bg-grey .quote h3 { color: #fff;}

h5.corner-name { position: absolute; z-index: 2; bottom: 20px; right: 20px; color: #fff; font-size: 2.6em;}
h5.corner-name span { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #fff; font-weight: 600;}

.double .rotate-right { right: -76px; width: 200px; bottom: 116px; position: absolute; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #666; font-weight: 600; line-height: 1em;}


/* Venue
--------------------------------------------------------------------------------------- */

.venue-wrap {
	background: #fff url(../images/bg-venue.jpg) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}
.venue-wrap .left { width: 50%; padding: 180px 0 300px 0;}
.venue-wrap .left h1 { font-size: 6vw; font-weight: 600; line-height: .8em;}
.venue-wrap .right { width: 33.3333333333%; padding-top: 290px;}
.venue-wrap .right h2 { font-size: 3em; color: #9013FE; margin-bottom: 20px;}

.triple { overflow: hidden;}
.triple img { float:left; display:inline; width: 33.3333333333%;}
.double .rotate.bbb { color: #fff;}

.quote.right { width: 40%; margin-right: 20%;}

.parties h2 { font-size: 3em; color: #fff; margin-bottom: 10px;}
.parties .small-titles { color: #9013FE;}

.double .rotate-right.up { right: 150px; width: 100px; top: 980px;height: 16px; position: absolute; font-size: 27em; letter-spacing: 3px; text-transform: uppercase; color: #9013FE; font-weight: 600; line-height: 1em;}


/* Schedule
--------------------------------------------------------------------------------------- */

.schedule-menu { display: none; width: 220px; height: 44px; background: #9013FE; position: fixed; top: 50px; right: 240px; z-index: 400;}
.schedule-menu.show { display:block; }
.schedule-menu a { color: #fff; font-size: 1.8em; display: block; float:left; width: 33.3333333333%; height: 44px; line-height: 44px; text-align: center; border-right: 1px solid #a846ff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.schedule-menu a:last-child { border: 0;}
.schedule-menu a:hover, .schedule-menu.wed a.active {  background: #111; text-decoration: none;}

.schedule-wrap .left { width: 39.0804597701%; }
.schedule-wrap .right { width: 60.9195402299%;}
.schedule-left { width: 88%; max-width: 530px; float:right; display:inline; text-align: right; }
.schedule-right { width: 88%; max-width: 910px; float:left; display:inline; }

.schedule-left p { font-size: 1.6em; line-height: 1.3em;}
.schedule-wrap .titles { line-height: .8em; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important;}
.schedule-wrap .titles span { font-size: 24px;}
.workshop-dates { font-size: 2.4em; color: #9013FE; margin-top: 16px;}

.schedule-wrap .rotate { position: absolute; left: -28%; width: 200px; top: 86px; color: #9013FE;}
.schedule-image { margin-top: 60vh;}

.schedule-row { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 4px solid #eee;}
.schedule-row:last-child { padding-bottom: 0; border: 0; margin-bottom: 0;}
.schedule-time { float:left; display:inline; width: 16.4835164835%;}
.schedule-content { float:right; display:inline; width: 78.1208791209%; }
.schedule-avatar { float:left; display:inline; width: 12.5%; background: #111;}
.schedule-meta { float:right; display:inline; width: 80.5694444444%; }

.schedule-type { line-height: 1em; font-size: 1.8em; text-transform: uppercase;}
.schedule-content .titles { color: #9013FE; margin: 10px 0;}
.schedule-content .titles.black { color: #222; }
.schedule-content .no-description .titles { color: #333; margin: 0; }
.schedule-content h5 { font-weight: 600; font-size: 2em; margin-bottom: 16px;}
.schedule-content p { margin-bottom: 0; font-size: 1.6em; line-height: 1.4em; margin-top: 10px !important;}
.schedule-panel { margin-bottom: 40px;}
.schedule-panel:last-child { margin-bottom: 0;}

.schedule-panels { overflow: hidden;}
.schedule-panels img { float:left; display:inline; width: 11.2857142857%; margin-right: 3%; }


/* Title
--------------------------------------------------------------------------------------- */


.tracks .left, .tracks .right { width: 45%;}
.tracks h3 { color: #222 !important;}
.tracks h2.titles.red { color: #9013FE !important;}
.tracks h5 { font-weight: 600; font-size: 2em; margin-bottom: 16px;}
.tracks h5.workshop-meta { font-size: 1.4em !important; margin-top: 20px; line-height: 1.5em; color: #FF00C0;}
.tracks .schedule-avatar { float:left; display:inline; width: 22.5%; background: #111;}
.tracks .schedule-meta { float:right; display:inline; width: 70.5694444444%; }
.tracks .schedule-meta p { margin-bottom: 0; font-size: 1.6em; line-height: 1.4em; margin-top: 10px !important;}
.tracks .schedule-panel { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 4px solid #eee;}
.tracks .schedule-panel:last-child { padding-bottom: 0; border: 0; margin-bottom: 0;}

.about-left { width: 39.0804597701%; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }


/* Sponsors
--------------------------------------------------------------------------------------- */


.sponsors-big, .sponsors-small { position: relative; z-index: 3; }
.sponsors-big li { text-align: center; width: 50%; margin-right: 0; float: left; display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.sponsors-big li.empty { }
.sponsors-big li { margin-right: 0;}
.sponsors-big hr { width: 60px; height: 4px; border: 0; background: #fff; color: #fff; margin: 30px auto 20px auto; }
.sponsors-big h3 { font-size: 1.4em; text-transform: uppercase; letter-spacing: 3px; line-height: 1em; font-weight: 600;}
.sponsors-big img { width: 90%; max-width: 90%; height: auto; margin: 0 auto; }

.sponsors-small li { text-align: center; width: 25%; margin-right: 0; float: left; display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.sponsors-small li.empty { }
.sponsors-small li { margin-right: 0;}
.sponsors-small hr { width: 60px; height: 4px; border: 0; background: #fff; color: #fff; margin: 30px auto 20px auto; }
.sponsors-small h3 { font-size: 1.4em; text-transform: uppercase; letter-spacing: 3px; line-height: 1em; font-weight: 600;}
.sponsors-small img { width: 80%; max-width: 80%; height: auto; margin: 0 auto; }

.sponsor-wrap .rotate-right.up { right: 150px; width: 100px; top: 1200px;height: 16px; position: absolute; font-size: 27em; letter-spacing: 3px; text-transform: uppercase; color: #c2201f; font-weight: 600; line-height: 1em; z-index: 1;}

.volunteer { background: #FF00C0 !important;}
.update-wrap.volunteer a.button { border-color: #fff !important; color: #fff !important; }
.volunteer .section { max-width: 1000px;}
.volunteer .email-wrap { width: 74%;}

/* Stay Updated
--------------------------------------------------------------------------------------- */


.email-wrap { width: 66.6666666667%; float:left; display:inline;}
.email-wrap h2 { float:left; display:inline; margin-top: -4px; line-height: .9em;}
.email { width: 64.5833333333%; float:right; display:inline; height: 84px; background: #eee;}
.email label { position: absolute; top: 0; left: 0; z-index: 3; font-size: 1.6em; font-weight: 300; display: block; height: 84px; line-height: 84px; padding: 0 0 0 24px; color: #999;}
.email input.email-input { position: relative; z-index: 2; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 1.6em; color: #222; font-weight: 600; border: 0; height: 84px; width: 100%; background: #ddd; line-height: 84px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 24px;}
.email input.email-button { position: absolute; top: 0; right: 0; z-index: 3; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 1.6em; background: #222; color: #fff; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; border: 0; height: 84px; width: 100%; max-width: 120px; line-height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 24px;}
.email input.email-button:hover { cursor: pointer; background: #9013FE;}

#divEmailConfirmation { display: none; height: 84px; background: #339933; text-align: center; width: 100%; text-align: center;}
#divEmailConfirmation h2 { line-height: 84px; text-align: center; font-weight: 300; font-size: 3em; color: #fff; float: none; margin: 0;}

.or { width: 13.3333333333%;}
.or h2 { margin-top: 10px;}
.update-wrap a.button { padding-left: 0; padding-right: 0; width: 20% !important; max-width: 100%; float: right; padding: 0; height: 84px; line-height: 78px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


/* Bottom
--------------------------------------------------------------------------------------- */

.bottom {
	background: #222222 url(../images/bg-footer-2.jpg) no-repeat top center;
	-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')";
}
.bottom .section { padding-bottom: 500px; position: relative;}

.circles-logo { width: 100%; max-width: 300px; margin: 0 auto; padding-top: 800px;}
.footer-meta { text-align: center;}
.footer-meta li {color: #666; letter-spacing: 2px; text-align: center; font-size: 1.2em; text-transform: uppercase; display: inline; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 700; padding: 0 5px;}
.footer-meta li span {padding: 0 10px;}
.footer-meta li.middle::after { content: "/"; color: #46444b;}
.footer-meta li.middle::before { content: "/"; color: #46444b; }

.circles-half { width: 100%; position: absolute; left: 0; bottom: 0; opacity:.07; filter:alpha(opacity=7);}


/* Footer
--------------------------------------------------------------------------------------- */

.footer { color: #666; overflow: hidden; padding: 24px 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

p.copyright { color: #444;  font-size: 1em; letter-spacing: 2px; text-transform: uppercase; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 700; float: left; display: inline; margin: 0;}
p.copyright.right { float: right; text-align: right;}


/* Overrides
--------------------------------------------------------------------------------------- */

.marg-20 { margin: 20px !important;}
.marg-40 { margin: 40px !important;}
.marg-60 { margin: 60px !important;}
.marg-80 { margin: 80px !important;}
.marg-100 { margin: 100px !important;}
.marg-120 { margin: 120px !important;}
.marg-180 { margin: 180px !important;}

.marg-t-30, a.marg-t-30 { margin-top: 30px !important;}
.marg-t-40, a.marg-t-40 { margin-top: 40px !important;}
.marg-t-60, a.marg-t-60 { margin-top: 60px !important;}
.marg-t-80, a.marg-t-80 { margin-top: 80px !important;}
.marg-t-100, a.marg-t-100 { margin-top: 100px !important;}
.marg-t-120, a.marg-t-120 { margin-top: 120px !important;}
.marg-t-140, a.marg-t-140 { margin-top: 140px !important;}
.marg-t-160, a.marg-t-160 { margin-top: 160px !important;}
.marg-t-180, a.marg-t-180 { margin-top: 180px !important;}
.marg-t-220, a.marg-t-220 { margin-top: 220px !important;}

.marg-b-30, a.marg-b-30 { margin-bottom: 30px !important;}
.marg-b-40, a.marg-b-40 { margin-bottom: 40px !important;}
.marg-b-60, a.marg-b-60 { margin-bottom: 60px !important;}
.marg-b-80, a.marg-b-80 { margin-bottom: 80px !important;}
.marg-b-100, a.marg-b-100 { margin-bottom: 100px !important;}
.marg-b-120, a.marg-b-120 { margin-bottom: 120px !important;}
.marg-b-160, a.marg-b-160 { margin-bottom: 160px !important;}
.marg-b-180, a.marg-b-180 { margin-bottom: 180px !important;}
.marg-b-220, a.marg-b-220 { margin-bottom: 220px !important;}

.marg-tb-20 { margin: 20px 0 !important;}
.marg-tb-40 { margin: 40px 0 !important;}
.marg-tb-60 { margin: 60px 0 !important;}
.marg-tb-80 { margin: 80px 0 !important;}
.marg-tb-100 { margin: 100px 0 !important;}
.marg-tb-120 { margin: 120px 0 !important;}
.marg-tb-180 { margin: 180px 0 !important;}

.marg-r-20 { margin-right: 20px !important;}
.marg-r-40 { margin-right: 40px !important;}
.marg-r-60 { margin-right: 60px !important;}
.marg-r-80 { margin-right: 80px !important;}
.marg-r-100 { margin-right: 100px !important;}
.marg-r-120 { margin-right: 120px !important;}
.marg-r-180 { margin-right: 180px !important;}

.marg-l-20 { margin-left: 20px !important;}
.marg-l-40 { margin-left: 40px !important;}
.marg-l-60 { margin-left: 60px !important;}
.marg-l-80 { margin-left: 80px !important;}
.marg-l-100 { margin-left: 100px !important;}
.marg-l-120 { margin-left: 120px !important;}
.marg-l-180 { margin-left: 180px !important;}

.pad-20 { padding: 20px;}
.pad-40 { padding: 40px;}
.pad-80 { padding: 80px;}
.pad-r-80 { padding-right: 80px;}
.pad-l-80 { padding-left: 80px;}
.pad-100 { padding: 100px;}
.pad-120 { padding: 120px;}
.pad-140 { padding: 140px;}
.pad-160 { padding: 160px;}
.pad-r-100 { padding-right: 100px;}
.pad-l-100 { padding-left: 100px;}

.pad-t-40 { padding-top: 40px !important;}
.pad-t-60 { padding-top: 60px !important;}
.pad-t-80 { padding-top: 80px !important;}
.pad-t-100 { padding-top: 100px !important;}
.pad-t-120 { padding-top: 120px !important;}
.pad-t-140 { padding-top: 140px !important;}
.pad-t-160 { padding-top: 160px !important;}
.pad-t-180 { padding-top: 180px !important;}
.pad-t-200 { padding-top: 200px !important;}
.pad-t-220 { padding-top: 220px !important;}

.pad-b-40 { padding-bottom: 40px !important;}
.pad-b-60 { padding-bottom: 60px !important;}
.pad-b-80 { padding-bottom: 80px !important;}
.pad-b-100 { padding-bottom: 100px !important;}
.pad-b-120 { padding-bottom: 120px !important;}
.pad-b-140 { padding-bottom: 140px !important;}
.pad-b-160 { padding-bottom: 160px !important;}
.pad-b-180 { padding-bottom: 180px !important;}
.pad-b-200 { padding-bottom: 200px !important;}
.pad-b-220 { padding-bottom: 220px !important;}

.pad-tb-40 { padding: 40px 0 !important;}
.pad-tb-60 { padding: 60px 0 !important;}
.pad-tb-80 { padding: 80px 0 !important;}
.pad-tb-100 { padding: 100px 0 !important;}
.pad-tb-120 { padding: 120px 0 !important;}
.pad-tb-140 { padding: 140px 0 !important;}
.pad-tb-160 { padding: 160px 0 !important;}
.pad-tb-180 { padding: 180px 0 !important;}
.pad-tb-240 { padding: 240px 0 !important;}
.pad-tb-280 { padding: 280px 0 !important;}

.mobile, a.mobile { display: none !important}
.desktop, a.desktop { display: block !important;}


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

@media (max-height: 780px) {
	h2.big-hero { margin-top: 12.5vh; }
	h1.logo { width: 130px; position: absolute; left: -178px; top: 0; z-index: 5;}
	h3.date { bottom: 20px; right: 20px; }
.rectangle-bg-clear a.button { bottom: 0; right: -240px; }

	.rotate {
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}


}

@media (max-height: 540px) {
	h2.big-hero { margin-top: 5vh; }
}

/* Desktops and laptops ----------- */

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

h2.big-hero { font-size: 8vw; margin-top: 24vh; }
h3.date { font-size: 4vw; bottom: 40px; right: 40px; width: 800px; }

}

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

h2.big-hero { font-size: 9vw; margin-top: 24vh; }
h3.date { font-size: 5vw;  }

}

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

h2.big-hero { font-size: 9.6vw; }

}



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

	.register-wrap h5 { font-size: 4em; margin-top: 58px; }

	.home-speakers-wrap .rotate { position: absolute; left: -10%; }
	.home-speakers-wrap .rotate-right { right: -10%; }

	.sponsor-wrap .rotate { left: -7%; }

	.what-right { padding-right: 10%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
	.what-left { padding-left: 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

}

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

	.register-wrap { height: 120px; }
	.register-wrap a { width: 120px; height: 120px; }

	.register-wrap h5 { font-size: 3.2em; margin-top: 48px; }

	.double .left, .double .right { min-height: 850px;}
	.venue .double .left, .venue .double .right { min-height: 1000px;}
	.double .rotate-right.up { right: 130px; }

	.email { width: 60%; }

	.squares-logo { width: 100px; }

}

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


	.register-wrap { height: 120px; }
	.register-wrap a { width: 120px; height: 120px; }

	.register-wrap h5 { font-size: 3.2em; margin-top: 45px; }

	.double .left { min-height: 800px; width: 39.0804597701%;}
	.double .right { min-height: 800px; width: 60.9195402299%;}
	.speakers .double .left, .speakers .double .right, .why-come-wrap.double .left, .why-come-wrap.double .right{ width: 50%;}
	.venue .double .left, .venue .double .right { min-height: 920px;}
	.double .rotate-right.up { right: 120px; top: 878px;height: 16px; position: absolute; font-size: 24em; }

	.pad-120 { padding: 80px !important;}
	.pad-l-80 { padding-left: 60px;}

	.home-speakers-wrap .rotate { position: absolute; left: -13%; }
	.home-speakers-wrap .rotate-right { right: -13%; }

	h2.titles { font-size: 4em; }
	.quote h2 { font-size: 4em; }
	.what-is-squares h2.titles { font-size: 4em;}
	.update-wrap h2 { margin-top: 16px !important; }

	.email-wrap { width: 60.6666666667%;}
	.or { width: 10.3333333333%;}
	.update-wrap a.button { width: 28% !important; }
	.volunteer .section { max-width: 1000px;}
	.volunteer .email-wrap { width: 70% !important;}

	.pad-b-180 { padding-bottom: 120px !important;}
	.pad-t-180 { padding-top: 120px !important;}
	.pad-tb-180 { padding: 120px 0 !important;}

	.what-is-squares .right, .what-is-squares .left { height: 600px;}

	.marg-b-180 { margin-bottom: 120px !important;}
	.marg-t-180 { margin-top: 120px !important;}
	.marg-tb-180 { margin: 120px 0 !important;}

	.parties .small-titles { letter-spacing: 1px;}

	.squares-logo { width: 90px; }

	p { font-size:1.6em; line-height:1.6em; }
	.about .what-is-squares .right { height: 760px !important;}

	.speaker-panel h2 { font-size: 1.8em; margin-top: 10px; }
	.speaker-panel h3 { font-size: 1em;}

	.workshop-dates { font-size: 2em; }


}


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


	.register-wrap h5 { font-size: 2.6em; margin-top: 38px; letter-spacing: 1px; }
	.register-wrap { height: 100px; }
	.register-wrap a { width: 100px; height: 100px; }

	h2.titles { font-size: 3em; }
	.quote h2 { font-size: 3em; }
	.panelists .quote h2 { font-size: 3em;}
	.what-is-squares h2.titles { font-size: 3.4em;}

	.home-speakers-wrap .rotate { left: -14%; }
	.home-speakers-wrap .rotate-right { right: -14%; bottom: 150px; }

	.pad-b-140 { padding-bottom: 100px !important;}
	.pad-t-140 { padding-top: 100px !important;}
	.pad-tb-140 { padding: 100px 0 !important;}

	.sponsor-wrap .pad-t-140 { padding-top: 80px !important;}
	.sponsor-wrap .pad-b-120 { padding-bottom: 80px !important;}

	.panelists.pad-tb-180 { padding-bottom: 80px !important;}

	.about .what-is-squares .right, .what-is-squares .right, .what-is-squares .left, .about .what-is-squares .left { height: 450px !important;}
	.menu-content .left { width: 40%;}
	.menu-content .left p { font-size: 1.3em; line-height: 1.2em;}
	.menu-content a.button { padding: 16px 10px;}

	.social-menu-icons { margin-top: 20px; }

	.about .what-is-squares .right { height: auto !important;}

	.parties .small-titles { letter-spacing: 0; font-size: 1.2em;}


}


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


	.marg-60 { margin: 40px !important;}
	.marg-80 { margin: 60px !important;}
	.marg-100 { margin: 80px !important;}
	.marg-120 { margin: 80px !important;}
	.marg-180 { margin: 80px !important;}

	.marg-t-60, a.marg-t-60 { margin-top: 40px !important;}
	.marg-t-80, a.marg-t-80 { margin-top: 60px !important;}
	.marg-t-100, a.marg-t-100 { margin-top: 80px !important;}
	.marg-t-120, a.marg-t-120 { margin-top: 80px !important;}
	.marg-t-160, a.marg-t-160 { margin-top: 80px !important;}
	.marg-t-180, a.marg-t-180 { margin-top: 80px !important;}
	.marg-t-220, a.marg-t-220 { margin-top: 80px !important;}

	.marg-b-60, a.marg-b-60 { margin-bottom: 40px !important;}
	.marg-b-80, a.marg-b-80 { margin-bottom: 60px !important;}
	.marg-b-100, a.marg-b-100 { margin-bottom: 80px !important;}
	.marg-b-120, a.marg-b-120 { margin-bottom: 80px !important;}
	.marg-b-160, a.marg-b-160 { margin-bottom: 80px !important;}
	.marg-b-180, a.marg-b-180 { margin-bottom: 80px !important;}
	.marg-b-220, a.marg-b-220 { margin-bottom: 80px !important;}

	.marg-tb-60 { margin: 40px 0 !important;}
	.marg-tb-80 { margin: 60px 0 !important;}
	.marg-tb-100 { margin: 80px 0 !important;}
	.marg-tb-120 { margin: 80px 0 !important;}
	.marg-tb-180 { margin: 80px 0 !important;}

	.pad-80 { padding: 60px;}
	.pad-r-80 { padding-right: 60px;}
	.pad-160 { padding: 80px 0;}
	.pad-r-100 { padding-right: 80px;}
	.pad-l-100 { padding-left: 80px;}

	.pad-t-60 { padding-top: 40px !important;}
	.pad-t-80 { padding-top: 60px !important;}
	.pad-t-100 { padding-top: 80px !important;}
	.pad-t-120 { padding-top: 80px !important;}
	.pad-t-160 { padding-top: 80px !important;}
	.pad-t-180 { padding-top: 80px !important;}
	.pad-t-200 { padding-top: 80px !important;}
	.pad-t-220 { padding-top: 80px !important;}

	.pad-b-60 { padding-bottom: 40px !important;}
	.pad-b-80 { padding-bottom: 60px !important;}
	.pad-b-100 { padding-bottom: 80px !important;}
	.pad-b-120 { padding-bottom: 80px !important;}
	.pad-b-160 { padding-bottom: 80px !important;}
	.pad-b-180 { padding-bottom: 80px !important;}
	.pad-b-200 { padding-bottom: 80px !important;}
	.pad-b-220 { padding-bottom: 80px !important;}

	.pad-tb-60 { padding: 40px 0 !important;}
	.pad-tb-80 { padding: 60px 0 !important;}
	.pad-tb-100 { padding: 80px 0 !important;}
	.pad-tb-120 { padding: 80px 0 !important;}
	.pad-tb-160 { padding: 80px 0 !important;}
	.pad-tb-180 { padding: 80px 0 !important;}


	h2.page-name { font-size: 8.4vw; line-height: .6em; letter-spacing: 3px; }
	h2.page-name span { font-size: 24px;}
	.workshops h2.page-name { font-size: 8vw;}

	.register-wrap h5 { font-size: 2.2em; margin-top: 30px; letter-spacing: 1px; }
	.register-wrap { height: 80px; }
	.register-wrap a { width: 80px; height: 80px; }
	.register-wrap h5.pad-l-80 { padding-left: 34px;}

	.squares-logo { width: 110px; }

	.starting-price { float:left; display:inline; width: 100%; margin-bottom: 24px;}
	.price a.button { width: 100% !important; padding-left: 0; padding-right: 0; text-align: center; max-width: 100%;}

	.home-speakers-wrap .rotate { position: absolute; left: -15.5%; }
	.home-speakers-wrap .rotate-right { right: -15.5%; }
	.sponsor-wrap .rotate { left: -10%; bottom: 32px; }

	.double .left { min-height: 600px; }
	.double .right { min-height: 600px; }

	.venue-wrap .right h2 { font-size: 1.8em; color: #9013FE;}
	.quote.right { width: 50%; margin-right: 0;}
	.recap-wrap.marg-t-140 { margin-top: 80px !important; margin-right: 0;}
	.venue .double .left, .venue .double .right { min-height: 830px;}
	.about .what-is-squares .right { height: auto !important;}

	p { font-size:1.4em; line-height:1.6em; }

	.header-wrapx h2.small-titles { letter-spacing: 0; }
	.recap-wrap { width: 180px; overflow: hidden; float:right; display:inline;}
	.recap-wrap h3 { font-size: 2em; line-height: 55px;}

	.home-speakers-wrap .rotate { left: -16%; }
	.home-speakers-wrap .rotate-right { right: -16%; bottom: 150px; }

	.schedule-left.pad-r-100 { padding-right: 40px !important;}

	.double .rotate-right.up { right: 90px; top: 808px;height: 16px; position: absolute; font-size: 22em; }

	.email-wrap { width: 100%; float:left; display:inline; margin-bottom: 40px;}
	.email-wrap h2 { float:left; display:inline; margin-top: 10px;}
	.email { width: 64.5833333333%; float:right; display:inline; height: 84px; background: #eee;}
	.email label { position: absolute; top: 0; left: 0; z-index: 3; font-size: 1.6em; font-weight: 300; display: block; height: 84px; line-height: 84px; padding: 0 0 0 24px; color: #999;}
	.email input.email-input { position: relative; z-index: 2; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 1.6em; color: #222; font-weight: 600; border: 0; height: 84px; width: 100%; background: #ddd; line-height: 84px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 24px;}
	.email input.email-button { position: absolute; top: 0; right: 0; z-index: 3; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 1.6em; background: #222; color: #fff; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; border: 0; height: 84px; width: 100%; max-width: 120px; line-height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 24px;}
	.email input.email-button:hover { cursor: pointer; background: #9013FE;}

	.or { width: 10%; clear: left; text-align: left !important;}
	.or h2 { margin-top: 10px; text-align: left !important;}
	.update-wrap a.button { width: 90% !important; max-width: 90%; }
	.update-wrap.volunteer a.button { width: 100% !important; max-width: 100% !important;}

	.pad-100 { padding: 50px !important;}
	a.arrow-down { left: 50px; z-index: 7;}

h2.big-hero { margin-top: 35vh; }

}

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

	input { -webkit-appearance:none;  -webkit-border-radius:0px; }

}

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

	.mobile, a.mobile { display: block !important}
	.desktop, a.desktop { display: none !important;}


	.marg-60 { margin: 40px !important;}
	.marg-80 { margin: 40px !important;}
	.marg-100 { margin: 40px !important;}
	.marg-120 { margin: 40px !important;}
	.marg-180 { margin: 40px !important;}

	.marg-t-60, a.marg-t-60 { margin-top: 40px !important;}
	.marg-t-80, a.marg-t-80 { margin-top: 40px !important;}
	.marg-t-100, a.marg-t-100 { margin-top: 40px !important;}
	.marg-t-120, a.marg-t-120 { margin-top: 40px !important;}
	.marg-t-160, a.marg-t-160 { margin-top: 40px !important;}
	.marg-t-180, a.marg-t-180 { margin-top: 40px !important;}
	.marg-t-220, a.marg-t-220 { margin-top: 40px !important;}

	.marg-b-60, a.marg-b-60 { margin-bottom: 40px !important;}
	.marg-b-80, a.marg-b-80 { margin-bottom: 40px !important;}
	.marg-b-100, a.marg-b-100 { margin-bottom: 40px !important;}
	.marg-b-120, a.marg-b-120 { margin-bottom: 40px !important;}
	.marg-b-160, a.marg-b-160 { margin-bottom: 40px !important;}
	.marg-b-180, a.marg-b-180 { margin-bottom: 40px !important;}
	.marg-b-220, a.marg-b-220 { margin-bottom: 40px !important;}

	.marg-tb-60 { margin: 40px 0 !important;}
	.marg-tb-80 { margin: 40px 0 !important;}
	.marg-tb-100 { margin: 40px 0 !important;}
	.marg-tb-120 { margin: 40px 0 !important;}
	.marg-tb-180 { margin: 40px 0 !important;}

	.pad-80 { padding: 40px;}
	.pad-r-80 { padding-right: 40px;}
	.pad-160 { padding: 40px 0;}
	.pad-r-100 { padding-right: 40px;}
	.pad-l-100 { padding-left: 40px;}

	.pad-t-60 { padding-top: 40px !important;}
	.pad-t-80 { padding-top: 40px !important;}
	.pad-t-100 { padding-top: 40px !important;}
	.pad-t-120 { padding-top: 40px !important;}
	.pad-t-160 { padding-top: 40px !important;}
	.pad-t-180 { padding-top: 40px !important;}
	.pad-t-200 { padding-top: 40px !important;}
	.pad-t-220 { padding-top: 40px !important;}

	.pad-b-60 { padding-bottom: 40px !important;}
	.pad-b-80 { padding-bottom: 40px !important;}
	.pad-b-100 { padding-bottom: 40px !important;}
	.pad-b-120 { padding-bottom: 40px !important;}
	.pad-b-160 { padding-bottom: 40px !important;}
	.pad-b-180 { padding-bottom: 40px !important;}
	.pad-b-200 { padding-bottom: 40px !important;}
	.pad-b-220 { padding-bottom: 40px !important;}

	.pad-tb-60 { padding: 40px 0 !important;}
	.pad-tb-80 { padding: 40px 0 !important;}
	.pad-tb-100 { padding: 40px 0 !important;}
	.pad-tb-120 { padding: 40px 0 !important;}
	.pad-tb-160 { padding: 40px 0 !important;}
	.pad-tb-180 { padding: 40px 0 !important;}


	.register-wrap h5 { font-size: 1.6em; margin-top: 31px; letter-spacing: 1px; font-weight: 600;}
	.register-wrap { height: 80px; width: 100%; }
	.register-wrap a { width: 80px; height: 80px; }
	.register-wrap h5.pad-l-80 { padding-left: 20px;}

	.squares-logo { width: 60px; left: 30px; height: 87vh;}
	.red-border { width: 40%; max-width: 380px; border: 10px solid #9013FE; top: 55vh; margin-top: -30vh; left: -10px;}

	.red-border h4 { z-index: 6; font-size: 2em; color: #fff; font-weight: 600; line-height: 1em; position: absolute; right: -205px; top: -42px; text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);}
	.header .rotate-right { right:0; letter-spacing: 1px;}
	.header .hero-date.rotate-right { top: 32vh; }
	.header .hero-location.rotate-right { top: 35vh; }

	a#btnMenu { top: 20px; right: 20px; z-index: 555;}

	a.btn-arrow { display: block; width: 40px; height: 40px; position: absolute; bottom: 0; left: 46%; bottom: 20%; z-index: 9;}
	.red-border h4 span { letter-spacing: 0; text-transform: uppercase; color: #999;}

	.header .rotate-right {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	}


	.what-is-squares .right { width: 100%; height: auto !important;  }
	.what-is-squares .left { width: 100%; height: auto !important; padding: 40px 0;}
	.what-is-squares h2.titles { font-size: 4.8em;}
	.what-left { position: relative; bottom: inherit; right: inherit; max-width: 530px; }
	.what-right { position: relative; bottom: inherit; left: inherit; max-width: 910px;}
	.what-right p { margin-bottom: 60px;}

	h2.titles { font-size: 2.4em; }
	.quote h2 { font-size: 2.4em; }
	.panelists .quote h2 { font-size: 2.4em;}
	.what-is-squares h2.titles { font-size: 2.4em;}

	.about-content .left, .about-content .right { width: 45%; height: inherit;}

	.home-speakers-wrap .square-border, .sponsor-wrap .square-border { display: none;}

	.home-speakers .panel { width: 50%; margin-right: 0%; margin-bottom: 20px;}
	.home-speakers.page-speakers .panel { width: 50%; margin-right:0%;  }
	.home-speakers.page-speakers .panel.last { }
	.home-speakers.page-speakers .reverse .panel { width: 50%; margin-left: 0%; margin-right: 0 !important; float: right; }
	.home-speakers .panel.big, .home-speakers.page-speakers .reverse .panel.big { width: 100%; }

	.speaker-panel h2 { font-size: 2em; line-height: 1em; }
	.speaker-panel h3 { font-size: 1.2em;}
	.speaker-links { display: none; width: 100px; position: absolute; z-index: 50; top: 50%; left: 50%; margin-left: -50px; margin-top: -20px; z-index: 4;}
	.speaker-image:hover .speaker-links { display: block;}
	.speaker-links a { display: block; width: 40px; height: 40px;}
	.speaker-links a:hover {opacity:.5; filter:alpha(opacity=50);}
	.btn_website { float: left;}
	.btn_twitter { float: right;}


	.home-speakers-wrap .rotate {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
			position: relative; top: inherit; left: inherit; right: inherit; bottom: inherit;
			font-size: 1.8em; margin-bottom: 20px;
	}

	.home-speakers-wrap .rotate-right {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
			position: relative; top: inherit; left: inherit; right: inherit; bottom: inherit;
	}

	.double .left { min-height: 400px; width: 100% !important; padding: 40px !important;}
	.double .right { min-height: 400px; width: 100% !important; padding: 40px !important}
	.speakers .double .left, .speakers .double .right, .why-come-wrap.double .left, .why-come-wrap.double .right{ width: 50%;}
	.venue .double .left, .venue .double .right { min-height: 920px;}
	.double .rotate-right.up { right: 120px; top: 878px;height: 16px; position: absolute; font-size: 24em; }

	.partner-logos a { width: 50%; margin-bottom: 0;}

	.sponsor-wrap .rotate {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
			position: relative; top: inherit; left: inherit; right: inherit; bottom: inherit;
			width: 100%; text-align: center;
	}

	.email-wrap { width: 100%; float:left; display:inline; margin-bottom: 40px;}
	.email-wrap h2 { float:left; display:inline; margin-top: 0; width: 100%; margin-bottom: 16px;}
	.email { width: 100%; float:right; display:inline; height: 84px; background: #eee;}
	.email label { position: absolute; top: 0; left: 0; z-index: 3; font-size: 1.6em; font-weight: 300; display: block; height: 84px; line-height: 84px; padding: 0 0 0 24px; color: #999;}
	.email input.email-input { position: relative; z-index: 2; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 1.6em; color: #222; font-weight: 600; border: 0; height: 84px; width: 100%; background: #ddd; line-height: 84px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 24px;}
	.email input.email-button { position: absolute; top: 0; right: 0; z-index: 3; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 1.6em; background: #222; color: #fff; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; border: 0; height: 84px; width: 100%; max-width: 120px; line-height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 24px;}
	.email input.email-button:hover { cursor: pointer; background: #9013FE;}

	.or { display: none;}
	.update-wrap a.button { width: 100% !important; max-width: 100%; }

	.panelists .left { width: 100%; }
	.panelists .right { width: 100%; }
	.panelists .panel { width: 50%; margin-right: 0%; float:left; display:inline; margin-bottom: 20px;}
	.panelists .panel.last { margin-right: 0;}
	.panelists.bg-grey h2.small-titles { color: #fff; text-transform: uppercase;}

	.panelists .quote { display: none;}
	.panelists h2.small-titles { text-align: left !important; margin-bottom: 16px; clear: both; float: none;}

	.speakers .double .left { min-height: auto !important; width: 100% !important; padding: 0 !important;}
	.speakers .double .right { min-height: auto !important; width: 100% !important; padding: 0 !important}

	.about-left { width: 100%; }
	.what-right { padding: 30px !important; }
	.what-left { padding: 30px !important;}

	.schedule-wrap .left { width: 100%; }
	.schedule-wrap .right { width: 100%;}
	.schedule-left { width: 100%; max-width: 100%; float:right; display:inline; text-align: right; padding: 30px !important; }
	.schedule-right { width: 100%; max-width: 100%; float:left; display:inline;  padding: 30px !important; }
	.schedule-wrap .left img, .schedule-wrap .quote { display: none;}

	.fixed-register { display: none; width: 120px; height: 44px; background: #9013FE; position: fixed; top: 20px; right: 80px; z-index: 400;}
	.schedule-menu { display: none; width: 220px; height: 44px; background: #9013FE; position: fixed; top: 74px; right: 20px; z-index: 400;}

	.schedule-row { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 2px solid #eee;}
	.schedule-type { line-height: 1em; font-size: 1.2em; }
	.schedule-content .titles { margin: 5px 0;}
	.schedule-content h5 { font-size: 1.6em; margin-bottom: 16px;}
	.schedule-content p { margin-bottom: 0; font-size: 1.4em; line-height: 1.4em; margin-top: 10px !important;}
	.schedule-panel { margin-bottom: 12px;}
	.schedule-panel:last-child { margin-bottom: 0;}

	.schedule-wrap h2.titles { font-size: 1.6em; }
	.schedule-wrap .titles span { font-size: 12px;}
	.schedule-time { float:left; display:inline; width: 14.4835164835%;}
	.schedule-content { float:right; display:inline; width: 80.1208791209%; }
	.schedule-avatar { float:left; display:inline; width: 12.5%; background: #111;}

	.schedule-row hr.divider { margin: 16px 0 !important;}
	.about-content .left, .about-content .right { width: 100%; height: inherit !important;}
	.about .what-is-squares .right, .about .what-is-squares .left { height: inherit !important;}

	.why-come h2 { font-size: 3em; color: #fff; line-height: 1em;}

	h2.page-name { font-size: 30px; letter-spacing: 3px; left: 39.0804597701%; margin: 60px 0 0 26px; line-height: 20px;}
	h2.page-name span { font-size: 18px;}
	.workshops h2.page-name { font-size: 24px;}

	.menu-wrap { margin: 5vh auto 0 auto; }
	.menu-content { margin-top: 6vh; overflow: hidden; }
	.menu-content .right { width: 100%;}
	.menu-content .left { width: 0;}
	.menu-content .left p { display: none;}
	.menu-content ul li { font-size: 10vw; margin-bottom: .6vh;}

	.social-menu { display: none; }

	.menu-wrap a.button { margin: 0; position: absolute; bottom: 5vh; left: 10vw; z-index: 9999; width: 80vw;}

	.menu-content .right { margin-top: -0vh;}

	h1.logo { width: 100px; left: -90px; top: 30px; }
	h2.big-hero { font-size: 9vw; margin-top: 35vh; ;}

	.shape-circles {  max-width: 260px; position: absolute; z-index: 2; top: 50%; margin-top: -130px; left: 50%; margin-left: -130px;}
	.rectangle-bg, .rectangle-bg-clear {  max-width: 200px; margin-left: -100px;}

	.pad-100 { padding: 25px !important;}
	.header h3 { margin: 10px 0 0 0; font-size: 1.6em;}

	.rectangle-bg-clear a.button { bottom: 68px; right: -135px; width: 180px; z-index: 9999; color: #fff !important; padding: 10px 0;}

	a.arrow-down { width: 36px; height: 36px; left: 25px; z-index: 7;}

	.venue-wrap { background: none;}
	.venue-wrap .left, .venue-wrap .right { width: 100%; padding: 0;}

	.venue-wrap .left h1 { font-size: 10vw; font-weight: 600; line-height: .8em;}
	.venue-wrap .right { margin-top: 40px;}
	.venue-wrap .right h2 { font-size: 3em; }

	.triple img { width: 100%;}

	.why-come-wrap { display: block;}
	.why-come-wrap .left { background: #FF00C0; flex: none; width: 100%; }
	.why-come-wrap .right {  flex: none; width: 100%;}

	.speaker-panel.first { clear: left !important;}

	.header_wrap .rotate {
		-moz-transform: rotate(270deg) !important;
		-webkit-transform: rotate(270deg)  !important;
		-o-transform: rotate(270deg)  !important;
		-ms-transform: rotate(270deg)  !important;
		transform: rotate(270deg)  !important;
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)  !important;
	}


	.tracks .left, .tracks .right { width: 100%;}

	.workshops-satellite .schedule-panel { width: 100%; margin-right: 0; margin-bottom: 40px;}
	.satellite .schedule-meta h2.titles { font-size: 2.4em; margin: 12px 0; }
	.satellite .double .left { min-height: 400px; width: 100% !important; padding: 40px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
	.satellite .double .right { min-height: auto !important; height: auto !important; width: 100% !important; padding: 40px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
	.satellite .double .right .absolute { position: relative !important; padding-left: 0 !important; padding-right: 0 !important; }

	.sponsors-small li { width: 50%; }
	.sponsors-big li { width: 100%; }

}

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

	input { -webkit-appearance:none;  -webkit-border-radius:0px; }

}