html, body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #454545;
}

body {

}

h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

h2{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

h3{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1rem;
	font-weight: 700;
}

h4{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1rem;
	font-weight: 700;
}

@media (min-width: 1200px) {

	h1, h2{
		
		font-size: 2.5rem;
		font-weight: 700;
		margin-bottom: 1.5rem;
	}

	h3{
		
		font-size: 1.25rem;
		font-weight: 700;
	}

	h4{
		
		font-size: 1.1rem;
		font-weight: 700;
	}
}

a {
	color: #2f3b74;
}

a:hover {
	color: #2f3b74;
}

.blue-color {
	color:#2f3b74;
}

.content-area ul {
	padding-inline-start: 1rem;
	list-style: none; 
	margin-top: 1rem;
}

.content-area ul li::before {
  content: "\2022"; 
  color: #2f3b74; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}

.form-check-input {
    margin-top: 0;
}

.btn-primary {
    background: #2f3b74;
    border-color: #2f3b74;
	color: #fff;
	padding: 0.25rem 1.75rem;
	-webkit-border-radius: 10px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 10px;
	border-bottom-left-radius: 0;

	-webkit-transition: background-color 0.3s, color 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;

}

.btn-primary:hover {
	background: #fff;
	color: #2f3b74;
	text-decoration: none;
	border-color: #fff;
}

.col-form-label {
    color: #2f3b74;
}



/* MENU */
.language-flag {
	position: absolute; top: 0; left: 0;
	transition: top .3s, opacity .3s;
	-webkit-transition: top .3s, opacity .3s;
}




ul.desktop-main-menu {

}

ul.desktop-main-menu .list-inline-item {
    margin-bottom: .6rem;
}

ul.desktop-main-menu .list-inline-item:not(:last-child) {
    margin-right: .2rem;
}

ul.desktop-main-menu .desktop-main-menu-item {
	background: #2f3b74;
	color: #fff;
	padding: 0.25rem 0.75rem;
	-webkit-border-radius: 10px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 10px;
	border-bottom-left-radius: 0;

	-webkit-transition: background-color 0.3s, color 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;

	font-size: 0.8rem;

}

ul.desktop-main-menu .desktop-main-menu-item:hover {
	background: #fff;
	color: #2f3b74;
	text-decoration: none;
}


/* */
ul.mobile-main-menu {
	list-style: none;
    padding-inline-start: 0;
}

ul.mobile-main-menu li{
	padding: 15px 0;
	border-bottom: #fff solid 1px;
}



ul.mobile-main-menu .mobile-main-menu-item, ul.mobile-main-menu .mobile-main-menu-item-second-lvl {
	color: #fff;
	font-size: 1.25rem;

}

ul.mobile-main-menu .mobile-main-menu-item:hover, ul.mobile-main-menu .mobile-main-menu-item-second-lvl:hover {
	color: #fff;
	text-decoration: none;
}



ul.mobile-main-menu li.second-level{
	margin-top: 30px;
	padding: 10px 0;
	border-bottom: none 0;
}

ul.mobile-main-menu li.second-level ~ li.second-level{
	margin-top: 0;
}

ul.mobile-main-menu li.language-select{
	color: #fff;
	font-size: 1.25rem;
}

ul.mobile-main-menu li.language-select a{
	color: #fff;
}

ul.mobile-main-menu li.language-select a{
	color: #fff;
	text-decoration: none;
}



ul.mobile-main-menu li.language-select  a.current-language-link.collapsed:before {
   font-family: 'Font Awesome 5 Free';
   content: "\f078";
   font-weight: 900;
   float: right;
   transition: all 0.5s;
   color: white;
   -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

ul.mobile-main-menu li.language-select  a.current-language-link:before {
   font-family: 'Font Awesome 5 Free';
   content: "\f078";
   font-weight: 900;
   float: right;
   transition: all 0.5s;
   color: white;
   -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.content-area{
	position: relative; z-index: 1; color: white; overflow: hidden;
}


/* SECTIONS */

	/* HERO OVERLAY */
	#hero_overlay {
		width: 100%; height: 100vh; position: relative;
	}
	#hero_overlay .hero-overlay-top {
		position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	}

	#hero_overlay .hero-overlay-top .row{
		margin-top: 10px;
	}

	#hero_overlay .hero-overlay-top div[class^="col-"]{
		
	}
	
	#hero_overlay .hero-overlay-center{
		position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	}

	@media (min-width: 1200px) {
		#hero_overlay .hero-overlay-top .row{
			margin-top: 15px;
		}

		#hero_overlay .hero-overlay-top div[class^="col-"]{
			padding-left: 150px;
		}
	}

	/* SERVICE */

	#service {
		background-color: #e4e4e4; padding: 150px 0; color: #454545;
	}

	#service .item{
		background-color: #fff; -webkit-border-radius: 10px;
	  -webkit-border-bottom-left-radius: 0;
	  -moz-border-radius: 10px;
	  -moz-border-radius-bottomleft: 0;
	  border-radius: 10px;
	  border-bottom-left-radius: 0; padding:40px 10px;
	}

	#service .item img {
		height: 120px;
	}

	#service .item hr {
		width: 20%;
	}

	#service .item hr.languages{
		border-top: 3px solid #a52e51;
	}

	#service .item hr.quality{
		border-top: 3px solid #a2b755;
	}

	#service .item hr.twentyfour{
		border-top: 3px solid #81aebb;
	}

	#service .item hr.translate{
		border-top: 3px solid #d6b144;
	}

	#service .item p:last-of-type {
		margin-bottom: 0;
	}

	/* LANGUAGES */

	#languages {
		background-color: #283271;
	}

	#languages .invisible-languages{
		/*visibility: hidden;*/
		opacity: 1;
		display: none;
	}

	#languages #show_more_languages {
		cursor: pointer;
	}

	/* INTERPRETER */

	#interpreter {
		/*background: url('../img/section_background_interpreter.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;*/

		background: transparent;
		
	}

	#interpreter  p:last-of-type {
		margin-bottom: 0;
	}

	/* PERSON */
	#person ul {
		margin-top: 1rem;
		margin-bottom: 2rem;
	}

	/* TRANSLATIONS */

	#translations {
		background-color: #283271;
	}

	#translations .invisible-translations{
		opacity: 1;
		display: none;
	}

	#translations #show_more_translations {
		cursor: pointer;
	}

	



/* STANDARD ELEMENTS */

	/* BADGES */
	.badge-primary{
		font-size: 1rem;
		background-color: rgba(0,0,0,0);
		-webkit-border-radius: 10px;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius: 10px;
		-moz-border-radius-bottomleft: 0;
		border-radius: 10px;
		border: 1px solid #fff;
		border-bottom-left-radius: 0; 
		padding: .25em .75em;
		margin-right: .75rem;
		margin-bottom: .75rem;
	}


/* FOOTER */
footer .icon-before-link:before{
	width: 20px;
    height: 20px;
    margin-top: 0px;
    background-image: url(../img/footer_icon_location.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
    display: block;
    content: "";
}


/* Modal */

h5.modal-title{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 0;
}



/* Cookie */
#cookie_layer {
	position: fixed; bottom: 40px; left: 0; width: 100%; z-index: 1000; display: none;
}

#cookie_layer .close:hover {
    color: #fff;
    text-decoration: none;
}

#cookie_layer p {
    margin-bottom: 0;
}