:root {
	--body-color: #3b3a39;
	--body-font: 'Fira Sans', sans-serif;
	--red: #bf090a;
	--dark-red: #8b0000;
	--light-grey: #f5f5f5;
	
	--rgb-body-color: 59, 58, 57;
	--rgb-red: 191, 9, 10;
	--rgb-dark-red: 139, 0, 0;
}
*, *:before, *:after {
	box-sizing: border-box;
}
html.overscroll-lock,
html.overscroll-lock body {
	/*position: fixed;*/
	overflow: hidden !important;
	height: 100% !important;
}
body {
	margin: 0;
	padding: 0;
	color: var(--body-color);
	font-size: 100%;
	line-height: 1.6em;
	font-family: var(--body-font);
	background: #fff;
}
#wrap {
	padding-top: 180px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
img, svg {
	max-width: 100%;
}
strong {
	font-weight: 600;
}
a {
	color: var(--red);
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
h1, h2, h3, h4, h5 {
	color: var(--body-color);
	font-weight: 400;
}
h1 {
	font-size: 2.4rem;
	line-height: 1.3em;
	font-weight: 500;
}
h2 {
	font-size: 1.6rem;
	line-height: 1.3em;
	margin: 2rem 0;
}
h3 {
	font-size: 1rem;
}
hr {
	border: 0;
	height: 0;
	border-top: 1px solid #eee;
	margin: 2rem auto;
}
.flex-container {
	display: flex;
}
.bg-grey {
	background-color: var(--light-grey);
}
.red,
.error {
	color: var(--red);
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

/* !BUTTONS */
.btn {
    display: inline-block;
	cursor: pointer;
    font-size: 0.9rem;
    color: #fff;
    background: var(--red);
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
	line-height: 33px;
	padding: 4px 2rem;
	letter-spacing: 1px;
    transition: .2s ease-out;
}
.no-touchevents .btn:hover {
	background: var(--dark-red);
}
.btn.small {
	font-size: 0.7rem;
	padding: 3px 1.4rem;
}

/* !FORMS - general */
::placeholder,
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
	color: #888;
}
input[type="text"],
input[type="email"],
input[type="submit"],
select,
textarea {
	filter: none;
	outline: none;
	
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
input[type="checkbox"] {
	accent-color: var(--red);
}
select {
	width: auto;
	padding: 5px 55px 5px 12px;
	font-size: .9rem;
	height: 31px;
	background: #fff url('../img/chevron-down.svg') no-repeat 98% / 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23999999' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4l-6 6Z'/%3E%3C/svg%3E");
	color: #888;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
select::-ms-expand {
	display: none;
}
option:not(:checked) {
  color: #444;
}
option[disabled],
option:disabled {
	color: #888;
}
label {
	display: block;
}
label.inline {
	display: inline;
}
label.small {
	font-size: 0.9rem;
}

/* !DROPDOWNS - general */
nav ul li.has-sub {
	position: relative;
}
nav ul li.has-sub a {
	display: inline-block;
}
nav ul li.has-sub div.subnav {
	display: none;
	opacity: 0;
	position: absolute;
	z-index: 20;
	text-align: left;
	width: 100%;
	left: 0;
	/* optional */
	top: 26px;
}
nav ul li.has-sub div.subnav ul {
	display: block;
	width: 100%;
}
nav ul li.has-sub div.subnav ul li,
nav ul li.has-sub div.subnav ul li a {
	display: block;
}

/* !HEADER */
header {
	position: fixed;
	z-index: 100;
	top: 0;
	width: 100%;
	height: 180px;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
header ul li {
	display: inline-block;
}
header ul li a {
	color: var(--body-color);
	text-decoration: none;
}

/* topbar */
header #top {
	font-size: 95%;
	background-color: var(--light-grey);
}
header #top span {
	display: inline-block;
	margin-right: 1rem;
	margin-top: .5rem;
}
header #top span .fa {
	margin-right: 6px;
}
header #top span a {
	color: var(--body-color);
	text-decoration: none;
}
.no-touchevents header #top span a:hover {
	text-decoration: underline;
}
header nav.lang {
	display: inline-block;
}
header nav.lang ul li a {
	padding: 4px 8px;
}
header nav.lang ul li.has-sub > a {
	padding-left: 4px;
}
header nav.lang ul li.has-sub div.subnav {
	background-color: var(--light-grey);
	padding-top: 10px;
}
.no-touchevents nav.lang ul li.has-sub div.subnav ul li a:hover
 {
	background-color: #e5e5e5;
}

/* main bar */
header #logo {
	display: inline-block;
	margin-top: 1.8rem;
}
header #logo svg {
	width: 200px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
nav.main {
	margin-top: 4rem;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
nav.main ul {
	text-align: right;
}
nav.main ul li {
	margin-left: 2rem;
}
nav.main ul li:not(.has-sub) a {
	position: relative;
	display: inline-block;
}
nav.main ul li:not(.has-sub) a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(var(--rgb-red),0.8);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
nav.main ul li:not(.has-sub) a:hover::after,
nav.main ul li:not(.has-sub) a.active::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
nav.main ul li.has-sub a:hover::after {
	opacity: 0;
}
nav.main ul li.has-sub div.subnav {
	background-color: #fff;
	box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
nav.main ul li.has-sub div.subnav ul {
	text-align: left;
}
nav.main ul li.has-sub div.subnav ul li {
	margin: 0;
}
nav.main ul li.has-sub div.subnav ul li a {
	padding: .5rem;
}
/*nav.main ul li.has-sub div.subnav ul li a.sel,*/ /* bewust niet .active owv conflicten */
.no-touchevents ul li.has-sub div.subnav ul li a:hover {
	background-color: var(--light-grey);
}

/* header sticky */
header.sticky {
	height: 120px;
}
header.sticky #logo {
	margin-top: 0.5rem;
}
header.sticky #logo svg {
	width: 150px;
}
header.sticky nav.main {
	margin-top: 1.8rem;
}

/* !Mobile nav */
.hamburger {
	display: none;
	width: 30px;
	height: 25px;
	position: absolute;
	top: 65px;
	right: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-transition: top 0.16s ease-in-out;
	-moz-transition: top 0.16s ease-in-out;
	-o-transition: top 0.16s ease-in-out;
	transition: top 0.16s ease-in-out;
	cursor: pointer;
	z-index: 200;
}
.hamburger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: var(--body-color);
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	z-index: 200;
}
.hamburger.open span {
	left: 0;
	z-index: 200;
}
.hamburger span:nth-child(1) {
	top: 2px;
}
.hamburger span:nth-child(2) {
	top: 12px;
}
.hamburger span:nth-child(3) {
	top: 22px;
}
.hamburger.open span:nth-child(1) {
	top: 14px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}
.hamburger.open span:nth-child(3) {
	top: 14px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.mobilenav {
	display: none;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(255, 255, 255, 0.98);
	margin: 0;
	padding: 0;
	text-align: center;
	margin: 0 auto;
	margin-top: 120px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 200px; /* owv scroll long*/
}
.mobilenav .first,
.mobilenav .second {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobilenav .first a,
.mobilenav .second a {
	text-decoration: none;
}
.mobilenav .first {
	margin-top: -1rem;
}
.mobilenav .first li a {
	opacity: 0;
	width: 100%;
	color: var(--body-color);
	font-size: 1.5rem;
	font-weight: 700;
	display: block;
	width: 100%;
	padding: 10px 0;
	letter-spacing: 0.5px;
}
.mobilenav .first li a.active {
	color: var(--red);
}
.mobilenav .language {
	position: relative;
	margin: 0 auto;
	margin-top: 80px;
	text-align: center;
	z-index: 101;
}
.mobilenav .language ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobilenav .language li {
	display: inline;
}
.mobilenav .language li a {
	display: inline-block;
	font-size: 0.9rem;
	width: 40px;
	height: 40px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	padding: 6px 10px;
	padding-top: 8px;
	transition: all .3s ease-out;
	border-radius: 50%;
	line-height: 1.8;
	background: #ACACAC;
	color: #fff;
	letter-spacing: 0.5px;
}
.mobilenav .language li a.active,
.no-touchevents .mobilenav .language li a:hover {
	background: var(--red);
	color: #fff;
}
.mobilenav .language li a:last-child {
	margin: 0;
}

/* !BANNER */
.banner {
	width: 100%;
	height: 300px;
	background: #fff url('../img/banners/home.jpg') no-repeat center center;
	background-size: cover;
}

/* !CONTENT */
section.content {
	margin-top: 4rem;
}
.dashed-title {
	overflow: hidden;
	text-align: center;
}
.dashed-title > span {
	position: relative;
	display: inline-block;
}
.dashed-title > span:before, .dashed-title > span:after {
	content: '\a0';
	position: absolute;
	top: 50%;
	width: 80px;
	height: 3px;
	border-top: 3px solid var(--red);
	margin: 0 2rem;
}
.dashed-title > span:before {
	right: 100%;
}
.dashed-title > span:after {
	left: 100%;
}
.partners {
	padding: 2rem 0;
}
.partners .flex-container {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.partners .flex-container div img {
	width: 110px;
	height: 65px;
	margin: 1rem;
}
.skills {
	margin: 4rem 0 0;
	padding: 4rem 0;
	background-color: var(--light-grey);
}
.skills.invert {
	background-color: #fff;
	margin-top: 0;
}
.skills .items {
	margin-top: 4rem;
}
.skills .inner {
	display: flex;
	flex-direction: column;
	padding: 2rem 1.5rem;
	background-color: #fff;
	text-align: center;
	border-radius: 5px;
}
.skills.invert .inner {
	background-color: var(--light-grey);
}
.skills .icon svg {
	max-width: 80px;
	height: auto;
}
.skills .icon svg path,
.skills .icon svg rect {
	fill: var(--body-color);
}
.skills h3 {
	color: var(--red);
	font-weight: 600;
	font-size: 1.4rem;
}
.skills .items p {
	margin: 0;
}
.skills .items p.bottom {
	margin-top: auto;
}
.skills .items p.bottom a {
	display: inline-block;
	margin-top: 1.5rem;
	line-height: 1rem;
}
.skills .items p.bottom svg {
	width: 60px;
	height: auto;
}
.skills .items p.bottom svg path {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.skills .items p.bottom svg path[fill="#BF090A"] {
	fill: var(--light-grey);
}
.skills .items p.bottom svg path[fill="#FFFFFF"] {
	fill: var(--body-color);
}
.no-touchevents .skills .items p.bottom a:hover svg path[fill="#BF090A"] {
	fill: var(--red);
}
.no-touchevents .skills .items p.bottom a:hover svg path[fill="#FFFFFF"] {
	fill: #fff;
}

/* !Accordions */
.od_accordion {}
.od_accordion > h3 {padding: 6px 16px; color: var(--body-color); background-color: var(--light-grey); text-transform: uppercase; font-weight: 600; margin: 4px 0 0; cursor: pointer;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.od_accordion > h3:hover {background-color: var(--red); color: #fff;}
.od_accordion > h3.open {background-color: var(--red); color: #fff;}
.od_accordion div.content {display: none; padding: 12px 16px 0; border-top: none;}
/* .od_accordion > h3.open + div {display: block; } */ /* beter via jquery, als er init al een h3.open is, dan geen flash na 1ste klik */
.od_accordion p {margin-top: 0;}

/* !Overlays/Modals */
.overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	background-color: rgba(0,0,0,0.8);
}
.overlay .overlay-inner {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -30%);
	width: 80%;
	height: 80%;
	overflow: auto;
	background-color: #fff;
	
	height: auto;
	max-height: 90%;
}
@media screen and (max-width: 40em) /* <= 640 */
{
	.overlay .overlay-inner {
		width: 90% !important;
		height: 90% !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
}
.overlay .overlay-inner .overlay-header {
	padding: .5rem 1rem;
	text-align: right;
	line-height: 1rem;
	border-bottom: 1px solid #eee;
}
.overlay .overlay-inner .overlay-header a.close {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="%23000000" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"/><path fill="%23000000" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"/></svg>') no-repeat center center;
	-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;
	background-size: 100%;
	opacity: 0.2;
}
.no-touchevents .overlay .overlay-inner .overlay-header a.close:hover {
	 transform: rotate(180deg);
	 transition-duration: .4s;
}
.overlay .overlay-inner .overlay-content {
	padding: 1rem;
}

/* overlays/modals > custom this site */
.overlay-inner h2 {
	font-size: 1.4rem;
	margin: 1rem 0;
}
.overlay-inner p {
	font-weight: 300;
}
.overlay[data-slug="modal-step-1-of-4"] .overlay-inner,
.overlay[data-slug="modal-step-2-of-4"] .overlay-inner,
.overlay[data-slug="modal-step-3-of-4"] .overlay-inner,
.overlay[data-slug="modal-step-4-of-4"] .overlay-inner {
	width: 50%;
}


/* !Home */
.home h1 {
	font-size: 2rem;
	font-weight: 400;
}
.home h2.red {
	font-size: 2.4rem;
	font-weight: 500;
}
.home .moving {
	margin: 4rem 0;
}
.home .services {
	margin: 2rem 0;
}
.home .services img {
	display: block;
	width: 100%;
}
.home .services .text {
	display: flex;
	flex-direction: column;
	padding: 1rem 1.5rem;
	background-color: var(--light-grey);
}
.home .services h3 {
	margin: 0;
	font-weight: 500;
}
.home .services svg {
	width: 35px;
	height: auto;
}
.home .services a {
	font-weight: 700;
}
.home .services p {
	flex-grow: 1;
}
/* (alt)
.home .services .row.bottom {
	margin-top: auto;
}
*/
.home .steps {
	margin: 4rem 0 0;
	padding: 4rem 0;
	background-color: var(--light-grey);
}
.home .steps .step {
	margin-bottom: 1rem;
}
.home .steps .step .icon {
	display: inline-block;
	margin: 20px;
}
.home .steps .step .icon svg {
	max-width: 60px;
	height: auto;
}
.home .steps .step .icon svg path {
	fill: var(--body-color);
}
.home .steps .step p {
	margin: 0;
	padding: 1rem;
	border: 1px solid #cececd;
	background-color: #fff;
}
.home .steps .step p a {
	display: block;
	color: var(--body-color);
	text-decoration: none;
	background: transparent url('../img/icon-double-arrow.svg') no-repeat center right;
	background-size: 60px;
	padding: 1rem;
	padding-right: 70px;
}
.no-touchevents .home .steps .step p a:hover {
	opacity: 0.6;
}
.home .steps img {
	display: block;
	width: 100%;
	margin-top: 1rem;
}
.home .steps video {
	max-width: 100%;
	height: auto;
	margin-top: 160px;
}

/* !Moving */
.content.moving {
	margin-top: 2rem;
}
.content.moving h1 {
	color: var(--red);
	background: transparent url('../img/icon-corporate-move.svg') no-repeat center left;
	background-size: 45px;
	padding-left: 65px;
}
.content.moving.corporate h1 {background-image: url('../img/icon-corporate-move.svg');}
.content.moving.diplomatic h1 {background-image: url('../img/icon-diplomatic-move.svg');}
.content.moving.private h1 {background-image: url('../img/icon-private-move.svg');}

.content.moving nav {
	margin: 2rem 0;
}
.content.moving nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.content.moving nav ul li {
	margin-bottom: 1px;
}
.content.moving nav ul li a {
	display: block;
	padding: .5rem 1rem;
	text-decoration: none;
	color: var(--body-color);
	background: #eee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E") no-repeat 95% center;
}
.content.moving nav ul li a.active,
.no-touchevents .content.moving nav ul li a:hover {
	color: var(--red);
}
.content.moving nav ul li a.active {
	font-weight: 500;
}
.content.moving .side h3 {
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: 0;
}
.content.moving .side h3 + p {
	margin-top: 0;
}
.content.moving .inner {
	padding-left: 2rem;
}
.content.moving .inner p,
.content.moving .inner ul {
	font-weight: 300;
}
.content.moving .inner ul {
	margin: 1.5rem 0;
}
.content.moving .inner .od_accordion ul {
	margin: .5rem 0 1.5rem;
}
.content.moving .partners {
	margin-top: 4rem;
	background-color: var(--light-grey);
}

/* !Services */
.content.services .bg-grey {
	margin: 6rem 0;
}
.content.services img {
	display: block;
}
.content.services .flex-container {
	align-items: center;
}
.content.services .inner.left {
	padding-right: 4rem;
}
.content.services .inner.right {
	padding-left: 4rem;
}

/* !Storage */
.banner.storage {
	background-image: url('../img/banners/storage.jpg');
}
.content.storage .inner.left {
	padding-right: 4rem;
}

/* !About */
.content.about {
	margin-top: 0;
}
.content.about .history {
	margin-bottom: 4rem;
}
.content.about .history img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.content.about .history .flex-container {
	align-items: center;
}
.content.about .history .inner {
	padding: 0 10%;
}
.content.about .history .inner .btn {
	margin: 1rem 0;
}
.content.about .network {
	
}
.content.about .network h2 {
	margin-bottom: 4rem;
}
.content.about .network h3 {
	font-size: 1.6rem;
	line-height: 1.3rem;
	margin: 2rem 0;
}
.content.about .network .inner {
	padding-right: 6rem;
}
.content.about .network video {
	max-width: 100%;
	height: auto;
}
.content.about .team {
	padding: 4rem 0;
}
.content.about .team .members .row {
	max-width: 52.5rem;
}
.content.about .team .members img {
	display: block;
	width: 100%;
}
.content.about .team .members .member {
	background: #fff;
}
.content.about .team .members .member .text {
	padding: 1rem 1.5rem;
}
.content.about .team .members h5 {
	margin: 0;
	text-transform: uppercase;
}
.content.about .team .members h4 {
	margin: 0;
	font-size: 1.3rem;
	font-weight: 500;
}
.content.about .team .members hr {
	border-top: 3px solid var(--red);
	margin: 1rem 0;
	width: 20%;
}
.content.about .team .members a {
	color: var(--body-color);
}
.no-touchevents .content.about .team .members a:hover {
	color: var(--red);
}

/* !Contact */
.content.contact h1.dashed-title {
	font-size: 1.6rem;
	line-height: 1.3em;
	font-weight: 400;
	margin: 2rem 0;
}
.content.contact form ::placeholder {
	color: #888;
}
.content.contact form input[type="text"],
.content.contact form input[type="email"],
.content.contact form select,
.content.contact form textarea {
	width: 100%;
	margin: .5rem 0;
	padding: 1rem;
	font-size: 1rem;
	border: 1px solid #ddd;
	font-family: var(--body-font);
}
.content.contact form select {
	height: 50px;
	padding: 5px 1rem 5px 1rem;
}
.content.contact form label {
	margin-top: 1rem;
}
.content.contact form a {
	color: var(--body-color);
}
.no-touchevents .content.contact form a:hover {
	color: var(--red);
}
.content.contact form .init-hidden {
	display: none;
}
.content.contact .error {
	padding: 1rem;
	font-weight: 500;
	background-color: var(--red);
	color: #fff;
}
.content.contact .success {
	padding: 1rem;
	background-color: var(--light-grey);
}






/* !FOOTER */
footer {
	color: #fff;
	background: #1d1d1d url('../img/world_map.svg') no-repeat top center / contain;
	padding-top: 2rem;
}
footer h3 {
	color: var(--red);
	font-size: 1.4rem;
	text-transform: uppercase;
}
footer h4 {
	color: #fff;
	font-size: 1.1rem;
	margin-bottom: .5rem;
}
footer .columns > h4:first-child {
	margin-top: 0;
}
footer p {
	margin-top: 0;
	font-size: .9rem;
}
footer a,
footer p.address {
	color: #757575;
}
footer a {
	text-decoration: none;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
.no-touchevents footer a:not(.btn):hover {
	color: #fff;
	text-decoration: underline;
}
footer a.social {
	display: inline-block;
	background-color: #fff;
	color: var(--body-color);
	padding: 12px;
	margin: 10px 0;
	border-radius: 3px;
	line-height: 1em;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.no-touchevents footer a.social:hover {
	color: #fff;
	background-color: var(--red);
}
footer ul {
	font-size: .9rem;
}
footer ul li {
	line-height: 1.2rem;
	margin-bottom: .5rem;
}
footer ul li a {
	
}
footer a.btn {
	margin: 10px 0;
	background: #333;
}
/* foot */
footer .foot {
	background-color: #111;
}
footer .foot p, 
footer .foot ul {
	margin: 1rem 0;
	font-size: .85rem;
}
footer .foot ul {
	list-style: none;
	padding: 0;
	text-align: right;
}
footer .foot ul li {
	display: inline-block;
	margin-left: 1rem;
}
.no-touchevents footer .foot ul li a:hover {
	color: #c5c5c5;
	text-decoration: none;
}



/* !MEDIA */

/* Large and up */
@media screen and (min-width: 64em) /* >= 1024 */
{
	/*body {color: blue;}*/
}
/* Medium */
@media screen and (max-width: 63.99em) /* <= 1023 */
{
	/*body {color: red;}*/
	
	header nav {
		display: none;
	}
	.hamburger {
		display: block;
	}
	#wrap {
		padding-top: 120px;
	}
	/* header / act like sticky - always */
	header {
		height: 120px;
	}
	header nav.lang,
	header .fa-globe {
		display: none;
	}
	header #logo {
		margin-top: 0.5rem;
	}
	header #logo svg {
		width: 150px;
	}
	header nav.main {
		margin-top: 1.8rem;
	}
	.skills {
		padding: 2rem 0;
	}
	.skills .items {
		margin-top: 2rem;
	}
	.home .steps {
		padding: 2rem 0 0;
	}
	.home .steps img {
		margin: 2rem auto;
	}
	.home .steps video {
		margin: 1rem auto 2rem;
	}
	.content.services .inner.left {
		padding-right: 2rem;
	}
	.content.services .inner.right {
		padding-left: 2rem;
	}
}
/* Small */
@media screen and (max-width: 40em) /* <= 640 */
{
	/*body {color: green;}*/
	
	header #top {
		font-size: 85%;
	}
	.banner {
		height: 200px;
	}
	.skills {
		padding: 1rem 0;
	}
	.skills .items {
		margin-top: 1rem;
	}
	.home .moving,
	.home .steps {
		margin: 2rem 0;
	}
	.home .steps .step .icon {
		margin: 35px 0;
	}
	.home .steps .step .icon svg {
		max-width: 50px;
	}
	.home .steps .step p a {
		background-size: 40px;
	}
	.content.moving nav {
		margin-top: 0;
	}
	.content.moving .inner {
		padding-left: 0;
	}
	.content.services .bg-grey {
		margin: 3rem 0 2rem;
		padding: 1rem 0;
	}
	.content.services .inner.left,
	.content.services .inner.right {
		padding: 0;
	}
	.content.about .history {
		margin-bottom: 2rem;
	}
	.content.about .history .inner {
		padding: 0;
	}
	.content.about .network h2 {
		margin: 1rem 0;
	}
	.content.about .network h3 {
		font-size: 1.4rem;
		line-height: 1.6rem;
		margin: 2rem 0 1rem;
	}
	.content.about .network .inner {
		padding-right: 0;
	}
	
	footer .foot p,
	footer .foot ul {
		text-align: center;
	}
	footer .foot p {
		margin-bottom: 0;
	}
}


/* !CUSTOM media */
@media screen and (min-width: 1250px)
{
	.home .steps img {
		padding-left: 2rem;
	}
}
@media screen and (max-width: 680px)
{
	header #top .btn {
		font-size: 0.7rem;
		padding: 3px 1.4rem;
	}
}
@media screen and (max-width: 550px)
{
	/*body {color: dodgerblue;}*/
	
	header #top {
		font-size: 75%;
	}
	header #top span {
		margin-right: 5px;
	}
	header #top span .fa {
		margin-right: 4px;
		display: none;
	}
	header #top .columns.text-right {
		padding: 0;
	}
	header #top .btn {
		padding: 3px 5px;
		letter-spacing: 0;
	}
}
/* Smallest */
@media screen and (max-width: 380px)
{
	header #top span {
		margin-right: 5px;
	}
	header #top span .fa {
		display: none;
	}
}