* {
	letter-spacing: 1px;
	line-height: 2;
}
.italic{font-style: italic;}
/*animation element about*/

.animation-element {
	opacity: 0;
	position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
	opacity: 0;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 50ms linear;
	transition: all 500ms linear;
	-moz-transform: translate3d( -100px, 0px, 0px);
	-webkit-transform: translate3d(-100px, 0px, 0px);
	-o-transform: translate3d(-100px, 0px, 0px);
	-ms-transform: translate3d(-100px, 0px, 0px);
	transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-right {
	opacity: 0;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 50ms linear;
	transition: all 500ms linear;
	-moz-transform: translate3d( 100px, 0px, 0px);
	-webkit-transform: translate3d(100px, 0px, 0px);
	-o-transform: translate3d(100px, 0px, 0px );
	-ms-transform: translate3d(100px, 0px, 0px );
	transform: translate3d(100px, 0px, 0px);
}
.animation-element.slide-left.in-view, .animation-element.slide-right.in-view {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px, 0px);
	-ms-transform: translate(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
/*animation element Services*/

.animation-element {
	opacity: 0;
	position: relative;
}
/*animation element sliding left*/

.animation-element.slide-top {
	opacity: 0;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	-moz-transform: translate3d( 0px, 100px, 0px);
	-webkit-transform: translate3d(0px, 100px, 0px);
	-o-transform: translate(0px, 100px);
	-ms-transform: translate(0px, 100px);
	transform: translate3d(0px, 100px, 0px);
}
.animation-element.slide-top.in-view {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
/* General */
.navbar-light, button.navbar-toggler {
	border-color: transparent;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 24px;
}
p {
	font-size: 18px;
}
img {
	max-width: 100%;
	width: 100%;
}
body {
	padding: 0;
	margin: 0;
}
.container-fluid {
	padding: 0;
	overflow: hidden;
}
/*Text*/
/*Text*/
.about h1 {
	color: #fff;
	font-family: 'Titillium Web', sans-serif;
}
.about p {
	color: #fff;
	font-family: 'metropolislight';
}
.parallax-text h1 {
	color: #2d6c88;
	font-weight: 700;
	font-family: 'Titillium Web', sans-serif;
}
.whyus {
	font-family: 'Titillium Web', sans-serif;
}
.parallax {
	background-image: linear-gradient( 180deg, rgba(255,255,255,.8) 10%, transparent 100%);
}
.parallax-text p {
	font-family: 'metropolislight';
	color: rgba(62,76,85, 1);
	font-weight: 700;
}
.about-content {
	color: #fff;
	font-family: 'Titillium Web', sans-serif;
}
.about-content p, .whyus p {
	color: #fff;
	font-size: 16px;
	font-family: 'metropolislight';
	font-weight: 100;
}
.services-header h1, .services-header p {
	text-align: center;
}
.services-header h1, .contact h1 {
	color: #3e4c55;
	font-family: 'Titillium Web', sans-serif;
}
.services-header p, .contact p {
	color: #3e4c55;
	font-family: 'metropolislight';
	font-weight: 100;
}
.services-content h3 {
	color: #3e4c55;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
}
.services-content p {
	color: #3e4c55;
	font-size: 16px;
	font-family: 'metropolislight';
	font-weight: 100;
}
/* Navbar */
/* .logo {
	display: block;
	visibility: visible;
}
.logo-s {
	display: none;
	visibility: hidden;
}*/
.navbar .navbar-brand {
	margin-let: 2em;
}
.navbar {
	padding: 0;
	margin: 0 0 0 0;
	background-color: rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(45, 108, 136, .5);
	color: #627983;
}
.navbar ul {
	text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-size: 18px;
	vertical-align: text-bottom;
}
.navbar ul li {
	margin: 0 10px;
}
.navbar li:last-child {
	margin-bottom: 10px;
}
.navbar img {
	max-width: 200px;
}
.navbar-toggler {
	margin-right: 1.6em;
}
.choose-lang {
	text-align: left;
	padding-bottom: .7em;
	padding-right: 10px;
	float: right;
	margin-right: 1em;
}
select {
	position: relative;
	z-index: 99;
	font-size: .9em;
	font-family: "metropolisbold";
	text-transform: uppercase;
	color: #2d6c88;
	outline: none;
	border-color: transparent;
	background-color: #ffffff;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}
select:hover {
	color: #2d6c88;
}
option {
	padding: 1em 2em;
	border-radius: 0px!important;
}
.select_box {
	margin: auto;
	padding-right: 15px;
	overflow: hidden;
	position: relative;
	border-bottom: 2px solid transparent;
	width: fit-content;
}
.select_box:after {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #2d6c88;
	position: absolute;
	top: 40%;
	right: 0px;
	content: "";
	z-index: 100;
}
.select_box:hover {
	border-bottom: 2px solid #2d6c88;
}
/*Parallax*/
.parallax {
	/* The image used */
	background-image: url('img/parallax-2.jpg');
	/* Set a specific height */
	height: 700px;
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.parallax-text {
	position: relative;
	top: 50%;
	text-align: center;
}
.client {
	text-align: center;
}

.about {
	text-align: center;
	width: 100%;
	height: auto;
	border-top: 1px solid rgba(216,234,243,0.2);
	background-image: linear-gradient( 180deg, #2d6c88 10%, #1b4051 100%);
	background-color:#1b4051;
}
.whyus {
	background-color:#1b4051;
	text-align: center;
	color: white;
	background-image: linear-gradient( 360deg, #2d6c88 10%, #1b4051 100%);
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 100%;
	height: auto;
	-webkit-border-radius: 0 0 0 100%;
	-o-border-radius: 0 0 100% 100%;
	-moz-border-radius: 0 0 100% 100%;
	border-radius: 0 0 100% 100%;
	
}
.contact {
	background-image: linear-gradient( 135deg, #d8eaf3 10%, #c0c9cd 100%);
	background-color: #d8eaf3;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 100%;
	height: auto;
	border: none;
	font-size: 0.8em;
	-o-border-radius: 0 100% 0 0 / 70% 100%;
	-webkit-border-radius: 0 100% 0 0 / 70% 100%;
	border-radius: 0 100% 0 0/ 70% 100%;
	text-align: center;
}
.contact i:hover {
	background-color: rgba(45, 108, 136, 1);
}
.services-content div {
	height: 250px;
	overflow: hidden;
}
.contact i {
	color: #d8eaf3;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	padding: 15px;
	background-color: #3e4c55;
	margin-bottom: 20px;
}
footer {
	border-top: 1px solid rgba(254, 254, 254, 0.8);
	background-color: #3e4c55;
	color: #fff;
	font-family: 'metropolislight';
	padding-bottom: 10px;
}
footer p {
	font-size: 14px;
}

@media (min-width: 1025px) and (max-width: 1280px) {
}

@media (min-width: 768px) and (max-width: 1024px) {
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.navbar ul li:last-child {
	margin-bottom: 20px;
}
.services-content div {
	height: auto;
}
}

@media (min-width: 481px) and (max-width: 990px) and (orientation : landscape) {
.choose-lang {
	text-align: center;
	margin: auto;
	float: none;
	padding-right: 0px;
}
.order-mio {
	order: 1;
}
.order-mio-due {
	order: 2;
}
.services-content div {
	height: auto;
}
.parallax {
	/* Set a specific height */
	background-attachment: scroll !important;
}

}

@media (min-width: 320px) and (max-width: 480px) {
.choose-lang {
	padding-right: 0px;
	text-align: center;
	margin: auto;
	float: none;
}
.parallax {
	/* Set a specific height */
	height: 500px;
	background-attachment: scroll !important;
}
.parallax-text {
	top: 45%;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
p {
	font-size: 16px;
}
.about {
	-webkit-border-radius: 0 0 0 0/ 70% 100%;
	border-radius: 0 0 0 0/ 70% 100%;
	padding-bottom: 10px!important;
}
.contact {
	-webkit-border-radius: 0 0 0 0 / 70% 100%;
	border-radius: 0 0 0 0/ 70% 100%;
}
.navbar ul a {
	margin-top: auto;
}
.services-content {
	text-align: center;
	margin-bottom: 0px!important;
}
.services-content div:nth-child(2), .services-content div:nth-child(1) {
	margin-top: 20px!important;
}
.services-content div {
	height: auto;
}
.contact div:first-child {
	padding-top: 10px!important;
}
.contact, .contact div, .services-header div {
	margin-bottom: 5px!important;
}
.order-mio {
	order: 1;
}
.order-mio-due {
	order: 2;
}
	.whyus{
		border-top:2px dotted white;
		-webkit-border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;}
	
}