/* CSS Document */
section.stories, section.stories * { max-width: auto!important; }

section.stories  { 
    background-color: white; 
    height: 420px; padding: 0; padding-top:5px;
    clear:both 
}

section.stories h3 { text-align:left;}

section.stories div.in { overflow: auto; width:100%; }

section.stories div.inner { width:1740px; }

section.stories div.inner div.div{ 
    width:275px; float:left; height: 320px; 
    margin-bottom:35px; margin-left:15px; background-color: rgba(0,0,0,.1);  border:1px solid #ccc; position: relative;
    background-position:center;
    background-size: cover;
}

section.stories div.in div a{ display: block; height: 100% }

section.stories div.in div span{ 
    position: absolute; bottom:15px; left:15px; color:white; font-size:16px; background-color: rgba(0,0,0,.3); padding: 5px 10px;
    display:none
}

/* overlay */
#overlay.stories div.loader {
  height: 100%;  max-height:100%;
}

#overlay.stories header button.back {
  display:none;
}

#overlay.stories header, #overlay.stories div.loader, #overlay.stories .load-wrap, #overlay.stories header button { 
    background-color: transparent;  border: none
}

#overlay.stories header button { font-size:20px; padding:5px 25px }

#overlay.stories header div.dv div.inner  {
    -webkit-transition: all 10s;
    -moz-transition: all 10s;
    -ms-transition: all 10s;
    -o-transition: all 10s;
    transition: all 10s;
}

#overlay.stories header div.dv div.in.force div.inner  {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

#overlay.stories div.base  { padding:0 }

#overlay.stories header div.dv { width:16.66%; float:left; height:30px; padding:0 5px; }

#overlay.stories header div.dv div.in { 
    width:100%; float:left; height:5px; background-color:#888; border-radius:10px; position:relative }

#overlay.stories header div.dv div.in.on.force:after  { 
    content:''; position:absolute; width:100%; height:100%; background-color:lightgreen; left:0; border-radius:10px;  
}

#overlay.stories header div.dv div.in div.inner { position:absolute; width:0%; height:100%; background-color:lightgreen; left:0; border-radius:10px;  }

#overlay.stories header div.dv div.in.on div.inner { width:100%; }

#overlay.stories div.base div.half {
    height:100%;
    width:50%;
    cursor:pointer;
	min-height: 600px
}

	
#overlay.stories div.load-wrap { 
	background-size: cover;
    background-position:center
}

#overlay.stories div.base a { 
    color:white; font-size:14px; margin-bottom:125px; background-color:rgba(0,0,0,0.3); display:block; position:absolute; bottom:-95px;
    width:100%; padding:10px;
}

#overlay.stories header h3.title { background-color:rgba(0,0,0,0.3)!important; position:absolute; top:20px; z-index:1 }

#overlay.stories header button { background-color:rgba(0,0,0,0.3)!important; margin-top:20px; text-align:left;  }

#overlay.stories header h3.title, #overlay.stories header div.buttons { z-index:1  }

@media screen and (max-width: 1100px) {
	section div.inner { width:1560px; }
	.desktop { display:none }
	section.secao2 { margin-top:-20px }
	section div.inner div.div{ 
		width:240px; margin-bottom:0;
	}
}