#form_container
{

	background-size:100% 100%;
	padding:15px 15px;
	margin-top:15px;

		
}

.redesroda img {

    padding: 0 6px;

}

.fb_iframe_widget {

    float: left;

}

.snapwidget-widget {}




.redeses {
    width: 100%;
    max-width: 561px;
    margin: auto;
	overflow: hidden;
}

a { color:#fff!important;}

.cav img { width:100%; height:auto; max-width:380px;}

body {
    background-color: #252525;
    background-image: url(../images/fundo.png);
    background-repeat: repeat;
    background-position: center 0;
	 background-attachment: fixed;
	color: #fff!important;

}



.form-control {color:#fff!important}

#success_message {
    text-align: center;
}

input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    color: #fff;
}

button {

    color: #fff !important;
    background: none;
    border: none !important;

}


.cav {

    text-align: center;
	position:relative;
	z-index:9999;

}


.eye {

    position: absolute;
    left: 50%;
    margin-left: -97px;
    top: 110px;
	

}


.form-control { border:none!important;
-webkit-box-shadow: 0 0 0 0 ##000!important;
box-shadow: 0 0 0 0 ##000!important;}

.topsoc {

    width: 100%;
    margin: auto;
    padding: 12px;
    text-align: center;
    font-size: 15px;

}


label {font-weight: normal!important;}


.container {
    padding: 0;
}

#form_container input[type='text'],
#form_container input[type='email'],
#form_container textarea
{
	background: rgba(255,255,255,0.2);	
}

@media screen and (max-width: 800px) {
	#form_container {
    max-width: 79%;
    margin: auto;
}


.container {
    padding: 20px 0 0 0;
}
	
}

@media screen and (max-width: 800px) {


 .eye    {top:132px;}

}


@media screen and (max-width: 700px) {


 .eye    {top:129px;}
 
body { overflow-x: hidden!important;}
 
}

@media screen and (max-width: 550px) {

.snapwidget-widget { left:0!important; float:none!important;}

.fb_iframe_widget {
    float: none!important;
    display: block!important;
    top: -18px;
}

.redeses {

    text-align: center;
}

}

@media screen and (max-width: 400px) {

 .eye    {top:125px;}
 
 .redeses {
    width: 100%;
    max-width: 225px;


}



}
	
	
	
/* ini: Preloader */
 
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000; /* cor do background que vai ocupar o body */
    z-index:999999999!important; /* z-index para jogar para frente e sobrepor tudo */
}
#preloader .inner {
    position: absolute;
    top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/
    left: 50%;
    transform: translate(-50%, -50%);  
}
.bolas > div {
  display: inline-block;
  background-color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin: 3px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: animarBola;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
   
}
.bolas > div:nth-child(1) {
    animation-duration:0.75s ;
    animation-delay: 0;
}
.bolas > div:nth-child(2) {
    animation-duration: 0.75s ;
    animation-delay: 0.12s;
}
.bolas > div:nth-child(3) {
    animation-duration: 0.75s  ;
    animation-delay: 0.24s;
}
 
@keyframes animarBola {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  16% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
  33% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
  } 
}
/* end: Preloader */