@import url(icon.css);
/*  ==========================================================================
	Base Settings
   ========================================================================== */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 21, 2015 */
@font-face {
  font-family: 'imago-book';
  src: url("../fonts/imago-book-webfont.eot");
  src: url("../fonts/imago-book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/imago-book-webfont.woff2") format("woff2"), url("../fonts/imago-book-webfont.woff") format("woff"), url("../fonts/imago-book-webfont.ttf") format("truetype"), url("../fonts/imago-book-webfont.svg#berthold_imagoregular") format("svg");
  font-weight: 400;
  font-style: normal; 
}

@font-face {
  font-family: 'imago-medium';
  src: url("../fonts/imago-medium-webfont.eot");
  src: url("../fonts/imago-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/imago-medium-webfont.woff2") format("woff2"), url("../fonts/imago-medium-webfont.woff") format("woff"), url("../fonts/imago-medium-webfont.ttf") format("truetype"), url("../fonts/imago-medium-webfont.svg#berthold_imagobold") format("svg");
  font-weight: 400;
  font-style: normal; 
}

@font-face {
	font-family: 'imago-light';
	src: url('../fonts/imago-light-webfont.eot');
	src: local('☺'), url('../fonts/imago-light-webfont.woff') format('woff'), url('../fonts/imago-light-webfont.ttf') format('truetype'), url('../fonts/imago-light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/
* {
  box-sizing: border-box; }
  *:before, *:after {
    box-sizing: border-box; }

*:focus {
  outline: none; }

html {
  font-size: 16px;
  line-height: 20px;
  position: relative; }

/*
* Body settings, change it as required
*/
body {
  font-family: "imago-book", sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #b2b2b2;
  -webkit-font-smoothing: antialiased; }

/*
* Headings
*/
h1, h2, h3, h4, h5, h6 {
  font-family: "imago-medium", sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  margin-top: 0px;
  color: #b2b2b2; }

/*
* Paragraphs
*/
p {
  font-family: inherit;
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin-bottom: 50px;
  color: #b2b2b2;
  margin-top: 0; }
  p.lead {
    font-size: 2.375rem;
    line-height: 3.1875rem;
    margin-bottom: 50px; }

/*
* Links
*/
a {
  color:#b2b2b2;
  text-decoration: none;
  line-height: inherit; }
  a:hover {
    color: #000; }
  a:focus {
    color: #000;
    outline: none; }

p a {
  line-height: inherit; }
  p a:visited {
    line-height: inherit; }

strong, b {
  font-family: "imago-medium", sans-serif;
  font-weight: 400; }

/*
* A better looking default horizontal rule
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

figure {
  margin: 0px; }

/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

/*  ==========================================================================
	Helpers
    ========================================================================== */
/*
* Text Alignment
*/
.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

/*
* Image Alignment
*/
img.alignleft {
  float: left;
  margin: 0 10px 10px 0;
  display: inline; }

img.alignright {
  float: right;
  margin: 0 0px 10px 10px;
  display: inline; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px; }

/*
* Clearfix: contain floats
*/
/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after {
  content: "";
  display: table;
  clear: both; }

/*
* overflow method for clearing floats
*/
.floatbox {
  overflow: hidden; }

/*
* older method of adding empty tags for clearing
*/
.clear {
  clear: both;
  height: 1px;
  line-height: 1px; }

/*
* Floats
*/
.left {
  float: left; }

.right {
  float: right; }

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden, .hide {
  display: none !important;
  visibility: hidden; }

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
  visibility: hidden; }

@media (min-width: 768px) {
  .visible-xs {
    display: none; }
  .hide-xs {
    display: block; } }

@media (max-width: 767px) {
  .visible-xs {
    display: block; }
  .hide-xs {
    display: none; } }

/*  ==========================================================================
	Layouts
    ========================================================================== */
/*
* Container
*/
#container {
  min-width: 320px;
  overflow-x: hidden;
  position: relative;
  left: 0;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }

.container {
  width: 100%;
  max-width: 1330px;
  margin: 0px auto;
  padding: 0px 15px; }

@media (max-width: 1399px) {
  .container {
    max-width: 1180px; } }

@media (max-width: 767px) {
  .container {
    padding-left:20px;
    padding-right:20px; } }

/*
* Header
*/
#header {
  padding: 50px 0px 40px;
  margin: 0px;
  z-index: 9;
  width: 100% !important;
  background: #ffffff;
  height: 122px;
  position: relative;
  z-index: 99;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
  #header .column2 {
    position: relative; }
  #header .logo a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 173px;
    padding-top: 22px;
    background: url(../images/logo.jpg) no-repeat center center;
    background-size: 175px auto; }
  #header ul {
    margin: 0px;
    padding: 0px;
    list-style: none; }

#main-navigation > ul > li {
  font-size:15px;
  line-height: 1.5rem;
  color: #000000;
  margin-bottom: 5px;
  margin-right: 50px;
  display: inline-block; }
  #main-navigation li:last-child {
    margin-right: 0px; }
  #main-navigation li.active a {
    color: #000; }
  #main-navigation > ul > li > a {
    position: relative;
    display: inline-block;
    color: #b2b2b2;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
    #main-navigation > ul > li > a:hover, #main-navigation > ul > li > a:focus {
      color: #000; text-decoration:none; }

@media (max-width: 1080px) {
  #main-navigation li {
    margin-right: 40px; } }

@media (max-width: 991px) {
  #main-navigation li {
    margin-right: 20px; } }

@media (max-width: 767px) {
  #header {
    height: 72px;
    padding: 30px 0px 20px; }
    #header .logo a {
      width: 150px;
      background-size: contain; }
  #main-navigation {
    background-color: #b2b2b2;
    position: fixed;
    right: -275px;
    top: 0;
    width: 275px;
    height: 100%;
    overflow: auto;
    padding: 25px 40px;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
    #main-navigation li {
      font-size: 1.125rem;
      color: #ffffff;
      margin-right: 0px;
      display: block;
      margin-bottom: 25px; }
  body.nav-active {
    overflow: hidden; }
    body.nav-active #container {
      left: -275px; }
    body.nav-active #main-navigation {
      right: 0; } }

/*
* Content
*/
#content {
  padding-top: 60px;
  padding-bottom: 10px; }

@media (max-width: 767px) {
  #content {
    padding-top: 10px; } }

@media print {
  body {
    -webkit-print-color-adjust: exact; }
  .menu-btn {
    display: none; }
  #content {
    padding-top: 0px; }
  #sidebar .print-link, #sidebar .widget .events-list {
    display: none; }
  .projects .grid {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    float: left;
    width: 25%;
    padding-right: 15px; }
    .projects .grid.one-half {
      width: 25%; }
  .visible-xs {
    display: none !important; } }

/*  ==========================================================================
	Common Components
    ========================================================================== */
/*
* menu-btn
*/
.menu-btn {
  position: absolute;
  z-index: 999;
  right: 10px;
  top: 47px;
  background: transparent;
  padding: 0px;
  height: 26px;
  width: auto;
  border: 0px;
  text-align: right;
  display:none;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
  .menu-btn span.icon-bars {
    display: block;
    float: right;
    opacity: 0; }
  .menu-btn span.icon-bar {
    background: #DADADA;
    display: block;
    cursor: pointer;
    height: 3px;
    width: 28px;
    margin-top: 5px;
    position: relative; }
    .menu-btn span.icon-bar:first-child {
      margin-top: 0px; }
  .menu-btn .text {
    display: none;
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #b2b2b2; }

@media (max-width: 767px) {
  .menu-btn {
    top:0;
    right:0; display:block; position:static; float:right; }
    .menu-btn span.icon-bars {
      display: none; }
    .menu-btn .text {
      display: block; } }

/*
* Sidebar
*/
#sidebar {
  padding-right: 40px; }
  #sidebar.project-sidebar {
    overflow: auto; }
  #sidebar .widget {
    margin-bottom: 40px; }
    #sidebar .widget p {
      font-size: 1rem;
      line-height: 1.4375rem;
      color: #b2b2b2; }
      #sidebar .widget p.lead {
        font-size: 2.25rem;
        line-height: 2.75rem;
        margin-bottom: 40px; }
      #sidebar .widget p a {
        color: inherit; }
        #sidebar .widget p a:hover {
          color: #808080; }
      #sidebar .widget p .title {
        font-family: "imago-medium", sans-serif; }
        #sidebar .widget p .title span {
          display: block;
          font-family: "imago-book", sans-serif; }
    #sidebar .widget ul {
      margin: 0px;
      padding: 0px;
      list-style: none; }
    #sidebar .widget .events-list {
      margin-bottom: 20px; }
      #sidebar .widget .events-list li {
        margin-bottom: 10px; }
        #sidebar .widget .events-list li h4, #sidebar .widget .events-list li p {
          font-size: 0.875rem;
          line-height: 1.5rem;
          color: #b2b2b2;
          margin-bottom: 0px; }
          #sidebar .widget .events-list li h4 a, #sidebar .widget .events-list li p a {
            color: inherit; }
          #sidebar .widget .events-list li h4.active, #sidebar .widget .events-list li p.active {
            color: #000000; }
    #sidebar .widget .categories {
      margin-bottom: 35px; }
      #sidebar .widget .categories li {
        margin-bottom: 15px;
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: #b2b2b2; }
        #sidebar .widget .categories li.active {
          color: #000000; }
        #sidebar .widget .categories li a {
          color: inherit; }
          #sidebar .widget .categories li a:hover {
            color: #808080; }
    #sidebar .widget .project-view li {
      display: inline-block;
      margin-right: 25px; }
      #sidebar .widget .project-view li.thumbnail-icon a {
        background-image: url(../images/thumbs.svg); }
      #sidebar .widget .project-view li.list-icon a {
        background-image: url(../images/list.svg); }
      #sidebar .widget .project-view li a {
        display: inline-block;
        width: 25px;
        height: 16px; }

.contact-us #sidebar .widget p.lead a {
  display: block;
  font-family: "imago-book", sans-serif; }

.contact-us #sidebar .widget address {
  font-style: normal; }
  .contact-us #sidebar .widget address p {
    font-size: 0.9375rem;
    line-height: 1.625rem; }

@media (max-height: 700px) {
  #sidebar .widget {
    margin-bottom: 20px; }
    #sidebar .widget p.lead {
      font-size: 1.625rem;
      line-height: 2.125rem;
      margin-bottom: 20px; } }

@media (max-width: 767px) {
  #sidebar.project-sidebar {
    position: relative !important;
    top: 0px !important;
    padding-top: 0px;
    width: 100%;
    max-width: 100%; }
  #sidebar .widget {
    margin-bottom: 40px; } }

@media (max-width: 640px) {
  .page-template-about #sidebar p br {
    display: none; } }

/*
* Footer
*/
#footer {
  background: #ffffff;
  padding: 35px 0px 50px; }
  #footer ul {
    margin: 0px;
    padding: 0px;
    list-style: none; }
  #footer .languages li {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #b2b2b2;
    padding-left: 5px;
    margin-left: 5px; }
    #footer .languages li:first-child {
      border-left: 0px;
      padding-left: 0px;
      margin-left: 0px; }
    #footer .languages li.active {
      font-family: "imago-medium", sans-serif;
      color: #000000; }
  #footer .languages li, #footer p {
    font-size: 0.875rem;
    line-height: 0.875rem;
    color: #b2b2b2;
    margin: 0px; }
    #footer .languages li a, #footer p a {
      color: inherit; }
      #footer .languages li a:hover, #footer .languages li a:focus, #footer p a:hover, #footer p a:focus {
        color: #000000; }
  #footer .florianmatthias-logo img {
    vertical-align: top; }
  #footer .one-half {
    float: left;
    width: 50%; }
  #footer .main-navigation ul, #footer .secondary-navigation ul {
    margin: 0px;
    padding: 0px;
    list-style: none; }
  #footer .main-navigation li, #footer .secondary-navigation li {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #b2b2b2;
    margin-bottom: 10px; }
    #footer .main-navigation li a, #footer .secondary-navigation li a {
      color: inherit; }
  #footer .main-navigation {
    margin-bottom: 15px; }
    #footer .main-navigation li {
      font-family: "imago-medium", sans-serif;
      margin-bottom: 15px; }
  #footer .contact-info address {
    font-style: normal;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative; }
    #footer .contact-info address:after {
      content: '';
      display: block;
      width: 10px;
      height: 1px;
      background-color: #B9B9B9;
      position: absolute;
      left: 0;
      bottom: 0; }
  #footer .contact-info p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #B9B9B9;
    margin: 0px; }
    #footer .contact-info p a {
      text-decoration: underline; }

/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td {
  margin: 0;
  padding: 0;
  font-size: 14px;
  direction: ltr; }

.post .featured-image {
  margin-bottom: 25px; }

.post p {
  font-family: inherit;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin-bottom: 50px;
  color: #b2b2b2; }
  .post p.lead {
    font-size: 1.75rem;
    line-height: 2.3125rem;
    margin-bottom: 50px; }
  .post p a {
    color: inherit; }
    .post p a:hover {
      color: #808080; }

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
  font-family: "imago-medium", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #b2b2b2;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
  margin-bottom: 14px;
  margin-top: 0px; }

.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0; }

.post h1 {
  font-size: 2.75rem; }

.post h2 {
  font-size: 2.3125rem; }

.post h3 {
  font-size: 1.6875rem; }

.post h4 {
  font-size: 1.4375rem; }

.post h5 {
  font-size: 1.0625rem; }

.post h6 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-bottom: 0px; }

.post code {
  font-family: "imago-medium", sans-serif;
  font-weight: 400;
  background: #ffff99; }

.post ul, .post ol, .post dl {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 17px;
  list-style-position: outside; }

.post ul li ul, .post ul li ol {
  margin-left: 20px;
  margin-bottom: 0; }

.post ol {
  margin-left: 20px; }
  .post ol li ul, .post ol li ol {
    margin-left: 20px;
    margin-bottom: 0; }

.post blockquote {
  line-height: 1.5;
  color: #6f6f6f;
  margin: 0 0 17px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd; }
  .post blockquote p {
    line-height: 1.5;
    color: #6f6f6f; }
  .post blockquote cite {
    display: block;
    font-size: 13px;
    color: #555555; }
    .post blockquote cite:before {
      content: "\2014 \0020"; }
    .post blockquote cite a {
      color: #555555; }
      .post blockquote cite a:visited {
        color: #555555; }

.post .image1 {
  margin-bottom: 60px; }
  .post .image1 img {
    width: 100%; }

.post address {
  font-style: normal; }

@media (max-width: 992px) {
  .post p.lead {
    font-size: 1.5rem;
    line-height: 2.0625rem;
    margin-bottom: 30px; } }

@media (max-width: 767px) {
  .post p.lead {
    font-size: 1.375rem;
    line-height: 1.9375rem;
    margin-bottom: 20px; } }

.load-link {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #b2b2b2;
  display: inline-block;
  margin-bottom: 70px; }
  .load-link:hover, .load-link:focus {
    color: #b2b2b2; }

@media (max-width: 767px) {
  .load-link {
    margin-bottom: 40px; } }

.two-column-layout .column1 {
  float: left;
  width: 33%; }
  .two-column-layout .column1.right {
    float: right; }

.two-column-layout .column2 {
  float: right;
  width: 67%; }
  .two-column-layout .column2.left {
    float: left; }

@media (max-width: 992px) {
  .two-column-layout .column1 {
    width: 25%; }
  .two-column-layout .column2 {
    width: 75%; } }

@media (max-width: 767px) {
  .two-column-layout .column1, .two-column-layout .column2, .two-column-layout .column1.right, .two-column-layout .column2.left {
    float: none;
    width: 100%; } }

@media (min-width: 768px) {
  .two-column-layout2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px; } }

.one-half {
  float: left;
  width: 50%; }

.one-fourth {
  float: left;
  width: 25%; }

@media (max-width: 767px) {
  .one-half, .one-fourth {
    float: none;
    width: 100%; } }

.grid {
  width: 100%; }
  .grid.one-half {
    width: 50%;
    float: left; }
  .grid.one-fourth {
    width: 36%;
    float: left; }
  .grid.three-fourth {
    width: 64%;
    float: left; }
  .grid.one-fifth {
    float: left;
    width: 26%; }
  .grid.four-fifth {
    float: left;
    width: 74%; }

@media (max-width: 767px) {
  .grid.one-fourth, .grid.three-fourth, .grid.one-fifth, .grid.four-fifth {
    width: 100%;
    float: none; } }

.projects {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 40px; }
  .projects .grid {
    padding: 0px 10px;
    margin-bottom: 40px; }
  .projects .blogpost .details {
    padding-bottom: 10px; }
    .projects .blogpost .details:after {
      content: '';
      display: block;
      width: 12px;
      height: 1px;
      background-color: #b2b2b2; }

.projects .image, .featured-project .image {
  position: relative;
  overflow: hidden; }
  .projects .image img, .featured-project .image img {
    width: 100%; }
  .projects .image a, .featured-project .image a {
    display: block; }
    .projects .image a:hover:after, .featured-project .image a:hover:after {
      opacity: 1; }
    .projects .image a:after, .featured-project .image a:after {
      content: '';
      cursor: pointer;
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: rgba(195, 195, 195, 0.7);
      background-blend-mode: multiply;
      transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
      -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
      -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
      -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
      -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }

.projects .details, .featured-project .details {
  padding-top: 10px;
  position: relative; }
  .projects .details h3, .projects .details p, .featured-project .details h3, .featured-project .details p {
    font-size: 1.12rem;
    line-height: 1.25rem;
    color: #b2b2b2; }
    .projects .details h3 a, .projects .details p a, .featured-project .details h3 a, .featured-project .details p a {
      color: inherit; }
  .projects .details h3, .featured-project .details h3 {
    margin-bottom: 0px; }
    .projects .details h3 .title, .featured-project .details h3 .title {
      font-family: "imago-medium", sans-serif; }
      .projects .details h3 .title span, .featured-project .details h3 .title span {
        font-family: "imago-book", sans-serif; }
  .projects .details p, .featured-project .details p {
    margin-bottom: 10px; }

.featured-project {
  margin-bottom: 40px; }

@media (max-width: 767px) {
  .projects .image:hover:after {
    opacity: 0; } }

/*  ==========================================================================
	Section Specific
    ========================================================================== */
.section {
  position: relative;
  margin-bottom: 10px; }
  .section:nth-child(2n) {
    background: #ffffff; }
  .section .image {
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9; }
    .section .image img {
      width: 200px;
      height: 130px; }
  .section .details {
    margin-left: 200px; }
    .section .details .inner-wrap {
      display: table;
      height: 130px;
      width: 100%; }
    .section .details .column {
      display: table-cell;
      vertical-align: middle;
      width: 50%;
      padding-left: 130px;
      padding-right: 10px; }
    .section .details p {
      margin-bottom: 0px; }
      .section .details p .title {
        font-family: "imago-medium", sans-serif; }
        .section .details p .title span {
          font-family: "imago-book", sans-serif; }
      .section .details p .meta-info {
        font-size: 0.875rem;
        line-height: 1.5rem; }

.project-list .section.hover .image {
  width: auto;
  overflow: visible; }
  .project-list .section.hover .image .wrap-images {
    opacity: 1;
    left: 200px; }

.project-list .section.hover .details .column {
  padding-left: 150px;
  opacity: 0; }

.project-list .section .image {
  overflow: hidden;
  cursor: pointer; }
  .project-list .section .image .wrap-images {
    height: 100%;
    width: 400px;
    position: absolute;
    top: 0;
    left: 180px;
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
    .project-list .section .image .wrap-images img + img {
      margin-left: -5px; }

.project-list .section .details .column {
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }

.list-view {
  margin-bottom: 80px; }

@media (max-width: 1199px) {
  .section .details .column {
    padding-left: 70px; }
  .project-list .section.hover .details .column {
    padding-left: 90px; } }

@media (max-width: 992px) {
  .section .details .column {
    padding-left: 50px; }
  .project-list .section.hover .details .column {
    padding-left: 70px; } }

@media (max-width: 767px) {
  .section .image {
    position: relative;
    float: none;
    width: 100%;
    text-align: center; }
    .section .image img {
      width: 100%;
      height: auto; }
  .section .details {
    margin-left: 0px; }
    .section .details .inner-wrap {
      display: block;
      height: auto;
      padding: 10px 10px 20px; }
    .section .details .column {
      display: block;
      width: 100%;
      padding-left: 0px; }
  .list-view {
    margin-bottom: 50px; }
  .project-list .section.hover .image {
    overflow: hidden; }
    .project-list .section.hover .image .wrap-images {
      opacity: 0; }
  .project-list .section.hover .details .column {
    padding-left: 0px;
    opacity: 1; } }

/*
* columnizer
*/
.columnizer .column {
  padding-right: 50px; }

.sponsors {
  margin: 0px;
  padding: 0px 0px 6px;
  list-style: none; }
  .sponsors li {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: center;
    margin: 30px -2px 30px; }

@media (max-width: 992px) {
  .sponsors {
    padding-bottom: 0px; }
    .sponsors li {
      margin: 10px -2px 10px; } }

/*  ==========================================================================
	Page Specific Components
    ========================================================================== */
/*  ==========================================================================
	home Page Specific
    ========================================================================== */
#introduction .column1 {
  padding-right: 70px; }

#introduction p.lead {
  font-size: 1.875rem;
  line-height: 2.625rem;
  margin-bottom: 80px; }

@media (max-width: 992px) {
  #introduction .column1 {
    padding-right: 30px; }
  #introduction p.lead {
    margin-bottom: 40px; } }

@media (max-width: 767px) {
  #introduction .column1 {
    padding-right: 10px; }
  #introduction p.lead {
    font-size: 1.5rem;
    line-height: 2.0625rem;
    margin-bottom: 30px; } }

/*  ==========================================================================
	contact-us Page Specific
    ========================================================================== */
.contact-us .map {
  position: relative;
  margin-bottom: 45px; }
  .contact-us .map .marker {
    width: 118px;
    height: 92px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -59px;
    margin-top: -46px;
    z-index: 1;
    background: url("../images/marker.png") no-repeat;
    background-size: 118px 92px; }
  .contact-us .map .image1 {
    margin-bottom: 0px; }

@media (max-width: 992px) {
  .contact-us p.lead {
    font-size: 1.5rem;
    line-height: 2rem; } }

@media (max-width: 600px) {
  html.user-logged-in #wpadminbar {
    margin-top: -46px; } }

/*  ==========================================================================
	Vendor
    ========================================================================== */


/* Changes
========================================================================== */
#main-navigation { display: flex; flex-direction: row; }
.navigation-social { margin-left: auto; display: flex; flex-direction: row; }
.socials { font-size:0; }
.socials a { font-size:14px; margin-right:15px; color:#000; }
.socials a:hover { color: #b2b2b2; text-decoration:none; }
#main-navigation > ul { margin-right: auto; }
.language-switcher { position:relative; font-size:0.875rem; color:#000; } 
.language-switcher > ul { position: absolute; top: 100%; left: auto; right: 0; line-height: 1; display:none; background: #fff; width: 50px; box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 8px 0 !important; }
.language-switcher > ul > li { display: block; margin: 0 0 5px; padding: 0 4px; }
.language-switcher ul li:last-child { margin-bottom:0; }
.language-switcher > ul > li > a { color:#000; }
.language-switcher > ul > li > a:hover { color: #b2b2b2; }
.language-switcher > ul > li > a.active, .language-switcher > ul > li > a.active:hover { color:#000; font-family:'imago-medium'; text-decoration:none; cursor:default; }
.language-trigger { position:relative; cursor:pointer; padding-right:12px; display:block; margin-top: -2px; }
.language-trigger:after { content: ""; position: absolute; right: 0; height:7px; width:7px; border-right: 2px solid #000; border-bottom: 2px solid #000; top: -2px; bottom: 0; margin: auto; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition:0.5s all; transition:0.5s all; }
.language-trigger.open:after { -webkit-transform:rotate(218deg); transform:rotate(218deg); top:2px; }
.footer-box { text-align: right; }
.section-row { padding:50px 0; }
.section-banner-img img { width:100%; height:auto; }
.gray-bg { background-color:#f7f8f8; }
.awards-row { padding:150px 0; }
.awards-img { margin:15px 0; }
.awards-img img { max-width:100%; width:auto; height:auto; }
.img-text-block img { width:100%; height:auto; }
.section-row.projects { margin:0; }
.section-title h3 { font-size: 32px; font-family: "imago-light", sans-serif; }
.section-row.section-banner-row { padding: 0; }
.text-bigger, .text-bigger p, .projects .text-bigger p { font-size:32px; line-height:1.4; font-family:"imago-light", sans-serif; }
p:empty { margin:0; font-size:0; }
.text-block a { color:#b2b2b2; }
.text-block a:hover p { text-decoration:none; }
.home .project-section-row img { /*height:600px;*/ object-fit: cover; }


/* Awards Page Css
========================================================================== */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height:1.4; }
.no-margin { margin:0 !important; }
.side-nav ul { margin:0; padding:0; list-style:none; }
.side-nav ul li { margin-bottom:15px; color: #b2b2b2; font-size:15px; }
.side-nav ul li a { color:#b2b2b2; }
.side-nav ul li.active a { color:#000; }
.awards-list-row { margin:50px 0; }
.awards-list-row .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom:25px; }
.awards-list-row .row > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; }
.awards-list-row figure { text-align: center; width:100%; }
.details h4, .awards-info { font-size:18px; }
.awards-info p { margin:0 0 5px;  }
.awards-info h3 { font-size:1rem; color: #b2b2b2; font-family: "imago-book", sans-serif; }
.awards-info h3 a { color: #b2b2b2; }
.sticky-side { position:-webkit-sticky;  position:sticky; top:130px; }

.text-big p { font-size:1.25rem; }
p { line-height: 1.725rem; margin-bottom: 15px; font-size:inherit; }
.about-box, .team-box { padding:30px 0; }
.video-box a { position:relative; display:block; width:100%; }
.video-box a:after, .projects .video-box a:after { content:""; height:48px; width:48px; border:1px solid #fff; border-radius:50%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; opacity:1; background: transparent; }
.video-box a:before { content:""; position:absolute; left:5px; right:0; top:0; bottom:0; margin:auto; height:0; width:0; border-left:15px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent; }
.team-details { font-size:1rem; line-height:1.5rem; }
.team-details p { line-height: inherit; }
p strong, p b { font-family: "imago-medium", sans-serif; font-weight: 400; }
.team-img-list .image { margin-bottom: 30px; }
.awards-list .awards-img figure { text-align:center; }
.awards-list .awards-img { margin:0 0 30px 0; }
.work-shop-box .image { margin-bottom: 30px; }
.projects .work-shop-box .details { padding:0; }
.projects .work-shop-box p { line-height:1.5; }
.work-shop-box p a { text-decoration:underline; }
.team-img-list { margin-top: 40px; }
div#container { overflow:inherit; }

.load-link { width: 50px; height:50px; background-image:url(../images/bgmwlf-loader.svg); background-repeat:no-repeat; background-size:100% 100%; display: block; margin-left: auto; margin-right: auto; font-size: 0; visibility:hidden; }

.video-box { position: relative; padding-top:56.25%; overflow:hidden; }
.video-box a.video-btn { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 48px; width: 48px; z-index:5; }
.video-box iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 100%; width: 100%; opacity:0; visibility:hidden; } 
.video-box iframe { opacity:1; visibility:visible; }
.video-btn.paused::before { border-left: 3px solid #fff; border-right: 3px solid #fff; border-top: 0; border-bottom: 0; width: 11px; height: 17px; left: 2px; }
.video-box .image, .projects .video-box .image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; margin: auto; z-index:2; }
.video-box .image img, .projects .video-box .image img { height: 100%; object-fit: cover; }

/* New Css
=========================================*/
.exhibitions-img { margin-bottom: 50px; }
.teaching-box { margin-bottom:40px; }
.teaching-box figure { margin-bottom:10px; }
.projects .teaching-box .details { padding-top: 0; }
.teaching-details-box { margin-top: 70px; }
.project-img-box { margin-bottom:70px; }

body { font-size: 1.02rem; }
a { transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.content-box { max-width: 369px; width: 100%; margin-bottom:80px; }
.sticky-side { /*height: calc(100vh - 140px); overflow-y: auto;*/ }
.sticky-side .content-box { margin-bottom:0; }
.content-box p  { line-height:inherit; }
.content-info, .factsheet-link { margin-top:65px; }
.content-info h5 { font-size: 1.02rem; font-weight:normal; margin-bottom:0; }
.content-box h3 { font-size: 2.17rem; line-height: 1.2; margin-bottom: 25px; font-family:"imago-book", sans-serif; }
.content-box h3 span { font-weight:normal; display:block; font-family:"imago-medium", sans-serif; }
.content-info p { margin-bottom:20px; }
.factsheet-link a { color: #b2b2b2; display: table; font-weight: bold; font-size: 1.38rem; text-decoration: underline; }
.factsheet-link a:hover { color:#000; }

.img-box { margin-bottom:70px; }
.contact-box { padding: 25px 0; }
.contact-details { padding:20px 0; font-size:18px; }
.contact-details address { margin-bottom:0; }
.contact-details address strong { font-weight:bold; }
.contact-details > a { display:table; clear:both; font-size:31px; color:#b2b2b2; margin:0 0 10px; }

.contain-details { font-size:18px; }
.contain-details h5 { font-size:18px; font-weight:bold; }
.contain-details p, .contain-details ul { margin-bottom:20px; }
.contain-details p a { font-weight:bold; color:inherit; }
.contain-details p { line-height: 1.5; }
.cookie-bar { background: #b2b2b2; font-size: 14px; text-align: center; padding: 13px 40px 13px 10px; color: #fff; position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; }
.cookie-bar p { color: inherit; margin: 0; }
.cookie-bar p a { font-weight:bold; text-decoration:underline; color:#fff; }
.cookie-bar .close { position:absolute; right:20px; top:0; bottom:0; margin:auto; height:14px; width:14px; font-size:0; opacity:1; }
.cookie-bar .close:before, .cookie-bar .close:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; height:14px; width:2px; background:#fff; }
.cookie-bar .close:before { -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.cookie-bar .close:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }

.map-box {  height: 500px; }
.copyright { padding-right: 19%; }
.img-text-block figure { background:#fff; position:relative; z-index:1; }
.img-text-block figure:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.02; z-index:-1; }
.exhibitions-list .col-sm-6:nth-child(2n+1) { clear: left; }


/* Slider CSS
======================================*/
.section-banner-img .details h3 { /*font-size: 1rem;*/ font-size:1.12rem; }
.banner-slider { position:relative; z-index:1; }
.banner-slider:before, .banner-slider:after { content:""; position:absolute; top:0; bottom:0; width:108px; z-index:1; }
.banner-slider:before { left:0; 
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.45) 0%, rgba(191,191,191,0) 75%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0.45)), color-stop(75%, rgba(191,191,191,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.45) 0%, rgba(191,191,191,0) 75%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(0deg, rgba(0,0,0,0.45) 0%, rgba(191,191,191,0) 75%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(0deg, rgba(0,0,0,0.45) 0%, rgba(191,191,191,0) 75%, rgba(255,255,255,0) 100%);
	background: linear-gradient(90deg, rgba(0,0,0,0.45) 0%, rgba(191,191,191,0) 75%, rgba(255,255,255,0) 100%);
}
.banner-slider:after { right:0;
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(191,191,191,0) 25%, rgba(0,0,0,0.45) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(191,191,191,0)), color-stop(100%, rgba(0,0,0,0.45)));
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(191,191,191,0) 25%, rgba(0,0,0,0.45) 100%);
	background: -o-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(191,191,191,0) 25%, rgba(0,0,0,0.45) 100%);
	background: -ms-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(191,191,191,0) 25%, rgba(0,0,0,0.45) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(191,191,191,0) 25%, rgba(0,0,0,0.45) 100%);
}
.banner-slider .owl-dots { position:absolute; left:0; right:0; bottom:0; padding:14px; font-size:0; z-index:2; }
.banner-slider .owl-dot { display:inline-block; margin:4px; }
.banner-slider .owl-dot span { display:block; width: 8px; height: 8px; opacity: 0.41; background-color: #fff; border-radius:50px; -webkit-transition:0.5s all; transition:0.5s all; }
.banner-slider .owl-dot:hover span, .banner-slider .owl-dot.active span { opacity:1; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 16px; height: 18px; position:absolute; top:0; bottom:0; margin:auto; z-index:2; }
.owl-carousel .owl-nav button.owl-next { right:20px; }
.owl-carousel .owl-nav button.owl-prev { left:20px; }
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { display:none; }
.owl-carousel .owl-nav button.owl-next:after, .owl-carousel .owl-nav button.owl-prev:after { content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-bottom: 10px solid transparent; border-top: 10px solid transparent; }
.owl-carousel .owl-nav button.owl-next:after { border-left: 16px solid #fff; }
.owl-carousel .owl-nav button.owl-prev:after { border-right: 16px solid #fff; }

.gm-style .gm-style-iw { width: 100% !important; left: 0 !important; right: 0 !important; padding: 0 10px; text-align: center; }
.route-link a { font-family:"imago-medium", sans-serif; font-size:24px; position:relative; color:#b2b2b2; text-decoration:underline; -webkit-transition:0.5s all; transition:0.5s all; }
.route-link a:after { content: ""; position: absolute; left: 0; right: 0; height: 0; width: 0; border-top: 16px solid #b2b2b2; border-left: 6px solid transparent; border-right: 6px solid transparent; margin: 7px auto 0; top: 100%; display: block; -webkit-transition:0.5s all; transition:0.5s all; }
.route-link a:hover { color:#fff; }
.route-link a:hover:after { border-top-color:#fff; }
.route-link .btn { padding: 0; }
.gm-style .gm-ui-hover-effect { display:none !important; }
.gm-style, .gm-style * { background: transparent !important; box-shadow:none !important; border:0 !important; }
.gm-style > div > div > div > div > img { display: none; } /* Marker pin img  */
.gm-style-iw, .gm-style-iw * { overflow: inherit !important; }

.banner-slider::before,.banner-slider::after{background:none;}
.content-info.publication-list p { margin-bottom:0; }
.publication-list p + h5 { margin-top:25px; }
.about-box p:last-child, .philosophie-sec p:last-child { margin-bottom: 0; }


/* Responsive
========================================================================== */
@media (max-width: 1199px) {
	.contact-details > a { font-size:27px; }	
	.copyright { padding-right:14%; }
}

@media (max-width: 1023px) {
	#main-navigation > ul > li { margin: 0 12px; }
	.logo { margin-top:4px; }
	
	.awards-row { padding:100px 0; }
	.text-bigger, .text-bigger p, .projects .text-bigger p { font-size:28px; }
	.home .project-section-row img { /*height:500px;*/ }
	.content-box h3 { font-size: 1.87rem; margin-bottom: 20px; }
	.section-title h3 { font-size: 30px; }
	
}

@media (max-width: 991px) {
	.home .project-section-row img { height:auto; }
	.sticky-side { position:relative; top:0; }
	.project-img-box { margin-bottom:30px; }
	.content-box { max-width:inherit; }
	.content-info, .factsheet-link { margin-top: 35px; }
	.content-box { /*margin-bottom:60px;*/ margin-bottom:40px; }
	
	.img-box { margin-bottom:30px; }
	.contact-details { padding: 10px 0; }
	.contact-box { padding: 20px 0; }
	.copyright { padding-right:0; }
	.sticky-side { height:auto; }
	.sticky-side .content-box { margin-bottom:40px; }
	.awards-list .awards-img { margin:0 0 30px; }
	.side-nav { margin-bottom: 30px; }
	.side-nav ul li { margin-bottom:10px; }
	.side-nav ul li:last-child { margin-bottom:0; }
	
}


@media (max-width: 767px) {
	#main-navigation { flex-direction: column; }
	#main-navigation > ul { margin-right:0; }
	#main-navigation > ul > li { display: block; margin: 0 0 20px 0; font-size: 16px; }
	#main-navigation > ul > li > a { color:#fff; }
	#main-navigation > ul > li > a:hover, #main-navigation > ul > li > a:focus { color:#000; }
	.navigation-social { margin-left: 0; margin-top: auto; flex-direction: row-reverse; }
	.socials { margin-left:auto; margin-top:-4px; }
	.socials a { color:#fff; font-size: 17px; margin-right:0; }
	.socials a + a { margin-left:10px; }
	.socials a:hover { color: #000; }
	.language-trigger { display:none; }
	.language-switcher > ul { display:block !important; background: transparent; box-shadow:none; padding:0 !important; font-size:0; position:static; width:auto; }
	#main-navigation .language-switcher > ul > li { margin-left:10px; padding-left:10px; position:relative; padding-right:0; font-size: 15px; }
	#main-navigation .language-switcher > ul > li:first-child { margin-left:0; padding-left:0; }
	.language-switcher > ul > li:after { content:""; position:absolute; width:1px; background:#fff; height:15px; margin:auto; left:0; top:0; bottom:0; }
	#main-navigation .language-switcher > ul > li:first-child:after { display:none; }
	.language-switcher > ul > li > a { color:#fff; }
	.language-switcher > ul > li > a.active:hover { color:#fff; text-decoration:none; }
	.language-switcher > ul > li > a:hover { color:#000; }
	.language-switcher > ul > li > a.active, .language-switcher > ul > li > a.active:hover { color:#fff; }
	.language-switcher > ul > li, #main-navigation .language-switcher li  { margin-bottom:0; display:inline-block; }
	.section-row { padding:30px 0; }
	.awards-row { padding:50px 0; }
	.text-bigger, .text-bigger p, .projects .text-bigger p { font-size:24px; }
	.awards-img { margin:10px 0; }
	.exhibitions-img { margin-bottom:30px; }
	.exhibitions-list .row > div:last-child .exhibitions-img { margin-bottom:0; }
	.teaching-details-box { margin-top: 35px; }
	.factsheet-link a { font-size: 1.28rem; }
	.content-box { margin-bottom:40px; }
	
	.contact-box { padding: 15px 0; }
	.contact-details { font-size: 16px; }
	.contact-details > a { font-size:24px; }
	.contact-details > a:last-child { margin-bottom:0; }
	.contain-details { font-size:16px; }
	.contain-details p, .contain-details ul { margin-bottom:15px; }
	.section-title h3 { font-size: 28px; }
	.cookie-bar .close { right:14px; }
	.details h4, .awards-info { font-size:16px; }
	
}

@media (max-width: 567px) {
	.awards-row { padding:30px 0; }
	.text-bigger, .text-bigger p, .projects .text-bigger p { font-size:20px; }
	.content-box h3 { font-size: 1.67rem; margin-bottom: 15px; }
	.content-info, .factsheet-link { margin-top: 30px; }
	.content-info p { margin-bottom: 15px; }
	.factsheet-link a { font-size:1.18rem; }
	
	.project-img-box, .img-box { margin-bottom:20px; }
	.contact-details > a { font-size: 22px; margin-bottom: 4px; }
	.contact-details { font-size: 15px; }
    .map-box {  height: 400px; }
	.section-title h3 { font-size: 25px; }
	
	.banner-slider:before, .banner-slider:after { width:70px; }
	.banner-slider .owl-dots { padding:10px; }
	.owl-carousel .owl-nav button.owl-prev { left:15px; }
	.owl-carousel .owl-nav button.owl-next { right:15px; } 
	.owl-carousel .owl-nav button.owl-next:after, .owl-carousel .owl-nav button.owl-prev:after { border-top-width:9px; border-bottom-width:9px; }
	.owl-carousel .owl-nav button.owl-next:after { border-left-width: 12px }
	.owl-carousel .owl-nav button.owl-prev:after { border-right-width: 12px }
}

@media (max-width: 480px) {
	.content-box h3 { font-size: 1.57rem; margin-bottom: 13px; }
	.contact-details > a { font-size:20px; }
	.section-title h3 { font-size: 22px; }
}