/* 
Theme Name: DI Simple 
Description: Childtheme 
Author: Designers Inn 
Template: di-basis 
Version: 1.4
*/
.flex {
  display: flex; }
  .flex.space-between {
    justify-content: space-between; }
  .flex.space-around {
    justify-content: space-around; }
  .flex > * {
    position: relative; }
  .flex .flex-1 {
    flex: 1; }
  .flex .flex-2 {
    flex: 2; }
  .flex .flex-3 {
    flex: 3; }
  .flex .flex-4 {
    flex: 4; }
  .flex .flex-5 {
    flex: 5; }
  .flex .flex-6 {
    flex: 6; }
  .flex .flex-7 {
    flex: 7; }
  .flex .flex-8 {
    flex: 8; }
  .flex .flex-9 {
    flex: 9; }
  .flex .flex-10 {
    flex: 10; }
  .flex .flex-column {
    flex-direction: column; }
  @media screen and (max-width: 1260px) {
    .flex.break-tablet {
      flex-direction: column; } }
  @media screen and (max-width: 780px) {
    .flex.break-tablet.bleed.bleed-big > *, .flex.break-tablet.bleed > * {
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 10px; }
    .flex.break-tablet.bleed.bleed-big > :first-child, .flex.break-tablet.bleed > :first-child {
      margin-left: 0px; }
    .flex.break-tablet.bleed.bleed-big > :last-child, .flex.break-tablet.bleed > :last-child {
      margin-right: 0px;
      margin-bottom: 0px; } }
  @media screen and (max-width: 780px) {
    .flex.break-mobile {
      flex-direction: column; }
      .flex.break-mobile > * {
        width: 100%; }
      .flex.break-mobile.bleed.bleed-big > *, .flex.break-mobile.bleed > * {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px; }
      .flex.break-mobile.bleed.bleed-big > :first-child, .flex.break-mobile.bleed > :first-child {
        margin-left: 0px; }
      .flex.break-mobile.bleed.bleed-big > :last-child, .flex.break-mobile.bleed > :last-child {
        margin-right: 0px;
        margin-bottom: 0px; }
      .flex.break-mobile.flex-center {
        align-items: flex-start; } }
  .flex .line-break {
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden; }
  @media screen and (max-width: 1260px) {
    .flex .line-break-tablet {
      flex-basis: 100%;
      width: 0px;
      height: 0px;
      overflow: hidden; } }
  @media screen and (max-width: 780px) {
    .flex .line-break-mobile {
      flex-basis: 100%;
      width: 0px;
      height: 0px;
      overflow: hidden; } }
  .flex.bleed > * {
    margin-left: 20px;
    margin-right: 20px; }
  @media screen and (min-width: 1261px) {
    .flex.bleed.bleed-big > * {
      margin-left: 50px;
      margin-right: 50px; } }
  .flex.bleed > :first-child {
    margin-left: 0px; }
  .flex.bleed > :last-child {
    margin-right: 0px; }
  .flex.wrap {
    flex-flow: row wrap; }
  .flex.max-2 > * {
    width: calc( 50% - 10px );
    min-width: calc( 50% - 10px );
    max-width: calc( 50% - 10px ); }
  @media screen and (min-width: 1261px) {
    .flex.max-2.bleed-big > * {
      width: calc( 50% - 100px );
      min-width: calc( 50% - 100px );
      max-width: calc( 50% - 100px ); } }
  .flex.max-2.bleed > :nth-child(2n) {
    margin-right: 0px; }
  .flex.max-2.bleed > :nth-child(2n+1) {
    margin-left: 0px; }
  .flex.max-3 > * {
    width: calc( 33.3% - 40px );
    min-width: calc( 33.3% - 40px );
    max-width: calc( 33.3% - 40px ); }
  @media screen and (min-width: 1261px) {
    .flex.max-3.bleed-big > * {
      width: calc( 33.3% - 67px );
      min-width: calc( 33.3% - 67px );
      max-width: calc( 33.3% - 67px ); } }
  .flex.max-3.bleed > :nth-child(3n) {
    margin-right: 0px; }
  .flex.max-3.bleed > :nth-child(3n+1) {
    margin-left: 0px; }
  .flex.max-4 > * {
    width: calc( 25% - 15px );
    min-width: calc( 25% - 15px );
    max-width: calc( 25% - 15px ); }
  .flex.max-4.bleed > :nth-child(4n) {
    margin-right: 0px; }
  .flex.max-4.bleed > :nth-child(4n+1) {
    margin-left: 0px; }
  .flex.max-4-no-margin > * {
    width: calc( 25%  );
    min-width: calc( 25%  );
    max-width: calc( 25%  ); }
  .flex.max-5 > * {
    width: calc( 20% - 15px );
    min-width: calc( 20% - 15px );
    max-width: calc( 20% - 15px ); }
  .flex.max-5.bleed > :nth-child(5n) {
    margin-right: 0px; }
  .flex.max-5.bleed > :nth-child(5n+1) {
    margin-left: 0px; }
  @media screen and (max-width: 1260px) {
    .flex.break-tablet.max-5 > * {
      width: calc( 50% - 10px );
      min-width: calc( 50% - 10px );
      max-width: calc( 50% - 10px ); }
    .flex.break-tablet.max-5.bleed > :nth-child(2n) {
      margin-right: 0px; }
    .flex.break-tablet.max-5.bleed > :nth-child(2n+1) {
      margin-left: 0px; } }
  @media screen and (max-width: 780px) {
    .flex.break-tablet.max-5 > * {
      width: 100%;
      min-width: 100%;
      max-width: 100%; } }
  @media screen and (max-width: 1260px) {
    .flex.break-tablet.max-4 > * {
      width: calc( 50% - 10px );
      min-width: calc( 50% - 10px );
      max-width: calc( 50% - 10px ); }
    .flex.break-tablet.max-4.bleed > :nth-child(2n) {
      margin-right: 0px; }
    .flex.break-tablet.max-4.bleed > :nth-child(2n+1) {
      margin-left: 0px; } }
  @media screen and (max-width: 780px) {
    .flex.break-tablet.max-4 > * {
      width: 100%;
      min-width: 100%;
      max-width: 100%; } }
  @media screen and (max-width: 1260px) {
    .flex.break-tablet.max-4-no-margin > * {
      width: calc( 50% - 10px );
      min-width: calc( 50% - 10px );
      max-width: calc( 50% - 10px ); }
    .flex.break-tablet.max-4-no-margin.bleed > :nth-child(2n) {
      margin-right: 0px; }
    .flex.break-tablet.max-4-no-margin.bleed > :nth-child(2n+1) {
      margin-left: 0px; } }
  @media screen and (max-width: 780px) {
    .flex.break-tablet.max-4-no-margin > * {
      width: 100%;
      min-width: 100%;
      max-width: 100%; } }
  @media screen and (max-width: 1260px) {
    .flex.break-tablet.max-3 > *, .flex.break-tablet.max-2 > * {
      width: 100%;
      min-width: 100%;
      max-width: 100%; } }
  @media screen and (max-width: 780px) {
    .flex.break-mobile.max-5 > *, .flex.break-mobile.max-4 > *, .flex.break-mobile.max-3 > *, .flex.break-mobile.max-2 > * {
      width: 100%;
      min-width: 100%;
      max-width: 100%; } }
  @media screen and (max-width: 1260px) {
    .flex.wrap-tablet {
      flex-flow: row wrap; } }
  @media screen and (max-width: 780px) {
    .flex.wrap-mobile {
      flex-flow: row wrap; } }

.flex-tablet {
  display: block; }
  @media screen and (max-width: 1260px) {
    .flex-tablet {
      display: flex; } }

@media screen and (max-width: 780px) {
  .flex-mobile {
    display: flex; } }

.flex-center {
  align-items: center; }

@media screen and (max-width: 1260px) {
  .flex-center-tablet {
    align-items: center; } }

.flex-text-center {
  justify-content: center; }

@media screen and (max-width: 1260px) {
  .flex-bottom-tablet {
    align-items: flex-end; } }

.flex-bottom {
  align-items: flex-end; }

.flex-item-right {
  margin-left: auto !important; }

.flex-item-left {
  margin-right: auto !important; }

.center {
  text-align: center;
  margin: 0 auto 0 auto; }

#footer-info a {
  color: #666;
  font-weight: normal; }

.et_pb_gallery .et_pb_gallery_pagination, .et_pb_filterable_portfolio .et_pb_portofolio_pagination {
  border-top: 0 solid #e2e2e2; }

.et_pb_widget_area_left {
  border-right: 0 solid rgba(0, 0, 0, 0.1);
  padding-right: 30px; }

.header-background-photo {
  background-image: url(images/marken-header.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 133px; }

.post-type-archive-clients .container:before, .single-clients .container:before, .tax-client_category .container:before {
  display: none; }

.page-title-header {
  background-color: #F9F9F9;
  padding: 25px 0 50px 0; }
  .page-title-header .container {
    padding-top: 0 !important; }
  .page-title-header h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.2;
    font-size: 18px;
    color: black;
    font-weight: 600; }

.filter-content-holder {
  margin-bottom: 50px; }
  .filter-content-holder .filter-area {
    margin-right: 90px; }
    .filter-content-holder .filter-area .filter-wrapper {
      background-color: #F9F9F9; }
      .filter-content-holder .filter-area .filter-wrapper .filter-headings {
        justify-content: space-between;
        padding-bottom: 15px;
        background-color: white; }
        .filter-content-holder .filter-area .filter-wrapper .filter-headings p.filter-left-heading {
          font-size: 16px;
          font-weight: 600; }
        .filter-content-holder .filter-area .filter-wrapper .filter-headings a.clear-button {
          color: black;
          text-decoration: underline;
          text-underline-position: under; }
      .filter-content-holder .filter-area .filter-wrapper .filter-accordion {
        font-weight: bold;
        font-size: 13px;
        padding: 5px; }
        .filter-content-holder .filter-area .filter-wrapper .filter-accordion.active .filter-accordion-body {
          display: block; }
        .filter-content-holder .filter-area .filter-wrapper .filter-accordion .filter-accordion-head {
          justify-content: space-between; }
          .filter-content-holder .filter-area .filter-wrapper .filter-accordion .filter-accordion-head p.accordion-title {
            color: black; }
        .filter-content-holder .filter-area .filter-wrapper .filter-accordion .filter-accordion-body {
          display: none;
          font-weight: normal; }
          .filter-content-holder .filter-area .filter-wrapper .filter-accordion .filter-accordion-body a {
            color: black;
            margin-top: 3px; }
          .filter-content-holder .filter-area .filter-wrapper .filter-accordion .filter-accordion-body a.second-sub-category {
            padding-left: 25px; }
          .filter-content-holder .filter-area .filter-wrapper .filter-accordion .filter-accordion-body input {
            margin-right: 5px; }

@media screen and (max-width: 780px) {
  .filter-results-area {
    margin-top: 30px;
    padding-top: 20px; } }
.filter-results-area .filter-results-area-wrapper {
  justify-content: space-between; }
  .filter-results-area .filter-results-area-wrapper .result {
    padding: 25px 0;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 23px 0px rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
    padding: 20px;
    color: black;
    align-items: center; }
    .filter-results-area .filter-results-area-wrapper .result p.result-title {
      font-weight: bold;
      text-align: center; }

.single-client-wrapper {
  background-color: #FFFFFF;
  box-shadow: 0px 2px 23px 0px rgba(0, 0, 0, 0.07);
  padding: 25px;
  max-width: 700px;
  margin-bottom: 45px; }
  @media screen and (max-width: 780px) {
    .single-client-wrapper {
      padding: 5px; } }
  .single-client-wrapper .single-client-inner {
    border-left: 7px solid #245A8C;
    padding-left: 20px; }
    @media screen and (max-width: 780px) {
      .single-client-wrapper .single-client-inner {
        padding-left: 12px; } }
    .single-client-wrapper .single-client-inner .single-client-content {
      padding: 5px 0; }
      .single-client-wrapper .single-client-inner .single-client-content p.single-client-title {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 0; }
      .single-client-wrapper .single-client-inner .single-client-content p.single-client-categories {
        font-size: 11px;
        font-weight: light; }
        .single-client-wrapper .single-client-inner .single-client-content p.single-client-categories .category-list-item {
          color: black; }
      .single-client-wrapper .single-client-inner .single-client-content .single-client-upper-content {
        margin-bottom: 30px; }
        @media screen and (max-width: 780px) {
          .single-client-wrapper .single-client-inner .single-client-content .single-client-upper-content {
            margin-bottom: 15px; } }
      .single-client-wrapper .single-client-inner .single-client-content .single-client-lower-content {
        font-weight: normal; }
        .single-client-wrapper .single-client-inner .single-client-content .single-client-lower-content p {
          padding-bottom: 0; }
        .single-client-wrapper .single-client-inner .single-client-content .single-client-lower-content img {
          height: 60px;
          width: auto;
          margin-right: 10px;
          display: inline-block; }

.category-list-item {
  margin-right: 5px; }
  .category-list-item:last-of-type {
    margin-right: 0; }

.single-client-button-wrapper {
  margin-bottom: 50px; }
  .single-client-button-wrapper .single-client-button {
    border: 2px solid #245A8C;
    padding: 7px 30px;
    font-weight: bold; }

.pagination-wrapper .page-numbers {
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 12px;
  padding-right: 12px;
  color: black; }
  .pagination-wrapper .page-numbers.next {
    margin-left: 5px;
    padding-left: 10px;
    padding-rigth: 10px;
    padding-right: 10px;
    color: black; }
    .pagination-wrapper .page-numbers.next:hover {
      box-shadow: 0px 2px 23px 0px rgba(0, 0, 0, 0.07); }
  .pagination-wrapper .page-numbers.prev {
    margin-right: 5px;
    margin-left: 10px;
    padding-left: 10px;
    padding-rigth: 10px;
    padding-right: 10px;
    color: black; }
    .pagination-wrapper .page-numbers.prev:hover {
      box-shadow: 0px 2px 23px 0px rgba(0, 0, 0, 0.07); }
  .pagination-wrapper .page-numbers.current {
    color: #245a8c;
    font-weight: bold;
    box-shadow: 0px 2px 23px 0px rgba(0, 0, 0, 0.07); }
@media screen and (max-width: 780px) {
  .pagination-wrapper {
    margin-top: 20px; } }

/*# sourceMappingURL=style.css.map */