/*!BASIC CSS
 * Author:  Diário de Notícias da Madeira
 * Email:   dep.informatica@dnoticias.pt
 * ---
 * Project: EuTuber - A Conferência (2019-03-07)
 * URL:     //www.eutuber.com
 */
html {
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  width: 100%; min-height: 100%; height: auto;
  font: 16px/20px 'Poppins', sans-serif;
  color: #000000; font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
h1 {
  font: 800 48px/48px 'Poppins', sans-serif;
  color: #000000;
}
h2 {
  font: 800 32px/32px 'Poppins', sans-serif;
  color: #000000;
}
h3 {
  font-size: 12px; line-height: 16px;
  font-weight: 600;
  text-transform: uppercase; letter-spacing: 2px;
}
p {
  font: 300 14px/18px 'Poppins', sans-serif;
  color: #000000;
  margin-bottom: 14px;
}
strong {font-weight: 600;}
img {display: block; max-width: 100%;}
a, a:hover {color: #000000;}
em {font-style: italic;}

.line-break {display: block;}
.clearfix {clear: both;}
.disabled {pointer-events: none; opacity: .3;}
.txt-center {text-align: center;}
.nota {
  display: inline-block;
  padding: 14px 28px; margin: 0;
  font-size: 12px; line-height: 16px;
  color: #8a9aa0; border: 2px solid #eff4f6;
}

/********************** LAYOUT **********************/
.wrapper {
  display: block; position: relative; 
  overflow: hidden; width: 100%;
  margin: 0 auto; padding: 0 28px;
}
.col-center {
  position: relative; width: 100%; 
}
section {
  position: relative;
  width: 100%; max-width: 1080px;
  margin: 0 auto; /*padding: 56px 14px;*/
  min-height: 100vh;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
section h1 {
  text-align: center;
  margin: 42px 0;
}

#speakers h1,
#programa h1,
#precos h1,
#patrocinadores h1,
#informacoes h1 {
  display: block; position: fixed;
  width: 100%;
  left: 0; top: 50%;
  margin-top: -35px;
  font-size: 75px; line-height: 75px;
  text-align: center; color: #d8d8d8;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.active h1 {opacity: 1!important;}

section .bg-image {
  display: block; position: absolute;
  left: 50%; z-index: -1;
}
section .bg-image-xl {
  display: block; position: absolute;
  left: 0; z-index: -1;
}

/********************** ELEMENTS **********************/
.btn {
  display: inline-block; position: relative;
  padding: 10px 25px; margin: 25px auto 0;
  font: 600 12px/20px 'Poppins', sans-serif;
  text-transform: uppercase; letter-spacing: 2px;
  text-decoration: none; color: #f4f4f4;
  background: #000;
  border-radius: 10px;
}
.btn:hover {
  background: #ffea00;
  color: #FFFFFF;
}
.btn.video {padding-right: 55px; margin-left: 5px; margin-right: 5px;}
.btn.photos {padding-right: 60px; margin-left: 5px; margin-right: 5px;}
.btn.video:after, .btn.photos:after {
  display: block; position: absolute;
  width: 24px; height: 24px;
  content: "";
}
.btn.photos:after {
  right: 17px; top: 6px;
  background: transparent url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM3LjA2NiAzNy4wNjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3LjA2NiAzNy4wNjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8cGF0aCBkPSJNMzYuNzg1LDEyLjU1NkwxNS43ODcsMi41MjVjLTAuMjQ0LTAuMTE4LTAuNTM5LTAuMDE2LTAuNjU0LDAuMjI3bC00LjU3LDkuNTY1aDIuNDlsMy4zNTQtNy4wMjggICBsMTguMjA1LDguNjk2TDI4LjkxOSwyNS45bC0zLjIwNS0xLjUzdjYuMjk5bDEuOTcxLDAuOTQxYzAuMjQ2LDAuMTE5LDAuNTM3LDAuMDEyLDAuNjU0LTAuMjMybDguNjc4LTE4LjE3MSAgIEMzNy4xMzUsMTIuOTY1LDM3LjAzMSwxMi42NzIsMzYuNzg1LDEyLjU1NnoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0yMy43NjQsMTMuNDcySDAuNDkyQzAuMjIzLDEzLjQ3MiwwLDEzLjY5MSwwLDEzLjk2djIwLjEzOWMwLDAuMjcsMC4yMjMsMC40OTEsMC40OTIsMC40OTFoMjMuMjcxICAgYzAuMjcxLDAsMC40OTItMC4yMjEsMC40OTItMC40OTFWMTMuOTZDMjQuMjU2LDEzLjY5MSwyNC4wMzUsMTMuNDcyLDIzLjc2NCwxMy40NzJ6IE0yMi40MiwyOC45MDZoLTEuNDc1ICAgYy0wLjg1OS0yLjIwMy0xLjkxNi01LjI4Ny0zLjUyMS00Ljg3NWMtMS44ODEsMC40OC0yLjgyLDQuODc1LTIuODIsNC44NzVzLTAuOTYzLTQuOTU5LTMuNjE3LTcuNjE0ICAgYy0yLjY1NS0yLjY1NS01LjIyNyw3LjYxNC01LjIyNyw3LjYxNEgyLjI0NlYxNS42OTlIMjIuNDJWMjguOTA2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPGNpcmNsZSBjeD0iNS41MDIiIGN5PSIxOC41MzMiIHI9IjEuNjQ2IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBkPSJNMTYuNTQ1LDE5LjY5NWMwLjM2OSwwLDAuNzE1LTAuMDM5LDEuMDIzLTAuMWMwLjM1OSwwLjE1MiwwLjc5NywwLjI0NSwxLjI2OCwwLjI0NSAgIGMxLjIxNSwwLDIuMTk3LTAuNTkzLDIuMTk3LTEuMzI1YzAtMC43My0wLjk4Mi0xLjMyMy0yLjE5Ny0xLjMyM2MtMC40NTUsMC0wLjg3NywwLjA4My0xLjIyNywwLjIyOCAgIGMtMC4xNDUtMC4xNDEtMC4zMzgtMC4yMjgtMC41NTMtMC4yMjhoLTAuMzE4Yy0wLjQwOCwwLTAuNzI5LDAuMzA5LTAuNzc1LDAuNzAyYy0wLjk4MiwwLjEwMy0xLjcxMywwLjQ1OS0xLjcxMywwLjg4MyAgIEMxNC4yNSwxOS4yODQsMTUuMjc3LDE5LjY5NSwxNi41NDUsMTkuNjk1eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center;
}
.btn.photos:hover:after {
  background: transparent url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM3LjA2NiAzNy4wNjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3LjA2NiAzNy4wNjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8cGF0aCBkPSJNMzYuNzg1LDEyLjU1NkwxNS43ODcsMi41MjVjLTAuMjQ0LTAuMTE4LTAuNTM5LTAuMDE2LTAuNjU0LDAuMjI3bC00LjU3LDkuNTY1aDIuNDlsMy4zNTQtNy4wMjggICBsMTguMjA1LDguNjk2TDI4LjkxOSwyNS45bC0zLjIwNS0xLjUzdjYuMjk5bDEuOTcxLDAuOTQxYzAuMjQ2LDAuMTE5LDAuNTM3LDAuMDEyLDAuNjU0LTAuMjMybDguNjc4LTE4LjE3MSAgIEMzNy4xMzUsMTIuOTY1LDM3LjAzMSwxMi42NzIsMzYuNzg1LDEyLjU1NnoiIGZpbGw9IiMxNjFmNDAiLz4KCTxwYXRoIGQ9Ik0yMy43NjQsMTMuNDcySDAuNDkyQzAuMjIzLDEzLjQ3MiwwLDEzLjY5MSwwLDEzLjk2djIwLjEzOWMwLDAuMjcsMC4yMjMsMC40OTEsMC40OTIsMC40OTFoMjMuMjcxICAgYzAuMjcxLDAsMC40OTItMC4yMjEsMC40OTItMC40OTFWMTMuOTZDMjQuMjU2LDEzLjY5MSwyNC4wMzUsMTMuNDcyLDIzLjc2NCwxMy40NzJ6IE0yMi40MiwyOC45MDZoLTEuNDc1ICAgYy0wLjg1OS0yLjIwMy0xLjkxNi01LjI4Ny0zLjUyMS00Ljg3NWMtMS44ODEsMC40OC0yLjgyLDQuODc1LTIuODIsNC44NzVzLTAuOTYzLTQuOTU5LTMuNjE3LTcuNjE0ICAgYy0yLjY1NS0yLjY1NS01LjIyNyw3LjYxNC01LjIyNyw3LjYxNEgyLjI0NlYxNS42OTlIMjIuNDJWMjguOTA2eiIgZmlsbD0iIzE2MWY0MCIvPgoJPGNpcmNsZSBjeD0iNS41MDIiIGN5PSIxOC41MzMiIHI9IjEuNjQ2IiBmaWxsPSIjMTYxZjQwIi8+Cgk8cGF0aCBkPSJNMTYuNTQ1LDE5LjY5NWMwLjM2OSwwLDAuNzE1LTAuMDM5LDEuMDIzLTAuMWMwLjM1OSwwLjE1MiwwLjc5NywwLjI0NSwxLjI2OCwwLjI0NSAgIGMxLjIxNSwwLDIuMTk3LTAuNTkzLDIuMTk3LTEuMzI1YzAtMC43My0wLjk4Mi0xLjMyMy0yLjE5Ny0xLjMyM2MtMC40NTUsMC0wLjg3NywwLjA4My0xLjIyNywwLjIyOCAgIGMtMC4xNDUtMC4xNDEtMC4zMzgtMC4yMjgtMC41NTMtMC4yMjhoLTAuMzE4Yy0wLjQwOCwwLTAuNzI5LDAuMzA5LTAuNzc1LDAuNzAyYy0wLjk4MiwwLjEwMy0xLjcxMywwLjQ1OS0xLjcxMywwLjg4MyAgIEMxNC4yNSwxOS4yODQsMTUuMjc3LDE5LjY5NSwxNi41NDUsMTkuNjk1eiIgZmlsbD0iIzE2MWY0MCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center;
}



.photos-wrapper {
  display: block; position: relative;
  background: blue;
}
.photos-note {
  display: block; position: absolute;
  right: -15px; top: 0;
  width: 240px;
  opacity: 0; visibility: hidden;
  -webkit-transition: all .27s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all .27s cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-top: -10px; padding-top: 30px;
}
.photos-wrapper.open .photos-note {
  visibility: visible; opacity: 1;
  margin-top: 0;
}
.photos-note > span {
  display: block; position: relative;
  width: 100%; height: auto;
  padding: 14px;  
  font-size: 12px;
  line-height: 15px;
  border-radius: 3px;
  background: #f2e61b;
}
.photos-note > span:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #f2e71b transparent;
  display: block;
  position: absolute;
  right: 20px;
  top: -10px;
  content: "";
}
.photos-note .photos-note-close {
  display: block; position: absolute;
  width: 30px; height: 30px;
  right: 0px; bottom: -15px;
  border: 2px solid #000;
  border-radius: 50%;
  font-size: 16px; line-height: 28px;
  text-align: center; color: #000;
  font-weight: 600; cursor: pointer;
  z-index: 10;
}
.btn.video:after {
  right: 17px; top: 8px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDMxNC4wNjggMzE0LjA2OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzE0LjA2OCAzMTQuMDY4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGcgaWQ9Il94MzNfNTYuX1BsYXkiPgoJCTxnPgoJCQk8cGF0aCBkPSJNMjkzLjAwMiw3OC41M0MyNDkuNjQ2LDMuNDM1LDE1My42MTgtMjIuMjk2LDc4LjUyOSwyMS4wNjhDMy40MzQsNjQuNDE4LTIyLjI5OCwxNjAuNDQyLDIxLjA2NiwyMzUuNTM0ICAgICBjNDMuMzUsNzUuMDk1LDEzOS4zNzUsMTAwLjgzLDIxNC40NjUsNTcuNDdDMzEwLjYyNywyNDkuNjM5LDMzNi4zNzEsMTUzLjYyLDI5My4wMDIsNzguNTN6IE0yMTkuODM0LDI2NS44MDEgICAgIGMtNjAuMDY3LDM0LjY5Mi0xMzYuODk0LDE0LjEwNi0xNzEuNTc2LTQ1Ljk3M0MxMy41NjgsMTU5Ljc2MSwzNC4xNjEsODIuOTM1LDk0LjIzLDQ4LjI2ICAgICBjNjAuMDcxLTM0LjY5LDEzNi44OTQtMTQuMTA2LDE3MS41NzgsNDUuOTcxQzMwMC40OTMsMTU0LjMwNywyNzkuOTA2LDIzMS4xMTcsMjE5LjgzNCwyNjUuODAxeiBNMjEzLjU1NSwxNTAuNjUybC04Mi4yMTQtNDcuOTQ5ICAgICBjLTcuNDkyLTQuMzc0LTEzLjUzNS0wLjg3Ny0xMy40OTMsNy43ODlsMC40MjEsOTUuMTc0YzAuMDM4LDguNjY0LDYuMTU1LDEyLjE5MSwxMy42NjksNy44NTFsODEuNTg1LTQ3LjEwMyAgICAgQzIyMS4wMjksMTYyLjA4MiwyMjEuMDQ1LDE1NS4wMjYsMjEzLjU1NSwxNTAuNjUyeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.btn.video:hover:after {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDMxNC4wNjggMzE0LjA2OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzE0LjA2OCAzMTQuMDY4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGcgaWQ9Il94MzNfNTYuX1BsYXkiPgoJCTxnPgoJCQk8cGF0aCBkPSJNMjkzLjAwMiw3OC41M0MyNDkuNjQ2LDMuNDM1LDE1My42MTgtMjIuMjk2LDc4LjUyOSwyMS4wNjhDMy40MzQsNjQuNDE4LTIyLjI5OCwxNjAuNDQyLDIxLjA2NiwyMzUuNTM0ICAgICBjNDMuMzUsNzUuMDk1LDEzOS4zNzUsMTAwLjgzLDIxNC40NjUsNTcuNDdDMzEwLjYyNywyNDkuNjM5LDMzNi4zNzEsMTUzLjYyLDI5My4wMDIsNzguNTN6IE0yMTkuODM0LDI2NS44MDEgICAgIGMtNjAuMDY3LDM0LjY5Mi0xMzYuODk0LDE0LjEwNi0xNzEuNTc2LTQ1Ljk3M0MxMy41NjgsMTU5Ljc2MSwzNC4xNjEsODIuOTM1LDk0LjIzLDQ4LjI2ICAgICBjNjAuMDcxLTM0LjY5LDEzNi44OTQtMTQuMTA2LDE3MS41NzgsNDUuOTcxQzMwMC40OTMsMTU0LjMwNywyNzkuOTA2LDIzMS4xMTcsMjE5LjgzNCwyNjUuODAxeiBNMjEzLjU1NSwxNTAuNjUybC04Mi4yMTQtNDcuOTQ5ICAgICBjLTcuNDkyLTQuMzc0LTEzLjUzNS0wLjg3Ny0xMy40OTMsNy43ODlsMC40MjEsOTUuMTc0YzAuMDM4LDguNjY0LDYuMTU1LDEyLjE5MSwxMy42NjksNy44NTFsODEuNTg1LTQ3LjEwMyAgICAgQzIyMS4wMjksMTYyLjA4MiwyMjEuMDQ1LDE1NS4wMjYsMjEzLjU1NSwxNTAuNjUyeiIgZmlsbD0iIzE2MWY0MCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.id-eutuber svg {
  fill: #000000;
  -webkit-transition: fill 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         fill 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*.id-eutuber:hover svg {fill: #ffea00;}*/

/********************** HEADER **********************/
header {
  display: block; position: fixed;
  width: 100%; height: 90px;
  left: 0; top: 0; z-index: 100;
  padding: 0 28px; /*background: #fff;*/
}
header nav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; height: 100%;
  max-width: 1080px;
  /*padding: 0 28px;*/
  margin: 0 auto;
}
header nav .percent70 {
  -webkit-flex: 0 1 70%;
  -ms-flex: 0 1 70%;
  flex: 0 1 70%;
}
header nav .percent15 {
  -webkit-flex: 0 1 15%;
  -ms-flex: 0 1 15%;
  flex: 0 1 15%;
  position: relative;
}
header nav ul {text-align: center;}
header nav ul li {display: inline-block;}
header nav ul li > a {
  display: block; position: relative;
  font-weight: 800;
  font-size: 14px; line-height: 14px;
  text-decoration: none;
  margin: 0 14px; white-space: nowrap;
}
header nav ul li > a:hover:before,
header nav ul li > a.active:before {
  display: block; position: absolute;
  left: -5px; top: 4px;
  width: 100%; height: 8px;
  background: #c52226;
  content: ""; z-index: -1;
  padding: 0 5px;
  box-sizing: content-box;
  -webkit-transition: all .27s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .27s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header nav a.buy-tickets {
  display: block; position: relative; float: right;
  font-weight: 800; margin-left: 14px;
  font-size: 14px; line-height: 14px;
  text-decoration: none;
  white-space: nowrap;
}
header nav a.buy-tickets:before {
  display: block; position: absolute;
  left: -5px; top: 4px;
  width: 100%; height: 8px;
  background: #ffea00;
  content: ""; z-index: -1;
  padding: 0 5px;
  box-sizing: content-box;
  -webkit-transition: all .27s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .27s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header nav a.buy-tickets:hover:before {
  height: 16px; top: 0px;
}
/* View Photos */
header nav a.photos {
  display: block; position: relative; float: right;
  font-weight: 800; margin-left: 14px;
  font-size: 14px; line-height: 14px;
  text-decoration: none; margin-right: 40px;
  white-space: nowrap;
}
header nav a.photos svg {
  display: block; position: absolute;
  right: -40px; top: -5px; width: 30px; height: auto;
}
header nav a.photos:before {
  display: block; position: absolute;
  left: -5px; top: 4px;
  width: 100%; height: 8px;
  background: #ffea00;
  content: ""; z-index: -1;
  padding: 0 5px;
  box-sizing: content-box;
  -webkit-transition: all .27s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .27s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header nav a.photos:hover:before {
  height: 16px; top: 0px;
}

header h1 {
  display: inline-block;
  float: left;
}
header .id-eutuber {width: 200px;}
/*header .id-wtf {width: 45px; margin-right: 5px;}
header .id-diario {width: 45px;}
header .id-wtf a {display: block; position: relative; top: -10px;}*/

/********************** FOOTER **********************/
footer {
  display: block; position: relative;
  width: 100%; text-align: center;
  font-size: 9px; line-height: 14px;
  padding: 28px;
}
footer .copyright {
  display: inline-block;
  text-align: center; margin: 0;
  font-size: 11px; line-height: 11px;
  color: #bdbdbd; font-weight: 400;
}

/********************** CONTENT **********************/
ul.flex-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
ul.flex-list > li {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 0 calc(25% - 28px);
  -ms-flex: 0 0 calc(25% - 28px);
  flex: 0 0 calc(25% - 28px);
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  padding: 14px;
  min-width: 210px; max-width: 287px;
}
ul.flex-list > li img {margin: 0 auto;}
ul.flex-list > li ul {text-align: center;}
ul.flex-list > li ul li {display: inline-block; margin: 14px;}

/********************** PROGRESS **********************/
.bg-color {
  position: fixed;
  width: 100%; height: 100%;
  left: 0; top: 0;
  padding: 28px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bg-color.bg-color-full {
  padding: 0;
}
.bg-color.bg-color-full .bg-color-sm {
  max-width: 100%!important; height: 100vh!important;
}
.bg-color .bg-color-sm {
  display: block; position: relative;
  width: 100%; max-width: 1080px; 
  height: 608px;
  background: rgba(235, 235, 235, 0.8);
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.progress-center {
  display: block; position: fixed;
  width: 100%; height: 4px;
  padding: 0; margin-top: -4px;
  bottom: 0; left: 0;
  z-index: 10;
}
.progress-wrapper {
  display: block; position: relative;
  width: 100%; height: 4px;
  background: rgba(183, 183, 183, 0.5);
}
#progress-bar {
  display: block; position: absolute;
  left: 0; top: 0px;
  width: 0px; height: 4px;
  background-color: #000;
  /*background-color: #e42313;*/
  -webkit-transition: all .27s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .27s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.progress-center .id-eutuber {
  display: block; position: absolute;
  right: 14px; bottom: 14px;
  width: 35px; height: auto;
  overflow: hidden;
}
.progress-center .id-eutuber svg {
  display: block;
  width: 35px; max-width: 35px;
}

.bg-color .bg-color-sm {
  opacity: 0;
  /*-webkit-transition: opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1), background 3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1), background 3s cubic-bezier(0.215, 0.61, 0.355, 1);*/
}
.bg-color .bg-color-sm.fadeIn {opacity: 1;}

/********************** OPEN **********************/
#open {
  background: transparent url(../pics/bg-open-corners.png) no-repeat center; 
  background-size: cover; 
}
#open .col-center {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
}
#open {text-align: center; max-width: 100%;}
#open h1 img {width: 100%; max-width: 480px;}
#open h2, #open h3 {color: #3a244c;}
#open h2 {font-weight: 600; font-size: 60px; line-height: 60px;}
#open h3 {font-size: 14px; line-height: 18px;}

#open .info-txt-next {
  display: block; position: relative;
  width: 52px; height: 52px;
  margin-top: 28px;
  border: 3px solid #000; border-radius: 50%;
  font-size: 32px; line-height: 46px;
  text-align: center; color: #000;
  font-weight: 600; cursor: pointer;
  z-index: 10; text-decoration: none;
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(90deg);
}
#open .info-txt-next:hover {
  border: 3px solid rgba(69, 158, 130, 1);
  color: rgba(69, 158, 130, 1);
}
.bg-full-image {
  display: block; position: absolute;
  width: 100%; height: 100%;
  left: 0; top: 0;
  background: url(../pics/bg-open.jpg) no-repeat center; 
  background-size: cover; 
  background-attachment: fixed; 
  z-index: -1;
}

/********************** INTRO **********************/
#intro {padding-top: 42px;}
#intro h1 {font-size: 56px; line-height: 56px;}
#intro .col-center > div {
  display: block; position: relative;
  width: 50%; left: 25%;
}
#intro .col-center > div h1 {
  text-align: left;
  margin-left: -10%;
}
#intro .bg-image {margin-left: -130%;}

/********************** SPEAKERS **********************/
#speakers ul li {
  display: block; position: relative;
  width: 50%; left: 50%; margin-left: -25%;
  margin-bottom: 28px;
}
#speakers ul li .wrapper-image {
  display: inline-block; position: relative;
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#speakers ul li .wrapper-image-main {
  display: block; position: relative;
  z-index: -1;
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#speakers ul li .wrapper-image-duplicate {
  display: block; position: absolute;
  left: 0; top: 0;
  opacity: 0;
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#speakers ul li > div {
  display: inline-block; position: absolute;
  top: 25%; width: 287px; 
  margin-left: -21px;
  -webkit-transition: top .7s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         top .7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#speakers ul li > div p {font-size: 12px; line-height: 18px;}
#speakers ul li > div h3 {margin-bottom: 14px;}

#speakers ul li .info-txt {
  opacity: 0; padding-top: 28px;
  -webkit-transition: opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1), padding .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1), padding .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#speakers ul li .info-txt-show {
  display: block; position: absolute;
  width: 52px; height: 52px;
  right: -26px; bottom: 30px;
  border: 3px solid #000; border-radius: 50%;
  font-size: 32px; line-height: 46px;
  text-align: center; color: #000;
  font-weight: 600; cursor: pointer;
  z-index: 10;
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#speakers ul li .info-txt-show:hover {
  border: 3px solid rgba(219, 63, 146, 1);
  color: rgba(219, 63, 146, 1);
}
#speakers ul li.show .wrapper-image {margin-left: -56px; margin-right: 56px;}
#speakers ul li.show .wrapper-image-duplicate {opacity: 1;}
#speakers ul li.show > div {top: 0;}
#speakers ul li.show .info-txt {
  opacity: 1; visibility: visible;
  padding-top: 0;
}
#speakers ul li.show .info-txt-show {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#speakers ul li:nth-child(even) {left: 65%; margin-left: -25%;}
#speakers ul li:nth-child(3) {left: 10%; margin-left: 0;}
#speakers ul li:nth-child(5) {margin-left: -35%;}
#speakers ul li:nth-child(6) {margin-left: -40%;}
#speakers ul li:nth-child(7) {left: 0; margin-left: 0;}

/*Open*/
.bg-open .bg-color-sm {background: rgba(228, 176, 176, 0.5);}
.bg-open #progress-bar {background-color: rgba(69, 158, 130, 1);}
.bg-open .progress-center .id-eutuber svg {fill: rgba(69, 158, 130, 1);}
.bg-open header nav ul li > a:hover:before, .bg-open header nav ul li > a.active:before {background: rgba(69, 158, 130, 1);}
.bg-open .fancybox-is-open .fancybox-bg {background: rgba(228, 176, 176, 1); opacity: 0.9;}
/*Intro*/
.bg-intro .bg-color-sm {background: rgba(219, 63, 146, 0.7);}
.bg-intro #progress-bar {background-color: rgba(219, 63, 146, 1);}
.bg-intro .progress-center .id-eutuber svg {fill: rgba(219, 63, 146, 1);}
.bg-intro header nav ul li > a:hover:before, .bg-intro header nav ul li > a.active:before {background: rgba(219, 63, 146, 1);}
.bg-intro .fancybox-is-open .fancybox-bg {background: rgba(219, 63, 146, 1); opacity: 0.9;}
/*Speakers*/
.bg-speakers .bg-color-sm {background: rgba(149, 119, 162, 0.72);}
.bg-speakers #progress-bar {background-color: rgba(219, 63, 146, 1);}
.bg-speakers .progress-center .id-eutuber svg {fill: rgba(219, 63, 146, 1);}
.bg-speakers header nav ul li > a:hover:before, .bg-speakers header nav ul li > a.active:before {background: rgba(219, 63, 146, 1);}
.bg-speakers .fancybox-is-open .fancybox-bg {background: rgba(149, 119, 162, 1); opacity: 0.9;}
/*Programa*/
.bg-programa .bg-color-sm {background: rgba(161, 65, 152, 0.7);}
.bg-programa #progress-bar {background-color: rgb(69, 158, 130);}
.bg-programa .progress-center .id-eutuber svg {fill: rgb(69, 158, 130);}
.bg-programa header nav ul li > a:hover:before, .bg-programa header nav ul li > a.active:before {background: rgb(69, 158, 130);}
.bg-programa .fancybox-is-open .fancybox-bg {background: rgba(161, 65, 152, 1); opacity: 0.9;}
/*Preços*/
.bg-precos .bg-color-sm {background: rgba(243, 199, 199, 0.7);}
.bg-precos #progress-bar {background-color: rgba(208, 150, 78, 1);}
.bg-precos .progress-center .id-eutuber svg {fill: rgba(208, 150, 78, 1);}
.bg-precos header nav ul li > a:hover:before, .bg-precos header nav ul li > a.active:before {background: rgba(208, 150, 78, 1);}
.bg-precos .fancybox-is-open .fancybox-bg {background: rgba(243, 199, 199, 1); opacity: 0.9;}
/*Parceiros*/
.bg-patrocinadores .bg-color-sm {background: rgba(235, 235, 235, 0.7);}
.bg-patrocinadores #progress-bar {background-color: rgba(66, 156, 150, 1);}
.bg-patrocinadores .progress-center .id-eutuber svg {fill: rgba(66, 156, 150, 1);}
.bg-patrocinadores header nav ul li > a:hover:before, .bg-patrocinadores header nav ul li > a.active:before {background: rgba(66, 156, 150, 1);}
.bg-patrocinadores .fancybox-is-open .fancybox-bg {background: rgba(235, 235, 235, 1); opacity: 0.9;}
/*Informações*/
.bg-informacoes .bg-color-sm {background: rgba(195, 236, 241, 0.7);}
.bg-informacoes #progress-bar {background-color: rgba(100, 194, 152, .7);}
.bg-informacoes .progress-center .id-eutuber svg {fill: rgba(100, 194, 152, 1);}
.bg-informacoes header nav ul li > a:hover:before, .bg-informacoes header nav ul li > a.active:before {background: rgba(100, 194, 152, 1);}
.bg-informacoes .fancybox-is-open .fancybox-bg {background: rgba(195, 236, 241, 1); opacity: 0.9;}

.fancybox-bg {
  -webkit-transition: background .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.fancybox-container .fancybox-infobar {display: none;}
.fancybox-container .fancybox-thumbs {background: rgba(30,30,30,.6);}
.fancybox-container .fancybox-thumbs>ul>li:before {border-color: #ffea00;}

/********************** PROGRAMA **********************/
#programa {}
#programa h2 {font-size: 30px; line-height: 30px;}
#programa dl {
  display: block; position: relative;
  width: 360px; padding: 14px;
  margin: 0 auto;
}
#programa dl dt {
  font-weight: 600;
  display: block;
  position: absolute;
  left: -40px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 2px;
  color: #ffffff; 
  padding: 3px 0;
}
#programa dl dd {margin-bottom: 14px; padding: 3px 7px;}
#programa .btn-downloadPdf svg {
  display: inline-block; width: 38px;
  margin-left: 14px;
}
#programa .info-break {color: #ffffff;}
#programa dd.info-break {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 2px;
}
#programa dt.info-break {
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
#programa .bg-image {margin-left: 15%;}

/********************** PREÇOS **********************/
#precos .flex-list > li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 7px 28px;
  border: 4px solid #000; border-radius: 10px;
  text-align: center;
  padding: 28px 14px;
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#precos .flex-list > li p {
  text-align: center; margin-top: 14px;
  -webkit-transition: color .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         color .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#precos .flex-list > li .precos-condicoes {
  display: inline-block; text-align: left;
  font-size: 12px; line-height: 16px;
  font-weight: 300; margin: 0 0 7px 0;
}
#precos .flex-list > li h3 {
  margin-bottom: 28px;
}
#precos .flex-list > li h4 {
  font-size: 22px; line-height: 26px;
  font-weight: 900; text-transform: uppercase;
  letter-spacing: 2px;  
}
#precos .flex-list > li h4 span {
  font-size: 16px;
}
#precos .flex-list > li.hover {
  color: #429c96;
  border-color: #429c96;
}
#precos .flex-list > li.hover p {
  color: #429c96;
}
#precos .flex-list > li.hover .btn:hover {
    background: #429c96;
    color: rgba(243, 199, 199, 1);
}
#precos .bg-image {margin-left: -70%;}

#precos-condicoes {
  width: 100%; max-width: 600px;
  padding: 56px 28px;
}
#precos-condicoes h2 {
  margin-bottom: 28px;
}
.fancybox-active {min-height: auto;}


/********************** PATROCINADORES **********************/
#patrocinadores {}
#patrocinadores ul.flex-list > li {
  margin-bottom: 28px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: auto;
  max-width: 100%;
}
#patrocinadores ul.flex-list > li h3 {text-align: center;}

/********************** INFORMAÇÕES **********************/
#informacoes {padding-bottom: 91px; min-height: 80vh;}
#informacoes .col-center {
  display: block; position: relative;
  width: 100%;
  overflow: hidden;
}
#informacoes .informacoes-info {
  display: block; position: absolute;
  right: 0; bottom: 28px;
  width: 260px; height: auto;
  padding: 0; z-index: 5;
}
#informacoes #map {
  display: block; position: relative;
  width: 100%; max-width: 658px; height: 420px;
  background: #e3e3e3; margin: 0 auto;
}

/********************** MEDIA QUERIES **********************/
@media screen and (max-width: 1024px) {
  #speakers ul li {width: 100%; left: 0!important; margin-left: 0!important;}
  #speakers ul li:nth-child(4) > div {margin-left: -48px;}
  #precos .flex-list > li {
    -webkit-flex: 0 0 calc(50% - 28px);
    -ms-flex: 0 0 calc(50% - 28px);
    flex: 0 0 calc(50% - 28px);
  }
}
@media screen and (max-width: 960px) {
  header nav {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  header nav ul {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    /*-webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;*/
  }

  header nav .percent70 {
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  header nav .percent15 {
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }

}
@media screen and (max-height: 768px) {
  header {height: 60px;}
}
@media screen and (max-width: 767px) {
  header nav {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  header nav ul {display: none;}
  header nav .percent70, header nav .percent15 {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  #informacoes #map {
    position: relative;
    overflow: hidden;
    height: 320px;
  }
  #informacoes .informacoes-info {
    position: relative;
    right: auto; bottom: auto;
    margin-top: 28px;
  }
  #speakers ul li {
    width: 100%; left: 0!important;
    margin-left: 0!important; margin-bottom: 56px;
    text-align: center; /*z-index: 20;*/
  }
  #speakers ul li > div {
    position: relative;
    width: 100%; top: auto;
    margin-top: -14px; margin-left: 0!important;
    text-align: left;
  }
  #speakers ul li .wrapper-image-main {
    display: block; position: relative;
    /*z-index: 0;*/
  }
  /*#speakers ul li .wrapper-image-duplicate {display: none;}*/
  #speakers .info-txt-more {display: none;}
  #speakers ul li .info-txt {
    height: 0px;
    overflow: hidden;
  }
  #speakers ul li.show .info-txt {
    height: 100%;
  }
  #speakers ul li.show .wrapper-image {
    margin-left: 0;
    margin-right: 0;
  }
  #speakers ul li .info-txt-show {
    right: 14px;
    bottom: -26px;
  }
}

@media screen and (max-width: 600px) {
  header {height: 70px;}
  header nav {padding: 0;}
  section {padding: 28px 0px; /*min-height: auto;*/}
  #open {padding: 90px 28px 28px;}
  #intro .col-center > div h1 {
    font-size: 36px; line-height: 36px;
    margin-left: 0;
  }
  section h1 {
    font-size: 36px; line-height: 36px;
    margin-top: 0;
    margin-bottom: 14px;
  }
  /*h2 {font-size: 24px; line-height: 24px;}*/
  #intro {padding-top: 28px;}
  #intro .col-center > div {width: 100%; left: 0;}
  #precos .flex-list > li {
    -webkit-flex: 0 0 calc(100% - 28px);
    -ms-flex: 0 0 calc(100% - 28px);
    flex: 0 0 calc(100% - 28px);
  }
  #precos .bg-image {display: none;}
  #informacoes {
    padding-bottom: 28px;
    min-height: auto;
  }
  .bg-color {padding: 14px;}
  .bg-color .bg-color-sm {height: 100%!important; max-height: 100%;}
}
@media screen and (max-width: 480px) {
  .wrapper {padding: 0 28px;}
  header {padding: 0 21px;}
  header .id-eutuber {width: 180px;}
}
@media screen and (max-width: 320px) {
  header .id-eutuber {width: 140px;}
  header nav a.buy-tickets {font-size: 13px;}
}