/*
  MARCIN LESISZ
  Created by Marcin Benedek & Maximilian Herbst
*/
/*
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */.col{border:0 solid rgba(0,0,0,0);float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-background-clip:padding-box!important;-webkit-background-clip:padding-box!important;background-clip:padding-box!important}.row{margin-left:-30px}.col{border-left-width:30px;border-left-color:transparent;border-left-style:solid;padding:0}.span_1{width:8.33333333333%}.span_2{width:16.6666666667%}.span_3{width:25.0%}.span_3_profile{width:25.0%}.span_4{width:33.3333333333%}.span_5{width:41.6666666667%}.span_6{width:50.0%}.span_6_dashboard{width:50.0%}.span_7{width:58.3333333333%}.span_8{width:66.6666666667%}.span_9{width:75.0%}.span_10{width:83.3333333333%}.span_11{width:91.6666666667%}.span_12{margin-left:0;width:100%}

/* General reset */
*{
  vertical-align:baseline;
  font-weight:inherit;
  font-family:inherit;
  font-style:inherit;
  font-size:100%;
  border:0 none;
  outline:0;
  padding:0;
  margin:0;
}
/* Form reset */
input,
label,
select,
button,
textarea{
  margin:0;
  border:0;
  padding:0;
  display:inline-block;
  vertical-align:middle;
  white-space:normal;
  background:none;
  line-height:1;
  /* Browsers have different default form fonts */
  font-size:16px;
 font-family: 'HK-Grotesk';
}

/* WP alignment */
.alignleft {
  display:inline;
  float:left;
  margin-right:1.5em;
}
.alignright {
  display:inline;
  float:right;
  margin-left:1.5em;
}
.aligncenter {
  clear:both;
  display:block;
  margin:0 auto;
}
.clear {clear: both;}

/* General styles */
::-moz-selection {
  background: #d0d3d6;
  text-shadow: none;
}
::selection {
  background: #d0d3d6;
  text-shadow: none;
}
div, img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
a,p,span,h1,h2,h3 {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}
html{
  height:100%;
}
body{

  height:100%;
  background:white;
  font-size:16px;
  color:black;
 font-family: 'HK-Grotesk';
  letter-spacing: 0.02em;
/*
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased; */
}
.about_text_holder {margin-top: -14px; margin-bottom: 100px;}
a {
  color:black;
  text-decoration:none;
  -webkit-transition:all 0.25s ease-in;
  -moz-transition:all 0.25s ease-in;
  transition:all 0.25s ease-in;
}
.about_page figure img {max-width: 100%;}
.about_page p {padding: 9px 0;}
.about_page p {font-size: 16px; line-height: 22px;}
.about_page .container {max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 0 20px; margin-top: 100px;}
.about_page {color: rgba(50,50,50,1);}
.about_page h2 {font-size: 27px;}
.opening_holder {margin: 0 auto; position: absolute; bottom: 166px; left: 0; text-align: center; font-size: 27px; color: white;width: 100%;}
.opening_holder p {text-align: center; width: 100%;}
.logo_big {width: 130px; height: 140px; margin: 0 auto;}
.intro_section {position: fixed; width: 100%; height: 100%; top: 0; left: 0;}
.logo {width: 200px; height: 50px;}
#logo_holder {position: absolute;left: 26px; z-index: 100; top: 23px;}
.play {width: 82px; height: 82px; margin: 0 auto;}
.play {/*position: absolute; left: 50%; margin-left: -41px;*/}
.play_holder {position: absolute; bottom: 40px; color: white; width: 100%;}
.play_holder p {text-align: center;}
.play_holder figure {margin: 0 auto; text-align: center;}
.menu_holder {z-index: 100; position: absolute; right: 30px; top: 30px;}
.menu_holder a {color: rgba(50,50,50,1);}
ul {margin: 0; padding: 0;  display: inline-block;}
li {list-style: none; display: inline-block;}
.menu_holder li {margin-left: 30px;}
.project_title {color: rgba(50,50,50,1); font-size: 27px; padding-top: 15px;}
.projects_page {
    padding-top: 90px;
    padding-bottom: 0px;
}
.image_gallery_holder {padding-top: 30px;}
.image_holder_gallerypage {padding-bottom: 30px;}
.post_title {color: white; font-size: 27px; }
.post_text {color: white;}
.current-menu-item {border-bottom: 1px solid rgba(50,50,50,1);}
.project_credit {color: rgba(100,100,100,1);font-size: 16px; text-transform: uppercase; padding-bottom: 70px;}
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px;
}
.contact_additional {color: rgba(50,50,50,1); padding: 30px 0 0 0; font-size: 20px;}
.youtube-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
#logo_holder {width: 200px; height: 50px;
background: url(../../images/logo_small_ml_inverse.svg);
}
.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.animate {
        opacity: 0;
        transform: translate(0, 30px);
        transition: all 0.6s ease-out;
    }

.animated {
        opacity: 1;
        transform: translate(0, 0);
    }
.front_page .menu_holder a {
    color: white;
}

.front_page .current-menu-item {border-bottom: 1px solid white;}
    .menu>.wpml-ls-current-language>a {border-bottom: 1px solid rgba(50,50,50,1);}
.front_page .menu>.wpml-ls-current-language>a {border-bottom: 1px solid white;}
.front_page #logo_holder {width: 200px; height: 50px;
background: url(../../images/logo_small_ml_inverse_white.svg);
}
.credits_mbmh {text-align: right; padding-bottom: 30px;}
.credits_mbmh a {color: rgba(50,50,50,1); border-bottom: 1px solid rgba(50,50,50,1)}
.projects_page .image_gallery_holder img {width: 100%; max-width: 100%;}

@font-face {font-family: 'HK-Grotesk';src: url('webfonts/HKGrotesk-Regular.eot');src: url('webfonts/HKGrotesk-Regular.eot?#iefix') format('embedded-opentype'),url('webfonts/HKGrotesk-Regular.woff') format('woff'),url('webfonts/HKGrotesk-Regular.ttf') format('truetype');}
@font-face {font-family: 'HK-Grotesk-Bold';src: url('webfonts/hkgrotesk-bold-webfont.eot');src: url('webfonts/hkgrotesk-bold-webfont.eot?#iefix') format('embedded-opentype'),url('webfonts/hkgrotesk-bold-webfont.woff') format('woff'),url('webfonts/hkgrotesk-bold-webfont.ttf') format('truetype');}
b, strong {font-family: 'HK-Grotesk-Bold';}
@media all and (max-width: 600px) {

}
.post_text, .post_title {color: rgba(50,50,50,1);}
.project_holder img {width: 100%; max-width: 100%;}
/*a.active {border-bottom: 1px solid white;} */
@media all and (max-width: 1000px) {
  .about_page .container {
 
    margin-top: 132px;
}
.projects_page {
    padding-top: 132px;
 
}
#menu-menu-1 {margin-top: 56px;  }
#menu-menu_pl {margin-top: 56px; }
.sub-menu {padding-left: 15px;}
 }

@media all and (max-width: 900px) {
  #logo_holder {left: 20px;}
  .menu_holder {right: auto; left: 20px;}
  .menu_holder li {
    margin-left: 0px;
      margin-right: 15px;
}

 .span_6 {width: 100%;}
 .about_text_holder {
   margin-top: 0px;
    margin-bottom: 100px;
}
}

@media all and (max-width: 700px) {
 #menu-menu_pl {
    line-height: 24px;
    font-size: 14px;
}
  .contact_additional {padding-bottom: 20px;}
  .logo_big {
    width: 70px;
    height: 78px;
     display: none; 
    margin: 0 auto;
}
  .opening_holder {
 
    font-size: 20px;
   
}
  .project_title {font-size: 16px;}
  .about_page .container {
    margin-top: 150px;
}
.projects_page {
    padding-top: 150px;
 
}
   #logo_holder {left: 15px;}
  .menu_holder {right: auto; left: 15px;}
  .container {
  
    padding: 0 15px;
}
.about_page .container {  padding: 0 15px;}
#menu-menu-1 { line-height: 24px;
    font-size: 14px;}
   
.about_page h2 {
    font-size: 16px;
}

}

ul .wpml-ls-menu-item a {
  display: inline-block!important;
;

}