@charset "CP850";
/*
Theme Name: Silicon Beach Fest 2017
Author: Kluge Interactive
Author URI: http://klugeinteractive,com/
Description: Personalized theme created for the Silicon Beach Fest 2017.
Text Domain: bsf
*/

@font-face { font-family: 'AlfaSlab'; src: local("☺"); src: url("fonts/AlfaSlabOne-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Steelfish'; src: local("☺"); src: url("fonts/steelfish/SteelfishRg-Regular.eot") format("eot"); src: url("fonts/steelfish/SteelfishRg-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/steelfish/SteelfishRg-Regular.woff") format("woff"), url("fonts/steelfish/SteelfishRg-Regular.ttf") format("truetype"), url("fonts/steelfish/SteelfishRg-Regular.svg#SteelfishRg-Regular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Proxima'; src: local("☺"); src: url("fonts/ProximaNova/proximanova-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Proxima'; src: local("☺"); src: url("fonts/ProximaNova/proximanova-bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }


@font-face { font-family: 'WireOne'; src: local("☺"); src: url("fonts/wireone/WireOne.eot?") format("eot"), url("fonts/wireone/WireOne.woff") format("woff"), url("fonts/wireone/WireOne.ttf") format("truetype"), url("fonts/wireone/WireOne.svg#WireOne") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'trashhand'; src: local("☺"); src: url("fonts/TrashHand.TTF") format("truetype"); font-weight: normal; font-style: normal; }

/* normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Prevent system color scheme's background color being used in Firefox, IE, and Opera. 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera. 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 4. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { background: #fff; /* 1 */ color: #000; /* 2 */ font-size: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ font-family: sans-serif; }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
button, input, input, select, textarea { font-family: sans-serif; }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

/** Improve readability when focused and also mouse hovered in all browsers. */
/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.75em; margin: 0.83em 0 60px; }

h3 { color: #2baee6; font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }
q:before, q:after { content: ''; content: none; }

/** Address `quotes` property not supported in Safari 4. */
/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; text-transform: uppercase; font-weight: 700; font-size: 18px; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure, form { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
/** Define consistent border, margin, and padding. */
fieldset { border: none; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

input { border: 1px solid #cccccc; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, input, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, input, html input[type="button"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], input[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

html, body { color: #777777; font-family: 'Proxima', sans-serif; font-size: 100%; font-weight: 400; line-height: 1.6em; }

h2 { color: #333; font-family: "WireOne", Steelfish, sans-serif; font-size: 2em; font-weight: normal; text-align: center; text-transform: uppercase; }
h2.decorated { position: relative; }
h2.decorated span {   line-height: 1.2em;  letter-spacing: 2px; background: #fff; display: inline-block; padding: 0 0.5em; position: relative; font-family: 'AlfaSlab'; font-weight: 300; }
h2 a { color: inherit; text-decoration: inherit; }
h2 a:hover { color: #0a8cff; text-decoration: none; }

a { color: #126c92; text-decoration: none; }
a:hover { color: #072937; text-decoration: underline; }

.content { margin: auto; max-width: 960px; position: relative; }
.content:after { clear: both; display: table; width: 100%; }

.main-title { position: fixed; top: -500em; }

.section-block { margin-bottom: 60px;  }
.home .section-block { text-align: center; }

.button, .call-to-action { font-family: 'AlfaSlab'; letter-spacing: 1px; display: inline-block; color: #f15a23; margin: 0em auto; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; padding: .5em 1em; width: auto; }
.button:hover, .call-to-action:hover { background: #28D3E2; border-color: #28D3E2; color: #fff; text-decoration: inherit; }

.call-to-action { background: #f15a23; color: #fff; padding: 0.5em 0; }

.with-lines:before, .with-lines:after { background: white; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 20%; }
.with-lines:before { margin-right: 1em; }
.with-lines:after { margin-left: 1em; }

.slider { margin: auto; max-width: 884px; }
.slider ul { padding: 0; list-style: none; }
.slider img { display: block; height: auto; width: 100%; }

.aligncenter { clear: both; display: block; margin: auto; position: relative; }

.alignleft { float: left; }

.alignright { float: right; }

.featured-img { border-radius: 50%; display: block; height: 230px; margin: 1em auto; width: 230px; }

#mini-top-bar { background: #232323; color: #fff; font-size: .87em; font-weight: bold; margin: 0; position: relative; text-align: center; width: 100%; }
#mini-top-bar p { display: inline-block; }
#mini-top-bar .highlight { color: #F15922; font-size: .9em; text-transform: uppercase; }
#mini-top-bar #close-button { background: url("img/sprite.png") -506px 0 no-repeat; display: inline-block; margin-left: 2em; overflow: hidden; text-indent: -500em; height: 25px; vertical-align: middle; width: 26px; }
#mini-top-bar #close-button:hover { background-position: -506px -28px; }

.logo { color: #fff; display: block; max-width: 320px; overflow: auto; padding-bottom: 10px; }
.logo:hover { color: #fff; text-decoration: none; }
.logo img, .logo p { display: inline-block; vertical-align: middle; position: relative; }
.logo img { max-width: 100%; padding-right: 10px;  }
.logo p { width: 50%; text-transform: uppercase; }
.logo span { display: block; font-size:12px;}

.nav-menu li { display: inline-block; position: relative; }
.nav-menu li a { color: #9d9e8e; display: block; text-decoration: none; }
.nav-menu li a:hover { /*background: rgba(255, 255, 255, 0.1); border: 2px solid #475554;*/ color: #28D3E2; }
/*.nav-menu li a[title="Get Tickets!"] { border: 2px solid #f15a23; }
.nav-menu li a[title="Get Tickets!"]:hover { background: #0a8cff; border: 2px solid #fff; }
.nav-menu .menu-cta, .nav-menu li a[title="Get Tickets!"] { background: #f15a23; }*/
.nav-menu li a[title="Subscribe"], .nav-menu li a[title="Buy Tickets"] { border: 2px solid #f15a23; color: #fff; }
.nav-menu li a[title="Subscribe"]:hover, .nav-menu li a[title="Buy Tickets"]:hover { background: #28D3E2; border: 2px solid #28D3E2; }
.nav-menu .menu-cta, .nav-menu li a[title="Subscribe"] , .nav-menu .menu-cta, .nav-menu li a[title="Buy Tickets"]{ font-family: 'AlfaSlab';background: #f15a23; letter-spacing: 2px;}
.nav-menu .menu-cta a {color: #fff;}
.nav-menu .menu-cta:hover {background-color: #28D3E2;}
.nav-menu .menu-cta a:hover {border: 2px solid transparent;}

nav.main-menu .logo {display: none;}


.sub-menu { display: none; left: 0; padding: 0; position: absolute; top: 4em; }
.sub-menu li { display: block; white-space: nowrap; }
.sub-menu li a:hover {color: #28D3E2; background-color: white; border-radius: 5px;}

.has-submenu:after, #menu-back:before { border: 0px solid #475554; border-width: 5px 5px 0 0; content: ""; display: block; height: 15px; position: absolute; right: 15px; top: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 15px; }

#menu-back { padding-left: 40px; }
#menu-back:before { left: 15px; -webkit-transform: rotate(224deg); -ms-transform: rotate(224deg); transform: rotate(224deg); }

.declare {  color: #fff; font-size: 2em; text-align: center; }
.declare span { background-color: #28d3e2; line-height: 1.3em;  padding: 10px 0; box-shadow: 20px 0 0 #28d3e2, -20px 0 0 #28d3e2;}
.declare .call-to-action { display: none; font-family: Lato, sans-serif; }

.days-counter { display: none; background: rgba(255, 255, 255, 0.15); border: 5px solid white; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; font-size: .75em; font-weight: bold; height: 237px; margin-bottom: 2em; overflow: hidden; padding: 0.5em; text-align: center; text-transform: uppercase; vertical-align: middle; width: 237px; }

.number-of-days, .fest-name { display: block; font-size: 6em; }

.fest-name { font-size: 1.4em; margin: 0.5em auto; }

.search-frm input[type="search"] { cursor: text; display: block; margin-bottom: 1em; padding: 4px 4px; width: 100%; }
.search-frm input[type="submit"] { display: block; font-size: .9em; margin: auto; padding: .5em; }

.speakers { padding: 0; text-align: center; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.speakers li { color: #075266; display: inline-block; margin-right: 8%; overflow: hidden; text-align: center; vertical-align: top; width: 190px; }
.speakers li:nth-child(3n + 3) { margin-right: 0; }
.speakers li img { display: block; -webkit-border-radius: 50%; border-radius: 50%; height: 178px; max-width: 190px; width: 100%; }

#slider { overflow: hidden; }

.description p { margin: 0.6em 0; }

.sponsors-list { list-style: none; margin: auto; padding: 0; text-align: center; }
.sponsors-list li { display: inline-block; margin: 3% 2% 60px; vertical-align: middle; min-width: 148px; max-width: 200px; }
.home .sponsors-list li:nth-child(1)  {max-width: 60%;}
.home .sponsors-list li:nth-child(2)  {max-width: 40%;}
.sponsors-list li:first-child {max-width: 100%;}
.sponsors-list li img {max-width: 100%;height: auto;}
.
.event-header img { display: block; height: auto; margin: auto; max-width: 412px; position: relative; width: 100%; }
/*.event-header:after { background: url("img/gadgets@2x.png") no-repeat scroll 0 0 transparent; content: ""; display: block; height: 163px; margin: -40px auto 0; position: relative; width: 163px; z-index: 1;  background-size: 100%; }*/
.event-header .buttom { margin-bottom: 0; }

.more-link { color: #126c92; text-decoration: none; }
.more-link:hover { color: #072937; text-decoration: underline; }

.hackathon .event-date, .opening-party .event-date, .main-event .event-date, .hackathon h3, .opening-party h3, .main-event .opening-party h3, .opening-party .main-event h3, .opening-party .main-event h3, .main-event .opening-party h3, .main-event h3 { color: #28D3E2; /*color: #f15a23;*/ text-align: center; }
.hackathon h3, .opening-party h3, .main-event h3 { text-transform: uppercase; }

/*opening-party .event-header:after { background-image: url("img/party@2x.png"); }*/
.opening-party h3, .opening-party .event-date, .opening-party h3, .opening-party .main-event h3, .main-event .opening-party h3 { color: #28D3E2; /*color: #df9800;*/ }

/*.main-event .event-header:after { background-image: url("img/startup@2x.png"); }*/
.main-event h3, .main-event .event-date, .main-event .opening-party h3, .opening-party .main-event h3, .main-event h3 { color: #28D3E2; }


.hackathon .event-date, .opening-party .event-date, .main-event .event-date, .opening-party .event-date {
	color: #000; font-weight: 700;
}
.event-content { height: 90px; }

#media-partners-home ul {
    list-style: none;
    margin: auto;
    padding: 0;
    text-align: center;
}
#media-partners-home ul li {
    display: inline-block;
    margin: 3% 3% 20px;
    vertical-align: middle;
    min-width: 150px;
}
#media-partners-home img {
    width: 150px;
    height: auto;
}

.past-events { text-align: center; }

.past-sbf { display: inline-block; height: 245px; overflow: hidden; text-indent: -500em; vertical-align: top; width: 245px; }
.past-sbf.summer { background: url("img/Summer.png") no-repeat scroll 0 0 transparent; margin-bottom: 30px; margin-right: 120px; }
.past-sbf.summer:hover { background-position: 0 -248px; }
.past-sbf.fall { background: url("img/Fall.png") no-repeat scroll 0 0 transparent; }
.past-sbf.fall:hover { background-position: 0 -248px; }
.past-sbf.summer2013 { background: url("img/Summer2013.png") no-repeat scroll 0 0 transparent; margin-bottom: 30px;  }
.past-sbf.summer2013:hover { background-position: 0 -248px; }
.past-sbf.summer2014 { background: url("img/Summer2014.png") no-repeat scroll 0 0 transparent; margin-bottom: 30px;}
.past-sbf.summer2014:hover { background-position: 0 -248px; }
.past-sbf.summer2015 { background: url("img/Summer2015.png") no-repeat scroll 0 0 transparent; margin-bottom: 30px;}
.past-sbf.summer2015:hover { background-position: 0 -248px; }
.past-sbf.summer2016 { background: url("img/Summer2016.png") no-repeat scroll 0 0 transparent; margin-bottom: 30px; margin-right: 120px;}
.past-sbf.summer2016:hover { background-position: 0 -248px; }


.sponsorship h3 { background: #28D3E2; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; height: 115px; margin-top: -10px; padding-top: 10%; text-align: center; width: 120px; padding-left: 0; }
.sponsorship .price { color: #28D3E2; }
.sponsorship.title h3 { background: #f27342; }
.sponsorship.title .price { color: #f27342; }
.sponsorship.executive h3 { background: #F05924; }
.sponsorship.executive .price { color: #F05924; }
.sponsorship.premiere h3 { background: #f05924; }
.sponsorship.premiere .price { color: #f05924; }
.sponsorship.platinum h3 { background: #1a98ce; }
.sponsorship.platinum .price { color: #1a98ce; }
.sponsorship.gold h3 { background: #df9800; }
.sponsorship.gold .price { color: #df9800; }
.sponsorship.bronze h3 { background: #fba900; }
.sponsorship.bronze .price { color: #fba900; }
.sponsorship.tan h3 { background: #ffb51a; }
.sponsorship.tan .price { color: #ffb51a; }

.price { padding-left: 2em; }

.not-found-img { display: block; height: auto; margin: 1em auto 4em; max-width: 920px; width: 100%; }

.hotels { margin: 0; padding: 0; text-align: center; }
.hotels li { display: inline-block; text-align: left; }
.hotels h3 { color: #f15a23; text-align: center; text-transform: uppercase; }
.hotels span { display: block; line-height: 1.3; }
.hotels .highlight { color: #2baee6; display: block; font-weight: bold; }

footer { background: #0e0e0e; padding: 0 0 0.5em; }
footer .content { overflow: inherit; }
footer a { color: inherit; }
footer a:hover { color: #fff; text-decoration: none; }

.tweets { background: #d7d7d7; padding: .5em; }

.widget-box { display: inline-block; margin-right: 2%; vertical-align: center; width: 82%; }

#more-tweets { color: #fff; font-size: 112.5%; font-weight: bold; text-decoration: none; }
#more-tweets:hover { color: #333; }

.as-seen { background: #171717; }
.as-seen ul { margin: 0; padding: 0.5em 2px; text-align: center; }
.as-seen li { display: inline-block; height: 72px; overflow: hidden; text-indent: -500em; vertical-align: middle; }
.as-seen li:first-child { margin-left: 0; }
.as-seen li:last-child { margin-right: 0; }
.as-seen li a { background: url("img/sprite.png") 0 bottom no-repeat; display: block; height: 100%; max-width: 196px; }
.as-seen li a[href^="http://www.nytimes.com"] { background-position: 0 -98px; width: 165px; }
.as-seen li a[href^="http://recode.net"] { background-position: -515px -100px; width: 117px; }
.as-seen li a[href^="http://www.forbes.com"] { background-position: -172px -100px; width: 80px; }
.as-seen li a[href^="http://techcrunch.com"] { background-position: -256px -100px; width: 132px; }
.as-seen li a[href^="http://pandodaily.com"] { background-position: -392px -100px; width: 110px; }
.as-seen li a[href^="http://www.huffingtonpost.com"] { background-position: -640px -100px; width: 102px; }
.as-seen li a[href^="http://www.women2.com"] { background-position: -749px -100px; width: 128px; }

.copyright { font-size: 80%; padding: 0.5em 0; text-align: center; }

.design-by { background: url("img/sprite.png") -381px 0 no-repeat; display: block; height: 39px; margin: 0.5em auto; overflow: hidden; text-indent: -500em; width: 114px; }
.design-by:hover { background-position: -381px -40px; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wrapper { padding: 0 20px; }

.grid { margin: 0 0 20px 0; overflow: hidden; }

[class*='col-'] { display: inline-block; padding-right: 20px; vertical-align: top; }
[class*='col-']:last-of-type { padding-right: 0; }

.col-1-1 { width: 100%; }

.col-1-2 { width: 49%; }

.col-1-3 { padding: 20px; width: 33%; }

.col-2-3 { width: 66%; }

.col-1-4 { width: 20%; }

.col-3-4 { width: 75%; }

.col-1-5 { width: 20%; }

.col-3-5 { width: 40%; }

.col-4-5 { width: 80%; }

.container { padding: 40px 20px 0; }

/* Opt-in outside padding */
.grid-pad { padding: 20px 0 20px 20px; }
.grid-pad [class*='col-']:last-of-type { padding-right: 20px; }

.to-left { clear: none; float: left; }

.centered { display: block; float: none; margin: 0 auto; padding: 0; position: relative; }

.to-right { clear: none; float: right; }

.wpcf7 input, .wpcf7 select, .wpcf7 textarea { width: 100%; padding: 10px; outline: 0;appearance: none;-webkit-appearance: none;border-color: #ccc;background-color: transparent;border-radius: 0; }
.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus {border-color: #f15a23;}
.wpcf7 input[type="submit"] { color: #fff; background-color: #f15a23;border-color: #f15a23; }
.wpcf7 input[type="submit"]:hover { background-color: #28D3E2;border-color: #28D3E2; }

span.wpcf7-not-valid-tip { display: block; left: 0 !important; margin: 4px 0; position: relative !important; text-align: center; width: auto !important; }
.vr-app { position: relative; display: block; background: url("img/VR-Home-Banner.jpg") center no-repeat; background-size: cover; padding: 0; min-height: 250px; margin-bottom: 40px;background-position: top center;}
.vr-app .vr-message {color:#fff; background-color: #28d3e2; width: 100%; position: absolute; bottom: -50px;left: 0; right: 0; text-transform: uppercase; font-size: 20px; line-height: 1.2em; padding: 15px 20px; font-family: 'AlfaSlab'; letter-spacing: 2px;}
.vr-section .call-to-action {padding: 15px 20px; position: relative;}

.ai1ec-single-event .ai1ec-event-details .ai1ec-cost {
	display: none;
}



@media screen and (max-width: 767px) { 
	.mobile-hide { display: none; }
	.home .featured-events img {
	max-width: 100%; height: auto;
}
  header { background: url("img/bkg_movil.jpg") left top no-repeat #28D3E2; background-size:cover; }
  .declare { font-size: 3em; }
  .declare span { font-size: 25px; line-height: 1.4em; }
  .call-to-action {background: #f15a23; color: #fff; padding: 0.5em 0.5em; width: 100%;margin-bottom: 30px;}
  .sponsorship h3 { margin: auto; }
  .sponsorship h3.col-1-3 { display: block; padding-top: 50px; }
  .sponsorship .col-2-3 { display: block; width: auto; }
  [class*="col-"] { display: block; padding: 20px; width: auto; }
  .sponsors-list li a img { max-width: 100%; }}
@media screen and (max-width: 835px) { .col-1-2 { display: block; margin: auto; max-width: 80%; width: 100%; }
  .sponsorship h3 { padding-top: 9%; } }
@media screen and (max-width: 1199px) { 
	#mini-top-bar { display: none; }
  .sponsors-list li { margin-bottom: 15px; }
  .wrapper { padding: 0; }
  .wrapper .content { padding: 20px; }
  .main-menu { height: 46px; left: 0; position: fixed; top: 0; width: 100%; z-index: 2; }
  .main-menu.open {background-color: #fff;}
  .main-menu button, .main-menu input { background: url(img/menu-switcher.png) no-repeat; border: none; float: right; height: 40px; overflow: hidden; position: relative; text-indent: -500em; width: 44px; z-index: 2; outline: 0!important; margin-top: 5px; }
  .main-menu button:hover {opacity: 0.7;}
  .main-menu button:active {opacity: 1;}
  .admin-bar .main-menu { top: 28px; }
  .nav-menu { clear: both; margin: 0; opacity: 1; padding: 0; position: relative; z-index: 4; }
  .nav-menu li { background: #ffffff; border: 1px solid rgba(255, 255, 255, 0.15); display: block; }
  .nav-menu li a { padding: 1em; }
  .nav-menu.hidden { display: none; border: 2px solid transparent; }
  .be-sponsor { display: none; }
  .event-header { margin: auto -20px 30px; } }
/*@media screen and (min-width: 768px) and (max-width: 1280px) { .home header { background-position: left bottom; }*/

@media screen and (min-width: 768px)  { 
	.home header { background-position: top center; min-height: 657px; }
  .home header .logo { color: #095466; }
  .logo img { max-width: 122px; }
  header { background: url("img/bkg_2017.jpg") center no-repeat; min-height: 557px; background-attachment: fixed;     background-size: cover; }
  .page header { background-position: center 0px; }
  /*header {
      background: url("img/gradient-bg.jpg") top repeat-x;
        min-height: 257px;
  }*/
  header .logo { color: #fff; }
  .contact { right: 140px; }
  .design-by { float: right; padding-right: 20px; }
  .event-content { min-height: 100px; }
  .vr-app {  background-size: cover; padding: 50px 50px 0px 50px; min-height: 320px; margin-bottom: 40px;background-position: center center;}
  .vr-app .vr-message { bottom: 0px;font-size: 25px; line-height: 1.2em; }
  .vr-section .call-to-action {padding: 15px 20px;}
 }
@media screen and (min-width: 768px) { 
  .logo p { color: #fff; }
  h2.decorated:before { /*background: #333333; content: ""; display: block; height: 1px; position: absolute; top: 18px; vertical-align: middle; width: 100%;*/width: 20px;content: ' \25CF';color: #28d3e2; vertical-align: bottom; line-height: 40px }
  h2.decorated:after { /*background: #333333; content: ""; display: block; height: 1px; position: absolute; top: 18px; vertical-align: middle; width: 100%;*/width: 20px;content: ' \25CF';color: #28d3e2; vertical-align: bottom; line-height: 40px }
  .declare { margin:auto; vertical-align: middle; }
  .days-counter { float: right; }
  .calls-to-action { margin-top: 2em; text-align: center; }
  .calls-to-action .call-to-action { display: inline-block; margin: auto 2%; max-width: 300px; padding: 0.5em 1em; }
  .event { display: inline-block; margin-right: 4.2%; vertical-align: top; width: 30%; }
  .event:last-of-type { margin-right: 0; }
  .event-header { border-radius: 50%; height: 194px; margin: auto; overflow: hidden; text-align: center; width: 194px; }
  .event-header:after { margin: -135px -55px 0; position: absolute; }
  .opening-party .event-header:after { margin: -180px -61px 0; }
  .main-event .event-header:after { margin: -190px -61px 0; }
  .event-header img { display: block; margin: 0 -0%; width: 200px; }
  .hackaton img { margin-left: -0%; }
  .opening-party img { margin-left: -0%; }
  .main-event img { margin-left: -0%; }
  .cols-2-3 { width: 64%; }
  .tweets { display: block; }
  .tweets .widget-box:before { background: url("img/sprite.png") no-repeat -269px 0; content: ""; display: inline-block; height: 34px; margin-right: 2%; vertical-align: middle; width: 46px; }
  .tweets .widget-box * { display: inline-block; vertical-align: middle; }
  .tweets .widget-box .rotatingtweets { width: 91%; }
  .copyright { display: inline-block; margin-left: 20px; vertical-align: middle; }
  .contact { display: inline-block; position: absolute; right: 140px; vertical-align: middle; }
  .contact span { margin: auto 0.5em; }
  .social-links { display: inline-block; padding-left: 10px; vertical-align: middle; }
  .social-links li { display: inline-block; height: 26px; margin: auto 0.2em; overflow: hidden; text-indent: -500em; vertical-align: middle; width: 26px; }
  .social-links li a { background: url("img/sprite.png") no-repeat; border-radius: 50%; display: block; height: 100%; overflow: hidden; }
  .social-links li a.facebook { background-position: -317px 0; }
  .social-links li a.twitter { background-position: -346px 0; }
  .social-links li a:hover { background-color: #fff; }
  .social-links a { display: block; height: 100%; }
  .design-by { float: right; } }
@media screen and (min-width: 768px) and (max-width: 900px) { .days-counter { background: rgba(113, 193, 217, 0.5); position: relative; top: -100px; } }
@media screen and (min-width: 1200px) { 
	.home header { padding-bottom: 12em; position: relative; }
.page header { padding-bottom: 12em; position: relative; margin-bottom: 4em;}
header .navbar { background-color: #eff0e7; padding-left: 115px; margin-right: -20px; margin-left: -20px; position: fixed; width: 100%; z-index: 2; top: 0;}
.home header { margin-bottom: 0;}
  .home header:after { bottom: 0; }
  .speakers li { margin-right: 2.5%; }
  .speakers li:nth-child(3n + 3) { margin-right: 2.5%; }
  .speakers li:nth-child(4n + 4) { margin-right: 0; }
  header:after { /*background: url("img/cut.svg") center top no-repeat;*/ content: ""; display: block; height: 100px; left: 0; position: absolute; width: 100%; }
  .logo { padding-top: 10px; }
  .sub-menu { /*margin-left: 30px; background-color: #0a8cff; border: 2px solid white;*/   background-color: #fff; border: 2px solid #9d9e8e; }
  .main-menu li .sub-menu li a { padding: 5px 15px; }
  .sticky-menu { background: #28D3E2; border-bottom: 1px solid white; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }
  .sticky-menu .main-menu { display: block; margin: auto; max-width: 960px; position: relative; top: 0; }
  .sticky-menu .main-menu #main-menu {text-align: right;}
  .sticky-menu .main-menu li a {color: #fff; padding: 23px 2px;}
  .sticky-menu .main-menu li a[title="Buy Tickets"] { padding: 24px 10px; }
  .sticky-menu .main-menu li a:hover {/*border: 2px solid #fff;*/ opacity: 0.9;  background-color: transparent;}
  .sticky-menu .main-menu li a[title="Buy Tickets"]:hover { opacity: 1; }
  .sticky-menu .main-menu:before {  content: ""; display: block; height: 30px; position: absolute; top: 25px; width: 113px; }
  .sticky-menu nav.main-menu .logo {display: block; float:left;padding: 22px 0 20px 0;}
  .sticky-menu #menu-primary { float: right; }
  .sticky-menu .has-submenu:after, .sticky-menu #menu-back:before { border-top: 7px solid #fff;}
  .sticky-menu .sub-menu { background: #28D3E2; border-color:#fff; /*border-bottom: 1px solid white; padding-top: 1em;*/ }
  .sticky-menu .sub-menu li { /*border: 1px solid white;*/ border-width: 0 1px; /*padding: 0;*/ }
  .sticky-menu .sub-menu a { border-radius: 0; /*padding-left: 25px;*/ }
  #menu-switch { display: none; }
  .main-menu { display: block; position: absolute; right: 0; top: 0px; z-index: 9999; }
  .main-menu ul { margin: 0; }
  .main-menu li { padding: 0; }
  .main-menu li .sub-menu { display: none; }
  .main-menu li:hover .sub-menu { display: block; }
  .main-menu li a { border-radius: 0px; padding: 42px 15px; border: 2px solid transparent; font-weight: 700; }
  .main-menu li.menu-cta a:hover { background: transparent; }
  .nav-menu li a[title="Buy Tickets"] { padding: 40px 30px; }
  /*.nav-menu .menu-cta, .nav-menu li a[title="Get Tickets!"] { border-radius: 18px; padding: 0.2em 0.5em; }*/
  .nav-menu .menu-cta, .nav-menu li a[title="Subscribe"] { border-radius: 18px; padding: 0.2em 0.5em; }
  .has-submenu:after, #menu-back:before { border-top: 7px solid #475554; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; display: inline-block; height: 0; margin-left: 5px; position: relative; right: 0; top: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); vertical-align: middle; width: 0; }
  .declare { margin-top: -1.45em; margin-bottom: 2em;}
  .declare .call-to-action { display: block; font-size: 0.5em; font-style: normal; padding: 0.7em 0.4em; }
  .calls-to-action { display: none; }
  .be-sponsor { display: block; background: url("img/img-bg-become 2.jpg") center no-repeat; background-attachment: fixed; background-size: cover; padding: 50px 50px 0px 50px; margin-left: -20px; margin-right: -20px; }
  .page-template-sponsors .be-sponsor { padding: 25px 50px 25px 50px; }
  .be-sponsor .banner { background: url("img/img-become-sponsor.png") center no-repeat; background-size: contain; min-height: 220px; overflow: hidden; padding: 4em 0; text-indent: -500em; margin-bottom: 0px;margin-top: 0; }
  .page-template-sponsors .be-sponsor .banner { background: url("img/img-become-sponsor2.png") center no-repeat; max-width: 912px; margin: auto; }
  .be-sponsor .call-to-action { margin-top: -2.5em; font-family: 'AlfaSlab'; letter-spacing: 1px; font-weight: normal; padding: 18px 23px; position: relative;top: -15px; }
  .event-header { height: 250px; margin-bottom: 1em; width: 250px; }
  .event-header:after { margin: -145px -50px 0; }
  .opening-party .event-header:after { margin: -200px -60px 0; }
  .main-event .event-header:after { margin: -215px -60px 0; }
  .event-header img { margin-left: 1%; width: 250px; }
  .opening-party img { margin-left: 1%; }
  .main-event img { margin-left: 1%; }
  .as-seen ul:before { content: "As seen in"; color: #cbcbcb; display: inline-block; margin-right: .5em; padding-top: .4em; text-transform: uppercase; vertical-align: middle; } 
h2.decorated span { font-size: 48px; line-height: 1.2em; }}
@media screen and (min-width: 980px) { .search-frm input[type="search"], .search-frm input[type="submit"] { display: inline-block; margin: auto; vertical-align: middle; width: auto; }
  .search-frm input[type="search"] { margin-right: 7px; } }
@media screen and (min-height: 1280px) { .error404 #main-content { min-height: 47.7em; } }
@media screen and (min-width: 1281px) { 
  .sponsors-title:before, .sponsors-title:after { background: #333333; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 30.21%; }
  .sponsors-title:before { margin-right: 1em; }
  .sponsors-title:after { margin-left: 1em; }
  .events-title:before, .events-title:after { background: #333333; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 32.397%; }
  .events-title:before { margin-right: 1em; }
  .events-title:after { margin-left: 1em; }
  .past-events-title:before, .past-events-title:after { background: #333333; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 36.199%; }
  .past-events-title:before { margin-right: 1em; }
  .past-events-title:after { margin-left: 1em; }
  .speakers { margin: auto auto 30px; text-align: center; width: 100%; }
  .speakers li { background: #fff; border-radius: 50%; cursor: default; height: 190px; margin: 0 5% 30px 0; padding: 6px; position: relative; text-align: center; }
  .speakers li:nth-child(3n + 3) { margin-right: 5%; }
  .speakers li:nth-child(4n + 4) { margin-right: 0; }
  .speakers li .description { background: #28D3E2; border-radius: 50%; height: 190px; left: 0; opacity: 0; padding: 25% 20px; position: absolute; top: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; width: 190px; }
  .speakers li:hover { background: #28D3E2; }
  .speakers li:hover .description { color: #fff; opacity: 1; }
  .speakers li:hover img { opacity: 0; }
  .speakers li:nth-child(4n+4) { margin-right: 0; }