/*   
Theme Name: Inter Marc Logistics
Version: 1.0
Tags: clean, development, html5
Description: Theme fo Inter Marc Logistics
Author: rsc17smart@gmail.com
*/

/*-------------------------------------------------------------------
  Main Styles for Guarantr

  1. Bootstrap Grid
  2. Starter
  3. Header
  4. Intro
  5. About Us
  6. Philosophy
  7. Services
  8. Imprint
  9. Compliance
  10. Media Quaries
  11. Helpers

-----------------------------------------------------------------------*/
/*-------------------------------------------------------------------
  1. Bootstrap Grid
--------------------------------------------------------------------*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  min-height: 1px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
/*-------------------------------------------------------------------
  2. Starter
--------------------------------------------------------------------*/
* {
  box-sizing: border-box;
}
::-moz-selection {
    color: #fff;
    background: rgba(76,74,76,.5);
}
::selection {
    color: #fff;
    background: rgba(76,74,76,.5);
}
html {
  height: 100%;
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  background: white;
  color: #4C4A4C;
  font: 300 14px 'Raleway', sans-serif;
  overflow-x: hidden !important;
}
.preloader-fix {
	overflow:hidden !important;
}
img {
  width:100%;
}
ul {
  margin: 0;
  padding: 0;
}
b {
  font-weight:500;
}
h1 {
  font-size:32px;
  font-weight: 200;
  line-height:1.2;
  margin-top:1em;
}
h1:after {
	content:"";
	height:1px;
	width:65px;
	background:#D98212;
	display:block;
	margin:10px 0;
}
h1.center-separator {
	display:inline-block;
}
h1.center-separator:after {
	position:relative;
	left:50%;
	margin-left:-32.5px;
}
h2 {
  font-size:21px;
  font-weight: 300;
  line-height:1.2;
}
h3 {
  font-size:32px;
  line-height:1;
  font-weight:300;
  margin:5px 0;
}
h4 {
  font-size:14px;
  font-weight: 300;
  line-height:1.2;
  text-transform:uppercase;
  margin:15px 0 5px 0;
}
h5 {
  font-weight:300;
  font-size:21px;
  margin:0;
}
p {
  margin: 0;
  padding:10px 0;
  line-height:1.7;
}
.text-align-left {
	text-align:left;
}
.btn {
	position:relative;
	font-size:18px;
	font-weight:300;
	letter-spacing:2px;
	text-decoration:none;
	text-transform:uppercase;
	border:1px solid;
	padding:15px 20px;
	margin-bottom:10px;
	display:inline-block;
	background:transparent;
	
	transition:ease-in-out .3s;
	-moz-transition:ease-in-out .3s;
	-webkit-transition:ease-in-out .3s;
}

.btn:focus {
	outline:none;
}

.btn-white-border {
	border-color:#fff;
	color:#fff;
}
.btn-white-border:hover {
	background:rgba(255,255,255,.2);
}
.btn-orange {
	border-color:#D98212;
	color:#D98212;
	text-transform:none;
}
.btn-orange:hover {
	background:rgba(217,130,18,.05);
}
.btn-orange-filled {
	border-color:#D98212;
	background:#D98212;
	color:#fff;
}
.btn-orange-filled:hover {
	background:#EE9016;
}
.print-btn {
	width:30px;
	height:28px;
	background:url(images/print.svg) no-repeat center transparent;
	border:none;
	position:absolute;
	top:60px;
	right:30px;
	z-index:2;
}
.close-modal-btn {
	position:absolute;
	background:url(images/close-btn.svg) center no-repeat;
	width:40px;
	height:40px;
	border:none;
	right:20px;
	top:20px;
	z-index:9;
}
.close-modal-btn:active, .print-btn:active {
	-ms-transform: scale(.9,.9); /* IE 9 */
    -webkit-transform: scale(.9,.9); /* Safari */
    transform: scale(.9,.9);
}
.preloader-container {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(255,255,255,1);
	z-index:9999;
	text-align:center;
	display:table;
}
.logo-loader-wrap {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
.logo-loader {
	display:inline-block;
	width:240px;
	height:246px;
	background:url(images/inter-marc-logistics_logo.svg) no-repeat center;
}
.loader-wrap {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:9;
}
.loader {
	margin: 4em auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: .6em solid rgba(0, 0, 0, 0.1);
	border-right: .6em solid rgba(0, 0, 0, 0.1);
	border-bottom: .6em solid rgba(0, 0, 0, 0.1);
	border-left: .6em solid #EA8A0D;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
	border-radius: 50%;
	width: 7em;
	height: 7em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*-------------------------------------------------------------------
  3. Header
--------------------------------------------------------------------*/
.main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background:rgba(255,255,255,.9);
}
.logo {
  display: inline-block;
  vertical-align: middle;
  width:142px;
  height:111px;
  background:url(images/inter-marc-logistics_logo.svg) no-repeat center;
  margin:30px 0;
}
/* Navigation */
.main-nav {
  float: right;
  padding-top:80px;
}
.main-nav > ul {
  float:left;
  list-style: none;
}
.main-nav > ul#nav > li {
  float:left;
  padding: 0 10px;
}
.main-nav > ul#nav > li:first-child {
  display:none;
}
.main-nav > ul#nav > li > a {
  display: inline-block;
  outline: none !important;
  color: #4C4A4C;
  text-decoration: none;
  text-transform: uppercase;
  font: 300 14px 'Raleway', sans-serif;
  line-height: 1.5;
}
.main-nav > ul > li.active > a {
  color: inherit;
}
.main-nav > ul#nav > li > a:hover,
.main-nav > ul#social-links > li > a:hover {
  color:#D98212;
}
.nav-toggle {
  cursor: pointer;
  margin: 0 auto;
  padding-left: 1.25em;
  position: relative;
  width: 40px;
  height: 40px;
  display:none;
}

/***** Social Links *****/
#social-links {
	padding:0;
	margin:0;
	border-left:1px solid #dadada;
}
.main-nav > ul#social-links > li {
  float:left;
  padding-left:20px;
}
.main-nav > ul#social-links > li > a {
  color: #4C4A4C;
  text-decoration: none;
  line-height:20px;
  font-size:18px;
}

/***************** HAMBURGER 1, 2 & 3 STYLES  ********************/
.menuTrigger {
    display: inline-block;
    width: 36px;
    height: 20px;
    position: relative;
    cursor: pointer;
    margin: 0 3%;
    float:right;
    vertical-align: middle;
}

.mainLine {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 3px;
    margin-top: -3px;
    background: #4C4A4C;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
}

.mainLine:after, .mainLine:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #4C4A4C;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
}

.mainLine:before {
    top: -13px;
}

.mainLine:after {
    top: 13px;
}

/****** Hover Effects ******/
#hamburger-one:hover .mainLine:before {
    top: -16px;
}

#hamburger-one:hover .mainLine:after {
    top: 16px;
}

#hamburger-two:hover .mainLine:before {
    top: -10px;
}

#hamburger-two:hover .mainLine:after {
    top: 10px;
}

#hamburger-three:hover .mainLine:before {
    top: -10px;
}

#hamburger-three:hover .mainLine:after {
    top: 10px;
}

/******  Click Effects ******/
/* Hamburger One */
#hamburger-one.menuToggle .mainLine {
    background: transparent;
     -webkit-transition: all 0.3s linear ; 
     -moz-transition: all 0.3s linear ; 
     -ms-transition: all 0.3s linear ; 
     transition: all 0.3s linear ; 
}

#hamburger-one.menuToggle .mainLine:before {
    visibility: visible;
    top: 0 !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#hamburger-one.menuToggle .mainLine:after {
    visibility: visible;
    top: 0 !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*-------------------------------------------------------------------
  4. INTRO
--------------------------------------------------------------------*/
.intro-cover {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: url(images/intro.jpg) no-repeat center;
	background-size:cover;
}
@media (-webkit-min-device-pixel-ratio: 2) { 
.intro-cover {
	background: url(images/intro@2x.jpg) no-repeat center;
	background-size:cover;
}
}
.intro-cover:before {
	content:"";
	width:100%;
	height:100%;
	background:rgba(40,41,43,.7);
	position:absolute;
	z-index:2;
}
.intro-container {
	display:block;
	text-align:center;
	position:relative;
	z-index:3;
}
.intro-text-container {
	display:inline-block;
	font-family:'Raleway', sans-serif;
	color:#fff;
	font-weight:200;
	text-transform:uppercase;
	padding-top:200px;
	padding-bottom:100px;
}
.intro-text-container span:nth-child(1) {
	font-size:64px;
	display:block;
	letter-spacing:10px;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
}
.intro-text-container span:nth-child(2) {
	font-size:20px;
	display:block;
	padding-top:5px;
	letter-spacing:25px;
	line-height:2.5;
}
/*-------------------------------------------------------------------
  5. ABOUT US
--------------------------------------------------------------------*/
.about-us-container {
	width:100%;
	height:100%;
	display:table;
	background:url(images/about-us.jpg) center no-repeat;
	background-size:cover;
}
.about-us-cell {
	display:table-cell;
	width:50%;
	position:relative;
}
.about-us-cover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}
.about-us-container .about-us-cell:nth-child(2) {
	background:rgba(255,255,255,.9);
	z-index:3;
	position:relative;
	right:-1px;
}
@media (-webkit-min-device-pixel-ratio: 2) { 
.about-us-container {
	background:url(images/about-us@2x.jpg) center no-repeat;
	background-size:cover;
}
}
.about-us-container:after {
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(40,41,43,.2);
	position:absolute;
	z-index:2;
}
.about-us-container .about-us-cell:nth-child(2),
#about-us-text-wrap h1,
#about-us-text-wrap p {
	opacity:0;
}
.about-us-container .about-us-cell.animated:nth-child(2),
#about-us-text-wrap h1.animated,
#about-us-text-wrap p.animated {
	opacity:1;
}
.text-wrap {
	padding:70px 30px;
}

.about-us-buttons {
	list-style:none;
	padding:60px 0 0 0;
}
.about-us-buttons li {
	display:inline-block;
	margin-right:20px;
	opacity:0;
}
.about-us-buttons li.animated {
	opacity:1;
}
.about-us-buttons li:last-child {
	display:inline-block;
	margin-right:0;
}
/***** About Us Modal *****/
.about-us-modal {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
	top:0;
	left:0;
	background:#fff;
	display:none;
}

/* Our Locations */
.about-us-our-location-wrapper {
	text-align:center;
	width:100%;
	height:100%;
	position:relative;
	top:0;
	left:0;
}
.about-us-our-location-wrapper h1 {
	padding-top:30px;
}
.location-text {
	background:#fff;
	position:relative;
	z-index:11;
	padding-bottom:30px;
}
.about-us-our-location-wrapper p {
	max-width:800px;
	margin:0 auto;
	line-height:1.8;
	padding:0 30px;
}
.our-location-table {
	display:table;
	width:100%;
	height:65%;
	position:absolute;
	bottom:0;
	left:0;
}
.location-cell {
	position:relative;
	display:table-cell;
	width:34%;
	overflow:hidden;
}

.location-cover {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}

#first-location-cover {
	background:url(images/location-1.jpg) no-repeat;
	background-size:cover;
	background-position:center bottom;
}
@media (-webkit-min-device-pixel-ratio: 2) { 
#first-location-cover {
	background:url(images/location-1@2x.jpg) no-repeat;
	background-size:cover;
	background-position:center bottom;
}
}

#second-location-cover {
	background:url(images/location-2.jpg) no-repeat;
	background-size:cover;
	background-position:center bottom;
}
@media (-webkit-min-device-pixel-ratio: 2) { 
#second-location-cover {
	background:url(images/location-2@2x.jpg) no-repeat;
	background-size:cover;
	background-position:center bottom;
}
}

#third-location-cover {
	background:url(images/location-3.jpg) no-repeat;
	background-size:cover;
	background-position:center bottom;
}
@media (-webkit-min-device-pixel-ratio: 2) { 
#third-location-cover {
	background:url(images/location-3@2x.jpg) no-repeat;
	background-size:cover;
	background-position:center bottom;
}
}

.location-card {
	background:#fff;
	position:absolute;
	left:0;
	width:100%;
	border-spacing:30px;
	display:table;
	
	transition:ease-in-out .5s;
	-moz-transition:ease-in-out .5s;
	-webkit-transition:ease-in-out .5s;
	-o-transition:ease-in-out .5s;
}
.location-card .card-logo {
	display:table-cell;
	width:66px;
	vertical-align:top;
}
#first-location-card .card-logo {
	width:100px;
}
.location-card ul {
	display:table-cell;
	padding:0;
	vertical-align:top;
	list-style:none;
	text-align:left;
}
.location-card ul li {
	margin-bottom:5px;
}

/* Our Team */
.about-us-our-team-wrapper {
	display:table;
	width:100%;
	height:100%;
    position:relative;
}
.cover-photo-cell {
	display:table-cell;
	width:50%;
	position:relative;
	overflow:hidden;
}

/* Photo Member */
.photo-member {
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	background-size:cover;
	background-position:center;
	background-repeat:repeat;
}
.photo-member.active {
	z-index:2;
}

.marius-pencea-cover {
	background-image:url(images/marius-pencea-cover.jpg);
}
.roxana-marcu-cover {
	background-image:url(images/roxana-marcu-cover.jpg);
}
.lelia-patru-cover {
	background-image:url(images/lelia-patru-cover.jpg);
}
.frank-carroll-cover {
	background-image:none;
	background-color:#fff;
}
.liana-draghici-cover {
	background-image:url(images/liana-draghici-cover.jpg);
}
.andreea-stoenica-cover {
  background-image:url(images/andreea-stoenica-cover.jpg);
}
.ovidiu-pintilie-cover {
  background-image:url(images/ovidiu-pintilie-cover.jpg);
}
.mihai-hess-cover {
  background-image:url(images/mihai-hess-cover.jpg);
}



@media (-webkit-min-device-pixel-ratio: 2) {
  .photo-member {
  	background-size:cover;
  }
  .marius-pencea-cover {
  	background-image:url(images/marius-pencea-cover@2x.jpg);
  }
  .roxana-marcu-cover {
  	background-image:url(images/roxana-marcu-cover@2x.jpg);
  }
  .lelia-patru-cover {
  	background-image:url(images/lelia-patru-cover@2x.jpg);
  }
  .frank-carroll-cover {
  	background-image:none;
  	background-color:#fff;
  }
  .liana-draghici-cover {
  	background-image:url(images/liana-draghici-cover@2x.jpg);
  }
}


.team-details-cell {
	display:table-cell;
	background:#4C4A4C;
	color:#fff;
	width:50%;
	position:relative;
	z-index:4;
}
.team-bottom-content::after {
	content:"";
	position:absolute;
	top:50px;
	left:-20px;
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	
	border-right:20px solid #4C4A4C; 
	z-index:5;
}
.team-top-content {
	background:#545154;
	border-bottom:1px solid #464346;
	padding:30px 30px 15px 30px;
	position:relative;
	z-index:2;
}
.team-details-cell h1 {
	margin:45px 0;
}
.thumbnails-team {
	list-style:none;
	padding:0;
	display:block;
}
.thumbnails-team li {
	display:inline-block;
	width:65px;
	height:65px;
	margin-right:25px;
	margin-bottom:15px;
	padding:2px;
	background-size:cover;
	background-position:center;
	
	box-shadow:0 0 0 3px rgba(255,255,255,.2);
	-moz-box-shadow:0 0 0 3px rgba(255,255,255,.2);
	-webkit-box-shadow:0 0 0 3px rgba(255,255,255,.2);
	
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	
	overflow:hidden;
	cursor:pointer;
	
	transition:linear .3s;
	-webkit-transition:linear .3s;
	-moz-transition:linear .3s;
}

.thumbnails-team li.active, .thumbnails-team li:hover {
	box-shadow:0 0 0 3px #D98212;
	-moz-box-shadow:0 0 0 3px #D98212;
	-webkit-box-shadow:0 0 0 3px #D98212;
}

#marius-pencea-thumb {
	background-image:url(images/marius-pencea-thumb.png);
}
#roxana-marcu-thumb {
	background-image:url(images/roxana-marcu-thumb.png);
}
#lelia-patru-thumb {
	background-image:url(images/lelia-patru-thumb.png);
}
#frank-carroll-thumb {
	background-image:none;
	background-color:#fff;
}
#liana-draghici-thumb {
	background-image:url(images/liana-draghici-thumb.png);
}
#andreea-stoenica-thumb {
  background-image:url(images/andreea-stoenica-thumb.jpg);
}
#ovidiu-pintilie-thumb {
  background-image:url(images/ovidiu-pintilie-thumb.jpg);
}
#mihai-hess-thumb {
  background-image:url(images/mihai-hess-thumb.jpg);
}


@media (-webkit-min-device-pixel-ratio: 2) {
  .thumbnails-team li {
  	background-size:cover;
  	background-position:center;
  }
  #marius-pencea-thumb {
  	background-image:url(images/marius-pencea-thumb@2x.png);
  }
  #roxana-marcu-thumb {
  	background-image:url(images/roxana-marcu-thumb@2x.png);
  }
  #lelia-patru-thumb {
  	background-image:url(images/lelia-patru-thumb@2x.png);
  }
  #frank-carroll-thumb {
  	background-image:none;
  	background-color:#fff;
  }
  #liana-draghici-thumb {
  	background-image:url(images/liana-draghici-thumb@2x.png);
  }
}

.team-bottom-content {
	padding:30px;
	position:relative;
	z-index:1;
}
.team-details-cell p {
	padding:0 0 5px 0;
}
.team-contact-details {
	list-style:none;
	padding:0;
	margin:20px 0;
}
.team-contact-details li {
	color:#D98212;
	font-weight:500;
	margin-bottom:10px;
}
.team-contact-details li a {
	color:#fff;
	text-decoration:none;
	text-weight:300;
}
.team-contact-details li a:hover {
	color:#8F898F;
}
.team-member-details {
	display:none;
}
.team-member-details.active {
	display:block;
}

/*-------------------------------------------------------------------
  6. PHILOSOPHY
--------------------------------------------------------------------*/
.philosophy-cover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/philosophy.jpg) center no-repeat;
	background-size:cover;
}
@media (-webkit-min-device-pixel-ratio: 2) { 
.philosophy-cover {
	background:url(images/philosophy@2x.jpg) center no-repeat;
	background-size:cover;
}
}
.philosophy-cover:after {
	content:"";
	width:100%;
	height:100%;
	background:rgba(40,41,43,.2);
	position:absolute;
	z-index:2;
}
.philosophy-container {
	background:rgba(255,255,255,.85);
	max-width:800px;
	margin:0 auto;
	position:relative;
	z-index:3;
	height:100%;
	overflow: auto;
}
.philosophy-container, #philosophy-text-wrap h1, #philosophy-text-wrap p {
	opacity:0;
}
.philosophy-container.animated, #philosophy-text-wrap h1.animated, #philosophy-text-wrap p.animated {
	opacity:1;
}
/*-------------------------------------------------------------------
  7. SERVICES	
--------------------------------------------------------------------*/
.services-cover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/services.jpg) center no-repeat;
	background-size:cover;
}
@media (-webkit-min-device-pixel-ratio: 2) { 
.services-cover {
	background:url(images/services@2x.jpg) center no-repeat;
	background-size:cover;
}
}
.services-cover:after {
	content:"";
	width:100%;
	height:100%;
	background:rgba(40,41,43,.9);
	position:absolute;
	z-index:2;
}
.services-container {
	color:#fff;
	max-width:860px;
	padding-top:80px;
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
	position:relative;
	z-index:3;
	height:100%;
}
#services-text-wrap h1,
#services-text-wrap p {
	opacity:0;
}
.services-container .text-wrap {
	text-align:center;
}
.services-container .text-wrap p {
	color:#fff;
}
.services-buttons {
	list-style:none;
	text-align:center;
	padding-bottom:100px;
}
.services-buttons li {
	display:inline-block;
	list-style:none;
	max-width:510px;
	width:100%;
	opacity:0;
}
.services-buttons li.animated {
	opacity:1;
}
.services-buttons .btn {
	display:block;
	width:100%;
	text-align:center;
	margin-top:20px;
	font-size:15px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/***** Services Modals *****/
.services-modal {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
	text-align:center;
	display:none;
}
.services-modal-wrapper {
	background:#fff;
	display:inline-block;
	width:100%;
	max-width:800px;
	margin-top:8%;
	position:relative;
	padding:30px;
}

.fleet-col {
	margin-bottom:40px;
	opacity:0;
}
.fleet-col.animated {
	opacity:1;
}

.services-modal-wrapper p {
	margin-bottom:30px;
}

/* Bubble Services */
.bubble {
	width:96px;
	height:96px;
	line-height:96px;
	background:#D98212;
	color:#fff;
	font-size:36px;
	font-weight:200;
	display:inline-block;
	
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}
.services-modal-wrapper .description {
	font-size:12px;
	color:#8F898F;
}

/*-------------------------------------------------------------------
  8. IMPRINT
--------------------------------------------------------------------*/
.imprint-container {
	width:100%;
	height:100%;
	display:table;
	background:url(images/imprint.jpg) center no-repeat;
	background-size:cover;
}
.imprint-cell {
	display:table-cell;
	width:50%;
	position:relative;
	z-index:3;
}
.imprint-container .imprint-cell:nth-child(2) {
	background:rgba(255,255,255,.9);
	padding-bottom:100px;
	right:-1px;
}
.imprint-cover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}
@media (-webkit-min-device-pixel-ratio: 2) { 
.imprint-container {
	background:url(images/imprint@2x.jpg) center no-repeat;
	background-size:cover;
}
}
.imprint-container:after {
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(40,41,43,.2);
	position:absolute;
	z-index:2;
}
.imprint-container .imprint-cell:nth-child(2),
#imprint-text-wrap h1,
#imprint-text-wrap h2,
#imprint-text-wrap ul,
#print-vcard {
	opacity:0;
}
.imprint-container .imprint-cell.animated:nth-child(2), 
#imprint-text-wrap h1.animated,
#imprint-text-wrap h2.animated,
#imprint-text-wrap ul.animated,
#print-vcard.animated {
	opacity:1;
}
.text-wrap {
	padding:30px;
}

.imprint-contact {
	list-style:none;
	padding:0;
	font-weight: 500;
	line-height:1.8;
	max-width:400px;
}
.imprint-contact li span,
.imprint-contact li a {
	font-weight:300;
	color:#4C4A4C;
	text-decoration:none;
}
.imprint-contact li a:hover {
	color:#EA8A0D;
}
.bottom-at-page {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
  font-size: 12px;
  opacity: 0;
  width: 100%;
}
/*-------------------------------------------------------------------
  11. COMPLIANCE
--------------------------------------------------------------------*/
.compliance-container {
  width:100%;
  height:100%;
  display:table;
  background:url(images/compliance.jpg) center no-repeat;
  background-size:cover;
}
.compliance-cell {
  display:table-cell;
  width:50%;
  position:relative;
  z-index:3;
}
.compliance-container .compliance-cell:nth-child(2) {
  background:rgba(255,255,255,.9);
  padding-bottom:100px;
  right:-1px;
}
.compliance-cover {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
}
@media (-webkit-min-device-pixel-ratio: 2) { 
.compliance-container {
  background:url(images/compliance@2x.jpg) center no-repeat;
  background-size:cover;
}
}
.compliance-container:after {
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(40,41,43,.2);
  position:absolute;
  z-index:2;
}
.compliance-container .compliance-cell:nth-child(2),
#compliance-text-wrap h1,
#compliance-text-wrap h2,
#compliance-text-wrap ul,
#print-vcard {
  opacity:0;
}
.compliance-container .compliance-cell.animated:nth-child(2),
#compliance-text-wrap h1.animated,
#compliance-text-wrap h2.animated,
#compliance-text-wrap ul.animated {
  opacity:1;
  position: relative;
}
#print-vcard.animated {
  opacity:1;
}

.compliance-contact {
  list-style:none;
  padding:5px 0;
  font-weight: 500;
  line-height:1.8;
  max-width:400px;
}
.compliance-contact li span,
.compliance-contact li a {
  font-weight:300;
  color:#4C4A4C;
  text-decoration:none;
}
.compliance-contact li a:hover {
  color:#EA8A0D;
}

/* IOS & BIFA logos */
.iso-bifa-logo-container {
  padding: 0;
  margin: 0;
  list-style: none;
}
.iso-bifa-logo-container.align-left {
  text-align: left;
}
.iso-bifa-logo-container.align-center {
  text-align: center;
}
.iso-bifa-logo-container.align-right {
  text-align: right;
}
.iso-bifa-logo-container li {
  display: inline-block;
  background-color: #fff;
  width: 60px;
  height: 60px;
  margin: 0 3px 3px 3px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.iso-bifa-logo-container .iso-logo {
  background-image: url(images/iso-logo.jpg);
}
.iso-bifa-logo-container .bifa-logo {
  background-size: 80%;
  background-image: url(images/bifa.png);
}

/*-------------------------------------------------------------------
  10. Media Quaries
--------------------------------------------------------------------*/
@media (min-width: 1021px) {
  .main-nav > ul {
    display: block !important;
  }
}
@media (max-width: 1020px) {
.main-nav > ul {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	display: none;
	background: rgba(255,255,255,.95);
}
.main-nav > ul#nav > li {
	float:none;
	display: block;
	text-align: center;
	line-height: 45px;
}
.main-nav > ul > li > a {
	line-height: 45px;
}
.nav-toggle {
	display: inline-block;
}
.main-nav > ul#social-links {
	display:none;
}
}
@media (max-width: 767px) {
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
}

h1 {
  font-size:28px;
}
h2 {
  font-size:18px;
}
h3 {
  font-size:24px;
}
h4 {
  font-size:14px;
}
h5 {
  font-size:16px;
}
.btn {
	font-size:16px;
}

.logo {
  width:80px;
  height:63px;
  background:url(images/inter-marc-logistics_logo.svg) no-repeat center;
  margin:15px 0;
}
.main-nav {
  padding-top:40px;
}
.main-nav > ul#nav > li {
	margin:0;
	padding:0;
}
.main-nav > ul#nav > li > a {
	display:block;
	padding:10px 0;
}
.main-nav > ul#nav > li > a:hover {
	background:rgba(255,255,255,1);
}
.intro-text-container {
	padding-top:150px;
}
.intro-text-container span:nth-child(1) {
    font-size: 54px;
}
.intro-text-container span:nth-child(2) {
    font-size: 18px;
}
.about-us-container, .philosophy-container, .services-container, .imprint-container {
	display:block;
	height:auto;
	position:relative;
}
.intro-section .fp-tableCell{
	vertical-align: middle;
}
.fp-tableCell{
	vertical-align: top;
}
.about-us-cell {
	display:block;
	width:100%;
}
.about-us-container .about-us-cell:nth-child(1) {
	display:none
}
.about-us-modal {
    position: fixed;
    overflow:auto;
}
#about-us-our-team-modal {
    background: #4C4A4C;
}
.about-us-our-team-wrapper {
    display: block;
    height: auto;
}
.cover-photo-cell {
    display: none;
}
.team-details-cell {
    display: block;
    width: 100%;
}
.thumbnails-team li {
	width:65px;
	height:65px;
	margin-right:10px;
	margin-bottom:15px;
}

.our-location-table {
    display: block;
    width: auto;
    height: auto;
    position: relative;
    bottom: auto;
    left: auto;
}
.location-cell {
    position: relative;
    display: block;
    width: 100%;
    padding-top:150px;
    overflow: hidden;
    margin-bottom:10px;
}
.location-card {
    background: rgba(255,255,255,.9);
    position: relative;
    left: auto;
    width: 100%;
    border-spacing: 30px;
    display: table;
    z-index:6;
}
.philosophy-cover {
    display:none;
}
.services-container {
    max-width: 860px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.services-modal {
	padding:0 30px;
	position: fixed;
	overflow:auto;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.services-modal-wrapper {
    margin-bottom: 8%;
}
.about-us-container .about-us-cell:nth-child(2), .imprint-container .imprint-cell:nth-child(2) {
	right:auto;
}
.print-btn {
    width: 30px;
    height: 28px;
    background: transparent url("images/print.svg") no-repeat scroll center center;
    border: medium none;
    position: absolute;
    top: 50px;
    right: 30px;
    z-index: 2;
}
.bottom-at-page {
  position: relative;
  bottom: auto;
  left: auto;
  padding: 50px 0 0 0;
}
}

@media (max-width: 640px) {
.intro-text-container span:nth-child(1) {
    font-size: 32px;
}
.intro-text-container span:nth-child(2) {
    font-size: 14px;
    letter-spacing: 15px;
}
.logo-loader-wrap {
	position:relative;
	top:-50px;
}
.logo-loader {
	width:180px;
	height:185px;
}
.loader,
.loader:after {
	width: 6em;
	height: 6em;
}
.services-modal {
	padding:0 10px;
	position: fixed;
	overflow:auto;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.services-modal-wrapper {
	margin-top:10px;
	margin-bottom:10px;
}
.imprint-cell {
	width:100%;
	display:block;
}
}
/*-------------------------------------------------------------------
  11. Helpers
--------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}