body {font-family: 'Poppins', sans-serif; font-size: 13px; line-height: 1.8em; color: #fff; font-weight: 200; background-color: #000;}
#cols {position:absolute; bottom: 0; background: rgba(255,255,255,0.0); z-index: 9999; width: 100%; padding: 0 0 30px 0; background-color: rgba(0,0,0,0.8);}
#col1 {
	letter-spacing: 0.7px;
	margin-left: 2%;
	padding-top: 20px;
}
#col2 {
	letter-spacing: 0.7px;
	margin-top: 20px;
}
#col3 {
	letter-spacing: 0.7px;
	padding-top: 20px;
}
#col2 b { color: rgba(255,255,255,0.5)
}
#txt {z-index:999; position: absolute; padding-top: 2%; padding-left: 2%; padding-bottom: 2%; width: 100%; text-align: left; font-size: 65px; font-weight: 200; color: #FFF; line-height: 1.5em; }
txt row div{margin: 0; padding: 0;}
.branco{color: #FFF}
.palavras{color: #FFF; letter-spacing: 0px; text-shadow: 1px 1px 3px rgba(0,0,0,0.40);;
}
.bold{font-weight: 600;
}
a.lang{text-decoration: none; color: rgba(255,255,255,0.5); border-bottom: solid 1px rgba(255,255,255,0.1);}
a:hover.lang{text-decoration: none; color: rgba(255,255,255,1); border-bottom: solid 1px rgba(255,255,255,1);}
.EN{margin-top: 10px !important;}
ul{margin: 0; padding: 0;}
li{margin: 0; padding: 0; list-style: none;}
.lang-space{margin-left: 15px;}
a{	
	color: #fff;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
a:hover {
	cursor: pointer;
	color: rgba(255,255,255,0.6);
	text-decoration: none;
	border-bottom: solid 1px rgba(255,255,255,0.6)
}
.slides-pagination {display:none; }
.footer-text, .footer-text a {font-size: 10px; line-height: 0.5em !important; margin: 0; padding: 0; color: rgba(255,255,255,0.5)}

.design{color: rgba(255,255,255,0.3)}
@media (max-width: 1250px) { 
	#cols {
		position: relative; background-color: rgba(0,0,0,1); z-index: 9999; width: 100%; padding: 20px; color:#FFF;
	}	
	a{color: #FFF;}
	a:hover{color: #FFF;}

}
@media (max-width: 600px) { 
	#txt {
		z-index: 999; position: absolute; padding-top:5%; padding-left: 5%; width: 100%; font-size: 40px; text-shadow: none;
	}
	#col2{text-shadow: none;}
	#col1, #col2, #col3{font-weight: 300;}
}

@media (max-width: 768px) {
	#cols {padding: 3%;}
	#cols row {padding: 0px;}	
	#cols .col-xs-12 {
		margin: 0 auto 20px auto;
		width: 100%;
		padding-left: 5px;
	}
	.col-xs-12, .col-sm-12 .col-md-12{
		padding-left: 0px;
	}
	.col-xs-12 img{
		max-width: 320px;
	}
	#col1 {
		background-image: url("../images/agencia-pura-preto.png");		
		background-position: -15px top;
		margin-bottom: 0px !important;
		padding: 10px 0 20px 0;
		margin-left: 0 !important;
	}
	#col2{text-shadow: none; padding: 0px;}
	#col3{padding: 0; 
	}
	a.lang{text-decoration: none; color: rgba(0,0,0,0.4); border-bottom: solid 1px rgba(0,0,0,0.4);}
	a:hover.lang{text-decoration: none; color: rgba(0,0,0,1); border-bottom: solid 1px rgba(0,0,0,1);}	
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
	#txt {
		z-index: 999; position: absolute; width: 100%; padding: 3%; text-align: left; font-size: 65px!important;;
	}
	.col-xs-12 img{
		max-width: 480px;
	}
	#cols {padding: 3%;}
	#cols .col-xs-12 {
		margin: 0px auto 20px auto;
		width: 100%;
	}
	#col1 {
		text-align: left;
		padding: 10px 0 10px 0;
	}
}
.overlay:after {
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1; 
	background-color: rgba(0,0,0,0.7)
}