/* The navigation bar */

html,body {
  height: 100%;
    margin: 0px;
     -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
}

 
/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

ul {

    list-style-type: none;
    padding: 0;
    overflow: hidden;
   
    width: 100%; /* Full width */
}
#logo{
width: 10%;
}

li {
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
}

li a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
}
li a:hover {
 color:#ed4044;
}
li a:focus{
 color:#ed4044;
}
li a:active{
 color:#ed4044;
}

#uc{
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    opacity: 0.6;
}


h2{
     font-size: 2vw;
    font-weight: 300;
}


video{
    margin-top: 10%;
    width: 70vw;
}

#sponsors{
margin-top: 10%;
font-family: 'Montserrat', sans-serif;
text-align: center; 
 font-weight: 500;
 font-size: 2.7vw;
}

#logo2,#logo3{
width: 30vw;
}

#welcome{

     color:#ed4044;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

#first{
  width: 100%;
}
#intro{
    margin: auto;
    text-align: justify;
    width: 55vw;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3vw;

}

#perfil{
    float:left;
    margin-top: 15.8%;
    width: 10%;
    margin-left: 9%;
}

#texto{
    margin-top: 15%;
}

#symposium{
     font-weight: 500;
    padding-top: 5%;
    margin: auto;
    text-align: center;
    width: 60vw;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3vw;
}

#symp{
    margin-top: 50%;
    list-style-type: none;
    width: 250px;
    padding-bottom: 5%;
}

@import "compass/css3";

.flex-container {
  padding: 0;
  margin: 0;
  padding-bottom: 5%;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.flex-item {

  padding: 5px;
  width: 30%;
  height: 10%;
  text-align: center;
      font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    text-decoration: none;
}

.fover:hover {

color:black;
}

h1{
color:white;
font-weight: 500;
 font-size: 2vw;
}
.panels{
 margin-top: 15%;
  background-color:  #ed4044;;
}

#sponsors{
    color: black;
margin-top: 10%;
font-family: 'Montserrat', sans-serif;
text-align: center; 
 font-weight: 500;
 font-size: 2.7vw;
}
#partners{
color: black !important;
margin-top: 5%;
font-family: 'Montserrat', sans-serif;
text-align: center;
 font-weight: 500;
 font-size: 2.7vw; 
}

#linha1{
margin-top: 5%;
display: table;

}
#logo2,#logo3{
    width: 38%;
}

#logo13{
    width: 30%;	
}

#linha2{
margin-top: 5%;
}

#logo4,#logo11, #logo10{
    width: 15%;
}
#logo5{
   width: 10%; 
}

#logo11, #logo10, #logo5{
    padding-left: 2%;
}


#linha3{
margin-top: 5%;
}

#logo7, #logo8{
    width: 12%;
    padding-left: 2%;
}
#logo6{
    width: 8%;
}

#logo9{
    width: 6%;
    padding-left: 2%;
}

#logo12{
    width: 6%;
    padding-left: 2%;
}



.textosimp{
  color:black;
  text-decoration:none;
}

.scrollTop, .scrollDown{
	width:50px; 
	height:50px;
	position:fixed;
	bottom:1%;
	right:2%;
	display:none;
}

.scrollTop{
	background: url(../items/arrow_up.png) no-repeat 6px center;
}

.scrollDown{
	background: url(../items/arrow_down.png) no-repeat 6px center;
}

.scrollTop:hover, .scrollDown:hover{
	text-decoration:none;
}
.invert{
    -webkit-filter: invert(100%);
}