/* chrome-scrollbar.css v1.1 */
::-webkit-scrollbar{
	background-color: #f1f1f1;
	height: 8px;
	width: 8px;
}
::-webkit-scrollbar-thumb{
	background-color: #c1c1c1;
}

html {
	font-family: 'Helvetica', 'Arial', 'Segoe UI', sans-serif;
	font-size: 13pt;
	font-weight: 400;
	margin: 0;
	padding: 0
}

body {
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../images/pattern.png)
}

.scroll {
	width: auto;
	max-height: 280px;
	overflow: auto
}

.scroll p {
	overflow: hidden
}

.container {
	position: absolute;
	width: 100%;
	height: 90%;
	z-index: 9
}

.bkg {
	float: left;
	width: 100%;
	height: 90%;
	position: absolute
}

.bkg.bkghome {
	background: url(../images/600/home1.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%
}

.bkg.bkgcontato,
.bkg.bkgempresa {
	background: url(../images/600/empresa.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.bkg.bkgcurriculo,
.bkg.bkghistoria {
	background: url(../images/600/historia.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.logo-home {
	float: left;
	width: 205px;
	height: 247px;
	margin: 200px 80px;
	background: url(../images/logo-home.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	display: block;
	overflow: visible
}

.menu {
	position: fixed;
	top: 0;
	z-index: 99;
	float: left;
	background: #2a5159;
	width: 70px;
	height: 80%;
	opacity: 0.9;
	margin-right: 10px
}

.menu a {
	text-decoration: none;
	color: #fff;
	font-weight: semibold
}

.menu a.logoico {
	width: 60px;
	height: 60px;
	display: block
}

.menu a p {
	float: left;
	display: none;
	margin: 8px 0 0 6px
}

.menu span {
	cursor: pointer;
	width: 60px;
	height: 60px;
	display: block;
	margin: 5px
}

.menu .logoico {
	margin: 10px 0 30px 6px;
	background: url(../images/gui.png);
	background-repeat: no-repeat
}

.menu ul {
	padding: 0;
	margin: auto 0 auto 4px;
	float: left;
	width: 60px;
	height: 230px;
	display: block
}

.menu ul li {
	display: block;
	float: left;
	list-style: none;
	width: 70px;
	height: 70px;
	margin: 0 0 0 -5px
}

.menu ul li a {
	width: 70px;
	height: 40px;
	display: block;
	margin-top: -20px;
	padding-top: 20px
}

.menu ul li .empresaico {
	background: url(../images/gui.png) 0 -60px;
	background-repeat: no-repeat
}

.menu ul li .historiaico {
	background: url(../images/gui.png) 0 -120px;
	background-repeat: no-repeat
}

.menu ul li .contatoico {
	background: url(../images/gui.png) 0 -180px;
	background-repeat: no-repeat
}

.menu ul li .curriculoico {
	background: url(../images/gui.png) 0 -240px;
	background-repeat: no-repeat
}

.menu ul li.active,
.menu ul li:hover {
	background: #233b3f
}

.textbox {
	float: right;
	padding: 0 10px 0 2px;
	width: 70%;
	max-width: 500px;
	max-height: 80%;
	height: auto;
	margin-top: 15%;
	margin-right: 10px;
	border-radius: 10px;
	background: url(../images/pattern.png);
	border: 1px solid #aaa;
	overflow: hidden;
	overflow-y: auto
}

.textbox p {
	overflow: hidden;
	margin: 0 10px;
	max-width: 400px;
	float: left
}

.textbox h1 {
	color: #484848;
	font-size: 16pt
}

.textbox span {
	display: block;
	width: 40px;
	height: 30px;
	float: left
}

.textbox span.empresa-ticon {
	height: 40px;
	margin-top: 0;
	background: url(../images/gui.png) -55px -30px
}

.textbox span.historia-ticon {
	background: url(../images/gui.png) -55px -70px
}

.textbox span.contato-ticon {
	background: url(../images/gui.png) -55px -100px
}

.textbox span.curriculo-ticon {
	background: url(../images/gui.png) -55px -130px
}

.textbox img {
	width: 100%;
	max-width: 420px;
	height: auto;
	margin-top: 20px
}

.label {
	overflow: visible;
	display: block;
	max-width: 490px;
	width: 85%;
	height: 370px;
	margin: 10px auto 0
}

.label.cv {
	height: auto
}

.label ul {
	float: left;
	margin: 0;
	width: 100%;
	padding: 0;
	margin-top: 5px
}

.label li {
	list-style-type: none;
	margin: 0 5px;
	width: 100%;
	max-width: 150px;
	position: relative;
	float: left
}

.label li p {
	font-size: 15px;
	color: #454545;
	margin: 0 5px
}

.label li p.first {
	margin: 0 4px 5px
}

.label.msg {
	height: 220px
}

.label input,
.label select,
.label textarea {
	margin-bottom: 10px;
	width: 95%;
	padding-left: 2%;
	height: 30px;
	background-color: #ebebeb;
	color: #454545;
	border: 1px solid #b0b0b0;
	-moz-box-shadow: inset 0 0 8px #ababab;
	-webkit-box-shadow: inset 0 0 8px #ababab;
	box-shadow: inset 0 0 8px #ababab;
	border-radius: 3px;
	font-size: 12pt
}

.label input.error,
.label select.error,
.label textarea.error {
	border-bottom: 2px solid #d82929
}

.label input::placeholder,
.label select::placeholder,
.label textarea::placeholder {
	margin-left: 5px
}

.label input[type=checkbox],
.label input[type=radio] {
	width: auto;
	height: auto;
	float: left;
	cursor: pointer;
	height: 15px;
	width: 15px;
}

.label input[type=radio] {
	border-radius: 50%
}

.label .send-holder {
	width: 95%;
	position: relative;
	float: left;
	margin-left: 8px
}

.label .send-btn {
	margin-right: 0
}

.label .inputfile-up-cv {
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1
}

.label .inputfile-up-cv+label {
	display: inline-block;
	cursor: pointer;
	border: 1px solid #b0b0b0;
	position: relative;
	float: left;
	width: 100%;
	height: 28px;
	max-width: 540px;
	overflow: hidden;
	line-height: 28px;
	color: #454545;
	font-size: 12pt;
	border-radius: 3px;
	margin-bottom: 10px
}

.label .inputfile-up-cv+label.error {
	border-bottom: 2px solid #d82929
}

.label .inputfile-up-cv+label span{
	height: 28px;
	cursor: pointer;
	width: auto;
}
.label .inputfile-up-cv+label span.span-button {
	border-radius: 3px;
	margin: -1px 10px 0 -1px;
	padding: 0 10px;
	border: 1px solid #b0b0b0;
	background: -webkit-linear-gradient(#fff, #ededed);
	background: -o-linear-gradient(#fff, #ededed);
	background: -moz-linear-gradient(#fff, #ededed);
	background: linear-gradient(#fff, #ededed)
}

.label select {
	height: 34px;
	width: 98%;
}

.label textarea {
	padding-top: 10px;
	height: 200px;
	resize: none
}

button {
	outline: none !important;
	cursor: pointer;
	margin-right: 7px;
	margin-bottom: 10px;
	border-radius: 3px;
	width: 110px;
	height: 30px;
	font-size: 12pt;
	color: #454545;
	border: 1px solid #b0b0b0;
	background: -webkit-linear-gradient(#fff, #ededed);
	background: -o-linear-gradient(#fff, #ededed);
	background: -moz-linear-gradient(#fff, #ededed);
	background: linear-gradient(#fff, #ededed);
	float: right
}

button:hover {
	background: #ededed
}

#curriculo p.title.error {
	border-bottom: 2px solid #d82929
}

p.error-msg {
	color: #d82929;
	font-size: 12px;
	display: none;
	margin-bottom: 10px
}

.footer {
	bottom: 0;
	float: left;
	position: absolute;
	margin: 0 auto;
	width: 100%
}

.footer p {
	text-align: center
}

.footer a {
	margin: 0 auto;
	color: #000;
	display: block;
	text-decoration: none
}

.footer a:visited {
	color: #000
}

.footer .foot-adress {
	font-size: 11pt;
	height: 20%
}

.footer .foot-report {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-size: 11pt;
}

.footer .copyright {
	bottom: 0;
	margin-top: -10px;
	float: left;
	width: 100%;
	height: 30%;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 12px
}

.footer .copyright p {
	margin-top: 5px
}

.logo-foot {
	display: inline-block;
	background: url(../images/gui.png) -60px 0;
	width: 30px;
	height: 30px;
	position: relative;
	top: 10px;
	left: 7px;
	transform: scale(0.75)
}

.map {
	margin-top: 10px;
	width: 48%;
	height: 325px;
	float: right;
	display: none
}

.map .gmaps {
	border-radius: 3px;
	border: 1px solid #b0b0b0;
	width: 100%;
	height: 230px
}

.map .gmaps iframe {
	width: 100%;
	height: 100%
}

.map p {
	margin: 20px 5px 0 0;
	text-align: right;
	float: right;
	bottom: 0
}

.modal {
	width: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	color: #333;
	text-align: center;
	background: url(../images/mask.png)
}

.modal div {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 300px;
	height: 90px;
	margin-left: -150px;
	margin-top: -40px;
	border: 1px solid #ccc;
	border-radius: 10px
}

.modal p {
	margin-top: -15px;
	margin-left: 20px;
	font-size: 12px
}

.modal h4 {
	width: 276px
}

.modal img {
	float: left;
	margin: -3px -17px 0 0
}

.modal.send div {
	height: 110px
}

.hide {
	display: none
}

@media (min-width:560px) {
	.scroll {
		max-height: 370px
	}

	.bkg.bkghome {
		background: url(../images/1024/home1.jpg);
		background-repeat: no-repeat;
		background-size: auto 100%
	}

	.bkg.bkgcontato,
	.bkg.bkgempresa {
		background: url(../images/1024/empresa.jpg);
		background-repeat: no-repeat;
		background-size: cover
	}

	.bkg.bkgcurriculo,
	.bkg.bkghistoria {
		background: url(../images/1024/historia.jpg);
		background-repeat: no-repeat;
		background-size: cover
	}
}

@media (max-height:340px) {
	.logo-home {
		display: none
	}

	.footer {
		height: 60px
	}

	.footer a p {
		font-size: 8px
	}
}

@media (min-width:560px) {
	.textbox {
		float: none;
		margin: 20px auto 0
	}

	.textbox#curriculo,
	.textbox#empresa {
		max-width: 410px;
		height: 240px;
		top: 50%;
		margin-top: -110px;
		position: absolute;
		left: 50%;
		margin-left: -205px;
		overflow: hidden;
		text-align: justify
	}

	.textbox#curriculo {
		height: 435px;
		margin-top: -210px;
		overflow-y: scroll
	}
}

@media (min-width:560px) and (max-height:560px) {

	.bkg,
	.container,
	.menu {
		height: 90%
	}

	.bkg.bkgcontato,
	.bkg.bkgcurriculo,
	.bkg.bkgempresa,
	.bkg.bkghistoria,
	.bkg.bkghome,
	.container.bkgcontato,
	.container.bkgcurriculo,
	.container.bkgempresa,
	.container.bkghistoria,
	.container.bkghome,
	.menu.bkgcontato,
	.menu.bkgcurriculo,
	.menu.bkgempresa,
	.menu.bkghistoria,
	.menu.bkghome {
		background-size: cover
	}
}

@media (max-width:560px) {
	.logo-home {
		width: 100px;
		margin-top: 120px;
		margin-left: 10 0
	}

	.footer a p {
		font-size: 8px
	}
}

@media (max-height:560px) {
	.textbox {
		margin-top: 35px
	}

	.footer .foot-adress {
		margin: 0 auto -10px auto
	}

	.footer .foot-report {
		margin: 0 auto -10px auto
	}

	.footer p {
		padding-top: 10px;
		text-align: center
	}

	.menu {
		overflow-x: hidden;
		overflow-y: auto
	}
}

@media (max-height:480px) {

	.footer .foot-adress {
		margin: 10px auto -10px auto
	}
	.footer .foot-report {
		margin: 10px auto -10px auto
	}
}

@media (min-height:728px) {
	.textbox {
		padding: 11px 0 0 25px;
		margin: 10% auto 0;
		max-height: 450px;
		float: none
	}

	.bkg,
	.menu {
		height: 85%
	}

	.footer .foot-adress {
		margin: 5px auto 0
	}

	.footer .foot-report {
		position: absolute;
		margin-top: 20px;
		margin: 5px auto 0;
	}

	.label button,
	.label input,
	.label select,
	.label textarea {
		height: 25px;
		font-size: 12pt
	}

	.label select {
		height: 29px
	}

	.label textarea {
		height: 80px
	}

	.label button {
		height: 30px
	}
}

@media (min-width:900px) {

	.bkg.bkgcontato,
	.bkg.bkgcurriculo,
	.bkg.bkgempresa,
	.bkg.bkghistoria,
	.bkg.bkghome {
		background-repeat: no-repeat;
		background-size: cover
	}
}

@media (min-width:1024px) {
	.max-w-410 {
		width: 410px;
		margin-top: 12%
	}

	.container {
		padding-left: 0;
		overflow: hidden
	}

	.bkg {
		height: 90%
	}

	.bkg.bkghome {
		background: url(../images/1200/home1.jpg)
	}

	.bkg.bkgcontato,
	.bkg.bkgempresa {
		background: url(../images/1200/empresa.jpg)
	}

	.bkg.bkgcurriculo,
	.bkg.bkghistoria {
		background: url(../images/1200/historia.jpg)
	}

	.bkg.bkgcontato,
	.bkg.bkgcurriculo,
	.bkg.bkgempresa,
	.bkg.bkghistoria,
	.bkg.bkghome {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top, center
	}

	.dbrow p {
		width: 47%
	}

	.textbox {
		margin-top: 71px;
		max-width: 850px;
		max-height: auto;
		padding: 15px
	}

	.textbox#contato,
	.textbox#historia {
		max-width: 780px;
		height: 480px;
		top: 50%;
		margin-top: -205px;
		position: absolute;
		left: 50%;
		margin-left: -390px;
		text-align: justify
	}

	.menu {
		width: 100%;
		height: 70px;
		overflow: hidden
	}
	.menu li{
		cursor: pointer;
	}

	.menu a p {
		display: block
	}

	.menu span {
		float: left;
		width: 50px;
		height: 35px;
		display: block;
		margin: 0
	}

	.menu .logoico {
		float: left;
		width: 60px;
		height: 60px;
		margin: 5px 0 40px 6px
	}

	.menu ul {
		width: 560px;
		height: 40px;
		margin: 25px auto 0;
		float: none
	}

	.menu ul li {
		padding-top: 15px;
		margin-top: -25px;
		width: 140px;
		height: 55px
	}

	.menu ul li a {
		width: 130px
	}
}

@media (min-width:1025px) {
	.bkghome {
		background: url(../images/1200/home1.jpg);
		-webkit-animation-name: example;
		-webkit-animation-duration: 15s;
		-webkit-animation-iteration-count: 10;
		animation-name: example;
		animation-duration: 15s;
		animation-iteration-count: 10
	}

	@keyframes example {
		0% {
			background: url(../images/1200/home1.jpg);
			background-size: 100% auto;
			background-position: center;
			background-repeat: no-repeat
		}

		35% {
			background: url(../images/1200/home2.jpg);
			background-size: 100% auto;
			background-position: center;
			background-repeat: no-repeat
		}

		70% {
			background: url(../images/1200/home3.jpg);
			background-size: 100% auto;
			background-position: center;
			background-repeat: no-repeat
		}

		100% {
			background: url(../images/1200/home1.jpg);
			background-size: 100% auto;
			background-position: center;
			background-repeat: no-repeat
		}
	}

	.logo-home {
		margin: 160px 200px
	}

	.textbox {
		max-width: 850px
	}

	.textbox .label {
		float: left;
		width: 49%;
		height: 370px
	}

	.textbox .label .send-holder {
		width: 100%
	}

	.textbox .label.cv {
		max-width: 665px;
		width: 665px;
		height: auto
	}

	.textbox .label div {
		float: left
	}

	.textbox .label div input {
		width: 98%;
		margin-left: 2%
	}

	.textbox .label .name-cv {
		width: 490px;
		height: 75px
	}

	.textbox .label .tel {
		margin-left: 25px;
		width: 150px;
		height: 75px
	}

	.map {
		display: block
	}

	.textbox#curriculo {
		max-width: 680px;
		width: 680px;
		margin-left: -340px;
	}
}

@media (min-height:900px) {
	.textbox {
		margin-top: 150px;
		padding: 15px
	}

	.logo-home {
		margin-top: 270px
	}
}

@media (min-width:1200px) {
	.bkg {
		background-size: 100% auto
	}

	@keyframes example {
		0% {
			background: url(../images/1200/home1.jpg);
			background-size: 100% auto;
			background-position: center;
			background-repeat: no-repeat
		}

		35% {
			background: url(../images/1200/home2.jpg);
			background-size: 100% auto;
			background-position: center;
			background-repeat: no-repeat
		}

		70% {
			background: url(../images/1200/home3.jpg);
			background-size: 100% auto;
			background-position: center;
			background-repeat: no-repeat
		}

		100% {
			background: url(../images/1200/home1.jpg);
			background-size: 100% auto;
			background-position: center;
			background-repeat: no-repeat
		}
	}
}

.max-w-410 {
	max-width: 410px
}



/* NEW */
.float-left{
	float: left !important;
}
.input-width-left{
	margin-right: 10px !important;
	width: 45% !important;
	width: calc(48% - 20px) !important;
}
.input-width-right{
	margin-left: 10px !important;
	width: 45% !important;
	width: calc(48% - 20px) !important;
}
.select-escolaridade{
	height: 30px !important;
	margin-top: 5px;
	width: 100% !important;
}

.form-error{
	background-color: #ffdddd !important;
	border: 1px solid #ff0000 !important;
}

.swal2-icon-show{
	margin: 0;
}

.p-swall{
	font-size: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.redify:after{
	background-color: #ff0000;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0.4;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

input[type="checkbox"]{
	position: relative !important;
	transition: opacity 0.5s;
}

.opacity-0{
	opacity: 0;
	transition: opacity 0.5s;
}

.d-none{
	display: none;
}

button[disabled]{
	opacity: 0.5;
}

.btn-loader{
	margin-top: 5px !important;
	height: 20px !important;
	width: 20px !important;
	max-height: 20px !important;
	max-width: 20px !important;
}

.fast-load-image{
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.file-name{
	font-size: 12px !important;
}
[for="file"]{
	background-color: #ffffff;
}