/*
Theme Name: Twenty Fourteen
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100% !important;
  font-family: "Lato", sans-serif;
  color: #333333; }

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

a, a:link, a:hover, a:active {
  color: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  color: #ee3623;
  font-weight: 800;
  margin: 0; }

h2 {
  font-size: 16px; }

.clear {
  clear: both; }

.striped {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQALHjx//zwjjgziWlpaMYAEYB8RmROaABAD0pw9Z6OuHOgAAAABJRU5ErkJggg==");
  height: 50px; }

/* General Styling */
img {
  max-width: 100%; }

.disabled {
  cursor: not-allowed; }

.wrapper-padded {
  padding: 30px 0; }

  .noupper{
    text-transform:none;
  }

/* Main */
/* Header */
.header {
  padding: 30px 0;
  width: 100%;
  background: white;
  height: 80px;
  position: absolute;
  z-index: 99999; }

.header.affix {
  position: fixed;
  top: 0;
  background: white;
  width: 100%;
  border-bottom: 1px solid #dfdfdf; }

.logo {
  background: url("images/logo_black.png") 0 0 no-repeat;
  width: 130px;
  height: 37px;
  display: block;
  background-size: 100%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.main-nav {
  text-align: center; }

.row-spaced {
  margin-bottom: 20px; }

.main-nav li {
  display: inline-block;
  margin-left: 27px; }

.main-nav li a {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.12em;
  font-weight: bold;
  padding: 0; }

.main-nav li.active a {
  color: #ee3623; }

.main-nav li.active a::before {
  content: '';
  display: block;
  width: 100%;
  background: red;
  height: 9px;
  position: absolute;
  bottom: 89px; }

.header-social {
  float: right; }

.header-social li {
  display: inline-block;
  margin-left: 10px; }

.header-social li a {
  color: #ee3623; }

.header-newsletter {
  float: right;
  margin-right: 20px; }

.header-like {
  float: right;
  margin-right: 20px; }

.header-newsletter input {
  background: #dfdfdf;
  border-radius: 5px;
  border-style: none;
  padding: 3px 5px; }

/* Ribbon */
.ticket-ribbon {
	display:none;
  position: absolute;
  top: 50px;
  right: 0;
  background: url("images/ribbon.png") 0 0 no-repeat;
  width: 163px;
  height: 255px; }

/* Intro */
.wrapper-intro {
  background: url("images/bg_red.jpg") center top no-repeat;
  height: 520px;
  background-size: cover;
  position: relative;
  -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0); }

.tagline {
  text-align: center;
  color: white;
  width: 400px;
  margin: 0 auto;
  padding-top: 180px; }

.tagline-left {
  float: left; }

.tagline-right {
  float: right; }

.tagline h1 {
  color: white;
  font-size: 50pt; }

  .tagline-top {
font-style: italic;
font-size: 17px;
font-weight: 300;
}

/* Triangle */
.wrapper-info {
  padding-top: 90px; }

.triangle {
  background: url("images/triangle.png") right top no-repeat;
  height: 436px;
  background-size: 100%;
  position: relative; }

.event-info h2 {
  font-size: 45px;
  margin-bottom: 30px; }

.divider-small {
  display: block;
  background: #ee3623;
  width: 60px;
  height: 5px;
  margin-bottom: 50px; }

/* Metrics */
.triangle-metric {
  text-align: center;
  float: right;
  width: 100px;
  height: 100px;
  padding: 90px 0;
  margin-left: 150px; }

.triangle-metric:last-child {
  margin-left: 0; }

.triangle-metric h3 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 70px; }

.triangle-metric small {
  text-transform: uppercase;
  font-size: 14px; }

.metric-white h3, .metric-white small {
  color: white; }

.triangle-metrics-top, .triangle-metrics-bottom {
  clear: both; }

.triangle-metrics-top {
  margin-right: 75px; }

.triangle-metrics-bottom {
  margin-top: 20px;
  margin-right: 200px; }

/* Speakers */
.speakers-header p, .speakers-header strong {
  text-transform: uppercase;
  display: block;
  font-size: 20px;
  text-align: right;
  line-height: 1;
  font-weight: 300; }

.speakers-header strong {
  font-weight: 800; }

.speakers-thumbs {
  margin-top: 30px; }
.speaker-audience{
  background: #ee3623;
display: none;
color: white!important;
height: 50px;
font-size: 16px;
line-height: 50px;
text-align: center;
}
.speaker-thumb {
margin-right: 20px;
display: block;
float: left;
width: 53px;
height:60px;
text-align:center;
}
.speaker-thumb.speaker-propose{
  color:white;
  background:#ee3623;
}

.speaker-tba {
  background: #efefef;
  color: #dadada;

  text-align: center;
  line-height: 60px; 
  pointer-events:none;}

.speaker-thumb:last-child {
  margin-right: 0; }

.speakers-main {
  margin-top: 30px; }

.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none; }

.speaker-push-red {
display: block;
background: #ee3623;
height: 406px;
position: absolute;
right: 492px;
width: 1360px;
}

.speaker-image {
  position: absolute;
  left: 0;
  top: 0; }

.speaker-info {
  float: right;
  text-align: right;
  width: 305px; }

.speaker-info .divider-small {
  float: right; }

.speaker-info h2 {
clear: both;
color: black;
font-size: 33px;
max-width: 260px;
text-align: right;
margin: 0 0 0 auto;
}

.speaker-info small {
font-size: 13px;
display: block;
text-transform: uppercase;
font-weight: bold;
}

.speaker-info p {
  margin-top: 50px; }

/* Social */
.social-border {
  border: 1px solid #e8e8e8;
  border-radius: 5px; }

.social-feeds {
  padding-bottom: 50px; }

iframe {
  width: 100%; }

.fb-like-box {
  width: 100%; }

/* Footer */
.footer .logo {
  margin-bottom: 30px; }

.footer-form input, .footer-form textarea {
  background: #dfdfdf;
  border-radius: 5px;
  border-style: none;
  padding: 5px 10px;
  width: 100%; }

.form-row {
  margin-bottom: 25px; }

.row-margin {
  margin-bottom: 35px; }

.copyright {
  font-weight: bold;
  font-size: 12px;
  margin: 0; }

.disclaimer{
  font-size:12px;
  margin:0;
}
span.wpcf7-not-valid-tip {
position: absolute;
top: -5px;
left: 0;
z-index: 100;
border: none;
font-size: 10pt;
width: 262px;
background: #ee3623;
color: white;
border-radius: 5px;
padding: 5px 10px;
}
div.wpcf7-validation-errors {
border: none;
background: #FFEDA6;
padding: 5px 10px;
border-radius: 5px;
color: #123333;
}
.footer-form .red-button {
background: #ee3623;
display: block;
padding: 10px 0;
text-align: center;
border-radius: 5px;
position: relative;
width:85px;
color:white;
}
.footer-form textarea{
height:110px;
}
.small-grey {
color: #7e7e7e;
width: 168px;
padding-right: 20px;
text-align: right;
position: absolute;
top: 0;
right: 100px;
}

.footer-nav {
  float: right; }

.footer-nav li {
  display: inline-block; }

.footer-nav li a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px; }


  /* Partners */

  .partner{
    text-align:center;
  }
.partner h4 {
font-size: 11px;
margin-bottom: 30px;
color: black;
}


.partner-list{
  padding:30px 0;
}
.partner-list h3 {
text-align: center;
margin-bottom: 30px;
font-size: 19px;
}

.partner img {
max-width: 200px;
max-height: 100px;
}

.partner-academic img {
max-width: 400px;
}

  li.partner {
display: inline-block;
padding: 0 10px;
width: 250px;
height: 120px;
}
.partner-list ul{
  text-align:center;
}
  .partner a{
      display:block;
      color:#ee3623;
      font-weight:bold;
  }
  .wrapper-partners {
padding-bottom: 80px;
}


/* Members */
.member-grid {
  list-style-type: none;
  overflow:hidden; }

.member-grid li {
  width: 14.285714286%;
  float: left;
  height: auto;
  position: relative; }

.member-grid li .overlay {
opacity:0;
background: #ee3623;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
color: white;
}

.member-grid li .overlay h4 {
color: white;
margin-bottom: 10px;
margin-top: 74px;
padding:0 20px;
}
.member-grid li .overlay small {
font-size: 15px;
font-style: italic;
font-weight: 300;
}
.member-grid li:hover .overlay{
  opacity:1;
}
.member-grid li img {
  width: 101%;
  max-width:101%; }



.member-info, .team-info {
  background: #ee3623;}

  .info-inner {
position: absolute;
width: 100%;
top: 50%;
height: 97px;
left: 0;
margin-top: -46px;
}

.member-grid li.member-info{
  overflow:visible;
}

.member-info::before {
content: '';
position: absolute;
top: -10px;
width: 0;
left: 50%;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #ee3623;
margin-left: -15px;
}

.member-info h2, .team-info h2, .member-info small, .team-info small {
  text-align: center;
  color: white;
  display: block; }

.member-info h2, .team-info h2 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 70px;
}
.member-info small, .team-info small{

  text-transform: uppercase;
font-size: 14px;
}


/* Liffect */
ul[data-liffect="fadeIn"] li {
  opacity: 0;
  position: relative;
  -webkit-animation: fadeIn 200ms ease both;
  -webkit-animation-play-state: paused;
  -moz-animation: fadeIn 200ms ease both;
  -moz-animation-play-state: paused;
  -o-animation: fadeIn 200ms ease both;
  -o-animation-play-state: paused;
  animation: fadeIn 200ms ease both;
  animation-play-state: paused; }

ul[data-liffect="fadeIn"].play li {
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

/* slide bottom */
ul[data-liffect="slideBottom"] li {
  opacity: 0;
  position: relative;
  -webkit-animation: slideBottom 500ms ease both;
  -webkit-animation-play-state: paused;
  -moz-animation: slideBottom 500ms ease both;
  -moz-animation-play-state: paused;
  -o-animation: slideBottom 500ms ease both;
  -o-animation-play-state: paused;
  animation: slideBottom 500ms ease both;
  animation-play-state: paused; }

ul[data-liffect="slideBottom"].play li {
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes slideBottom {
  0% {
    opacity: 0;
    top: 30px; }

  100% {
    opacity: 1;
    top: 0; } }

@-moz-keyframes slideBottom {
  0% {
    opacity: 0;
    top: 30px; }

  100% {
    opacity: 1;
    top: 0; } }

@-o-keyframes slideBottom {
  0% {
    opacity: 0;
    top: 30px; }

  100% {
    opacity: 1;
    top: 0; } }

@keyframes slideBottom {
  0% {
    opacity: 0;
    top: 30px; }

  100% {
    opacity: 1;
    top: 0; } }

/*PRELOADER  */
#preloader {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999;
  width: 100%;
  height: 100%; }

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px; }

  /* Liffect */

  ul[data-liffect="fadeIn"] li {
    opacity: 0;
    position: relative;
    -webkit-animation: fadeIn 200ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: fadeIn 200ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: fadeIn 200ms ease both;
    -o-animation-play-state: paused;
    animation: fadeIn 200ms ease both;
    animation-play-state: paused;
}

ul[data-liffect="fadeIn"].play li {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Skrollr */
.parallax-bg{
  z-index:1000;
}
#bg1, #bg2, #bg3 {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2000px;
  pointer-events: none;
  background: url("images/bubbles.png") repeat-x 0 0; 
-webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);}

#bg2 {
  z-index: 9998;
  background-image: url("images/bubbles2.png"); }

#bg3 {
  z-index: 9997;
  background-image: url("images/bubbles3.png"); }

@media only screen and (min-width: 1200px) {
  .container {
    width: 970px; } 
}
@media only screen and (max-width: 991px) {
  .info-inner {
height: 60px;
margin-top: -30px;
}


.header.affix {
padding: 30px 0;
  width: 100%;
  background: white;
  height: 80px;
  position: absolute;
  z-index: 99999;
}
  .parallax-bg{
  display:none;
}

.member-info h2, .team-info h2 {
font-size: 40px;
}

.main-nav li {
display: inline-block;
margin-left: 25px;
}
.triangle {
height: 500px;
}
.triangle-metrics-top {
margin-right: 97px;
}
.triangle-metric {
margin-left: 185px;
}
.triangle-metrics-bottom {
margin-top: 80px;
margin-right: 238px;
}
p {
margin-bottom: 30px;
}
.speakers-header p, .speakers-header strong {
font-size: 18px;
margin-bottom:10px;
}
.speaker-thumb {
margin-bottom: 20px;
}
.speaker-image {
width: 500px;
}
.speaker-info {
width: 260px;
position: absolute;
top: 0;
right: 0;
}
.divider-small{
  display:none;
}
.speaker-push-red {
height: 289px;
}
.bx-wrapper, .bx-viewport {
min-height: 289px;
}
.footer-form input, .footer-form textarea {
margin-bottom: 20px;
}
.footer-form > div > p {
display: none;
}
.footer-form p:nth-child(2) {
display: none;
}
.form-row {
margin-bottom: 0;
}
}

/* Mobile */

@media only screen and (max-width: 420px) {
  .ticket-ribbon {
    display:none;
  }
  .wrapper-intro {
  background-size: cover; 
height:300px;
}
  .tagline {
width: 300px;
}
.tagline{
  padding-top:60px;
}
.tagline h1{
  font-size:30pt;
}
.tagline-left, .tagline-right{
  float:none;
  text-align:center;
}
.tagline-left{
  display:none;
}
.header{
  border-bottom:1px solid #dfdfdf;
}
.main-nav {
  display:none; }
  .triangle-metrics-top{
    display:none;
  }.triangle-metrics-bottom{
    display:none;
  }
  .triangle {
width: 280px;
height: 200px;
}
.speaker-thumb {
margin-right: 15px;
width: 57px;
height: 57px;
margin-bottom: 15px;
}
.speaker-tba{
  line-height:57px;
}
.speaker-thumb:nth-child(4n){
  margin-right:0;
}    
.speaker-image {
position: relative;
max-width:100%;
}
.speaker-info {
float: none;
position:relative;
text-align: right;
width: auto;
margin-top:30px;
}
.member-grid li {
  width: 20%;
  float: left;
  height: auto;
  position: relative; }

  .team-info{
    display:none;
  }

}
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
  .logo {
  background-image: url("images/logo_black@2x.png");
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
  }
  .ticket-ribbon {
  background-image: url("images/ribbon@2x.png");
    -webkit-background-size:100%;
    -moz-background-size:100%;
    background-size:100%; }
}