/*---------------------------------------------------------
  Mixins
---------------------------------------------------------*/
/* Retina! */
.icon {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  width: 56px;
  height: 56px;
  background-size: 56px;
}
.icon.search {
  background-size: 50px;
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/search_white.svg);
}
.icon.search:hover {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/search_green.svg);
}
.icon.read-more {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/readmore_white.svg);
}
.icon.read-more:hover {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/readmore_green.svg);
}
.icon.read-less {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/readless_green.svg);
}
.icon.close {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/close_white.svg);
}
.icon.close:hover {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/close_green.svg);
}
.icon.left {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/arrow_left_white.svg);
}
.icon.right {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/arrow_right_white.svg);
}
.icon.facebook {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/fb.svg);
}
.icon.facebook:hover {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/fb_hover.svg);
}
.icon.twitter {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/tw.svg);
}
.icon.twitter:hover {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/tw_hover_2.svg);
}
.icon.linkedin {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/in.svg);
}
.icon.linkedin:hover {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/in_hover.svg);
}
.icon.sc {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/sc.svg);
}
.icon.sc:hover {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/sc_hover.svg);
}
.icon.m {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/m.svg);
}
.icon.m:hover {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/m_hover.svg);
}
.icon.yt {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/yt.svg);
}
.icon.yt:hover {
  background-image: url(/profiles/dekracert/themes/ditheme/css/img/yt_hover.svg);
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*---------------------------------------------------------
  Own custom mixins.
---------------------------------------------------------*/
/*---------------------------------------------------------
  Grid definitions.
---------------------------------------------------------*/
/*---------------------------------------------------------
  Media queries
---------------------------------------------------------*/
/*---------------------------------------------------------
  FLEXBOX (https://gist.github.com/jayj/4012969)
---------------------------------------------------------*/
/*---------------------------------------------------------

  This file is only intended to style panels everywhere 
  and panels layouts, e.g. Scaffold and Bricks.

  Keep it clean! 

---------------------------------------------------------*/
/*
 * See mixins.less for Grid definition.
 * You can use 
 * @grid-columns
 * @grid-gutter-width
 * @grid-max-width
 * .content-max-width()
 * .equalizer()
 * .make-column()
 */
.no-managed-page {
  max-width: 1600px;
  margin: auto;
}
@media all and (max-width: 1600px+30px) {
  .no-managed-page {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 1051px) {
  .no-managed-page {
    margin-left: 0;
    margin-right: 0;
  }
}
.section {
  width: 100%;
  clear: both;
}
.section .section-inner {
  *zoom: 1;
  position: relative;
  max-width: 1600px;
  margin: auto;
}
.section .section-inner:before,
.section .section-inner:after {
  content: "";
  display: table;
}
.section .section-inner:after {
  clear: both;
}
@media all and (max-width: 1600px+30px) {
  .section .section-inner {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 1051px) {
  .section .section-inner {
    margin-left: 0;
    margin-right: 0;
  }
}
.section .equalizer {
  margin-left: -15px;
  margin-right: -15px;
  *zoom: 1;
}
.section .equalizer:before,
.section .equalizer:after {
  content: "";
  display: table;
}
.section .equalizer:after {
  clear: both;
}
.section.middle .middle {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
.section.left-middle .left {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 25%;
}
.section.left-middle .middle {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 75%;
}
.section.middle-right .middle {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 66.66666667%;
}
.section.middle-right .right {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 33.33333333%;
}
.section.left-middle-right .left {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 25%;
}
.section.left-middle-right .middle {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 50%;
}
.section.left-middle-right .right {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 25%;
}
.section.left-right .left {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 50%;
}
.section.left-right .right {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 50%;
}