@font-face {
	font-family: 'Pacifico';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Pacifico Regular'), local('Pacifico-Regular'),
		url(https://fonts.gstatic.com/s/pacifico/v16/FwZY7-Qmy14u9lezJ-6H6Mk.woff2)
			format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
		U+2215, U+FEFF, U+FFFD;
}

.container {
/*	max-width: 960px; */
}

.site-header {
	background-color: rgba(0, 0, 0, 0.85);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

.site-header a {
	color: #999;
	transition: ease-in-out color 0.15s;
}

.site-header a:hover {
	color: #fff;
	text-decoration: none;
}

.product-device {
	position: absolute;
	right: 10%;
	bottom: -30%;
	width: 300px;
	height: 540px;
	background-color: #333;
	border-radius: 21px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}

.product-device::before {
	position: absolute;
	top: 10%;
	right: 10px;
	bottom: 10%;
	left: 10px;
	content: '';
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 5px;
}

.product-device-2.product-device::before {
	position: absolute;
	top: 10%;
	right: 10px;
	bottom: 10%;
	left: 10px;
	content: '';
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
}

.product-device-2 {
	top: -25%;
	right: auto;
	bottom: 0;
	left: 5%;
	background-color: #006f8a;
	/* background-color: #4c70ad; */
}

.flex-equal > * {
	-ms-flex: 1;
	flex: 1;
}

@media (min-width: 768px) {
	.flex-md-equal > * {
		-ms-flex: 1;
		flex: 1;
	}
}

.overflow-hidden {
	overflow: hidden;
}

.bg-footer,
.bg-dark {
	background-color: rgba(0, 0, 0, 0.85) !important;
}

.beginin {
	padding: 15rem 0rem 15rem 0rem !important;
	height: 100vh;
}

.title-application-form {
	background-color: #c1c1c1;
}

.title-application-form.d-lg-block > span,
.title-application-form > span {
	font-size: 25px;
	font-weight: 700;
}

.title-application-form.d-md-none > span {
	font-size: 15px;
	font-weight: 700;
}

.subtitle-application-form > span {
	font-size: 15px;
	font-weight: 700;
}

.apresentation-img {
	margin: auto;
	width: 430px;
	margin-top: 0;
}

a.link {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
}

a.link:hover {
	color: #00ccff;
}

button.github-button {
	background-color: #ffffff;
	color: #24292e;
	font-size: 25px;
	padding: unset;
	opacity: 0.9;
	transition: 0.3s;
}

button.github-button:hover {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
	background-color: #ffffff;
	color: #24292e;
	opacity: 1;
}

button.linkedin-button {
	background-image: linear-gradient(-90deg, #13599b, #128fc5);
	color: #fff;
	font-size: 25px;
	padding: unset;
	opacity: 0.9;
	transition: 0.3s;
}

button.linkedin-button:hover {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
	background-image: linear-gradient(-90deg, #13599b, #128fc5);
	color: #fff;
	opacity: 1;
}

.box-menu > div {
	transition: 0.3s !important;
}

.box-menu > div:hover {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
	margin-top: -10px !important;
}

.br-10 {
	border-radius: 10px;
}

.block-title {
	font-size: 15pt;
}

.block-subtitle {
	font-size: 10pt;
}

.block-icon {
	color: #128fc5;
}

div.menus {
	display: block;
	height: 100vh;
	overflow-y: scroll;
	scroll-behavior: smooth;
}

div.menu-item {
	display: flex;
	height: 100%;
}

.sticky-top {
	position: absolute;
	width: 100%;
}

#contact-page {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.fs-20 {
	font-size: 20px;
}

button.button-primary {
	background-image: linear-gradient(-90deg, #13599b, #128fc5);
	color: #fff;
	opacity: 0.9;
	transition: 0.3s;
}

button.button-primary:hover {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
	color: #fff;
}

button.button-primary:disabled {
	box-shadow: 0 0 black !important;
	cursor: not-allowed;
}

bg-icon-facebook,
.bg-icon-linkedin,
.bg-icon-email,
.bg-icon-whatsapp,
.bg-icon-instagram {
	opacity: 0.8;
	transition-duration: 0.3s;
}

.bg-icon-youtube {
	cursor: auto;
	opacity: 0.3;
	transition-duration: 0.3s;
}

.bg-icon-facebook {
	background-color: #4267b2;
}

.bg-icon-linkedin {
	background-color: #0077b5;
}

.bg-icon-email {
	background-color: #42aeb2;
}

.bg-icon-whatsapp {
	background-color: #00c711;
}

.bg-icon-github {
	background-color: #181818;
}

.bg-icon-instagram {
	background: radial-gradient(
		circle at 33% 100%,
		#fed373 4%,
		#f15245 30%,
		#d92e7f 62%,
		#9b36b7 85%,
		#515ecf
	);
}

.bg-icon-youtube {
	background-color: red;
}

.bg-icon-facebook:hover,
.bg-icon-linkedin:hover,
.bg-icon-whatsapp:hover,
.bg-icon-instagram:hover,
.bg-icon-github:hover,
.bg-icon-email:hover {
	opacity: 1;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
	transition-duration: 0.3s;
}

.link-social {
	margin: 0 7.5px;
	width: 50px !important;
	height: 50px !important;
	color: white !important;
	display: inline-block !important;
	border-radius: 50% !important;
}

.ts-icons {
	text-shadow: 0 0 20px #393939b3;
}

.social-icon {
	width: inherit !important;
	display: inline-block !important;
	text-align: center !important;
	color: #fff !important;
	font-size: 1.5rem;
	line-height: 50px !important;
}

.logo-icon-format {
	padding-right: 0.3rem !important;
	padding-left: 0.3rem !important;
	font-family: 'Pacifico', cursive;
	font-weight: 400;
	font-size: 15px;
	-webkit-appearance: textarea;
}

.min-size-page {
	height: 1000px !important;
}

.obliged-label {
	font-weight: 900;
	color: #ff0000;
}

.form-signin {
	width: 100%;
	max-width: 330px;
	padding: 15px;
	margin: auto;
}

.separator {
	border: 1px dashed #00000057;
	margin: 100px 0 100px 0 !important;
}

.application-form {
	background-color: #e8e8e8 !important;
}

.verify-error {
	background-color: #ff5252;
	color: white;
	font-weight: 400;
	padding: 3px 10px 3px 10px;
	border-radius: 5px;
	font-size: 10px;
}

.verify-success {
	background-color: #00b727;
	color: white;
	font-weight: 400;
	padding: 3px 10px 3px 10px;
	border-radius: 5px;
	font-size: 10px;
}

.verify-warning {
	background-color: #ffd966;
	color: black;
	font-weight: 400;
	padding: 3px 10px 3px 10px;
	border-radius: 5px;
	font-size: 10px;
}

#remove-verify-submit {
	outline: 0;
	opacity: 0.5;
	transition: 0.3s;
}

#remove-verify-submit:hover {
	opacity: 1;
}

.btn-low-gray {
	background-color: #cecece !important;
}

.main-title-page {
	font-size: 35px;
	background-image: linear-gradient(to right, #f8f9fa, #e0e0e0, #f8f9fa);
}

table tbody tr td {
	padding: 15px !important;
	vertical-align: middle !important;
}

.table thead th {
	border: 0 !important;
}
.table th,
.table td {
	border: 0 !important;
}

.table tbody tr td:last-child {
	border-radius: 0px 10px 10px 0px !important;
}

.table tbody tr td:first-child {
	border-radius: 10px 0px 0px 10px !important;
}

.table tbody tr td {
	font-size: 15px !important;
}

.fs-15px {
	font-size: 15px;
}

.simple-icons {
	width: 35px;
	height: 35px;
}

.files-list,
.files-list-edit-modal {
	gap: 7.5px;
}

.files-list span.file-item-list,
.files-list-edit-modal span.file-item-list-edit-modal {
	background-color: #f7f7f7;
	border-radius: 5px;
	padding: 2.5px 10px;
	border: 1px solid #e4e4e4;
	font-weight: 400;
	display: flex;
	align-self: flex-start;
}

.modal-backdrop{
        z-index: -1 !important;
}
