html, body
{
    height:100%;
}

h1, h2, h3, h4, h5, h6
{
	margin:0;
	padding:0;
}

body
{
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: 'Open Sans', serif;
    background-image: url('../img/fundo-home.jpg');
    background-size:cover;
    background-attachment: fixed;
	font-smooth: never;
}

.navbar
{
	background-color:#fff;
	padding:0px;
	border:0px;
	border-radius:0px;
	margin-bottom:0px;
	z-index:999;
}

.navbar,
.barra-busca
{
	box-shadow:0px 0px 30px -10px #000;
}

.navbar.navbar-default .navbar-brand img
{
	height:30px;
	margin-top:-5px
}

.navbar.navbar-default ul.nav li
{
	padding:0px;
	font-size:16px;
	margin:0
}

.navbar.navbar-default ul.nav li a
{
	color:#000;
}

.navbar.navbar-default ul li:hover
{
	background-color:rgba(120, 114, 76, 0.22);
}

.navbar.navbar-default ul.nav li.active a,
.navbar.navbar-default ul.nav li.active:hover a
{
	background-color:#78724C;
	color:#fff;
}

.navbar.navbar-default ul.nav.navbar-right  li a:hover
{
	background-color:#78724C;
	color:#fff;
}

img.sem-imagem
{

}

body > section
{
	padding:50px 0;
	background-color:#e6e6e6;
	font-size:16px;
}

section h3.title
{
	margin:10px 0;
}

section.transparent
{
	background-color:transparent
}

section .container > h2
{
	margin-bottom:35px;
}

.font-white
{
	color:#fff;
}

.bg-white
{
	background-color: #fff
}

img.img-responsive
{
	width:100%!important;
}

img.sem-imagem
{
	border:1px solid #fff;
	
}

div.spacer
{
	height:20px;
	width:100%;
	clear:both;
}

section#banner .container
{
	width:50%;
	font-size:18px;
}

section#banner img
{
	height:75px;
}

section#banner h1
{
	font-size:20px;
}

section#banner form
{
	background-color:#fff;
	padding:3px;
}

section#banner input[type=search]
{
	border:0px
}

section#banner .card-banner
{
	border:1px solid transparent;
	font-size:13px;
	padding:20px;
	height:126px;
	color:#fff;
}

section#banner .card-banner:hover
{
	border-color:#fff;
	text-decoration:none;
}

section#banner .card-banner img
{
	height:50px;
}

a,
section#banner .card-banner,
.navbar.navbar-default ul.nav li
{
	transition: 0.1s ease-in;
}

section.page-title
{
	background-color:transparent;
	color:#fff;
	padding:20px 
}

section.page-title h1
{
	float:left;
	margin:0;
	margin-top:-2px
}

section.page-title span.breadcrumb
{
	margin:0;
	float:right;
	font-size:13px;
	color:#000;
	border-radius:0px;
	background-color:rgba(255,255,255,.8)
}

section.busca_freelancer
{
	padding:80px 0;
	background-image: url('../img/freelancer.jpg')!important;
	background-position:center top;
	background-attachment: fixed;
	color:#fff;
}

img.img-freelancer
{
	width:150px;
	margin:0 auto;
	margin-bottom:30px;
	border:4px solid #fff;
}

section.busca_freelancer form,
section.cadastro_freelancer form,
section.cadastro_empresa form,
.alert-freelancer
{
	width:60%;
	margin:0 auto;
}

.img-galeria
{
	height:130px;
	background-position:center center;
	background-size:cover;
}

.rodape-empresa
{
	background-color:#fff;
	padding:10px;
}

div.card
{
	background-color:#fff;
	padding:15px;
	margin-bottom:20px;
}

div.card .card-body a
{
	font-size:15px;
	color:#000
}

div.card.card-segmento
{
	height:480px;
}

div.card.card-blog
{
	height:420px;
}

img.card-blog-img
{
	width:calc(100% + 30px);
	height:250px;
	margin:-15px -15px 10px -15px;
	background-color: rgb(231, 231, 233);
	overflow: hidden;
}

div.card.card-empresa-big
{
	width:263px;
	height:450px;
	margin:0 auto;
	margin-bottom:30px;
}

div.card.card-empresa-small
{
	height:295px;
}

div.card.card-empresa-big i.fa,
div.card.card-empresa-small i.fa
{
	width:20px;
	text-align:center;
}

div.card .card-img-capa
{
	width:calc(100% + 30px);
	height:160px;
	margin:-15px -15px 10px -15px;
	background-color: rgb(231, 231, 233);
	overflow: hidden;
	text-align:center;
}

div.card-img-capa img
{
	width:100%;
	height: 100%;
}

div.card .card-img-capa img.card-img-perfil
{
	width:80px;
	background-color:#fff;
	padding:6px;
	margin-left:10px;
	margin-top:10px;
	box-shadow:0px 0px 15px 0px rgba(51, 51, 51, 0.36);
}

div.card .card-title
{
	font-size:22px;
}

.seu-momento h4
{
	margin-top:20px;
	font-size: 29px
}

.seu-momento img.seu-momento-logo-icon
{
	height:29px;
	margin-right:5px;
}

.segmentos .card img
{
	width:80px;
}

.segmentos .card span.card-title
{
	margin:20px 0;
}

.segmentos .card .card-body a:hover
{
	background-color:#e6e6e6;
	text-decoration:none;
}

.segmentos .card span.card-title,
.segmentos .card a
{
	width:100%;
	float:left;
}

#navbar-toggle
{
	border:none;
	border-radius:0px;
}

#navbar-toggle:hover
{
	background-color:#e6e6e6
}

.toggle-busca
{
	color:#fff!important;
}

.toggle-busca:focus
{
	background-color:#78724C!important
}

button.toggle-busca
{
	float:right;
	margin:8px;
}

.barra-busca
{
	padding:25px;
	position:absolute;
	display: none;
	width:100%;
	z-index: 998;
}

.barra-busca .container > .content-busca
{
	width:80%;
	margin:0 auto;
}

.barra-busca p
{
	font-size:19px;
}


.barra-busca input
{
	font-weight:bold;
}

.container .planos
{
	width:90%;
	margin: 0 auto;
}

.planos .plano-box
{
	border:1px solid #dadada;
	background-color:#fff;
	padding:20px;
}

.planos .box-plano-preco p.info-planos
{
	height:40px;
}

.planos .plano-box h4
{
	font-size:20px;
	color:#222;
}

.planos .plano-box .plano-title
{
	font-size:30px;
}

.planos .plano-box .plano-title img
{
	height:40px;
	margin-right:10px;
	margin-top:-10px;
}

.bg-plano-bronze
{
	background-color: #847059;
}

.planos .plano-box.plano-bronze .plano-title,
.meu-plano .plano-bronze
{
	color:#847059;
}

.bg-plano-prata
{
	background-color: #606062;
}

.planos .plano-box.plano-prata .plano-title,
.meu-plano .plano-prata
{
	color:#606062;
}

.bg-plano-ouro 
{
	background-color: #C9943B;
}

.planos .plano-box.plano-ouro .plano-title,
.meu-plano .plano-ouro
{
	color:#C9943B;
}

.planos .plano-box .plano-preco sup
{
	font-size:20px;
}

.planos .plano-box .plano-preco big
{
	font-size:50px;
	color:#3aade2;
	font-weight:bold;
	padding-right:20px;
}

.planos .plano-box .plano-preco big small
{
	font-size:20px;
	position:absolute;
	margin-top:10px;
}

.planos .plano-box p.plano-item
{
	border-top:1px solid #dadada;
	padding:9px 9px 0;
	text-align:left;
	color:#e4e4e4
}

.planos .plano-box p.plano-item i
{
	font-size:25px;
}

.planos p.plano-item.active
{
	color:#333
}

.planos p.plano-item.active i
{
	color:green
}

.planos p.info-planos
{
	font-size:12px;
	margin:2px;
}

.meu-plano
{
	background-color:rgba(204, 204, 204, 0.16);
	border:2px solid rgba(204, 204, 204, 0.37);
	padding:10px;
}

.meu-plano .plano-data
{
	float:left;
	margin:0 10px;
}

.contrato
{
	background-color:#fff;
	padding:30px;
	height:250px;
	overflow-y:scroll;
	font-size:14px;
	border:2px solid #999;
}

/* BLOG */
.blog-title
{
	margin-bottom:10px!important;
}

.post-header,
.post-body
{
	padding:20px;
	background-color:rgb(255, 255, 255);
}

.post-body
{
	margin-bottom:20px;
}

.post-body .btn
{
	margin-left:-20px;
}

.post a:hover
{
	text-decoration:none;
}

.post-header
{
	padding:5px 20px;
	font-size:13px;
}

.post-header span
{
	margin-right:15px;
}

.post-relacionado-content
{
	background-color:#fff;
	padding:10px;
	min-height:105px;
}

footer
{
	padding:30px 10px;
}

footer .icon-rodape a
{
	padding:10px 15px;
	font-size:22px;
	color:#fff;
}
.modal .modal-content
{
	border-radius:0;
}

label
{
	font-weight:normal;
	font-size:15px;
}

label.control-label
{
	margin-top:10px;
	margin-bottom:0px;
}

input[type=file].file-dropzone
{
	height:100px;
	border:4px solid #ccc;
	border-style:dashed;
	text-align:center;
}

.form-control
{
	box-shadow:none;
	border:2px solid #e1e1e1;
	border-radius:0px
}

.form-control:focus
{
	border:2px solid #78724C;
	box-shadow:none;
}

.input-group-btn .btn
{
	border:1px solid #78724C;
}

.input-group span
{
	color:#78724C;
	border-radius:0px;
}

.btn
{
	border:none;
	border-radius:0px;
}

.btn-default
{
	background-color:#eee;
}

.btn.btn-bordered
{
	border:1px solid #fff;
}

.well
{
	border-radius:0;
	border:1px solid #ccc;
	box-shadow:none;
}

.well ul
{
	list-style-type:none;
	padding-left:0px;
}

.well ul li
{
	padding-top:5px;
	font-size:13px;
}

.well h4
{
	margin-bottom:7px;
}

.well h4 i
{
	font-size:20px!important;
}

.alert
{
	border-radius:0px;
	border-width:2px;
	color:#fff;
}

.alert-danger
{
	border-color:rgb(255, 0, 0);
	background-color:rgba(255, 0, 0, 0.71);
}

.alert-success
{
	border-color:rgb(60, 118, 61);
	background-color:rgba(60,118,61, 0.71);
}

.alert-info
{
	border-color:rgb(0, 132, 255);
	background-color:rgba(0, 132, 255, 0.71);
}

.container.info-perfil-empresa.capa
{
	margin-bottom:30px;
}

.container.info-perfil-empresa.capa .capa-content,
.container.info-perfil-empresa.gratis
{
	padding:30px;
}

.container.info-perfil-empresa.capa .capa-image
{
	max-height: 420px;
    min-height: 360px;
	padding:0px;
	overflow-y:hidden;
}

.capa-image img
{
	width:100%;
}

.container.info-perfil-empresa.capa .logo-empresa-perfil
{
	display: flex;
	justify-content: center;
	margin-top: -50px;
}

.container.info-perfil-empresa.capa .logo-empresa-perfil .moldura
{
	padding: 10px;
	background-color: #fff;
	box-shadow:0px 3px 10px 0 rgba(0, 0, 0, .16);
}

@media (max-width:600px){
	.container.info-perfil-empresa.capa .logo-empresa-perfil
	{
		display: flex;
		justify-content: center;
		margin-top: -90px;
	}
}


.container.info-perfil-empresa.capa .logo-empresa-perfil .moldura img
{
	max-height:120px;
	max-width:300px;
}


.container.info-perfil-empresa.capa .btn.btn-upload-perfil
{
	position:relative;
	top:10px;
	left:10px;
	border:3px solid #fff;
}

.container-error-empresa
{
	padding:0
}

.perfil-empresa
{
	margin-top:-100px;
	padding:30px
}

.perfil-empresa p
{
	font-size:14px;
}

.perfil-empresa h3
{
	margin-bottom:10px;
}

.perfil-empresa h3 a
{
	margin-top:3px
}

.panel
{
	border-radius:0px
}

.panel big
{
	font-size:50px;
	margin:0px;
	line-height:0.6;
	font-weight:bold;
}

.panel a
{
	text-decoration: underline;
	margin-top:11px;
	float:left;
}

.box
{
	padding:30px;
	border: 1px solid #78724C;
	margin-top:20px;
}

.box-orcamento
{
	padding:20px;
}

.box-curriculo
{
	padding:25px;
}

.box-curriculo  a
{
	margin-right:15px;
	font-size:25px
}

.box-curriculo  span.curriculo-funcao
{
	font-style:italic
}

.box-curriculo  p
{
	margin-top:30px;
	font-size:19px
}

.box-login-empresas p
{
	font-size:12px;
	margin-top:10px;
	margin-bottom:30px;
}

/* Autocomplete google maps api */
.pac-container {
    z-index: 99999;
}

body.modal-open
{
	overflow-y:scroll;
	margin-right:-15px
}

#loading
{
	background-color:rgba(0, 0, 0, 0.35);
	width:100%;
	height:100%;
	top:0;
	position:fixed;	
}

#loading > .loading-content
{
	background-color:#fff;
	width:400px;
	padding:20px;
	margin:150px auto;
}

#loading > .loading-content h1
{
	font-size:15px;
}

#loading > .loading-content i
{
	margin-top:20px;
	font-size:70px;
}

.chat-container
{
	bottom:0;
	right:20px;
	position:fixed;
	width:300px;
}

.chat-container .chat-init,
.chat-interact
{
	box-shadow:0px 0px 15px 0px #00000059;
}

.chat-container .chat-init
{
	border-radius:30px 30px 0 0;
	border-left:2px solid #78724c;
	border-right:2px solid #78724c;
	margin-bottom:-256px;
	transition: margin 600ms cubic-bezier(0.43, -0.42, 0.56, 0.99)
}

.chat-container .chat-init.init-open
{
	margin-bottom:-20px;
}


.chat-container .chat-init .chat-init-header
{
	cursor:pointer;
	border-radius:30px 30px 0 0;
	font-size:23px;
	color:#fff;
	padding:20px 20px 12px
}

.chat-container .chat-init .chat-init-header img
{
	background-color:#fff;
	width:40px;
	margin-top:-5px;
	padding:5px 10px;
	border-radius:50%;
	margin-right:10px;
}

.chat-container .chat-init .chat-init-body
{
	background-color:#fff;
	padding:20px 20px 50px;
	height:256px;
}

.chat-container button
{
	width: 100%;
}

.chat-container .chat-init .btn-fluxo
{
	margin-bottom: 5px;
}

.chat-container .options-sou-fornecedor
{
	padding:0 20px;
}

.chat-interact
{
	height:530px;
	background-color: #fff
}

.chat-interact .chat-header
{
	padding:10px 20px;
	font-size:16px;
}

.chat-interact .chat-header img
{
	background-color:#fff;
	width:20px;
	padding:3px 5px;
	border-radius:50%;
	margin-top:0px;
	margin-right:7px;
}

.chat-interact .chat-header i
{
	cursor:pointer;
	margin-top:3px;
	float:right
}

.chat-interact #chat
{
	padding:20px 20px 0;
	width:100%;
	position:absolute;
	bottom:0px;
	max-height:485px;
	overflow-y:scroll;
	overflow-x:hidden
}

.chat-interact #chat .message
{
	font-size:14px;
	width:80%;
	padding:15px;
	margin-top:4px;
	margin-bottom:4px;
}

.chat-interact #chat .message-site
{
	color:#fff;
	border-radius:0px 15px 15px 15px;
	background-color:#78724c;
}

.chat-interact #chat .message-guest
{
	float:right;
	border-radius:15px 0px 15px 15px;
	background-color:#dadada;
	color:#222;
}

.chat-interact #chat .message-interact
{
	padding:10px 10px;
	float:left;
	background-color:#bfbfbf;
	margin-left:-20px;
	margin-bottom:0px;
	width:calc(100% + 40px);
	bottom:0px;
}

.chat-interact #chat .message-interact button
{
	margin-bottom: 2px;
	padding:0px;
}

.chat-interact #chat .message-interact button,
.chat-interact #chat .message-interact input
{
	width: 100%;
}

div.loading-escrevendo
{
	height:40px;
	width:100px;
	background-image: url('../img/icons/escrevendo.gif');
	background-repeat: no-repeat;
}

.mensagem
{
	width: 80%;
	margin-top:10px;
	padding:20px;
	padding-bottom: 10px
}

.mensagem .sender
{
	font-size:16px;
	float:left;
	margin-bottom:15px;
}

.mensagem.mensagem-site
{
	border-radius:30px 0 30px 30px;
	float:right;
}

.mensagem.mensagem-guest
{
	float:left;
	border-radius:0px 30px 30px 30px;
	background-color: #e6e7e9
}

@media (max-width: 890px)
{
	section#banner .container
	{
		padding:0px;
		width:90%;
	}

	section.busca_freelancer form, section.cadastro_freelancer form, section.cadastro_empresa form, .alert-freelancer
	{
		width:100%
	}

	.container.info-perfil-empresa.capa .capa-image
	{
		height: 200px;
		padding: 0px;
		overflow-y: hidden;
	}
}

/* SEU 2024 */

@media (max-width:600px){
	.chat-container .chat-init .chat-init-header {
		font-size: 20px;
		padding: 10px;
		border-radius: 0;
	}
	.chat-container
	{
		bottom:0;
		right:0;
		position:fixed;
		width:100%;
		z-index: 1000;
	}
	.chat-container .chat-init {
		border-radius: 0;
		border-left:  0;
		border-right:  0;
	}
	.chat-interact {
		height: 100vh;
	}
}

*::-webkit-scrollbar {
    background-color: #CCC;
}
*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
*::-webkit-scrollbar-track {
    border-radius: 0;
}
*::-webkit-scrollbar-thumb {
    background: #666;
    border-radius:5px;
}
*::-webkit-scrollbar-thumb:hover {
    background: #78724c;
    cursor: pointer;
}
.seu-check label{
	padding: 10px;
	background-color: #ededed;
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.seu-check label input{
	opacity: 0;
	position: absolute;
}
.seu-check label input ~ p{
	display: flex;
}
.seu-check label input ~ p .check{
	display: inline-block;
	min-width: 25px;
	max-height: 25px;
	background-color: #fff;
	margin-right: 10px;
	border:1px solid #78724c;
	color: #fff;
	border-radius:3px;
}
.seu-check label input:checked ~ p .check{
	background-color: #78724c;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* GRID */
.seu-row{
	display: flex;
    flex-wrap: wrap;
	margin-right: -10px;
    margin-left: -10px;
}
.seu-row .col{
	flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.col-50-mobil{
	flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
@media (max-width:600px){
	.col-50-mobil{
		flex-basis: 0;
		flex-grow: 1;
		min-width: 50%;
	}	
}
/* CARDS */
.seu-card .frase{
	font-size: 15px;
    overflow-y: scroll;
    max-height: 85px;
    margin-bottom: 10px;
}
.seu-card .frase{
	font-size: 15px;
    overflow-y: auto;
	overflow-x: hidden;
    max-height: 85px;
    margin-bottom: 10px;
}
div.card .card-img-capa {
    width: calc(100% + 30px);
    height: 220px;
    margin: -15px -15px 10px -15px;
    background-color: rgb(231, 231, 233);
    overflow: hidden;
	position: relative; 
    text-align: center;
}

div.card .card-img-capa img {
    width: 100%; /* Garante que a imagem ocupe toda a largura da div */
    height: 100%; /* Garante que a imagem ocupe toda a altura da div */
    object-fit: cover; /* Ajusta a imagem para preencher a div mantendo a proporção */
    object-position: center; /* Centraliza a imagem na div */
}

div.card.card-segmento {
	height: 670px;
}
.container.info-perfil-empresa.capa .capa-image {
	max-height: 450px;
    min-height: 360px;
	padding: 0px;
	overflow: hidden;
	position: relative; 
	text-align: center;		
}
.container.info-perfil-empresa.capa .capa-image img {
	width: 100%; /* Garante que a imagem ocupe toda a largura da div */
	height: 100%; /* Garante que a imagem ocupe toda a altura da div */
	object-fit: cover; /* Ajusta a imagem para preencher a div mantendo a proporção */
	object-position: center; /* Centraliza a imagem na div */
}
.img-galeria {
    height: 230px;
}
@media (max-width:600px){
	.seu-card{
		height: auto;
	}
	div.card.card-empresa-big {
		width: auto;
		height: auto;
	}
	div.card-img-capa img {
		width: 100%;
		height: auto;
	}
	.container.info-perfil-empresa.capa .capa-image {
        height: 290px;
		min-height: 290px;
        padding: 0px;
		overflow: hidden;
		position: relative; 
		text-align: center;	
		margin-top: -50px;	
    }
	.container.info-perfil-empresa.capa .capa-image img {
		width: 100%; /* Garante que a imagem ocupe toda a largura da div */
		height: 100%; /* Garante que a imagem ocupe toda a altura da div */
		object-fit: cover; /* Ajusta a imagem para preencher a div mantendo a proporção */
		object-position: center; /* Centraliza a imagem na div */
	}
	.img-galeria {
		height: 230px;
		width: 100%;
	}
}