/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
/*end reset*/
body{
	font-family: 'Poppins', sans-serif;
    color: #8C857B;
    font-size:0.9em;
    max-width: 100%;
    overflow-x: hidden;
    margin:0;
    background:#000;
}

.toolbar{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:64px;
	background:linear-gradient(#000,#262523);
	z-index:999;
	-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.3);
	-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.55);box-shadow:0 1px 1px 0 rgba(0,0,0,.55)
}

.toolbar img.logo_page{
	position:relative;
	top:14px;
	width:80px;
	margin-left:10px;
}
.toolbar span {
    position:relative;
    font-family: 'Spinnaker', sans-serif;
    font-size: 24px;
    color: #fff;
    top:10px;
}
@media all and (min-width:800px){
	 .head,.registration{
		 max-width:75%;
		 margin:145px 10px 25px
	 }
	 h2{font-size:1.8em}
	 .foot_container{position:relative;bottom:0}
}

@media all and (max-width: 799px) {
	.registration, .head {
		 max-width:75%;
		 margin:145px 10px 25px
	}
   h2 {font-size:1.6em}
   .foot_container {position:relative;bottom:0px;}
}

@media all and (max-width: 500px) {
	 .head,.registration{
		 max-width:85%;
		 margin:150px 10px 80px
	 }
   h2 {font-size:1.5em}
   .foot_container {position:relative;bottom:0px;}
}
/* unvisited link */
a:link {
  color: #fff;
	font-weight: bold;
}

/* visited link */
a:visited {
  color: #444;
}

/* mouse over link */
a:hover {
  color: #8C857B;
}

/* selected link */
a:active {
  color: #86ae47;
}

h1 {
   font-family: 'Encode Sans Condensed', sans-serif;
   color: #8C857B;
   font-size: 2.2em;
   padding-top: 1em;
}
h2 {
   font-family: 'Poppins', sans-serif;
   color: #BFB5A8;
   margin-bottom: 10px;
   margin-top:5px;
}
h3 {
   font-family: 'Poppins', sans-serif;
   color: #8C857B;
   font-size: 1.2em;
   margin-top:10px;
   margin-bottom: 15px;
}
h4 {
   font-family: 'Encode Sans Condensed', sans-serif;
   color: #BFB5A8;
   font-size: 0.9em;
   margin-bottom: 15px;
}
.notif {
   font-size:0.8em;
   padding:0.8em;
}
.registration {
   background: #262523;
   padding: 10px;
	 border-radius:20px;
   text-align:center;
   height:90%;
}
.sign_up {
   border-radius:0px 0px 10px 10px;
   margin-top:0px;
}
.head {
   font-family: 'Encode Sans Condensed', sans-serif;
   color: #ddd;
   font-size: 1.8em;
   margin-top:70px;
   background-color:#2d3d67;
   padding:10px;;
   border-radius:10px 10px 0px 0px;
}
.btn, .btn2,.linkbotao{
   -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
   box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
}
.picture {
   margin-bottom:10px;
   width:150px;
}
.picture_perfil {
   position:relative;
   top:5px;
   margin-right:5px;
   width:32px;
   border-radius:100%;
   background-color:#bbb;
}
.form-info {
   margin-top:10px;
   width: 100%;
}
.form-info div {
   width:91%;
   display:inline-block;
}
.form-info span {
   display:none;
}
.text {
   outline: none;
   text-align: center;
   background: #fff;
   color: #777;
   width: 90%;
}

.btn, .btn2 {
   outline: none;
   border: none;
   color: #fff;
   padding: 12px 25px;
   font-size: 1em;
   font-weight: 400;
   cursor: pointer;
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -o-border-radius: 30px;
   -ms-border-radius: 30px;
   -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
   box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
   max-width:80%;
   position: relative;
   margin: 0 auto;
}
.btn2 {
    padding:5px;
    margin-left:3px;
}
#senha_update {
   margin-top:8px;
   background: orange;
}
#senha_update:hover {
	background: red;
	  	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
}
#email_confirm, #site, #next {
   margin-top:8px;
   background: #86ae47;
}
#email_confirm:hover, #site:hover, #next:hover {
	background: #86ae60;
	  	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
}
#register, #google, #selovirtual, #site2, #facebook {margin-top: 10px;}
#site2 {background: #666}
#register {background: #2d3d67;}
#facebook {background: #34579b;}
#google {
	background: #fff;
	padding: 0px 25px;
	text-align: -webkit-center;
	margin-bottom:12px;
	cursor:unset;
}
#selovirtual {background: #86ae47}
#facebook img, #register img, #google img, #selovirtual img {
   vertical-align: middle;
   margin-right:10px;
   height:20px;
}
#register:hover, #facebook:hover, #google:hover, #selovirtual:hover, #site2:hover {
   background: orange;
   transition: 1s all;
   -webkit-transition: 1s all;
   -moz-transition: 1s all;
   -o-transition: 1s all;
}
.ui-autocomplete.ui-widget {
   font-family: 'Encode Sans Condensed', sans-serif;
   font-size: 16px;
   text-align:center;
}

#dvLoading{
    position: fixed;
    z-index: 1000;
    top:50%;
    left:50%;
    margin-top:-65px;
    margin-left:-65px;
}
#dvLoading img {
    width:130px;
    height:130px;
}
#dvLoading h1 {
    color:#fff;
    font-size:22px;
    background:#444;
    padding:5px;
    border-radius:4px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-align: center;
}

#senha a {font-size:12px;}

label {
   color: #BFB5A8;
   font-size: 0.9em;
}

small {
    font-size: 0.8em;
    font-weight: 400;
    color:#999;
}
.wrap:before {
   content: "";
   position:fixed;
   display: block;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   z-index:-1;
   /*
   -webkit-filter: blur(8px);
   -moz-filter: blur(8px);
   -o-filter: blur(8px);
   -ms-filter: blur(8px);
   filter: blur(8px);
   opacity: 0.5;
   filter: alpha(opacity=50);
   background-size:cover; */
}
.wrap {
    position: relative;
    margin-top:32px;
}

.mid {
   width:60%;
}
.off {
   display:none;
}
select,input[type=text],input[type=email],input[type=tel],input[type=password] {
   font-family: 'Poppins', sans-serif;
   color: #8C857B;
   font-size: 1em;
   border: 1px solid #403C38;
   padding: 4px;
   width: 90%;
   background:#111;
   margin:4px;
   border-radius:5px;
}
.foot_container {
    bottom:0px;
    width:100%;
    background:linear-gradient(#262523,#000);
    padding-top:10px;
    text-align:center;
   opacity: 0.9;
   filter: alpha(opacity=90);
}
.foot_container a {
    display:inline-block;
    padding:5px;
}
.foot_container a:hover {
    color:#86ae47;
}
.foot_container .a1 {
    font-size:16px;
    color:#999;
}
.foot_container .a2 {
    font-size:13px;
    color:#BFB5A8;
}
.foot_container small {
    font-size: 11px;
    color:#777;
}
#credential_picker_container {
	top:50% !important;
}
.whats_button {
		text-align:center;
}
.whats_button p {
		font-size:9px;
		color:#ccc;
}
.whats_button img {
		cursor:pointer;
		width:50px;
		height:50px;
}
.info_mus {
  position:relative;
  margin: 0 auto;
  text-align:left;
  padding:15px;
  max-width:400px;
  font-size:11px;
}
.info_mus span {
  position:relative;
  top:-8px;
  left:5px;
}
.info_mus tr:nth-child(even) {
  background:none;
}
hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(191, 181, 168, 0.75), rgba(0, 0, 0, 0));
}