/* montserrat-100 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* montserrat-200 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-300 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-600 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-800 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-900 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-100italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-200italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 200;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-300italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    src: local(''),
        url('../fonts/Montserrat/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/Montserrat/montserrat-v25-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: local(''),
        url('../fonts/Montserrat/montserrat-v25-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/Montserrat/montserrat-v25-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-500italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 500;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-600italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-700italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-800italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 800;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* montserrat-900italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 900;
    src: local(''),
         url('../fonts/Montserrat/montserrat-v25-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/Montserrat/montserrat-v25-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-500italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}
  
/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local(''),
         url('../fonts/OpenSans/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/OpenSans/open-sans-v34-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: block;
}

.menu a, .footer a {
	text-decoration: none;
}

.menu-mobile-open p, .footer p {
	line-height: 22px;
}

#menu-mobile-open, .menu-mobile-open .header .menu-icon-button-home {
	box-sizing: unset;
}

#menu-mobile-open .item p {
	line-height: 20px;
	margin: 12px 0;
}

#menu-mobile-open .button-div {
	display: block;
}

.footer p {
	box-sizing: unset;
	margin: 10px 0;
}

.desktop {
	display: inherit;
}

.user-menu-expanded {
	display: inherit !important;
}

.breadcrumbs {
	font-size: 14px;
	font-weight: 600;
	color: #577A9C;
	margin: 0;
	padding-top: 3em;
}

.back-page {
	display: none;
	font-size: 14px;
	font-weight: 600;
	color: #577A9C;
	margin: 0;
	padding-top: 2em;
	padding-left: 34px;
	text-align: left;
}

.breadcrumbs a {
	color: #577A9C;
}

.back-page a {
	color: #577A9C;
}

.breadcrumbs img {
	padding: 0px 4px;
}

.breadcrumbs .arrow {
	position: relative;
	top: 1px;
}

.orientation {
	margin-left: 12em;
	margin-top: 0;
	margin-bottom: 1em;
}

.error {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #F04F59;
	margin: 3px 30px;
}

/* -----------------------------------
---------------- MENU ---------------- 
----------------------------------- */

#menu.center-content {
	justify-content: space-evenly;
}

.menu-mobile-open {
	display: none;
}

.menu .logo {
	/* width: 15%; */
}

.menu .logo img {
	width: 12em;
	padding-top: 6px;
}

.menu .items {

	/* width: 60%; */
}

.menu .items .fluid-horizontal {
	gap: 2em;
	margin: 0 3em;
}

.menu .items a {
	font-size: 16px;
	font-weight: 400;
	border-bottom: 3px solid #FFF;
	width: max-content;
	/* padding-bottom: 5px;
	margin-right: 2em; */
	padding-left: 5px;
	padding-right: 5px;
	color: #051C3B;
}

.menu .items a:hover {
	border-bottom: 3px solid #F04F59;
}

.menu .buttons {
	/* width: 25%; */
	justify-content: flex-end;
	gap: 10px;
}

.menu .menu-icon {
	display: none;
}

#menu.center-content {
	justify-content: space-between;
}

.menu .buttons.menu-btns {
	align-items: center;
}

.menu .buttons .button-montar,
.menu .buttons .button-opp {
	display: flex;
	align-items: center;
	height: max-content;
	width: max-content;
	font-size: 15px;
	font-weight: 500;
	padding: 10px;
	margin: 8px 0px;
	border-radius: 8px;
	color: #FFF;
	background: #F04F59;
	border: 2px solid #F04F59;
}

.menu .buttons .button-opp {
	background: #1F3D59;
	border: 2px solid #1F3D59;
}

.menu .buttons .button-login {
	font-size: 15px;
	font-weight: 400;
	padding: 12px 18px;
	margin: 8px 0px;
	border-radius: 8px;
	color: #051C3B;
	background: #FFF;
	border: 2px solid #E5EDF2;
	/* margin-left: 1em; */
}

.menu .dropdown {
	position: relative;
	display: inline-block;
}

.menu .dropdown:hover .dropdown-content {
	display: block;
}

.menu .img-logged {
	margin-left: 20px;
}

.menu .dropdown-content {
	display: none;
	position: absolute;
	left: -138px;
	background-color: white;
	min-width: 270px;
	box-shadow: 0 0 10px #d4d7df;
	border-radius: 10px;
	z-index: 1;
	padding-top: 25px;
	padding-bottom: 15px;
}

.menu .dropdown-content .menu-title {
	display: flex;
	justify-content: center;
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 25px; 
}

.menu .dropdown-content img {
	width: 18px;
	padding-right: 6px;
}

.menu .dropdown-content .menu-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
	margin-left: 25px;
}

.menu .dropdown-content .menu-row .menu-link {
	color: #577A9C;
	display: block;
	padding: 12px 8px;
	font-weight: 500;
}

.notifications * {
	margin: 0;
    padding: 0;
	color: #17171A;
  	font-family: 'Montserrat', sans-serif;
}

.notifications .notifications-content {
	position: relative;
}

.notifications .notifications-btn {
	position: relative;
	cursor: pointer;
}

.notifications.active .circle {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -6px;
  	right: -2px;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	width: 14px;
	height: 14px;
	background-color: #F04F59;
	color: white;
	border-radius: 100%;
	z-index: 999;
	padding: 1px;
}

/* .notifications.active .notifications-btn img,
.notifications.active .notifications-btn:hover img {
	transform-origin: top center;
	animation: swing 1s ease-in-out;
}

.notifications.active .notifications-btn:hover img {
	animation: swing 1s ease-in-out infinite;
}

@keyframes swing {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(15deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(-15deg);
	}
	100% {
		transform: rotate(0deg);
	}
} */

.notifications.active .notifications-btn img {
    transform-origin: top center;
    animation: swingPause 6s ease-in-out infinite;
}

/* .notifications .notifications-btn:hover img {
    animation: swing 2s ease-in-out infinite;
} */

@keyframes swingPause {
    0% {
        transform: rotate(0deg);
    }
    8% {
        transform: rotate(15deg);
    }
    16% {
        transform: rotate(0deg);
    }
    24% {
		transform: rotate(-15deg);
    }
    32% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes swing {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(15deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.notifications .notifications-menu {
	display: none;
	position: absolute;
	right: 0;
	width: 320px;
	height: max-content;
	background-color: white;
	box-shadow: 0 0 10px #d4d7df;
  	border-radius: 10px;
	margin-top: 10px;
}

.notifications .notifications-menu h1,
.notifications .notifications-menu p {
	font-size: 18px;
  	font-weight: 600;
	text-align: center;
	padding: 10px 0;
}

.notifications .notifications-menu p {
	font-size: 14px;
	border-top: thin solid rgba(0,0,0,0.05);
}

.notifications .notifications-menu.active {
	display: block;
	z-index: 99999;
}

.notifications .notifications-menu ul {
	max-height: 340px;
	overflow: auto;
}

.notifications .notifications-menu ul a {
	display: block;
	cursor: pointer;
	border-top: thin solid rgba(0,0,0,0.05);
	padding: 10px 15px;
	box-sizing: border-box;
}

.notifications .notifications-menu ul a.read {
	background-color: rgba(0,0,0,0.05);
}

.notifications .notifications-menu ul li {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	list-style: none;
	font-size: 12px;
	margin-bottom: 4px;
}

.notifications .notifications-menu ul li strong {
	font-weight: 600;
}

.notifications .notifications-menu ul span {
	font-size: 11px;
	font-weight: 500;
	color: #4F5459;
}

.menu .notifications img,
.menu .img-logged {
	width: 22px;
  	cursor: pointer;
}

.menu .menu-row ~ hr, .dropdown-content .menu-title {
	border: 0px;
	border-bottom: thin solid rgba(0,0,0,0.05);
	width: 80%;
	margin: auto;
}

.menu .menu-row:last-of-type ~ hr {
	display: none;
}

/* -----------------------------------
----------- ALERT MESSAGE ------------ 
----------------------------------- */

.alert-message {
	display: flex;
	justify-content: center;
	align-items: center;
	height: max-content;
	padding: 0.5em 0;
}

.alert-message .content {
	max-width: 80%;
	font-size: 13px;
	font-weight: 600;
	word-wrap: break-word;
	text-align: center;
}

.dark-pink-alert-message {
	background: #8C1F2B;
}

.dark-pink-alert-message .content,
.dark-pink-alert-message .content b,
.dark-pink-alert-message .content a {
	color: white;
}

.blue-alert-message {
	background: #577A9C;
}

.blue-alert-message .content,
.blue-alert-message .content b,
.blue-alert-message .content a {
	color: white;
}

.dark-blue-alert-message {
	background: #051C3B;
}

.dark-blue-alert-message .content,
.dark-blue-alert-message .content b,
.dark-blue-alert-message .content a {
	color: white;
}

/* -----------------------------------
--------------- FOOTER --------------- 
----------------------------------- */

.footer {
	margin-top: 4em;
	margin-bottom: 4em;
}

.footer .company-infos {
	width: 33%;
}

.footer .company-infos p {
	font-size: 15px;
	color: #4F5459;
	line-height: 24px;
}

.footer .company-infos p span {
	font-size: 13px;
	color: #577A9C;
}

.footer .footer-items {
	width: 67%;
}

.footer .footer-items .fluid-horizontal {
	justify-content: space-between;
}

.footer .footer-items .item {
	width: 30%;
}

.footer .footer-items .item p {
	font-size: 15px;
	color: #4F5459;
}

.footer .footer-items .item p b {
	color: #17171A;
}

.footer .social-medias {	
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.footer .social-medias img {
	margin-left: 1em;
}

.footer .about-us {
	margin-top: 4em;
}

.footer .rights {
	text-align: right;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	font-family: 'Open Sans', sans-serif !important;
  	font-size: 12px !important;
  	color: #4F5459 !important;
  	margin-top: 1em;
}

.back-desktop, .welcome-back {
	margin-bottom: 15px;
}

.welcome-back p {
	margin: 0;
	font-size: 19px;
}

.back-desktop a, .back-mobile a {
	font-size: 14px;
	font-weight: 500;
	color: #577A9C;
}

.back-mobile a {
	display: none;
	font-size: 16px;
	margin-top: 40px;
}

/* -----------------------------------
-------------- WHATSAPP -------------- 
----------------------------------- */

.whatsapp {
	display: flex;
	position: fixed;
	bottom: 35px;
	right: 35px;
	background: #1F3D59;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 1em;
	padding-left: 2em;
	color: #FFF;
	text-decoration: none;
	border-radius: 100px;
	z-index: 5;
	opacity: 1;
}

.whatsapp p { 
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin: 1em 0;
	margin-right: 1em;
}

@media screen and (min-width: 1780px) {

	.menu .items a {
		font-size: 18px;
	}

	.menu img {
		width: 12em;
	}

	.footer .company-infos p {
		font-size: 18px;
	}

	.footer .company-infos p span {
		font-size: 15px;
	}

	.footer .footer-items .item p {
		font-size: 18px;
	}

	.orientation {
		margin-left: 6em;
		margin-bottom: 2em;
	}

	.breadcrumbs {
		font-size: 15px;
	}

	.center-content {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}

	.button-default {
		font-size: 22px;
		font-weight: 500;
		padding: 14px 24px;
	}
}

@media screen and (max-width: 1280px) {

	.menu .items .fluid-horizontal {
		gap: 0.6em;
		margin: 0 1em;
	}

	.menu .buttons .button-montar, .menu .buttons .button-opp {
		font-size: 13px;
		padding: 8px;
	}

	.breadcrumbs {
		padding-top: 2em;
	}

	.orientation {
		margin-left: 8em;
	}

	.menu .buttons {
		/* width: 30%; */
	}

	.menu .items {
		/* width: 55%; */
	}

	.menu .logo {
		/* width: 15%; */
	}

	.menu .items a {
		font-size: 14px;
		/* margin-right: 1em; */
	}

	.menu .buttons .button-montar {
		/* font-size: 15px; */
	}

	.menu .buttons .button-login {
		font-size: 13px;
	}

	.menu .logo img {
		width: 9em;
		padding-top: 0px;
	}

	.menu .dropdown-content {
		left: -158px;
	}

	.footer .social-medias img {
		margin-left: 10px;
		width: 50px;
	}
}

@media screen and (max-width: 1088px) {

	/* #menu.center-content {
		width: 92%;
		margin: 0 auto;
	} */

	#menu.center-content {
		width: 98%;
		margin: 0 auto;
	}

	.menu .buttons .button-montar,
	.menu .buttons .button-login,
	.menu .buttons .button-opp {
		font-size: 12px;
		padding: 6px;
	}

	.menu .items {
		/* width: 65%; */
	}

	.menu .items a {
		font-size: 12px;
		/* margin-right: 0.6em; */
	}

	.menu img {
		width: 7em;
	}

	.menu .img-logged,
	.menu .notifications img {
		width: 18px;
	}

	.menu .buttons {
		/* width: 27%; */
	}

	.menu .dropdown-content {
		left: -188px;
	}

	.footer .company-infos img {
		width: 10em;
	}

	.footer .company-infos p {
		font-size: 12px;
		line-height: 20px;
	}

	.footer .social-medias {
		margin-top: 2em;
	}

	.footer .footer-items .item p {
		font-size: 14px;
	}
}

@media screen and (max-width: 860px) {
	.alert-message-container {
		padding-top: 55px;
		margin-bottom: -3em;
	}

	.breadcrumbs {
		font-size: 12px;
	}

	.orientation {
		margin-left: 5em;
	}

	#menu.center-content {
		width: 100%;
	}

	.menu {
		position: fixed;
		height: 55px;
		background: #fff;
		z-index: 10;
		top: 0;
	}

	.menu .items,
	.menu .buttons .button-montar,
	.menu .buttons .button-opp,
	.menu .img-logged,
	.menu .buttons .button-login {
		display: none;
	}

	.menu .menu-icon {
		display: flex;
	}

	.menu .fluid-horizontal {
		justify-content: center;
		margin: 12px 0px;
	}

	.menu-mobile-open .link-logout {
		font-size: 12px;
		float: right;		
	}

	.menu .notifications {
		position: absolute;
		top: 10px;
		right: 26px;
	}

	.menu .notifications img,
	.menu .menu-icon img {
		width: 34px;
		cursor: pointer;
		padding: 6px;
    	box-sizing: border-box;
	}

	.menu .menu-icon img {
		position: absolute;
		top: 10px;
		left: 32px;
		padding: 0;
	}

	.menu .notifications.active .circle {
		top: 0;
  		right: 2px;
	}

	.menu-mobile-open {
		width: 70%;
		background: #F5F8F9;
		box-shadow: 0px 10px 30px #17171A;
		z-index: 9999;
		position: fixed;
		top: 0;
		margin: 0;
		padding: 1em;
	}

	.menu-mobile-open .header {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.menu-mobile-open .header .menu-icon-button-home {
		width: 24px;
		height: 21px;
		padding-top: 4px;
		padding-right: 3px;
	}

	.menu-mobile-open .header img {
		cursor: pointer;
	}

	.menu-mobile-open a {
		text-decoration: none;
		color: #17171A;
	}

	.menu-mobile-open .items {
		padding-left: 2em;
	}

	.menu-mobile-open .items .item {
		margin-bottom: 3em;
	}

	.menu-mobile-open .social-medias {
		padding-left: 2em;
		margin-top: 2em;
		margin-bottom: 2em;
	}

	.menu-mobile-open .social-medias img {
		width: 3em;
	}

	.menu-mobile-open .button-div {
		padding-left: 2em;
		margin-top: 2em;
		margin-bottom: 2em;
	}

	.menu-mobile-open .button-div a {
		color: #FFF;
	}

	.mobile-button-back {
		display: block !important;
		padding-bottom: 3em !important;
	}

	.menu .logo {
		/* width: 12%; */
	}

	.menu .items {
		/* width: 60%; */
	}

	.menu .buttons {
		/* width: 30%; */
	}

	.menu .buttons .button-montar {
		font-size: 12px;
		padding: 7px 10px;
	}

	.menu .buttons .button-login {
		font-size: 12px;
		padding: 7px 10px;
		/* margin-left: 5px; */
	}

	.menu .items a {
		font-size: 12px;
		padding-right: 8px; 
	}

	.menu img {
		width: 5em;
	}

	.center-content {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}

	.footer .company-infos img {
		width: 8em;
	}

	.footer .company-infos p {
		font-size: 12px;
		line-height: 18px;
	}

	.footer .social-medias {
		margin-top: 1em;
	}

	.footer .footer-items .item p {
		font-size: 12px;
	}

	.footer .social-medias img {
		margin-left: 0px;
		margin-right: 8px;
		width: 36px;
	}
}

@media screen and (max-width: 640px) {

	.desktop {
		display: none;
	}

	.home-page .button-back.mobile {
		display: block;
	}

	.button-default {
		font-size: 18px;
		padding: 12px 24px;
		color: #FFF !important;
	}

	.error {
		margin: 5px 52px;
	}

	.alert-message .content {
		font-size: 12px;
	}

	.back-mobile a, .welcome-back p {
		display: flex;
		justify-content: center;
	}

	.welcome-back p {
		font-size: 22px;
	}

	.footer {
		flex-direction: column!important;
		width: 84%!important;
		margin-left: 8%!important;
		margin-right: 8%!important;
	}

	.footer .company-infos img {
		width: 12em;
		margin-bottom: 1em;
	}

	.footer .company-infos p {
		font-size: 15px;
		line-height: 21px;
	}

	.footer .company-infos {
		width: 100%;
	}

	.footer .social-medias img {
		width: 54px;
	}

	.footer .footer-items .fluid-horizontal {
		display: none;
	}

	.footer .social-medias {
		justify-content: flex-start;
	}
	
	.footer .rights {
		text-align: left;
		justify-content: flex-start;
		font-size: 10px !important;
	}

	.whatsapp {
		bottom: 20px;
		right: 20px;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 8px;
		padding-left: 14px;
	}

	.whatsapp p {
		font-size: 14px;
		margin-right: 8px;
	}

	.whatsapp img {
		width: 24px;
	}

	.back-page {
		display: inherit;
	}

	.breadcrumbs {
		display: none;
	}

	.orientation {
		text-align: center;
		margin-left: 0em;
	}

	.messages-mobile {
		display: initial !important;
		width: 20em !important;
		margin-top: 0em !important;
	}
}