/* 
Main: #5fc5e3
Main hover: #3cb7dd
Neutral border: #d9d9d9
Neutral background: #f2f2f2
*/

html, body
{
	overflow-x: hidden;
}

a
{
	color: #5fc5e3;
}

a:hover
{
	color: #3cb7dd;
	text-decoration: none;
}

.text-primary
{
	color: #5fc5e3!important;
}

.btn-outline-primary
{
	color: #5fc5e3;
	border: 1px solid #5fc5e3
}

.btn-outline-primary:hover
{
	background: #5fc5e3;
}

a.text-primary:hover
{
	color: #3cb7dd!important;
}

.btn-primary
{
	background-color: #5fc5e3;
	border: 1px solid #5fc5e3;
}

.btn-primary:hover
{
	background-color: #3cb7dd;
	border: 1px solid #3cb7dd;
}

#main-header
{
	z-index: 500;
	position: relative;
	border-bottom: 1px solid #d9d9d9;
}

img.main-logo
{
	width: 80px;
	height: 90px;
}

#main-nav
{
	transition: 1s;
	padding-top: 20px;
	padding-bottom: 40px;
}

#main-nav .navbar-brand
{
	margin-right: 0;
	height: 90px;
}

.white-logo-img
{
	display: none;
}

#main-nav .nav-link
{
	transition: 0.3s;
}

#main-nav .nav-link:hover
{
	color: #000;
}

#main-nav .nav-link-dark
{
	color: #000;
}

#main-nav .wrapper-destinations
{
	background-color: #fff;
	width: 100vw;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	display: none;
}

#main-nav .wrapper-destinations .row
{
	margin: 0;
}

#main-nav .wrapper-destination
{
	padding: 0;
	width: 300px;
}

#main-nav .block-destination
{
	display: block;
	overflow-x: hidden;
	margin: 20px;
	opacity: 0;
	transition: 1s;
}

#main-nav .block-destination img
{
	width: 100%;
	height: 150px;
	filter: brightness(50%);
	-webkit-filter: brightness(50%);
	-moz-filter: brightness(50%);
	-o-filter: brightness(50%);
	-ms-filter: brightness(50%);
	transition: 1s;
	object-fit: cover;
}

#main-nav .block-destination:hover img
{
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
}

#main-nav .block-destination .destination-infos
{
	width: calc(100% - 40px);
	height: 60%;
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	color: #fff;
}

#main-nav .block-destination .destination-infos h4,
#main-nav .block-destination .destination-infos p
{
	transition: 0.3s;
}

#main-nav .block-destination:hover .destination-infos h4
{
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.3);
}

#main-nav .block-destination:hover .destination-infos p
{
	opacity: 0;
}

.main-nav-white
{
	background-color: #fff;
}

.main-nav-white .nav-link
{
	color: #000!important;
}

#main-footer
{
	z-index: 500;
	position: relative;
	background: #404040;
	color: #fff;
}

#main-footer .container-fluid
{
	padding: 0;
}

#main-footer .banner-social-networks
{
	background: #5fc5e3;
	padding: 60px 0;
}

#main-footer .banner-social-networks .fa-wifi
{
	display: block;
	position: absolute;
	top: -35px;
	right: 50%;
	transform:translate(50%);
	background: #5fc5e3;
	border-radius: 50%;
	padding: 20px;
}

#main-footer .banner-social-networks a
{
	color: #fff;
}

#main-footer .banner-contact i
{
	color: #5fc5e3;
	margin-bottom: 20px;
	width: 50px;
	height: 50px;
}

#main-footer .banner-contact .btn-outline-primary
{
	border: 2px solid #5fc5e3;
	padding: 10px 100px;
	margin-top: 35px;
}

@media (min-width: 576px) {
	
	#main-nav
	{
		display: block;
	}
}