#feedback{position:fixed; z-index:3; width:100%; height:100%; top:0;}

.retrai{right:-100%;}

	#feedback .aba{
		background:#e5e355;
		font-size:18px; color:#ec2c97;
		padding:10px;
		display:inline-block;
		transform: rotate(-90deg);
		position:absolute;
		left:-90px;
		top:190px;
		cursor:pointer;
	}
	
	#feedback .f-corpo{background:#e5e355; width:50%; height:100%; float:right;}
	
	#feedback[class*="retrai"] .f-corpo{width:100%;}
	
	#feedback .ctitulo{position:absolute; top:10px; left:10px;}
	
		#feedback .f-corpo .padding{padding:20px;}
		
		#feedback .f-corpo h2{font-size:22px; color:#333333; margin-bottom:20px;}
		#feedback .f-corpo h3{font-size:60px; color:#ffffff; margin-bottom:20px;}
		#feedback .f-corpo p{font-size:16px; margin-bottom:10px;}
		
		
		
		#feedback .f-corpo .emotes{display:block; margin-bottom:20px;}
			#feedback .f-corpo .emotes .icone{height:100px; width:116px; position:relative; display:inline-block; margin-right:20px;}
									
			.insatisfeito{background:url(../images/ic_fb_insatisfeito.svg) no-repeat;}
			.neutro{background:url(../images/ic_fb_neutro.svg) no-repeat;}
			.satisfeito{background:url(../images/ic_fb_gostei.svg) no-repeat;}
			
			#feedback .f-corpo .emotes .icone:hover, #feedback .f-corpo .emotes .ativo{background-position:0 -100px;}
			
			
		
		
		
		
		#feedback .f-corpo textarea{background:#ffffff; padding:10px; font-size:16px; color:#333333; width:100%; resize:none; height:150px; outline:none;}
			#feedback .f-corpo textarea:focus{border:solid 1px #333333;}
		
		
		#feedback .botao{background:#ffffff50;}
		#feedback .botao div{font-size:18px; color:#ffffff; padding:10px;}
	
			#feedback .botao[class*="ativo"]{background:#50c4e7;}
			#feedback .botao[class*="ativo"]:hover{background:#71d7f6; cursor:pointer;}
			#feedback .botao[class*="ativo"]:active{background:#2c9ec0;}
			
			
			
			
			
			
			
@media screen and (max-width: 960px) {
	
	.retrai{right:calc(-100%);}
	#feedback .f-corpo{width:calc(100% - 60px);}
	
}


@media screen and (max-width: 510px) {
		
	#feedback .f-corpo .emotes .icone{height:50px; width:58px; background-size:58px;}
	#feedback .f-corpo .emotes .icone:hover, #feedback .f-corpo .emotes .ativo{background-position:0 -50px;}
	
}