@import "//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css";


@font-face {
	font-family: 'Roboto-Regular';
	src: url("../fontes/roboto/Roboto-Regular.ttf");
  }
  @font-face {
	  font-family: 'Roboto-Italic-Black';
	  src: url("../fontes/roboto/Roboto-BlackItalic.ttf");
  }

  html, body{
    height:100%;	
    font-family: Roboto-Regular;
	
	/*background-size: cover;*/ 
	
}
/*##########################Desktop menor ####################################*/
@media (min-width: 801px) and (max-width: 1079px) {
	/*------------------------Menu---------------------------*/ 
#menu-principal{
	display: flex !important;
}

#menu-principal ul li a{
	font-size: 18px;
	font-family: Roboto-Regular;
	font-weight: 500;
	padding-right: 1em;
	padding-left: 1em;
	color: #696a6b;
}

#menu-principal ul li a:hover{
	color: #E9610C !important; 
}
#dropdownBotao{
	background: transparent;
	border: solid 1px #E9610C;
	transition: 3s;
	color:  #E9610C;
	border: none; 
	height: 35px;
	top: 8px; 
	bottom:  8px; 
	padding-left: 20px; 
	padding-right: 20px; 
	border-radius: 30px; 
  }
#menu-logado ul {
	transition: 1s;
	background-color: transparent;
	border: none !important;
	margin-left: 88%;
}
#menu-logado ul li a{
	background-color: white;
	color: #E9610C;
	border-radius: 30px;
	text-decoration: none;
	margin-top: 0.8em;
}

#logo:hover{
	border: none !important; 
}

#site{
	color: #005274;
}
#site:hover{
	border-bottom: solid 3px #005274 !important;
	color: #005274 !important;
}


#opcoes-logado{
	background-color: #E9610C !important;
}

#login {
	border: none;
	background-color: transparent !important;
	color: #fd8235 !important;
}
#cadastro{
	border: none;
	background-color: transparent !important;
	color: #005274 !important;
}
/*------------------------Header---------------------------*/ 
.fundo-capa .help-block {
	color: #c9cde4; 
}

.fundo-capa a {
	color: #c9cde4; 
}
#acesse {
    background-color: #E9610C;
    border: none !important;
}

.titulo-principal{ 
	color:white !important;
	text-shadow: 2px 2px #414040;
}
.botoes-header{
	margin-top: 3em;
}
/*----------------------Vantagens-------------------------*/
.vantagens{
	margin-top: 5em;
	margin-bottom: 5em;
}
.vantagens h3{
	color: #4d5052;
}
.vantagens p{
	color: #737479;
	text-align: justify;
}
/*-----------------------Como funciona----------------------*/
.como-funciona{
	background-color: #005274;
	color: white;
	padding-top: 4em;
	display: flex;
}

.como-funciona p{
	margin-bottom: 0;
	padding-left: 1em;
	padding-bottom: 3em;
	color: white;
	font-size: 1.3em;
	text-align: left;
}

.como-funciona p:last-child{
	margin-left: 4em;
}
.como-funciona span{
	font-size: 1.7em;
}
.funciona-img{
	background-color:  greenyellow;
	display: flex;
	flex-direction: column;
}
.como-funciona img{
	float: right;
	border-radius: 50%;
	border: solid 4px white;
}
#img-func-1{
     width: calc(50%);
	
}
#img-func-2{
	width: calc(50%);
}

/*----------------------Sites parceiros-------------------*/
#sites {
	
}
#sites h3{
	margin-top: 3em;
	color: #005274;
	text-align: center;
	padding-bottom: 2em;
	font-weight: bolder;
}
.sites-imagens {
	
}
.sites-imagens img{
	border-radius: 50%;
	filter: grayscale(2);
	width: calc(50%);
}

/*---------------------------formulario-----------------------------*/
#contato {
	
}
#contato h1{
	color: #E9610C;
	text-align: center;
	text-shadow: 0.2px 0.2px #414040;
	padding-bottom: 2em;
}
.img-formulario{
	transform: rotate(-10deg);
	width: calc(60%);
}
 .texto-formulario .caixinha-texto{
	background-color: #005274;
	margin-top: 8%;
	margin-left: 10% ;
	position: absolute; 
}
.formulario {
	margin-top: 2em;
	margin-bottom: 2em;
}
.formulario label{
	font-size: 1em;
	color: #4d5052;
	font-family: Roboto-Italic-Black;
}
.formulario input:focus, textarea:focus {
	border: solid 1px #E9610C !important;
	box-shadow: none !important;
}
#enviar {
   margin-top: 8%;
}

/*----------------------------rodapé------------------------------*/
#rodape{
	margin-bottom: 2em;
}
.contatos-telefone{
	margin-top: 5em !important;
	margin-bottom: 2em !important;
}
.contatos-telefone span {
	color: #696a70;
	padding: 1em;
	border: solid 1px #b7bbc7;
	border-radius: 8px;
}
.navbar {
	background-color: white !important;
	
}

#menu-rodape{
	margin-top: 2em;
	margin-bottom: 3em;
}
#menu-rodape ul li a{
	color: #696a70;
}
#menu-rodape ul li a:hover{
	color: #005274;
}
#rodape-direito img{
	display: block;
	margin: 0 auto;
	margin-top: 15%;
}
#rodape-direito p{
	font-size: 12px;
	color: #737479;
}

.barrinha-final{
	display: flex;
	height: 1.5em;
	background-color: #005274;
	margin-bottom: 0 !important;
	flex-direction: row;
	justify-content: end;
}
.barrinha-final p{
	color: white;
	margin: 0 auto; 
}
/*=================Página de detalhes de perfil==================*/

.profile-head {
    height: 10em;
}
.profile-body {
    padding: 4px 0px;
}

.text-page {
    padding: 120px 0;
}

#map-outer {
    height: 440px;
    padding: 40px 20px;
    margin-bottom: 20px;
    background-color:#FFF
}

#map-container {
    height: 400px
}

.img-dim {
    opacity: 0.5;
    box-shadow: inset 0px 0px 64px 64px #EA1717, 0px 0px 4px 4px #EA1717;
}

/* Authentication forms */
.form-box form,
.form-box .form-message {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-box form .checkbox {
  margin-bottom: 10px;
}

.form-box form .checkbox {
  font-weight: normal;
}

.form-box form .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-box form .form-control:focus {
  z-index: 2;
}

/*==================Página de detalhes de perfil===============*/ 
.pagina-perfil{
	margin-top: 6em;
}
.linha-titulo{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	
}
.linha-titulo p{
	color: #005274;
	font-size: 50px ;
	
}
.botao-padrao-laranja{
  background: -webkit-linear-gradient(left, #E9610C, #fd8235);
  transition: 3s;
  color: white;
  border: none; 
  height: 35px;
  top: 8px; 
  bottom:  8px; 
  padding-left: 20px; 
  padding-right: 20px; 
  border-radius: 30px; 
}
.botao-padrao-laranja:hover{
	background: -webkit-linear-gradient(right, #E9610C, #fd8235);
	transition: 3s;
	color: white;
}
.card-revenda{
	height: 20em;
	
}
.list-group-item{
	border: none !important;
	color: #757575;
}
.list-group-item span{
	color: #757575;
}

.lado-foto img{
	background-color: #E9610C;
	display: block;
	margin: 0 auto;
	margin-top: 1em;
	border-radius: 50%;
	padding: 1em;
}

.botao-habilitar{
	display: block;
	margin: 0 auto;
	margin-bottom: 1em;
	width: 150px;
	background-color: #005274;
	color: white;
	text-decoration: none;
	transition: 3s;
	border: none; 
	height: 40px;
	top: 8px; 
	bottom:  8px; 
	padding-left: 20px; 
	padding-right: 20px; 
	border-radius: 30px; 
}

.card-empresa{
	width: 30%;
	border: solid 1.5px #005274;
	border-radius: 20px;
	margin-top: 4em;
	margin-bottom: 4em;
	margin-left: 2em;
}
.card-empresa img{
	display: block;
	margin: 0 auto;
}

.card-empresa .texto-empresa{
	color: #757575;
	text-align: center !important;
}

}
/*##########################Desktop maior ####################################*/

	#menu-principal{
		display: flex !important;
	}
	
	#menu-principal ul li a{
		font-size: 18px;
		font-family: Roboto-Regular;
		font-weight: 500;
		padding-right: 1em;
		padding-left: 1em;
		color: #696a6b;
	}
	
	#menu-principal ul li a:hover{
		color: #E9610C !important; 
	}
	#dropdownBotao{
		background: transparent;
		border: solid 1px #E9610C;
		transition: 3s;
		color:  #E9610C;
		border: none; 
		height: 35px;
		top: 8px; 
		bottom:  8px; 
		padding-left: 20px; 
		padding-right: 20px; 
		border-radius: 30px; 
	  }
	#menu-logado ul {
		transition: 1s;
		background-color: transparent;
		border: none !important;
		margin-left: 88%;
	}
	#menu-logado ul li a{
		background-color: white;
		color: #E9610C;
		border-radius: 30px;
		text-decoration: none;
		margin-top: 0.8em;
	}
	
	#logo:hover{
		border: none !important; 
	}
	
	#site{
		color: #005274;
	}
	#site:hover{
		border-bottom: solid 3px #005274 !important;
		color: #005274 !important;
	}
	
	
	#opcoes-logado{
		background-color: #E9610C !important;
	}
	
	#login {
		border: none;
		background-color: transparent !important;
		color: #fd8235 !important;
	}
	#cadastro{
		border: none;
		background-color: transparent !important;
		color: #005274 !important;
	}
	/*------------------------Header---------------------------*/ 
	.fundo-capa .help-block {
		color: #c9cde4; 
	}
	
	.fundo-capa a {
		color: #c9cde4; 
	}
	#acesse {
		background-color: #E9610C;
		border: none !important;
	}
	
	.titulo-principal{ 
		color:white !important;
		text-shadow: 2px 2px #414040;
	}
	.botoes-header{
		margin-top: 3em;
	}
	/*----------------------Vantagens-------------------------*/
	.vantagens{
		margin-top: 5em;
		margin-bottom: 5em;
	}
	.vantagens h3{
		color: #4d5052;
	}
	.vantagens p{
		color: #737479;
		text-align: justify;
	}
	/*-----------------------Como funciona----------------------*/
	.como-funciona{
		background-color: #005274;
		color: white;
		padding-top: 4em;
		display: flex;
	}
	
	.como-funciona p{
		margin-bottom: 0;
		padding-left: 1em;
		padding-bottom: 3em;
		color: white;
		font-size: 1.3em;
		text-align: left;
	}
	
	.como-funciona p:last-child{
		margin-left: 4em;
	}
	.como-funciona span{
		font-size: 1.7em;
	}
	.funciona-img{
		margin-top: 0;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
	.como-funciona img{
		margin-left: 30%;
		border-radius: 50%;
		border: solid 4px white;
	}
	#img-func-1{
		width: calc(50%);
		transform: translateY(-40%);
	}
	#img-func-2{
		width: calc(50%);
		transform: translateY(-40%);
		margin-left: -0.3em;
	}
	
	/*----------------------Sites parceiros-------------------*/
	#sites {
		
	}
	#sites h3{
		margin-top: 3em;
		color: #005274;
		text-align: center;
		padding-bottom: 2em;
		font-weight: bolder;
	}
	.sites-imagens {
		margin-left: 40%;
	}
	.sites-imagens img{
		border-radius: 50%;
		filter: grayscale(2);
		width: calc(25%);
	}
	
	/*---------------------------formulario-----------------------------*/
	#contato {
		
	}
	#contato h1{
		color: #E9610C;
		text-align: center;
		text-shadow: 0.2px 0.2px #414040;
		padding-bottom: 2em;
	}
	.img-formulario{
		transform: rotate(-10deg);
		width: calc(60%);
	}
	 .texto-formulario .caixinha-texto{
		background-color: #005274;
		margin-top: 8%;
		margin-left: 10% ;
		position: absolute; 
	}
	.formulario {
		margin-top: 2em;
		margin-bottom: 2em;
	}
	.formulario label{
		font-size: 1em;
		color: #4d5052;
		font-family: Roboto-Italic-Black;
	}
	.formulario input:focus, textarea:focus {
		border: solid 1px #E9610C !important;
		box-shadow: none !important;
	}
	#enviar {
	   margin-top: 8%;
	}
	
	/*----------------------------rodapé------------------------------*/
	#rodape{
		margin-bottom: 2em;
	}
	.contatos-telefone{
		margin-top: 5em !important;
		margin-bottom: 2em !important;
	}
	.contatos-telefone span {
		color: #696a70;
		padding: 1em;
		border: solid 1px #b7bbc7;
		border-radius: 8px;
	}
	.navbar {
		background-color: white !important;
		
	}
	
	#menu-rodape{
		margin-top: 2em;
		margin-bottom: 3em;
	}
	#menu-rodape ul li a{
		color: #696a70;
	}
	#menu-rodape ul li a:hover{
		color: #005274;
	}
	#rodape-direito img{
		display: block;
		margin: 0 auto;
		margin-top: 15%;
	}
	#rodape-direito p{
		font-size: 12px;
		color: #737479;
	}
	
	.barrinha-final{
		display: flex;
		height: 1.5em;
		background-color: #005274;
		margin-bottom: 0 !important;
		flex-direction: row;
		justify-content: end;
	}
	.barrinha-final p{
		color: white;
		margin: 0 auto; 
	}
	/*=================Página de detalhes de perfil==================*/
	
	.profile-head {
		height: 10em;
	}
	.profile-body {
		padding: 4px 0px;
	}
	
	.text-page {
		padding: 120px 0;
	}
	
	#map-outer {
		height: 440px;
		padding: 40px 20px;
		margin-bottom: 20px;
		background-color:#FFF
	}
	
	#map-container {
		height: 400px
	}
	
	.img-dim {
		opacity: 0.5;
		box-shadow: inset 0px 0px 64px 64px #EA1717, 0px 0px 4px 4px #EA1717;
	}
	
	/* Authentication forms */
	.form-box form,
	.form-box .form-message {
	  max-width: 330px;
	  padding: 15px;
	  margin: 0 auto;
	}
	
	.form-box form .checkbox {
	  margin-bottom: 10px;
	}
	
	.form-box form .checkbox {
	  font-weight: normal;
	}
	
	.form-box form .form-control {
	  position: relative;
	  height: auto;
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
	  padding: 10px;
	  font-size: 16px;
	}
	
	.form-box form .form-control:focus {
	  z-index: 2;
	}
	
	/*==================Página de detalhes de perfil===============*/ 
	.pagina-perfil{
		margin-top: 6em;
	}
	.linha-titulo{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		
	}
	.linha-titulo p{
		color: #005274;
		font-size: 50px ;
		
	}
	.botao-padrao-laranja{
	  background: -webkit-linear-gradient(left, #E9610C, #fd8235);
	  transition: 3s;
	  color: white;
	  border: none; 
	  height: 35px;
	  top: 8px; 
	  bottom:  8px; 
	  padding-left: 20px; 
	  padding-right: 20px; 
	  border-radius: 30px; 
	}
	.botao-padrao-laranja:hover{
		background: -webkit-linear-gradient(right, #E9610C, #fd8235);
		transition: 3s;
		color: white;
	}
	.card-revenda{
		height: 20em;
		
	}
	.list-group-item{
		border: none !important;
		color: #757575;
	}
	.list-group-item span{
		color: #757575;
	}
	
	.lado-foto img{
		background-color: #E9610C;
		display: block;
		margin: 0 auto;
		margin-top: 1em;
		border-radius: 50%;
		padding: 1em;
	}
	
	.botao-habilitar{
		display: block;
		margin: 0 auto;
		margin-bottom: 1em;
		width: 150px;
		background-color: #005274;
		color: white;
		text-decoration: none;
		transition: 3s;
		border: none; 
		height: 40px;
		top: 8px; 
		bottom:  8px; 
		padding-left: 20px; 
		padding-right: 20px; 
		border-radius: 30px; 
	}
	
	.card-empresa{
		width: 30%;
		border: solid 1.5px #005274;
		border-radius: 20px;
		margin-top: 4em;
		margin-bottom: 4em;
		margin-left: 2em;
	}
	.card-empresa img{
		display: block;
		margin: 0 auto;
	}
	
	.card-empresa .texto-empresa{
		color: #757575;
		text-align: center !important;
	}