/* Add here all your CSS customizations */


/*GLOBAL*/

/*Fonts*/

/*Microgramma*/
@font-face {
    font-family: Microgramma;
    src: url("/font/Microgramma/Microgramma.ttf") format("truetype");
}

@font-face {
    font-family: Microgramma;
    font-weight: bold;
    src: url("/font/Microgramma/Microgramma.ttf") format("truetype");
}

/*Montserrat*/
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100;
	src: local('Montserrat Thin'), local('Montserrat-Thin'), url("/font/Montserrat/Montserrat-Thin.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100;
	src: local('Montserrat Thin'), local('Montserrat-Thin'), url("/font/Montserrat/Montserrat-Thin.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: local('Montserrat Light'), local('Montserrat-Light'), url("/font/Montserrat/Montserrat-Light.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: local('Montserrat Light'), local('Montserrat-Light'), url("/font/Montserrat/Montserrat-Light.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url("/font/Montserrat/Montserrat-Regular.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url("/font/Montserrat/Montserrat-Regular.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: local('Montserrat Medium'), local('Montserrat-Medium'), url("/font/Montserrat/Montserrat-Medium.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: local('Montserrat Medium'), local('Montserrat-Medium'), url("/font/Montserrat/Montserrat-Medium.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url("/font/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url("/font/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat Bold'), local('Montserrat-Bold'), url("/font/Montserrat/Montserrat-Bold.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat Bold'), local('Montserrat-Bold'), url("/font/Montserrat/Montserrat-Bold.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: local('Montserrat Black'), local('Montserrat-Black'), url("/font/Montserrat/Montserrat-Black.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: local('Montserrat Black'), local('Montserrat-Black'), url("/font/Montserrat/Montserrat-Black.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*Open Sans*/
/* latin-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url("/font/Open_Sans/OpenSans-Light.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url("/font/Open_Sans/OpenSans-Light.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url("/font/Open_Sans/OpenSans-Regular.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url("/font/Open_Sans/OpenSans-Regular.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("/font/Open_Sans/OpenSans-SemiBold.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("/font/Open_Sans/OpenSans-SemiBold.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url("/font/Open_Sans/OpenSans-Bold.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url("/font/Open_Sans/OpenSans-Bold.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url("/font/Open_Sans/OpenSans-ExtraBold.ttf") format("truetype");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url("/font/Open_Sans/OpenSans-ExtraBold.ttf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




#sender-chevron {
	font-size: 3rem;
}

/*Contact Register in bottom right corner*/
@media all and (min-width: 786px){
	.nb-form {
		position: fixed;
		z-Index: 9999;
		width: 350px;
		background: #FFF;
		right: 120px;
		bottom: -170px;
		transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
		border-radius: 10px 10px 0 0;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	}
	.nb-form:hover {
		bottom: 0;
	}
	.nb-form .title {
		background: #2388ED;
		/*font-size: 15px !important;*/
		padding: 20px 18px !important;
		/*color: #fff !important;*/
		border-radius: 10px 10px 0 0;
	}
	.nb-form .inner p {
		margin: 10px 0;
	}
	.nb-form p {
		font-size: .9rem;
		margin: 0;
		color: #666;
		line-height: 1.4;
		text-align: center;
	}
	.nb-form p.bigger {
		text-align: center;
	}
}

/*HOMEPAGE*/

	@media (min-width:1200px) {
		.header-body>.header-container.container {
			max-width: 1180px;
		}
		#header.header-transparent .header-nav-main {
			padding: 0!important;
		}
	}

	@media all and (min-width:550px) {
	    /*.desktop-br {display: inline;}*/
	    .mobile-br {display: none;}
	    h1.tp-caption {
			letter-spacing: 0.07rem !important;
		}
	}

	@media all and (max-width:550px) {
	    /*.desktop-br {display: none;}*/
	    .mobile-br {
	    	display: inline;
	    }
	    .slide-overlay .tp-caption .cargo7-logo {
			margin-top: -35px !important;
			font-size: 1.9rem;
		}
		h1.tp-caption {
			margin-top: -17px !important;
			letter-spacing: 0.07rem !important;
		}
		.tp-mask-wrap a {
			margin-bottom: -27px !important;
		}
		.tp-mask-wrap div {
			margin-bottom: -20px !important;
			line-height: 25px !important;
		}
		#herzlich {
			margin-top: -35px !important;
		}
	}

	/*@media (max-width: 375px) {
		.slide-overlay .tp-caption .cargo7-logo {
			margin-top: -15px !important;
		}
	}*/

	.cargo7-logo {
		font-family: 'Microgramma', sans-serif;
		color: white;
		letter-spacing: 0.07rem;
		font-size: 2rem;
	}

	.cargo7-logo span {
		color: #2388ED !important;
	}

	sup.trademark {
		font-size: .9rem;
		font-family: Helvetica;
		top: -.9em;
	}

	.country-flag {
		width: 20px;
		max-width: 20px;
		margin: 1px;
	}

	.country-span {
		display: inline-flex;
		background: transparent !important;
		padding: 0;
	}

	@media (min-width: 1024px) {
		.country-span {
			margin-left: 10px;
		}
	}

	@media all and (min-width: 550px) {
		.slider-logo {
			font-size: 2.2rem !important;
			padding: 0 !important;
			/*margin-top: 10px;*/
		}
		.slider-text-small {
			font-size: 1.3rem;
		}
		.slider-text-medium {
			font-size: 1.7rem !important;
		}
		.slider-text-big {
			font-size: 2.2rem !important;
		}
		.slider-button {
			font-size: 1rem !important;
		}
	}

	@media all and (max-width: 550px) {
		.min-height-800 .col-md-12 {
			margin-top: -110px !important;
		}
	}

	/*Make the nav logo black when the navbar gets fixed and white*/
	.sticky-header-active body .body #header .header-body .header-container .header-row .header-column .header-logo a h2 {
		color: black;
	}
	.sticky-header-active body .body #header .header-body .header-container .header-row .header-column .header-logo a h2.cargo7-logo-white {
		color: white;
	}

	.company-logo {
		max-width: 200px;
		max-height: auto;
		margin: auto;
	}

	.appear-animation .col h2 {
		text-align: center;
		color: white;
	}

	@media (min-width: 1024px) {
		#counter {
		margin-left: 30em;
		}
	}
	@media (min-width: 767px) and (max-width: 1024px) {
		#counter {
		margin-left: 15em;
		}
	}

	#allianz-logo {
		max-width: 200px;
		max-height: auto;
		/*margin-left: 33%;*/
	}

	.icon-box.icon-box-style-4 .icon-box-icon {
		margin-left: 1rem;
	}

	@media (min-width: 992px) {
		#header .header-nav-main nav > ul > li > a {
			font-size: 0.9rem;
		}
		/*#header .header-nav-main nav > ul > li > a:hover {*/
		/*	font-size: 0.95rem;*/
		/*}*/
	}

	/*EXPRESSVERSAND / LUFTFRACHTSENDUNGEN*/

	/*@media all and (max-width: 550px) {*/
		#process-icon {
			font-size: 1.5rem;
		}

		#process-icon-background {
			padding: 1.8rem;
		}

		.icon-box-info p {
			font-weight: 700;
		}
	/*}*/
	.process-p {
		font-size: 16px;
	}

	/*Increase whitespace around car graphics*/
	.transporter-pic {
		background-size: contain !important;
	}
	.vehicle .min-height-370 .parallax-background {
		height: 75% !important;
		top: 100px !important;
	}
	@media all and (max-width: 1024px) {
		.vehicle .min-height-370 .parallax-background {
			height: 50% !important;
			top: 200px !important;
		}
	}
	@media all and (max-width: 375px) {
		.vehicle .min-height-370 .parallax-background {
			height: 45% !important;
			top: 100px !important;
		}
	}

/*LUFTFRACHTSENDUNGEN*/
#rect-white {
	background-color: white;
}

.featured-boxes .featured-box:nth-child(3n) {
    border-right: none;
}

/*AUTOMOTIVE*/

	.automotive-numbers {
		color: #2388ed;
		font-size: 14px;
	}


/*SERVICE ASSISTENT*/

	/*.recap {
		display: inline;
	}*/

	.recap p {
		margin-top: -10px;
		margin-bottom: -5px;
	}


/*WARUM CARGO7*/
	
	.icon-box-info .icon-box-info-title h4 .cargo7-logo {
		color: black;
	}

	.logo-7 {
		color: #2388ed;
	}

/*ANSPRECHPARTNER*/
.card.card-style-5:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #f1f3f7;
	border-radius: .25rem;
	opacity: 0;
	z-index: 1;
	-webkit-transition: ease opacity 300ms;
	transition: ease opacity 300ms;
}

.card.card-style-5:hover:before {
	opacity: 0;
}

/* KARRIERE */
.jobs img.position-absolute {
	top: 0px!important;
	right: -60%!important;
	width: 150%!important;
}

@media (min-width: 786px) {
	.jobs img.position-absolute {
		top: 0px!important;
		right: -40%!important;
		width: 170%!important;
	}
}

/*.card.card-style-5:hover .card-body {*/
/*	background: rgba(255, 255, 255, 0.8);*/
/*}*/

.card.card-style-5 .card-body {
	background: rgba(255, 255, 255, 0.8);
	z-index: 1;
	-webkit-transition: ease background 300ms;
	transition: ease background 300ms;
}

.team-member-card {
    background-size: cover;
    position: inherit;
    top: 0px;
    left: 0px;
    width: 100%;
    background-position-y: -70px;
    background-position-x: 30px;
}


	/*POPUP*/
/* Popup box BEGIN */
.hover_bkgr_fricc{
	background:rgba(0,0,0,.4);
	cursor:pointer;
	display:none;
	height:100%;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:10000;
}
.hover_bkgr_fricc .helper{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.hover_bkgr_fricc > div {
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	height: auto;
	max-width: 551px;
	min-height: 100px;
	vertical-align: middle;
	width: 60%;
	position: relative;
	border-radius: 8px;
	padding: 15px 5%;
}
.popupCloseButton {
	background-color: #fff;
	border: 3px solid #999;
	border-radius: 50px;
	cursor: pointer;
	display: inline-block;
	font-family: arial;
	font-weight: bold;
	position: absolute;
	top: -20px;
	right: -20px;
	font-size: 25px;
	line-height: 30px;
	width: 35px;
	height: 35px;
	text-align: center;
}
.popupCloseButton:hover {
	background-color: #ccc;
}
.trigger_popup_fricc {
	cursor: pointer;
	font-size: 20px;
	margin: 20px;
	display: inline-block;
	font-weight: bold;
}
/* Popup box BEGIN */

/*LOCAL EXPRESSVERSAND*/
	
	#allianz-container {
		margin: auto;
		/*width: 50%;*/
		background-color: rgba(255, 255, 255, 0.7);
	}

	#allianz-container img {
		max-width: 250px;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.key-feature {
		font-size: 1.8rem;
		vertical-align: center;
	}

	@media all and (min-width: 768px) {
		.service-wrapper {
			text-align: left;
		}

		.service-icon {
			float: left;
			margin-right: 10px;
		}
	}

	@media all and (max-width: 768px) {
		.service-wrapper {
			text-align: center;
			margin-top: 10px;
		}

		.service-text {
			font-size: 1.2rem;
			margin-top: 5px;
		}

		.service-icon {
			float: none;
			margin-right: 10px;
		}
	}
	
	/* Hintergrundvideo Snippet */
	
#videoBG {
    position:fixed;
    z-index: -1;
    width:100vw;
    height: 100vh;
    margin: 0;
}
@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width:100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    #videoBG { 
        width:auto;
        height: 100%;
    }
}
@media (max-width: 767px) {
    #videoBG {
        display: none;
    }
    body {
        background: url('poster.jpg');
        background-size: cover;
    }