/* Template: Capitas Global
   Author: Xennial Digital
   Created: jun 2021
   Description: 
*/

body,
html {
    width: 100%;
	height: 100%;
}

body, p {
	color: #787976; 
	font: 400 1rem/1.5625rem "Arial Narrow", sans-serif;
}

.p-large {
	font: 400 1.125rem/1.625rem "Arial Narrow", sans-serif;
}

.p-small {
	font-family: 'Abril_Display_Bold';
	font-weight: bolder;
	font-size: 30px;
}

.p-heading {
	margin-bottom: 3.5rem;
	text-align: center;
}

.li-space-lg li {
	margin-bottom: 0.375rem;
}

.indent {
	padding-left: 1.25rem;
}

h1 {
	color: #484a46;
	font: 700 2.5rem/3rem "Arial Narrow", sans-serif;
}

h2 {
	color: #484a46;
	font: 700 1.75rem/2.125rem "Arial Narrow", sans-serif;
}

h3 {
	color: #484a46;
	font: 700 1.375rem/1.75rem "Arial Narrow", sans-serif;
}

h4 {
	color: #484a46;
	font: 700 1.25rem/1.625rem "Arial Narrow", sans-serif;
}

h5 {
	color: #484a46;
	font: 700 1.125rem/1.5rem "Arial Narrow", sans-serif;
}

h6 {
	color: #484a46;
	font: 700 1rem/1.375rem "Arial Narrow", sans-serif;
}

a {
	color: #787976;
	text-decoration: underline;
}

a:hover {
	color: #787976;
	text-decoration: underline;
}

a.green {
	color: #e47f0d;
}

a.white,
.white {
	color: #dfe5ec;
}

strong {
	color: #484a46;
}



.form-group {
	position: relative;
	margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
	margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
	margin-top: 0.375rem;
}

.label-control {
	position: absolute;
	top: 0.8125rem;
	left: 1.375rem;
	color: #787976;
	opacity: 1;
	font: 400 0.875rem/1.375rem "Arial Narrow", sans-serif;
	cursor: text;
	transition: all 0.2s ease;
}

.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #00000098;
}
/*********************/
/*     Spiner     */
/*********************/
.spinner {
	position: absolute;
	top: 50%; /* centers the loading animation vertically one the screen */
	left: 50%; /* centers the loading animation horizontally one the screen */
	width: 3.75rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */ 
	text-align: center;
}

.spinner > div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: #fff;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); }
	40% { -webkit-transform: scale(1.0); }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/*********************/
/*     NavBar     */
/*********************/
.navbar-custom {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	background-color: #00000098;
	
	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
	font-family: 'Arial Narrow';
	transition: all 0.2s;
}

.navbar-custom .navbar-brand {
	font-size: 0;
}

.navbar-custom .navbar-brand.logo-image img {
    width: 11rem;
}

.navbar-custom .navbar-brand.logo-text {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	font-family: 'Arial Narrow';
	color: #BC8A3A;
	text-decoration: none;
}

.navbar-custom .navbar-nav {
	margin-top: 0.75rem;
	margin-bottom: 0.5rem;
}

.navbar-custom .nav-item .nav-link {
	padding: 0.625rem 0.75rem 0.625rem 0.75rem;
	color: #BC8A3A;
	text-decoration: none;
	font-family: 'Arial Narrow';
	font-style:inherit;
	letter-spacing: 2px;
}

.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active {
	color: #e47f0d;
}





/*********************/
/*     Header     */
/*********************/
.header {
	background: 
		linear-gradient(rgba(255, 255, 255, 0.041), rgba(0, 0, 0, 0.788)), 
		url('../assets/assets/image_ddesktop.png') center center content-box;
	background-size: cover;
	height: 100%;
}


.titulos {
	font-family: 'Abril_Display_Bold';
	letter-spacing: 15pt;
	font-weight: bolder;
}
.header .header-content {
	text-align: center;
	vertical-align:bottom;
}

.header .text-container {
	font-family: 'Abril_Display_Bold';
	text-align: center;
	vertical-align: bottom;
}

.header h1 {
	color: #fff;
	font-family: 'Abril_Display_Bold';
	line-height: normal;
	letter-spacing: 5px;
}
.responsive {
	width: 25%;
	height: auto;
}

.header span{
	color: #BC8A3A;
}
.header .p-large {
	color: #dfe5ec;
}

.header .btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.25rem;
}



/*************************/
/*        Copyright      */
/*************************/
.copyright {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	background-color: #000000;
	text-align: center;
}

.copyright p,
.copyright a {
	color: #BC8A3A;
	text-decoration: none;
}
.bigger-text{
	font-size: 80%;
}


/*************************/
/*       Modal           */
/*************************/

body {
	font-family: 'Arial Narrow', sans-serif;
}
.modal-login {		
	
	color: #BC8A3A;
	width: 500px;
	margin: 80px auto 0;
}
.modal-login .modal-content {
	padding: 20px;
	border-radius: 5px;
	background-color: #00000098;
	border: none;
}
.modal-login .modal-header {
	border-bottom: none;   
	position: relative;
	justify-content: center;
}
.modal-login h4 {
	color: #BC8A3A;
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -15px;
}
.modal-login .form-control:focus {
	border-color: #BC8A3A;
}
.modal-login .form-control, .modal-login .btn {
	min-height: 40px;
	background-color: #00000000;
	border-radius: 3px; 
}
.modal-login .close {
	position: absolute;
	top: -5px;
	right: -5px;
}	

.modal-login .btn {
	color: #fff;
	border-radius: 4px;
	background: #BC8A3A;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border: none;
}
.modal-login .btn:hover, .modal-login .btn:focus {
	background: #e47f0d;
	outline: none;
}
.trigger-btn {
	display: inline-block;
}



/*****************************/
/*      Media Queries     */
/*****************************/	
/* Min-width width 300px */
@media (min-width: 300px) {
	
	/* General Styles */
	.p-heading {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	/* end of general styles */


	/* Navigation */
	.navbar-custom {
		box-shadow: none;
        background: #00000098;
	}
	
	.navbar-custom .navbar-brand.logo-text {
		color: #fff;
	}

	.navbar-custom .navbar-nav {
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-custom .nav-item .nav-link {
		padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	}
	
	.navbar-custom .nav-item .nav-link:hover,
	.navbar-custom .nav-item .nav-link.active {
		color: #e47f0d;
	}

	.navbar-custom.top-nav-collapse {
        padding: 0.375rem 1rem 0.375rem 1rem;
		box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
		background-color: #00000098;
		}

	.navbar-custom.top-nav-collapse .navbar-brand.logo-text {
		color: #fff;
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link {
		color: #fff;
	}
	
	.navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
	.navbar-custom.top-nav-collapse .nav-item .nav-link.active {
		color: #e47f0d;
	}

	.navbar-custom .dropdown-menu {
		border-top: 0.75rem solid rgba(0, 0, 0, 0.404);
		border-radius: 0.25rem;
		box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03);
	}
	
	.navbar-custom.top-nav-collapse .dropdown-menu {
		border-top: 0.125rem solid rgba(0, 0, 0, 0.411);
	}

	.navbar-custom .dropdown-item {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.navbar-custom .dropdown-items-divide-hr {
		width: 84%;
	}
	/* end of navigation */


	/* Header */
	.header .header-content {
		padding-top: 14rem;
		padding-bottom: 12rem;
	}

	
	/* end of header */

	.header {
        background: linear-gradient(rgba(255, 255, 255, 0.041), rgba(0, 0, 0, 0.788)), 
		url('../assets/assets/image_mobile.png') center center content-box;
		height: 100%;
	}
	.header h1 {
		font-size: x-small;
	}
	/* Header */
	.header .header-content {
		padding-top: 14rem;
		padding-bottom: 12rem;
	}
	.p-small {
		font-family: 'Abril_Display_Bold';
		font-weight: bolder;
		font-size: 15px;
	}
	.modal{		
		width: 250px;
		margin: 20px auto 0;
	}


}
/* end of min-width width 768px */



/* Min-width width 992px */
@media (min-width: 992px) {
	
	/* General Styles */
	.p-heading {
		width: 100%;
	}
	/* end of general styles */


	/* Navigation */
	.navbar-custom .social-icons {
		display: block;
		margin-left: 0.5rem;
	}

	.navbar-custom .fa-stack {
		margin-left: 0.375rem;
		font-size: 0.8125rem;
	}

	.navbar-custom .fa-stack .hexagon {
		width: 1.625rem;
		height: 1rem;
		position: absolute;
		background: url('../images/hexagon-green.svg') center center no-repeat;
		background-size: 1.625rem 1.625rem;
	}

	.navbar-custom .fa-stack:hover .hexagon {
		background: url('../images/hexagon-white.svg') center center no-repeat;
		background-size: 1.625rem 1.625rem;
	}
	
	.navbar-custom .fa-stack-1x {
		font-size: 0.6875rem;
		line-height: 1.625rem;
		color: #fff;
		transition: all 0.2s ease;
	}

	.navbar-custom .fa-stack:hover .fa-stack-1x {
		color: #e47f0d;
	}
	/* end of navigation */


	/* Header */
	.header .header-content {
		padding-top: 14rem;
		padding-bottom: 12rem;
	}

	.header .text-container {
		margin-top: 6.5rem;
	}
	.header {
        background: linear-gradient(rgba(255, 255, 255, 0.041), rgba(0, 0, 0, 0.788)), 
		url('../assets/assets/image_ddesktop.png') center center content-box;
		height: 100%;
	}
	.header h1 {
		font-size: 25px;
	}
	.header .header-content {
		padding-top: 14rem;
		padding-bottom: 12rem;
	}
	.p-small {
		font-family: 'Abril_Display_Bold';
		font-weight: bolder;
		font-size: 25px;
	}
	.modal {		
		width: 70%;
		margin: 40px auto 0;
	}

}


/* Min-width width 1600px */
@media (min-width: 1600px) {
	
	/* Navigation */
	.navbar-custom {
		padding-right: 12rem;
		padding-left: 12rem;
	}

	.navbar-custom.top-nav-collapse {
		padding-right: 12rem;
		padding-left: 12rem;
	}
	/* end of navigation */
	.header {
        background: linear-gradient(rgba(255, 255, 255, 0.041), rgba(0, 0, 0, 0.788)), 
		url('../assets/assets/image_ddesktop.png') center center content-box;
		height: 100%;
		vertical-align: bottom;
	}
	.header h1 {
		font-size: xx-large;
	}
	/* Header */
	.header .header-content {
		padding-top: 14rem;
		padding-bottom: 12rem;
	}
	.p-small {
		font-family: 'Abril_Display_Bold';
		font-weight: bolder;
		font-size: 35px;
	}
	.modal {		
		width: 100%;
		margin: 80px auto 0;
	}
}