/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */




/* fonts */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

/***************************
************** Global Styles 
****************************/


body {
	color: #FBFBFB;
	
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
	
	font-size: 17px;
	
  
  /* The image used */
  background-image: url("../img/custom_site/background.jpg");

  /* Center and scale the image nicely */
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
	
	background-color: #000000;
}


.font-helvetica {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.font-googlesans { 
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
  "GRAD" 200;
}


/************* custom margin bottom classes to create vertical space ****************/
.margin-bottom-20 { margin-bottom: 2.0em; }
.margin-bottom-30 { margin-bottom: 3.0em; }
.margin-bottom-40 { margin-bottom: 4.0em; }
.margin-bottom-50 { margin-bottom: 5.0em; }

.margin-top-20 { margin-top: 2.0em; }
.margin-top-30 { margin-top: 3.0em; }
.margin-top-40 { margin-top: 4.0em; }
.margin-top-50 { margin-top: 5.0em; }

.col-centered{
    float: none;
    margin: 0 auto;
}


/****************** 
Headlines
******************/

h3 { font-size: 50px; margin-top: 0px; margin-bottom: 0px;}

@media(max-width:991px) {
    
	h3 { font-size: 40px;}
}


h4 { 
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
  "GRAD" 200;
	
	
  font-size: 24px;
  margin-top:  0px;
}


h5 { 
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "GRAD" 200;
	
  color: #75fa4c;
  font-size: 20px;
  margin-top:  0px;
}


.left-divider {

  /* The image used */
  background-image: url("../img/custom_site/left-divider.png");

  /* Center and scale the image nicely */
  background-position: left center;
  background-repeat: no-repeat;

}

@media(max-width:991px) {
    
	.left-divider {

  /* The image used */
  background-image: none;

	}
}


.hero-image {margin-top: -50px;}

@media(max-width:991px) {
    
	.hero-image {margin-top: 0px;}

	}




/****************** 
buttons 
******************/



.btn-primary {
	border: 2px solid #75fa4c;
	background-color: transparent;
	border-radius: 0;
	padding-left: 40px;
	padding-right: 40px;
	color: #ffffff;
}

.btn-primary:hover {
	border: 2px solid #ffffff;
	background-color: #000000;
	color: #ffffff;
}


.btn-secondary {
	border: 2px solid #001ef5;
	background-color: transparent;
	border-radius: 0;
	padding-left: 40px;
	padding-right: 40px;
	color: #ffffff;
}

.btn-secondary:hover {
	border: 2px solid #ffffff;
	background-color: #000000;
	color: #ffffff;
}





.btn-default {
	background-color: #001ef5;
	color: #ffffff;
	border-radius: 0;
	border: none;
	padding-left: 40px;
	padding-right: 40px;
	
}

.btn-default:hover {
	background-color: #ffffff;
	color: #001ef5;
	border-radius: 0;
	border: none;
	padding-left: 40px;
	padding-right: 40px;
}


.btn-info {
	background-color: #75fa4c;
	color: #000000;
	border-radius: 0;
	border: none;
	padding-left: 40px;
	padding-right: 40px;
	
}

.btn-info:hover {
	background-color: #ffffff;
	color: #001ef5;
	border-radius: 0;
	border: none;
	padding-left: 40px;
	padding-right: 40px;
}

.btn-sm {font-size: 30px}

.btn-lg {font-size: 30px; line-height: 2em}

.btn-xs {font-size: 18px; }

.menulogo { height: 60px;}


.menubuttons {text-align: right; margin-top: 12px;}

@media(max-width:991px) {
    
	.menubuttons { text-align: center; margin-top: 0px; margin-bottom: 15px;}
	
	.menulogo { text-align: center; margin-left: auto; margin-right: auto; display: block}
}



.logo-footer { height: 70px;margin-top: -10px}

@media(max-width:991px) {
    
	.logo-footer { height: 50px;margin-top: 10px}
}




/*remove padding from column for buttons on footer */
.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*****************************************************************************
**************** Nav New Styles ****************
*****************************************************************************/

.navbar {
	
    z-index: 1000;
}

.navbar-inverse {
	margin-bottom: 0; 
	border-radius: 0; 
	border: none;
    background: transparent;
	margin-top: 20px;
}



/* Modals */


.modal-dialog  { 

z-index: 2000}

.modal-header-depositos {
	background-color: #010101;
	color: #75fa4c;
	border-radius: 6px 6px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
}

.modal-header-retiros {
	background-color: #001ef5;
	color: #FFFFFF;
	border-radius: 6px 6px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
}

.modal-header-depositos .modal-title,
.modal-header-retiros .modal-title {
	float: none;
	line-height: 1;
}

.modal-title {
	font-size: 30px;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.modal-footer {
	border-top: none;
}

.modal-body {
	color: #010101;
}

.well {
	border: none;
	box-shadow: none;
	margin-bottom: 10px;
}

.depositslogo {
	height: 50px;
	width: auto;
	float: none;
}


.small { font-size: 12px}

/* button for modal style warning */
.btn-warning {
	background-color: #010101;
	border: none;
	border-radius: 0px;
	
	font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "GRAD" 200;
	
	padding-left: 20px;
	padding-right: 20px;
	font-size: 15px;
}


.btn-warning:hover {
	background-color: #010101;
	border: none;
}


/* Footer */

footer {
	border-top: none;
	padding: 60px 0 20px 0;
}

#installContainer {
	margin-top: 30px;
	margin-bottom: 30px;
}

#butInstall {
	display: inline-block;
	padding: 10px 28px;
	font-size: 18px;
	cursor: pointer;
	color: #75fa4c;
	background-color: rgba(117, 250, 76, 0.18);
	border: 1px solid rgba(117, 250, 76, 0.45);
	border-radius: 4px;
	text-decoration: underline;
	font-family: 'Bebas Neue', sans-serif;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 12px rgba(117, 250, 76, 0.35);
	transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

#butInstall:hover,
#butInstall:focus {
	color: #ffffff;
	background-color: rgba(117, 250, 76, 0.35);
	box-shadow: 0 0 18px rgba(117, 250, 76, 0.65);
	text-decoration: underline;
}


#modalLogin #btnEntrar {
	color: black;
	border: none;
	background: #75fa4c !important;
	background: -moz-linear-gradient(top, #75fa4c 0%, #75fa4c 100%) !important;
	background: -webkit-linear-gradient(top, #75fa4c 0%, #75fa4c 100%) !important;
	background: linear-gradient(to bottom, #75fa4c 0%, #75fa4c 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75fa4c', endColorstr='#75fa4c',GradientType=0 ) !important;
  }