body
{
	color: #6c757d;
}

/*******************************************************************************
/ HEADER
/******************************************************************************/

.navbar-bg-onscroll.fixed-top 
{
	background-color	: #36a83d;
	transition			: all .4s ease-out;
}

.navbar-bg-onscroll--fade.fixed-top 
{
	transition			: all .4s ease-out;
}


@media (max-width: 1110px) {
	.navbar-expand-lg.fixed-top {
		background-color: rgba(27, 30, 36, 0.3);
	}
}

.navbar-language
{
	text-align : right;
}


/*******************************************************************************
/ PROMO BLOCK
/******************************************************************************/
.u-promo-block 
{
	position		: relative;
	height			: 500px;
	padding-top		: 6.25rem;
	padding-bottom	: 6.25rem;
	background-repeat	: no-repeat;
	background-position	: 50% 0;
	background-size		: cover;
	background-image	: url('../img/background-promo-block.jpg');
	background-position	: 50% 71%;
}


/*******************************************************************************
/ OVERLAYS
/******************************************************************************/
.u-overlay 
{
	position: relative;
}

.u-overlay::after 
{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.u-overlay--dark::after 
{
	background-color: rgba(27, 30, 36, 0.3);
}

.u-overlay__inner 
{
	position: relative;
	z-index: 1;
}



/*******************************************************************************
/ JQUERY UI AUTOCOMPLETE
/******************************************************************************/
.ui-autocomplete 
{
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete > li 
{
	padding: 3px 20px;
}


.ui-autocomplete > li:hover
{
	background-color :#36a83d;
	color : #FFF;
	cursor : pointer;
}

.ui-autocomplete > li.ui-state-focus 
{
	background-color: #DDD;
}

.ui-helper-hidden-accessible 
{
	display: none;
}



/*******************************************************************************
/ CARD LINK
/******************************************************************************/
.card-link, .card-link:hover
{
	text-decoration: none !important;
	color: #6c757d;
}


.card:hover
{ 
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; 
}