@font-face {font-family: 'ProximaNovaS-Semibold';src: url('webfonts/2D75AF_4_0.eot');src: url('webfonts/2D75AF_4_0.eot') format('embedded-opentype'),url('webfonts/2D75AF_4_0.woff2') format('woff2'),url('webfonts/2D75AF_4_0.woff') format('woff'),url('webfonts/2D75AF_4_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaA-Bold';src: url('webfonts/2D75AF_0_0.eot');src: url('webfonts/2D75AF_0_0.eot') format('embedded-opentype'),url('webfonts/2D75AF_0_0.woff2') format('woff2'),url('webfonts/2D75AF_0_0.woff') format('woff'),url('webfonts/2D75AF_0_0.ttf') format('truetype');}
@font-face {font-family:Merriweather-LightItalic; src: url('webfonts/Merriweather-LightItalic.otf');}
@font-face {
  font-family: 'spin';
  src:  url('webfonts/spin.eot?78043803');
  src:  url('webfonts/spin.eot?78043803#iefix') format('embedded-opentype'),
       url('webfonts/spin.woff?78043803') format('woff'),
        url('webfonts/spin.ttf?78043803') format('truetype'),
        url('webfonts/spin.svg?78043803#spin') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body, div, span, object, iframe,
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	font-weight:normal;
}
@viewport{
    zoom: 1.0;
    width: device-width;
}
html{
	height:100%;
}
body {
    line-height:1.5em;
	margin:0 auto;
	width:100%;
	height:100%;
	color:#fff;
	background-color:#252122;
}
nav ul {
    list-style: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	text-decoration:none;
	color:#fff;
}
p{
	line-height:24px;
	color:#fff;
	font-size:14px;
	font-family:'Merriweather', serif;
}
b{
	font-weight:bold;
}
i{
	font-style:italic;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top:1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
img{
	border-style:none;
	border:none;
	margin:0;
	padding:0;
}
input, select {
    vertical-align: middle;
}
button{
	border:none;
	background:none;
}
section{
	position:relative;
	margin:0 auto;
	text-align:center;
}
header{
	text-align:center;
}
span{
	font-size:15px;
	font-style:italic;
}
span.mail{
	font-size:14px;
	font-style:normal;
	text-decoration:underline;
}
span.mail:hover{
	text-decoration:none;
}
table.links td{
	width:50px;
	padding:5px;
}
a.scrollToTop{
	position:fixed;
	right:100px;
	bottom:50px;
	background:url('../img/scroll.png');
	height:46px;
	width:46px;
}
a.scrollToTop:hover{
	position:fixed;
	right:100px;
	bottom:50px;
	background:url('../img/scroll_hov.png');
	height:46px;
	width:46px;
}
ul.list{
	text-align:left;
}
ul.list li{
	padding:0 0 10px 10px;
	margin-left:30px;
	line-height:24px;
	font-size:14px;
	font-family: 'Merriweather', serif;
	list-style-image: url('../img/li_arrow.png');
}
/*  Typography   ============================================================================= */
h1, h2, h3, h4, h5, h6 {
	line-height:1em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:inherit;
	border:0;
}
h1{
	font-size:84px;
	font-family:ProximaNovaA-Bold;
	text-transform:uppercase;
	letter-spacing:1px;

}
h1.main{
	font-size:130px;
	letter-spacing:2px;
}
h2 {
	font-size:52px;
	text-transform:uppercase;
	font-family:ProximaNovaA-Bold;
	letter-spacing:1px;
}
h3{
	font-size:42px;
	font-weight:normal;
	font-family:Merriweather-LightItalic;
	letter-spacing:1px;
}
h4 {
	font-size:23px;
	text-transform:uppercase;
	font-family:ProximaNovaA-Bold;
	letter-spacing:1px;
}
h4.big {
	font-size:32px;
}
h4.impr {
	font-size:16px;
}
h5 {
	font-size:18px;
	font-family:ProximaNovaS-Semibold;
	letter-spacing:1px;
	text-transform:uppercase;
}
h6 {
	font-size:17px;
	font-family: 'Merriweather', serif;
	line-height:26px;
}
h6.digital{
	font-size:22px;
	font-family:ProximaNovaA-Bold;
	color:#474646;
	text-transform:uppercase;
}
h6.office{
	font-size:15px;
	font-family:Merriweather-LightItalic;
	color:#585656;
	padding-top:10px;
}
h6.home{
	font-family:Merriweather-LightItalic;
	font-size:18px;
	color:#7c7678;
	color:#ffffff;
	letter-spacing:1px;
}
h6.text{
	font-size:14px;
	padding-top:15px;
}
#logo img{
	max-width:121px;
}
/*  Home page   ============================================================================= */
section.home {
	margin:0 auto;
	display:table;
	min-width:100%;
	background-size:cover;
	height:100%;
	overflow:hidden;
}
section.home header img{
	max-width:392px;
	padding-bottom:10px;
}
#content.home{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
section.main{
	background-color:#252122;
}
.nav_main{
	position:absolute;
	bottom:30px;
	width:100%;
}
ul.main{
	margin:0 auto;
	width:650px;
}
ul.main li{
	float:left;
	padding:0 25px;
}
ul.main li a{
	font-size:18px;
	font-family:ProximaNovaS-Semibold;
	text-transform:uppercase;
	letter-spacing:1px;
}
ul.main li a:hover{
	text-decoration:underline;
}
/*  Hallo page   ============================================================================= */
section.hallo {
	background:url('../img/hallo.jpg') no-repeat top center fixed;
	background-size:cover;
	margin:0 auto;
	height:600px;
	display:table;
	width:100%;
}
section.hallo header{
	margin-top:-70px;
}
#content.hallo{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
#main{
	background-color:#252122;
}
section.hallo_2 {
	max-width:1026px;
	top:-100px;
}
section.hallo_2 .col.span_1_of_3{
	height:340px;
}
section.hallo_2 .col.span_1_of_3.img_1{
	background:url('../img/hallo_img_1.jpg') no-repeat;
	background-size:cover;
}
section.hallo_2 .col.span_1_of_3.img_2{
	background:url('../img/hallo_img_2.jpg') no-repeat;
	background-size:cover;
}
.red{
	background-color:#e10d38;
	height:100%;
	width:100%;
	display:table;
}
.col header{
	display:table-cell;
	margin:0;
	vertical-align:middle;
	padding:0 40px;
	text-align:left;
}
section.hallo_2 .col p{
	color:#fff;
}
section.hallo_2 .col h4{
	padding-bottom:10px;
}
.black{
	background-color:#252122;
	height:100%;
	width:100%;
	display:table;	
}
/*  Wir page  ============================================================================= */
#main_wir{
	background-color:#f4f4f4;
}
section.wir_1 {
	background:url('../img/wir.jpg') no-repeat top center fixed;
	background-size:cover;
	margin:0 auto;
	display:table;
	width:100%;
	height:800px;
	position:relative;
}
#content.wir_1{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
section.wir_1 header{
	margin-top:-70px;
}
.content_wir_1{
	max-width:55%;
	margin:0 auto;
}
header img{
	max-height:170px;
}
#scroll_down{
	position:absolute;
	bottom:25px;
	margin:0 auto;
	width:100%;
}
a.scroll{
	height:51px;
	width:56px;
	background:url('../img/scroll_down.png') no-repeat;
	display:block;
	margin:0 auto;
	z-index:10;
}
a.scroll:hover{
	height:51px;
	width:56px;
	background:url('../img/scroll_down_hov.png') no-repeat;
	display:block;
	margin:0 auto;
	z-index:10;
}
section.wir_2{
	padding:120px 0;
	background-color:#f4f4f4;
	color:#252122;
}
section.wir_3{
	padding-bottom:90px;
}
#content.wir_3{
	background:url('../img/resolution/erfahrung_1600.jpg') no-repeat top center;
	background-size:cover;
	margin:0 auto;
	height:650px;
	position:relative;
}
#content.wir_3 .text_box{
	position:absolute;
	right:0;
	bottom:0;
	color:#252122;
	background-color:#f4f4f4;
	text-align:left;
}
#content.wir_3 .text_box p{
	color:#252122;
	padding-top:30px;
}
#content.wir_3a {
	display:none;
}
section.wir_4{
	max-width:1200px;
	padding-bottom:90px;
}
section.wir_4 img{
	max-width:100%;
}
.content_wir_4_text{
	padding:50px 40px;
	text-align:left;
}
section.wir_4 .col{
	margin:0;
}
.col p{
	color:#252122;
}
/*  Arbeiten Page   ============================================================================= */
section.arbeiten_1 {
	background:url('../img/arbeiten_1.jpg') no-repeat top center fixed;
	background-size:cover;
	margin:0 auto;
	height:800px;
	display:table;
	min-width:100%;
}
#content.arbeiten_1{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
.content_arbeiten_1 header{
	margin-top:-70px;
}
/*  Section Arbeiten_2   ============================================================================= */
#main.arbeiten_2{
	background-color:#f4f4f4;
}
section.arbeiten_2{
	padding:80px 0;
}
table.arbeiten{
	width:1026px;
	margin:0 auto;
	background:url('../img/circle_bg.svg') no-repeat center center;
	color:#252122;
	background-size:600px;
}
table.arbeiten td{
	color:#252122;
	text-align:left;
	line-height:24px;
	font-size:14px;
	font-family: 'Merriweather', serif;
}
table.arbeiten td.left{
	float:left;
	max-width:350px;
	padding-left:10px;
}
table.arbeiten td.right{
	float:right;
	max-width:350px;
	padding-right:10px;
}
table.arbeiten img{
	max-width:106px;
	padding:10px 0;
}
table.arbeiten td img{
	max-height:90px;
	margin:0 auto;
	width:50px;
	display:block;
}
table.arbeiten p{
	color:#252122;
	text-align:center;
	font-style:italic;
}
table.arbeiten th{
	padding-top:50px;
}
/*  Section Arbeiten_5   ============================================================================= */
section.arbeiten_5{
	padding:100px 0;
	max-width:1026px;
}
section.arbeiten_5 h2{
	margin-bottom:50px;
}
.arbeiten_5 .col{
	margin:3px 0 0 3px;
}
.arbeiten_5_col{
	background:none;
	padding:20px 0;
}
.arbeiten_6_col{
	background:#2b292b;
	padding:20px 0;
}
.arbeiten_5_col:hover,.arbeiten_6_col:hover{
	background-color:#e10d38;
}
/*  Section Arbeiten_6   ============================================================================= */
section.arbeiten_6{
	color:#252122;
	padding:115px 0;
	background-color:#fff;
}
#content.arbeiten_6{
	max-width:999px;
	margin:0 auto;
}
#content.arbeiten_6a{
	display:none;
}
#content.arbeiten_6 .col{
	padding:20px 0;
}
/* Digital page   ============================================================================= */
section.digital_1 {
	background:url('../img/digital_1.jpg') no-repeat top center fixed;
	background-size:cover;
	margin:0 auto;
	height:800px;
	display:table;
	width:100%;
}
#content.digital_1{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
.text_box{
	max-width:1000px;
	margin:0 auto;
	padding:30px 60px;
}
/*  Section digital_2  ============================================================================= */
section.digital_2 {
	background-color:#f4f4f4;
	padding:150px 0 200px 0;
	color:#252122;
}
/*  Section digital_3  ============================================================================= */
section.digital_3 {
	max-width:1026px;
	top:-100px;
}
section.digital_3 .col.span_1_of_3{
	height:340px;
	background-color:#ffffff;
}
section.digital_3 .col.span_1_of_3 header{
	padding:45px 30px;
}
a.col_img_1{
	background:url('../img/elearning.svg') no-repeat 50% 90%;
	background-size:70px;
	color:#252122;
	display:block;
	height:100%;
	width:100%;
}
a.col_img_2{
	background:url('../img/beratung.svg') no-repeat 50% 90%;
	background-size:70px;
	color:#252122;
	display:block;
	height:100%;
	width:100%;
}
a.col_img_3{
	background:url('../img/loesungen.svg') no-repeat 50% 90%;
	background-size:70px;
	color:#252122;
	display:block;
	height:100%;
	width:100%;
}
a.col_img_1:hover{
	background:url('../img/elearning_hov.svg') no-repeat 50% 90%;
	background-size:70px;
	color:#ffffff;
	background-color:#e10d38;
}
a.col_img_2:hover{
	background:url('../img/beratung_hov.svg') no-repeat 50% 90%;
	background-size:70px;
	color:#ffffff;
	background-color:#e10d38;
}
a.col_img_3:hover{
	background:url('../img/loesungen_white.svg') no-repeat 50% 90%;
	background-size:70px;
	color:#ffffff;
	background-color:#e10d38;
}
#main.digital_3{
	padding:0;
}
/*  Section digital_5  ============================================================================= */
section.digital_5 {
	max-width:1012px;
	padding:80px 0;
}
section.digital_5 .col.span_1_of_4{
	height:250px;
}
.digital_5_col,.digital_5a_col{
	background-color:#2b292b;
	display:table;
	text-align:center;
	height:100%;
	width:100%;
	border:1px solid #2b292b;
}
.digital_5_col:hover,.digital_5a_col:hover{
	background-color:#e10d38;
}
.digital_5a_col{
	background:none;
	display:table;
	text-align:center;
	height:100%;
	width:100%;
}
.digital_5a_col:hover{
	background-color:#e10d38;
}
.digital_5 .col header{
	padding:0;
	text-align:center;
}
/*  Office page ============================================================================= */
section.office_1 {
	background:url('../img/berlin.jpg') no-repeat top center fixed;
	background-size:cover;
	margin:0 auto;
	height:800px;
	display:table;
	min-width:100%;
}
#content.office_1{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
#content.office_1 img{
	max-height:200px;
}
section.office_2{
	padding:170px 0;
	color:#252122;
	background-color:#f4f4f4;
}
section.office_3{
	max-width:1026px;
	top:-100px;
}
section.office_3 .col.span_1_of_3{
	background-color:#fff;
	color:#252122;
	height:340px;
	display:table;
}
section.office_3 .col.span_1_of_3.office{
	background:url('../img/office.jpg') no-repeat center center;
}
section.office_3 .col.span_1_of_3.map{
	background:url('../img/map.jpg') no-repeat center center;
}
section.office_3 .col.span_1_of_3.map a{
	display:block;
	height:340px;
}
.office_3_col{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
section.office_4{
	padding:100px 0;
}
section.office_5{
	width:1026px;
	padding-bottom:100px;
}
section.office_5 .col{
  border:1px solid #2b292b;
  display:table;
  height:250px;
 }
 section.office_5a .col{
  display:none;
 }
.office_5_col_1,.office_5_col_2,.office_5_col_3,.office_5_col_4,.office_5_col_5,.office_5_col_6,.office_5_col_7{
  display:table-cell;
	margin:0;
	vertical-align:middle;
}
.office_5_col_1:hover{
	background:url('../img/goslar.png') no-repeat;
	color:#ffffff;
	background-size:cover;
}
.office_5_col_2:hover{
	background:url('../img/hamburg.png') no-repeat;
	color:#ffffff;
	background-size:cover;
}
.office_5_col_3:hover{
	background:url('../img/kiev.png') no-repeat;
	color:#ffffff;
	background-size:cover;
}
.office_5_col_4:hover{
	background:url('../img/palma.png') no-repeat;
	color:#ffffff;
	background-size:cover;
}
.office_5_col_5:hover{
	background:url('../img/skopje.png') no-repeat;
	color:#ffffff;
	background-size:cover;
}
.office_5_col_6:hover{
	background:url('../img/pristina.png') no-repeat;
	color:#ffffff;
	background-size:cover;
}
.office_5_col_7:hover{
	background:url('../img/seminyak.jpg') no-repeat;
	color:#ffffff;
	background-size:cover;
}
/*  Elearning page ============================================================================= */
section.elearning_1{
	background-color:#252122;
	min-height:600px;
}
section.elearning_1a{
	background-color:#252122;
	min-height:520px;
}
section.elearning_1 img,section.elearning_1a img{
	max-height:120px;
	padding:15px 0;
}
#content.elearning_1{
	padding-top:120px;
}
#main.elearning_2{
	background-color:#fff;
}
section.elearning_2{
	top:-100px;
	background-color:#fff;
	width:999px;
	color:#252122;	
}
section.elearning_2 .text_box{
	padding:100px;  
	border-bottom:6px solid #f0f0f0;
}
section.elearning_2 .text_box_1{
	padding:100px 100px 0 100px;  
	border:none;
}
section.elearning_2 .text_box p,section.elearning_2 .text_box_1 p{
	color:#252122;
	text-align:left;
	padding-bottom:10px;
}
section.elearning_2 h2{
	color:#252122;
	text-align:left;
	padding-bottom:50px;
}
#back{
	padding-top:50px;
}
/* Footer  ============================================================================= */
section.footer{
	background-color:#252122;
}
.footer_inner{
	max-width:1025px;
	background:url('../img/footer_line.png') repeat-x;
	margin:0 auto;
	padding-top:50px;
}
.footer_inner_home{
	max-width:1025px;
	margin:0 auto;
	padding-top:50px;
}
.footer_impr{
	padding:30px 0;
}
.footer a{
  color:#635b5c;
  font-style: italic;
}
.footer_inner img,.footer_inner_home img{
	max-width:189px;
}
td.twitter{
	background:url('../img/twitter.svg') no-repeat;
	height:26px;
}
td.pinterest{
	background:url('../img/pinterest.svg') no-repeat;
	height:26px;
}
td.in{
	background:url('../img/in.svg') no-repeat;
	height:26px;
}
td.xing{
	background:url('../img/xing.svg') no-repeat;
	height:26px;
}
td.twitter:hover{
	background:url('../img/twitter_hov.svg') no-repeat;
}
td.pinterest:hover{
	background:url('../img/pinterest_hov.svg') no-repeat;
	height:26px;
}
td.in:hover{
	background:url('../img/in_hov.svg') no-repeat;
	height:26px;
}
td.xing:hover{
	background:url('../img/xing_hov.svg') no-repeat;
	height:26px;
}
td.twitter a,td.pinterest a,td.in a,td.xing a{
	display:block;
	height:15px;
}
/*  Popup window   ============================================================================= */
section.impr{
	background-color:#f4f4f4;
	color:#252122;
}
.impressum{
	padding:50px;
	position:relative;
}
.text_impr{
	padding:50px 0;
}
.text_impr p{
	color:#252122;
}
a.logo_black{
	position:aboslute;
	display:block;
	width:121px;
	height:20px;
	z-index:999999;
}
a.logo_black img{

}
/*  Animation ============================================================================= */
svg.path{
}
.path{
  stroke-dashoffset: 500;
  stroke-dasharray: 500;
  -webkit-animation: draw 4s infinite;
          animation: draw 4s infinite;
}
@-webkit-keyframes draw {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/*  clock ============================================================================= */
#clock{
	position:absolute;
	width: 100px;
	right:100px;
	bottom:50px;
	display:none;
}
.outer_face {
    position: relative;
    width:100px; /* width of clock */
    height:100px; /* height of clock */
    border-radius:100px; /* clock round corner radius */
	background:url('../img/clock_circle.svg') no-repeat;
    }
.inner_face {
    position: relative;
    width: 88%;
    height: 88%;
    z-index: 10;
    left: 6%; 
    top: 6% 
}
.hand, .hand.hour {
    position: absolute;
    width: 4px; /* width of hour hand */
    height:30%; /* height of hour hand */
    top: 20%; /* set top to 50% - height */
    left: 50%;
    margin-left: -2px; /* set this value to 1/2 width */
    background:#fff;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    z-index: -1;
    }

.hand.minute {
    height: 45%; /* height of min hand */
    top: 5%; /* set top to 50% - height */
    width:4px; /* width of min hand */
    margin-left: -2px; /* set this value to 1/2 width */
    }

.hand.second {
    height: 50%; /* height of sec hand */
    width: 2px; /* width of sec hand */
    margin-left: -1px; /* set this value to 1/2 width */
    top: 0;
	background:red;
    }
    
    
    
.video-wrap {
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	width:100%;
	height:100%;
	overflow:hidden;
	background-size:cover;
	background-position:center center;
}
#homevideo {
	position:absolute;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transform-style: preserve-3d;
	overflow:hidden;
	z-index:-1;
}

#home {
	position:relative;
	z-index:44;
}



/* begin fontello */

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "spin";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-spin-4:before { content: '\e800'; } /* '' */
.icon-spin-6:before { content: '\e801'; } /* '' */
.icon-spin-8:before { content: '\e802'; } /* '' */
.icon-spin-2:before { content: '\e803'; } /* '' */
.icon-spin-1:before { content: '\e804'; } /* '' */
.icon-spin-5:before { content: '\e805'; } /* '' */
.icon-spin-7:before { content: '\e806'; } /* '' */
.icon-spin-9:before { content: '\e807'; } /* '' */
.icon-spin-3:before { content: '\e808'; } /* '' */
.icon-play-circle2:before { content: '\e809'; } /* '' */

.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* end fontello */

#spinner,
#play {
	height:0px;
	overflow:visible;
	opacity:0.75;
	margin:0;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	padding-top:4em;
	line-height:1em;
}
.iconbox {
	background-color:rgba(0,0,0,0.75);
	display:inline-block;
	padding:10px;
	border-radius:6px;
}
#video-play,
#spinner span.spinner {
	color:#fff;
	font-size:2.5em;
}
#spinner span.spinner:before {
	margin:0;
}
#play {
	display:none;
}
.iPhone #play,
.iPad #play {
	display:block;
}
#spinner {
	display:block;
}
.iPhone #spinner,
.iPad #spinner {
	display:none;
}


.footer .span_1_of_3.col p {
  color: #635b5c;
  font-size: 10px;
  line-height: normal;
}

/*  cookie ============================================================================= */

#mbmcookie {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background:#fff;
  z-index:100;
  padding:20px;
}

#mbmcookie a.button {
  cursor:pointer;
  background:#000;
  margin-left:10px;
  border-radius:5px;
  font-weight:700;
  float:right;
  padding:8px 20px;
}

#mbmcookie a.button:hover {
  background-color:#aaa;
  z-index:100;
}

#mbmcookie p.cookiemessage {
  display:block;
  color:#000;
  font-size:14px;
  font-family:Merriweather, serif;
  pointer-events:none;
  margin:0;
  padding:0;
}