html {
  scroll-behavior: smooth;
}

.mt-0 {
  margin-top: 0 !important
}

.mt-10 {
  margin-top: 10px
}

.mt-20 {
  margin-top: 20px
}

.mt-30 {
  margin-top: 30px
}

.mt-40 {
  margin-top: 40px
}

.mt-50 {
  margin-top: 50px
}

.mt-60 {
  margin-top: 60px
}

.mt-70 {
  margin-top: 70px
}

.mt-80 {
  margin-top: 80px
}

.mt-90 {
  margin-top: 90px
}

.mt-100 {
  margin-top: 100px
}

.mt-110 {
  margin-top: 110px
}

.mt-120 {
  margin-top: 120px
}

.mt-130 {
  margin-top: 130px
}

.mt-140 {
  margin-top: 140px
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-10 {
  margin-bottom: 10px
}

.mb-20 {
  margin-bottom: 20px
}

.mb-30 {
  margin-bottom: 30px
}

.mb-40 {
  margin-bottom: 40px
}

.mb-50 {
  margin-bottom: 50px
}

.mb-60 {
  margin-bottom: 60px
}

.mb-70 {
  margin-bottom: 70px
}

.mb-80 {
  margin-bottom: 80px
}

.mb-90 {
  margin-bottom: 90px
}

.mb-100 {
  margin-bottom: 100px
}

.mb-110 {
  margin-bottom: 110px
}

.mb-120 {
  margin-bottom: 120px
}

.mb-130 {
  margin-bottom: 130px
}

.mb-140 {
  margin-bottom: 140px
}

.pt-0 {
  padding-top: 0 !important
}

.pt-10 {
  padding-top: 10px
}

.pt-20 {
  padding-top: 20px
}

.pt-30 {
  padding-top: 30px
}

.pt-40 {
  padding-top: 40px
}

.pt-50 {
  padding-top: 50px
}

.pt-60 {
  padding-top: 60px
}

.pt-70 {
  padding-top: 70px
}

.pt-80 {
  padding-top: 80px
}

.pt-90 {
  padding-top: 90px
}

.pt-100 {
  padding-top: 100px
}

.pt-110 {
  padding-top: 110px
}

.pt-120 {
  padding-top: 120px
}

.pt-130 {
  padding-top: 130px
}

.pt-140 {
  padding-top: 140px
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-10 {
  padding-bottom: 10px
}

.pb-20 {
  padding-bottom: 20px
}

.pb-30 {
  padding-bottom: 30px
}

.pb-40 {
  padding-bottom: 40px
}

.pb-50 {
  padding-bottom: 50px
}

.pb-60 {
  padding-bottom: 60px
}

.pb-70 {
  padding-bottom: 70px
}

.pb-80 {
  padding-bottom: 80px
}

.pb-90 {
  padding-bottom: 90px
}

.pb-100 {
  padding-bottom: 100px
}

.pb-110 {
  padding-bottom: 110px
}

.pb-120 {
  padding-bottom: 120px
}

.pb-130 {
  padding-bottom: 130px
}

.pb-140 {
  padding-bottom: 140px
}

.container .container{
  width: auto;
}

body {
  overflow-x: hidden;
}

#admin-menu, #admin-menu .dropdown,
div.contextual-links-wrapper {
  z-index: 9999;
}

div.contextual-links-wrapper {
  display: block;
  font-size: 90%;
  position: absolute;
  height: 50px;
  width: 50px;
  right: 5px;
  top: 2px;
}

div.contextual-links-wrapper ul.contextual-links {
  background-color: #fff;
  border: 1px solid #ccc;
  display: none;
  margin: 0;
  padding: 0.25em 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 18px;
  white-space: nowrap;
  -moz-border-radius: 4px 0 4px 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 4px;
  border-radius: 4px 0 4px 4px;
}

div.contextual-links-wrapper:hover ul.contextual-links {
  display: block;
}

ul.contextual-links li {
  line-height: 100%;
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

ul.contextual-links li a {
  color: #333 !important;
  display: block;
  margin: 0.25em 0;
  padding: 0.25em 1em 0.25em 0.5em;
}

.lower,
.lower a {
  text-transform: lowercase;
}

/* Fix for full width content */
@media (min-width: 992px) {
  .nd-region > .container-fluid {
    padding: 0 15px;
  }
}

.nd-region > .container-fluid > .row > .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

/* MD Slider */

.md-arrow-left,
.md-arrow-right {
  font-family: 'FontAwesome';
  font-weight: 100;
  background-image: url(../assets/base/img/content/line-icons/default.png);
  display: inline-block;
  width: 60px;
  height: 60px;
  background-size: cover;
  transition: all 0.3s;
  color: #ffffff;
  opacity: 0.3;
  /*filter: alphaopacity=30;*/
}

.md-arrow-left:hover,
.md-arrow-right:hover {
  transition: all 0.3s;
  opacity: 1;
  /*filter: alphaopacity=100;*/
}

.md-arrow-left {
  /*background-position: 0 3600%;*/
  background-position: 0 -1080px;
}

.md-arrow-right {
  /*background-position: 0 3700%;*/
  background-position: 0 -1020px;
}

.rtecenter {
  text-align: center;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.element-invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

.input-group legend {
  display: none;
}

/* Commerce */
.c-product-compare-table .field--name-quantity {
  display: none;
}

.c-product-compare-table .form-group {
  margin: 0;
}

.btn-group-justified > .btn-group {
  vertical-align: top;
}

.node-product-teaser-list .extra-components,
.node-product-teaser-list .flag-outer {
  display: inline-block;
}

@media(min-width: 991px) {
  .c-layout-header-4 .c-navbar .c-logo{
    line-height: 100px;
  }
}

.extra-components img,
.extra-components .price,
.extra-components .field--name-quantity,
.extra-components .multiple .data,
.extra-components form > .form-group,
.node-product-teaser-list .extra-components .string.sku,
.node-product-teaser-list .extra-components .string.title {
  display: none;
}

.extra-components .multiple.variations > .data:first-child {
  display: block;
}

.extra-components .form-group {
  margin: 0;
}

.c-btn-uppercase.btn-lg {
  padding: 12px 10px 11px 10px;
}

.commerce-order-item-add-to-cart-form .js-form-type-select label {
  font-size: 17px;
  font-weight: 600;
  min-width: 50px;
  text-transform: uppercase;
}

.commerce-order-item-add-to-cart-form select {
  display: inline-block;
  width: 97px;
}

.products-grid-white-border .commerce-cart-add-to-cart .c-font-white.c-theme-btn.btn {
  color: #FFFFFF;
  background: none;
  border: 1px solid #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  padding: 7px 20px 5px 20px;
}

.products-grid-white-border .commerce-cart-add-to-cart .c-font-white.c-theme-btn.btn:hover {
  background-color: #fff;
  color: #2f353b !important;
}

.view-wishlist .commerce-cart-add-to-cart .btn {
  padding: 4px 18px 4px 18px;
  font-size: 14px;
  margin: 0;
}

/* Flags */
.c-shop-product-details-2 .flag-outer a {
  background: none;
  border: 1px solid #32c5d2;
  color: #32c5d2;
  display: inline-block;
  font-weight: 400;
  padding: 6px;
  text-align: center;
  width: 150px;
}

.c-shop-product-details-2 .flag-outer a:hover {
  background: #32c5d2;
  color: #fff;
}

.c-shop-product-details-2 input.form-submit {
  width: 150px;
}

.c-product-compare-table .flag-compare a {
  border: solid 1px #32c5d2;
  color: #32c5d2;
  background: none;
  font-size: 16px;
  font-weight: 400;
  padding: 6px 20px 4px 20px;
}

.c-product-compare-table .flag-compare a:hover {
  color: #ffffff;
  background: #32c5d2;
  border-color: #32c5d2;
}

.views-view-grid .flag-wishlist a {
  font-size: 12px;
  background-color: #FFFFFF;
  border: none;
  color: #7f8c97;
  display: inline-block;
  font-weight: 400;
  padding: 13px 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.views-view-grid .flag-wishlist a:hover {
  background-color: #e7505a;
  color: #fff;
}

.views-view-grid .products-grid-white-border .flag-wishlist a {
  color: #FFFFFF;
  background: none;
  border: 1px solid #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
  padding: 7px 20px 5px 20px;
  width: auto;
}

.views-view-grid .products-grid-white-border .flag-wishlist a:hover {
  background-color: #fff;
  color: #2f353b;
}

.view-wishlist .flag-wishlist a {
  border: 1px solid #e1e6ee;
  color: #7f8c97;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.33333;
  padding: 6px 18px 4px 18px;
  text-transform: uppercase;
}

.view-wishlist .flag-wishlist a:hover {
  background-color: #e7505a;
  color: white;
}

  /* MD Slider Shop */
.c-layout-revo-slider-13 {
  text-align: center;
}

.c-layout-revo-slider-14 .c-main-title {
  line-height: 28px;
  border-width: 0;
  margin: 10px 0 0;
  padding: 0;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 71px;
}

.c-layout-revo-slider-14 .c-main-title span {
  line-height: 10px;
  border-width: 0;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 24px;
}

.md-object p {
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 15px;
}

/* Product page */
.c-zoom .zoomImg{
  display: none !important;
}
.c-zoom:hover .zoomImg{
  display: block !important;
}

.product-field-groups .label {
  color: rgb(92, 104, 115);
  display: inline-block;
  font-size: 100%;
  padding: 0;
}

.product-field-groups .data,
.product-field-groups .multiple {
  display: inline-block;
}

.c-shop-product-details-2 .c-product-gallery > .c-product-gallery-content img,
.c-shop-product-details-2 .c-product-gallery > .c-product-gallery-thumbnail > .c-product-thumb img {
  height: auto;
}

.c-product-review .fivestar-user-stars,
.c-shop-product-details-2 .c-product-meta > .c-product-review .c-product-rating {
  display: inline-block;
  padding-right: 1em;
  border-right: 1px solid;
  border-color: #cccccc;
}

.field-name-field-rating {
  display: inline-block;
}

.c-shop-product-details-2 .c-product-meta .c-product-variant select {
  border-color: #d0d7de;
  padding: 6px;
}

.c-shop-product-details-2 .c-product-meta .c-product-meta-label {
  margin-right: 20px;
  min-width: 50px;
}

.c-shop-product-tab-1 .nav > li > a,
.c-shop-product-tab-1 .nav > li:hover > a {
  border-width: 2px 0 0 0 !important;
  border-radius: 0;
}

.c-shop-product-tab-1 .nav > li a {
  text-transform: uppercase;
  font-weight: 600 !important;
}

.c-shop-product-tab-1 .tab-content {
  margin-top: 60px;
}

#bootstrap-fieldgroup-nav-item--description .media .content {
  text-align: center;
}

.align-center,
#bootstrap-fieldgroup-nav-item--additional-information {
  text-align: center;
}

.media img.align-center {
  margin: 0 auto;
}

.field-span {
  font-weight: 600;
}

#bootstrap-fieldgroup-nav-item--additional-information .field {
  margin-bottom: 30px;
}

@media(min-width: 991px) {
  .bg-full-width {
    margin: 0 -100%;
    padding: 0 100%;
  }
}

.col-md-9 .c-shop-product-tab-1 .bg-full-width {
  margin: 0;
}

.col-md-9 .c-shop-product-tab-1 .container {
  width: auto;
}

.c-shop-product-tab-1 .bg-full-width {
  padding: 40px 0;
}

.c-product-review > div {
  display: inline-block;
}

.form-type-fivestar .form-type-select {
  display: inline-block;
  padding-left: 10px;
}

.form-item label {
  font-weight: 300;
  font-size: 18px;
}

.views-exposed-form .form-item label {
  font-weight: bold;
}

.grippie,
.c-product-review-input .field-name-comment-body label {
  display: none;
}

.form-item {
  margin-top: 10px;
}

.form-actions .btn-medium {
  margin-top: 5px;
}

.review .field-name-field-rating {
  float: right;
}

.item .commerce-product-field-commerce-price,
.item .commerce-product-field-field-old-price {
  display: inline-block;
}

.hidden {
  display: none;
}

.item .flag-wrapper .flag-throbber {
  position: absolute;
  top: 0;
  left: 0;
}

.cart.cart-block .form-actions {
  display: none;
}

.item .commerce-add-to-cart > div > div {
  display: none;
}

.small-col-space {
  padding-left: 5px;
  padding-right: 5px;
}

.col-md-2 .c-bg-img-center-contain.c-overlay-object {
  height: 230px !important;
}

.c-description,
.c-price {
  font-weight: 200;
}

/* Shop components 2 */
.c-bg-dark .c-border {
  border: none;
}

/* Split Products (Components 3) */
.c-content-product-2 .commerce-add-to-cart {
  margin-bottom: 0;
}

.c-content-product-2 .commerce-add-to-cart input.btn {
  margin-left: 0;
}

.col-md-2 .c-content-product-2 .flag.btn-lg {
  padding-left: 20px;
}

.col-md-2 .c-content-product-2 .commerce-add-to-cart input.btn {
  padding-left: 7px
}

.form-split-button form,
.hidden-button .col-sm-12 > .btn,
.hidden-button .row.c-margin-t-20,
.c-content-product-2 buttonREMOVE {
  display: none;
}

.node-product-teaser-list .field-name-field-products {
  display: inline-block;
}

.node-product-teaser-list .unflag-action,
.node-product-teaser-list .flag.action-unflag a,
.node-product-teaser-list .flag.action-flag a:hover {
  color: #ffffff;
  background: #8998b5;
  border: 1px solid #8998b5;
}

.node-product-teaser-list .flag.action-flag a,
.node-product-teaser-list .flag.action-unflag a:hover {
  color: #99a5b9;
  background: #ffffff;
  border: 1px solid #e1e6ee;
}

/*.node-product-teaser-list .btn-lg,*/
.node-product-teaser button {
  display: none;
}

.height330 .c-bg-img-center-contain {
  height: 330px !important;
}

.c-bs-grid-reset-space {
  margin: 0;
  padding: 0;
}

/* Product teaser */
.node-product-teaser .commerce-add-to-cart input.btn {
  padding-left: 13px;
}

/* Shop Components 4 */
.bg-dark-fix h3,
.bg-dark-fix p,
.bg-dark-fix a {
  color: #fff !important;
}

.bg-dark-fix .btn {
  border-color: #fff;
}

.bg-dark-fix .btn:hover {
  background-color: #fff;
  color: #000 !important;
}

.c-bg-pink {
  background-color: #d6b4b4;
}

.c-bg-light-blue {
  background-color: #b9d3d5;
}

.form-type-checkbox > label,
.js-form-type-checkbox > label {
  display: none;
}

.c-content-title-1 > h3 > i {
  padding-right: 8px;
}

.c-checkbox label {
  font-size: 18px;
}

.c-content-overlay .c-bg-img-center-contain {
  background-size: cover;
}

.views-exposed-form .views-exposed-widget {
  float: none;
}

.views-widget-filter-commerce_price_amount,
.views-widget-filter-field_rating_rating,
.views-widget-filter-field_stock_amount_value,
.views-exposed-form .form-item-field-rating-rating,
.views-exposed-form .form-item-field-stock-amount-value {
  display: none;
}

.views-exposed-widget.dependent-options label {
  display: block
}

.views-exposed-widget.dependent-options .views-operator,
.views-exposed-widget.dependent-options .views-widget {
  width: 48%;
  display: inline-block;
}

.views-exposed-widget.dependent-options .views-widget {
  margin-left: 3.5%;
}

.views-exposed-form {
  margin-bottom: 60px;
}

.c-layout-sidebar-menu {
  float: none !important;
  width: auto !important;
  border-top: none !important;
  margin: 0 !important;
}

/* Mega Menu */
.tbm-subnav {
  padding-left: 0;
}

.tbm-column {
  padding: 0;
}

.tbm-subnav li {
  padding: 9px 25px;
  white-space: normal;
  list-style: none;
}

.tbm-subnav li a {
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 15px;
  color: white;
  font-weight: 800;
}

.tbm-subnav .mega-caption {
  padding: 0 25px;
}

.tbm-subnav h3 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #cbd2d9;
  font-weight: 500;
  margin-top: 0;
}

.c-layout-header .c-navbar .c-logo img {
  max-height: 57px;
}

.c-page-on-scroll .c-layout-header .c-navbar .c-logo img {
  max-height: 35px;
}

@media (min-width: 992px) {
  .c-layout-header .c-brand {
    margin: 0 !important;
  }
  .c-layout-header.c-layout-header-4 {
    background: #fff;
  }
  .container-fluid .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic {
    width: auto !important;
  }

  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu {
    padding: 0;
  }

  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li {
    padding: 15px 0 20px;
    border-right: 1px solid #32373d;
  }

  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li:last-child {
    border-right: none;
  }
}

.megamenu-column-single li {
  line-height: 17px;
  padding: 7px 20px;
}

.megamenu-column-single {
  padding: 10px 0 !important;
}

.tb-megamenu-item li.tb-megamenu-item:hover {
  background: #292e33;
}

@media (min-width: 992px) {
  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu.c-menu-type-fullwidth {
    left: auto;
    right: 20px;
  }

  .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu .level-2:hover .dropdown-menu {
    display: block;
  }
  .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu .dropdown-menu {
    margin-top: -39px;
    margin-left: 0;
    top: auto;
    left: 100%;
  }

}

/* Wish List */
.c-shop-wishlist-1 .c-list.list-unstyled .field-content {
  display: inline-block;
}

.c-shop-wishlist-1 .c-list.list-unstyled .add-cart-flag .field-content {
  float: left;
}

.c-shop-wishlist-1 .c-list.list-unstyled .commerce-add-to-cart .c-margin-t-20 {
  margin-top: 0;
  padding-left: 0;
}

.c-shop-wishlist-1 .c-list.list-unstyled .commerce-add-to-cart .btn-lg {
  padding: 6px 18px 4px 18px;
  font-size: 14px;
}

.c-shop-wishlist-1 .c-list.list-unstyled .field-content .c-btn-uppercase.btn-lg {
  border-color: #e1e6ee;
  padding: 6px 18px 4px 18px;
  font-size: 14px;
  font-weight: bold;
}

/* Cart page */
.c-cart-image img {
  max-width: 107px;
}

.c-cart-remove .form-group,
.c-cart-remove .delete-line-item {
  display: none;
}

.c-shop-cart-page-1 .c-cart-qty input {
  border: 1px solid #d0d7de;
  padding: 5px;
  width: 75%;
}

.c-shop-cart-page-1 .c-cart-qty .form-item {
  margin-top: 0;
}

.line-item-summary {
  margin-top: 30px;
  text-align: right;
  margin-right: -15px;
}

.line-item-summary .line-item-total-label {
  color: #677083 !important;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600 !important;
  padding-right: 20px;
}

.line-item-total-raw {
  font-size: 16px;
  font-weight: 600 !important;
  color: #3f444a;
}

.line-item-total {
  border-bottom: 1px solid;
  border-color: rgba(135, 151, 174, 0.15);
  width: 290px;
  display: inline-block;
  padding: 0 12px 9px 0;
  margin-bottom: 9px;
}

.field-name-commerce-order-total .commerce-price-formatted-components {
  margin-top: 20px;
  width: 20%;
}

.cart-form #edit-actions,
.layout-region  #edit-actions {
  text-align: right;
}

#edit-actions div {
  display: inline-block;
}

/* Checkout */
div.address-container-inline > .form-item {
  margin-right: 0;
}

#commerce-checkout-form-checkout {
  padding: 60px 0;
}

.layout-checkout-form .billing-information {
  max-width: 600px;
}

.layout-region-checkout-footer .form-actions a {
  color: #8998b5;
  background: #ffffff;
  border: 1px solid #8998b5;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 5px 10px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
  margin-left: 10px;
}

.layout-region-checkout-footer .form-actions a:hover {
  color: #ffffff;
  background: #8998b5;
  border: 1px solid #8998b5;
}

#commerce-checkout-form-checkout legend span,
.checkout_review .pane-title td,
.layout-checkout-form h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600 !important;
  color: #3f444a;
}

#commerce-checkout-form-checkout .cart_contents {
  margin-bottom: 60px;
}

#commerce-checkout-form-checkout legend {
  border-bottom: none;
}

div.addressfield-container-inline > div.form-item {
  float: none;
  margin-right: 0;
}

#edit-customer-profile-billing {
  max-width: 600px;
}

.checkout-buttons .button-operator {
  padding: 0 15px;
}

.checkout-buttons {
  padding-top: 20px;
}

.layout-region.order-summary .c-shop-cart-page-1 > .c-cart-table-row > .c-cart-image {
  clear: none;
}

/* Checkout Review */
.checkout-review {
  width: 100%;
  margin-top: 30px;
}

table.checkout-review tr td {
  padding: 0;
}

.checkout_review .pane-title td {
  padding: 15px 0 5px 0;
}

.form-item.form-type-item {
  margin-top: 0;
}

/* Title Shortcode */
.c-content-title-4 .title-wrap {
  background-color: #fff;
}

.c-bg-grey-1 .title-wrap {
  background-color: #f7f7f7;
}

.c-bg-white .title-wrap {
  background-color: #fff;
}

.c-bg-grey .title-wrap {
  background-color: #eeeeee !important;
}

.c-bg-dark .c-content-title-1 > p {
  color: #5c6873 !important;
}

.c-bg-img-bottom-right .title-wrap {
  background-color: transparent;
}

.c-font-grey {
  color: #d5dfe5;
}

.c-font-20 {
  font-size: 20px !important;
}

.c-font-18 {
  font-size: 18px !important;
  margin: 0 0 15px 0 !important;
}

.c-right .c-content-title-1 {
  float: left;
  margin: 20px 30px 0;
}

.c-footer-4-p-right .c-border {
  display: inline-block;
  margin-bottom: 24px;
}

.c-footer-4-p-right .c-border h3 {
  font-size: 30px;
  padding: 0 10px;
}

/* Products grid white border */
.c-content-isotope-overlay-btn {
  margin-top: 10px;
}

/* Cart block */
.c-cart-menu {
  z-index: 100;
}
.c-layout-header  .c-cart-menu.c-layout-cart-menu-shown{
  display: block;
}

.c-layout-header .cart-empty-block,
#block-commerce-cart-cart > h2,
.c-cart-menu-close input {
  display: none;
}

/* Header - Menu */

/*
Conflict with Mobile - search is not correct
.c-layout-header.c-layout-header-4:not(.c-header-transparent-dark){
  background-color: #fff;
}
*/
.c-header-transparent-dark:not(.c-layout-header-4) .c-btn-dark,
.c-layout-header-5 .c-btn-dark,
.c-layout-header-3 .c-btn-dark {
  border-color: #fff !important;
  color: #fff;
}

.c-header-transparent-dark .c-btn-dark:hover,
.c-layout-header-5 .c-btn-dark:hover,
.c-layout-header-3 .c-btn-dark:hover {
  background-color: #fff;
  color: #000;
}

.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) {
  font-weight: 600;
}

.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li.last > a:not(.btn) {
  color: #000;
}

/* Primary Tabs Fixed */
.tabs.primary li > a, #block-jango-sub-local-tasks li > a {
  background: #f7f7f7;
  padding: 12px 13px;
  color: #6d6d6d;
  display: block;
}
.tabs.primary li, #block-jango-sub-local-tasks li {
  display: inline-block;
  border: 1px solid #ddd;
  margin-top: 10px;
}
.tabs.primary a:hover, #block-jango-sub-local-tasks a:hover {
  text-decoration: none;
}

/* Breadcrumbs */
.c-layout-breadcrumbs-1.c-font-black h3 {
  font-weight: 600 !important;
}

.c-layout-breadcrumbs-1.c-font-white h3 {
  font-weight: 600 !important;
}

.c-layout-breadcrumbs-1.c-font-black h4,
.c-layout-breadcrumbs-1.c-font-white h4 {
  font-weight: 300;
}

.c-layout-breadcrumbs-1.c-font-white h4 {
  opacity: 0.7;
}

.c-layout-breadcrumbs-1.c-font-black h4,
.c-layout-breadcrumbs-1.c-font-black .c-page-breadcrumbs li,
.c-layout-breadcrumbs-1.c-font-black .c-page-breadcrumbs li a {
  color: #2f353b;
}

.c-layout-breadcrumbs-1.c-font-white h3,
.c-layout-breadcrumbs-1.c-font-white h4,
.c-layout-breadcrumbs-1.c-font-white .c-page-breadcrumbs li,
.c-layout-breadcrumbs-1.c-font-white .c-page-breadcrumbs li a {
  color: #fff;
}

.no-overlay .c-breadcrumbs-wrapper {
  background: none !important;
}

/* Webform */
fieldset > legend {
 
}

.webform-container-inline div,
.webform-container-inline div.form-item {
  display: inline;
}

#edit-wrapper-right.webform-container-inline div.fieldset-wrapper {
  display: block;
}

.fieldset-wrapper > label {
  display: inline;
  margin-right: 1em;
}

.node-webform > h2,
input[value="<none>"] {
  display: none;
}

.input-group .fieldset-wrapper {
  position: relative;
  display: table;
  border-collapse: separate;
}

.fieldset-wrapper .form-group.form-item-question-clean,
.fieldset-wrapper .form-group.js-form-type-email {
  display: table-cell;
}

.input-group .fieldset-wrapper > div {
  margin: 0 !important;
}

.input-group .fieldset-wrapper .webform-component:first-child {
  display: table-cell;
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
}

.c-content-subscribe-form-1 .form-group > .form-control {
  color: #6f7b89;
  font-size: 17px;
  font-weight: 300;
  border-radius: 0;
  box-shadow: none;
  border-color: #41464c;
  background: transparent;
  padding: 8px 16px;
}

.input-group-lg .form-control,
.input-group-lg .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.input-group-lg .form-control {
  font-size: 14px;
}

fieldset#edit-wrapper-right {
  width: 50%;
}

fieldset#edit-wrapper-left {
  float: left;
  width: 50%;
}

.input-group .fieldset-wrapper .webform-component-display {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.c-layout-footer-7 .c-head .c-left .socicon .socicon-btn {
  border: none;
}

.c-layout-footer.c-layout-footer-4 .c-footer .c-feedback form .form-control {
  height: 34px;
}

.intl-tel-input.allow-dropdown {
  width: 100%;
}

.intl-tel-input.allow-dropdown input[type=tel] {
  border: 1px solid #d0d7de;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  width: 100%;
}

.intl-tel-input.allow-dropdown input[type=tel]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
.intl-tel-input.allow-dropdown input[type=tel]::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
.intl-tel-input.allow-dropdown input[type=tel]:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
.intl-tel-input.allow-dropdown input[type=tel]:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .intl-tel-input.allow-dropdown input[type="tel"] {
  background: transparent;
  border: 1px solid #474f59;
  border-top: none;
  height: 48px;
  color: #7c8895;
  font-size: 17px;
  border-radius: 0;
  box-shadow: none;
  padding: 8px 16px 8px 50px;
}

.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .intl-tel-input.allow-dropdown input[type=tel]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6F7B89;
}
.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .intl-tel-input.allow-dropdown input[type=tel]::-moz-placeholder { /* Firefox 19+ */
  color: #6F7B89;
}
.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .intl-tel-input.allow-dropdown input[type=tel]:-ms-input-placeholder { /* IE 10+ */
  color: #6F7B89;
}
.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .intl-tel-input.allow-dropdown input[type=tel]:-moz-placeholder { /* Firefox 18- */
  color: #6F7B89;
}

.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group .form-control:last-child {
  border-top-color: #474f59;
}

.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group #edit-subject-clean.form-control {
  border-top: none;
}

#footer .c-theme.form-control:active,
#footer .c-theme.form-control:focus {
  border-color: #474f59 !important;
}

.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap,
.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group,
.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-group {
  margin: 0;
}

.c-works-small .c-works {
  padding: 0;
  overflow: auto;
  margin: 0;
}

.c-works-small .c-works > li {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0 0 5px 0;
}

.c-works-small .c-works > li.c-first {
  margin-right: 5px;
}

.c-works-small .c-works > li.c-last {
  margin-left: 5px;
}

.c-works-small .c-works > li img {
  opacity: 0.8;
  filter: alphaopacity=80;
  margin: 0;
  width: 74px;
}

.c-works-small .c-works > li img:hover {
  opacity: 1;
  filter: alphaopacity=100;
}

/* Product compare */
.c-shop-product-compare .c-compare-item > a > img {
  margin: 0 auto;
}

/* Wish List */
.c-shop-wishlist-1 .add-cart-flag .field-content + .field-content {
  margin-left: 8px;
}

/* Node Project */
.node-nd-project .field-name-field-categories {
  display: inline-block;
}

/* Blogs view */
.c-content-ver-nav .c-menu li a {
  font-weight: 400;
}

/* Tabs */
.not-bordered {
  padding: 0 !important;
}

.c-font-sbold li a {
  font-weight: 300;
}

/* Search block form */
.input-group {
  display: table !important;
}

.c-navbar-wrapper #search-block-form .input-group {
  display: block !important;
}

.c-layout-header .c-quick-search > span {
  z-index: 100;
}

.input-group .form-item-search-block-form {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table-cell;
  margin-top: 0;
}

.input-group .form-actions {
  width: 1%;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}

.input-group .form-actions input {
  margin-top: 0;
}

.form-item-search-block-form .form-control,
.js-form-type-search .form-control {
  height: 34px;
}

/* Comments */
.comment-control {
  float: right;
}

.comment-control ul li {
  display: inline-block;
  list-style: none;
}

.comment-control li a {
  color: #ffffff;
  background-color: #32c5d2;
  border-color: #32c5d2;
  border-radius: 3px;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-left: 14px;
  padding: 1px 8px 1px 8px;
  outline: none;
  text-transform: lowercase;
}

.indented {
  margin-left: 50px;
}

.c-content-blog-post-1 .c-comments .c-comment-list .media-heading span > a {
  text-transform: uppercase;
}

/* Isotope */
.c-content-isotope-gallery.c-opt-4.cols-5 .c-content-isotope-item {
  width: 20%;
}

.c-content-isotope-gallery.c-opt-4.cols-5 .c-content-isotope-item.c-item-size-double {
  width: 40%;
}

.c-content-isotope-gallery.c-opt-4.cols-4 .c-content-isotope-item {
  width: 25%;
}

.c-content-isotope-gallery.c-opt-4.cols-4 .c-content-isotope-item.c-item-size-double {
  width: 50%;
}

.c-content-isotope-gallery.c-opt-4.cols-3 .c-content-isotope-item {
  width: 33.333%;
}

.c-content-isotope-gallery.c-opt-4.cols-3 .c-content-isotope-item.c-item-size-double {
  width: 66.666%;
}

.c-content-isotope-gallery.c-opt-4.cols-2 .c-content-isotope-item {
  width: 50%;
}

/* Conflict Component - Testimonials
.c-content-testimonials-1 .owl-carousel:not(.c-theme) .owl-controls .owl-pagination .owl-page.active span {
    background: #32c5d2;
}*/

/* Owl carousel */
.owl-wrapper {
  overflow: hidden;
}

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

/* Component Parallax */
.c-right.c-feature-content .c-content-title-1 {
  float: none;
  margin: 0;
}

/* Component Latest Items */
.c-testimonial h4 span {
  font-size: 19px !important;
  text-transform: initial;
  font-weight: 300;
  line-height: 24px;
  color: #5c6873;
}

/* Component Pricing Table 2 */
.c-content-pricing-1 .c-bg-green .pricing-text,
.c-content-pricing-1 .c-bg-red .pricing-text {
  color: #fff;
}

/* Component Testimonial */
.c-content-testimonial-2 .c-author {
  min-height: 70px;
}

.c-content-testimonial-2 {
  padding-bottom: 20px;
}

/* Home V2 Slider */
.md-object .home-v2-title {
  padding: 41px 11px;
  font-size: 25px;
  line-height: 33px;
}

/* Home V4 Slider */
.md-object .c-font-44 {
  font-size: 44px;
  border: none;
  line-height: 44px;
  margin-left: 0;
  padding: 0;
}

.md-object .c-font-21 {
  font-size: 21px;
  line-height: 28px;
  font-weight: 300;
}

.font-60-brd-02 .c-font-60 {
  font-size: 60px;
  padding: 40px 50px 40px 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  letter-spacing: 1px;
  line-height: 76px;
}

/* Mega Slider Home V1 */
.c-layout-revo-slider-4 .c-main-title-circle {
  margin-top: -200px;
}

.c-layout-revo-slider-4 .c-main-title-square {
  margin-top: -150px;
  padding: 300px 250px;
}

/* Meet the team slider */
.view-nd-team-carousel .owl-controls {
  margin-top: 30px;
}

/* Icons */
.nd-icon-square {
  display: inline-block;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
}

.nd-bg-dark {
  background: #11111c;
  color: #555555;
}

.nd-bg-grey {
  background: #2b3036;
  color: #64707e;
}

.nd-bg-dark:hover,
.nd-bg-grey:hover {
  background: #202328;
  color: #6f7d8c;
}

.c-page-on-scroll .c-layout-header .c-cart-toggler-wrapper .c-btn-icon.c-cart-toggler {
  margin-bottom: 0 !important;
}

article .label {
  color: #5c6873;
  font-size: 17px;
  font-weight: 600;
  padding: 0;
}

article .label + .data {
  display: inline-block;
}

.center {
  text-align: center;
}

.pager {
  margin: 20px 5px;
  text-align: left;
}

@media only screen and (max-width: 1200px) {
  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-10 {
    margin-top: 10px
  }

  .mt-lg-20 {
    margin-top: 20px
  }

  .mt-lg-30 {
    margin-top: 30px
  }

  .mt-lg-40 {
    margin-top: 40px
  }

  .mt-lg-50 {
    margin-top: 50px
  }

  .mt-lg-60 {
    margin-top: 60px
  }

  .mt-lg-70 {
    margin-top: 70px
  }

  .mt-lg-80 {
    margin-top: 80px
  }

  .mt-lg-90 {
    margin-top: 90px
  }

  .mt-lg-100 {
    margin-top: 100px
  }

  .mt-lg-110 {
    margin-top: 110px
  }

  .mt-lg-120 {
    margin-top: 120px
  }

  .mt-lg-130 {
    margin-top: 130px
  }

  .mt-lg-140 {
    margin-top: 140px
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-10 {
    margin-bottom: 10px
  }

  .mb-lg-20 {
    margin-bottom: 20px
  }

  .mb-lg-30 {
    margin-bottom: 30px
  }

  .mb-lg-40 {
    margin-bottom: 40px
  }

  .mb-lg-50 {
    margin-bottom: 50px
  }

  .mb-lg-60 {
    margin-bottom: 60px
  }

  .mb-lg-70 {
    margin-bottom: 70px
  }

  .mb-lg-80 {
    margin-bottom: 80px
  }

  .mb-lg-90 {
    margin-bottom: 90px
  }

  .mb-lg-100 {
    margin-bottom: 100px
  }

  .mb-lg-110 {
    margin-bottom: 110px
  }

  .mb-lg-120 {
    margin-bottom: 120px
  }

  .mb-lg-130 {
    margin-bottom: 130px
  }

  .mb-lg-140 {
    margin-bottom: 140px
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-10 {
    padding-top: 10px
  }

  .pt-lg-20 {
    padding-top: 20px
  }

  .pt-lg-30 {
    padding-top: 30px
  }

  .pt-lg-40 {
    padding-top: 40px
  }

  .pt-lg-50 {
    padding-top: 50px
  }

  .pt-lg-60 {
    padding-top: 60px
  }

  .pt-lg-70 {
    padding-top: 70px
  }

  .pt-lg-80 {
    padding-top: 80px
  }

  .pt-lg-90 {
    padding-top: 90px
  }

  .pt-lg-100 {
    padding-top: 100px
  }

  .pt-lg-110 {
    padding-top: 110px
  }

  .pt-lg-120 {
    padding-top: 120px
  }

  .pt-lg-130 {
    padding-top: 130px
  }

  .pt-lg-140 {
    padding-top: 140px
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-10 {
    padding-bottom: 10px
  }

  .pb-lg-20 {
    padding-bottom: 20px
  }

  .pb-lg-30 {
    padding-bottom: 30px
  }

  .pb-lg-40 {
    padding-bottom: 40px
  }

  .pb-lg-50 {
    padding-bottom: 50px
  }

  .pb-lg-60 {
    padding-bottom: 60px
  }

  .pb-lg-70 {
    padding-bottom: 70px
  }

  .pb-lg-80 {
    padding-bottom: 80px
  }

  .pb-lg-90 {
    padding-bottom: 90px
  }

  .pb-lg-100 {
    padding-bottom: 100px
  }

  .pb-lg-110 {
    padding-bottom: 110px
  }

  .pb-lg-120 {
    padding-bottom: 120px
  }

  .pb-lg-130 {
    padding-bottom: 130px
  }

  .pb-lg-140 {
    padding-bottom: 140px
  }
}

@media only screen and (max-width: 1024px) {
  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-10 {
    margin-top: 10px
  }

  .mt-md-20 {
    margin-top: 20px
  }

  .mt-md-30 {
    margin-top: 30px
  }

  .mt-md-40 {
    margin-top: 40px
  }

  .mt-md-50 {
    margin-top: 50px
  }

  .mt-md-60 {
    margin-top: 60px
  }

  .mt-md-70 {
    margin-top: 70px
  }

  .mt-md-80 {
    margin-top: 80px
  }

  .mt-md-90 {
    margin-top: 90px
  }

  .mt-md-100 {
    margin-top: 100px
  }

  .mt-md-110 {
    margin-top: 110px
  }

  .mt-md-120 {
    margin-top: 120px
  }

  .mt-md-130 {
    margin-top: 130px
  }

  .mt-md-140 {
    margin-top: 140px
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-10 {
    margin-bottom: 10px
  }

  .mb-md-20 {
    margin-bottom: 20px
  }

  .mb-md-30 {
    margin-bottom: 30px
  }

  .mb-md-40 {
    margin-bottom: 40px
  }

  .mb-md-50 {
    margin-bottom: 50px
  }

  .mb-md-60 {
    margin-bottom: 60px
  }

  .mb-md-70 {
    margin-bottom: 70px
  }

  .mb-md-80 {
    margin-bottom: 80px
  }

  .mb-md-90 {
    margin-bottom: 90px
  }

  .mb-md-100 {
    margin-bottom: 100px
  }

  .mb-md-110 {
    margin-bottom: 110px
  }

  .mb-md-120 {
    margin-bottom: 120px
  }

  .mb-md-130 {
    margin-bottom: 130px
  }

  .mb-md-140 {
    margin-bottom: 140px
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-10 {
    padding-top: 10px
  }

  .pt-md-20 {
    padding-top: 20px
  }

  .pt-md-30 {
    padding-top: 30px
  }

  .pt-md-40 {
    padding-top: 40px
  }

  .pt-md-50 {
    padding-top: 50px
  }

  .pt-md-60 {
    padding-top: 60px
  }

  .pt-md-70 {
    padding-top: 70px
  }

  .pt-md-80 {
    padding-top: 80px
  }

  .pt-md-90 {
    padding-top: 90px
  }

  .pt-md-100 {
    padding-top: 100px
  }

  .pt-md-110 {
    padding-top: 110px
  }

  .pt-md-120 {
    padding-top: 120px
  }

  .pt-md-130 {
    padding-top: 130px
  }

  .pt-md-140 {
    padding-top: 140px
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-10 {
    padding-bottom: 10px
  }

  .pb-md-20 {
    padding-bottom: 20px
  }

  .pb-md-30 {
    padding-bottom: 30px
  }

  .pb-md-40 {
    padding-bottom: 40px
  }

  .pb-md-50 {
    padding-bottom: 50px
  }

  .pb-md-60 {
    padding-bottom: 60px
  }

  .pb-md-70 {
    padding-bottom: 70px
  }

  .pb-md-80 {
    padding-bottom: 80px
  }

  .pb-md-90 {
    padding-bottom: 90px
  }

  .pb-md-100 {
    padding-bottom: 100px
  }

  .pb-md-110 {
    padding-bottom: 110px
  }

  .pb-md-120 {
    padding-bottom: 120px
  }

  .pb-md-130 {
    padding-bottom: 130px
  }

  .pb-md-140 {
    padding-bottom: 140px
  }
}

@media only screen and (max-width: 768px) {
  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-10 {
    margin-top: 10px
  }

  .mt-sm-20 {
    margin-top: 20px
  }

  .mt-sm-30 {
    margin-top: 30px
  }

  .mt-sm-40 {
    margin-top: 40px
  }

  .mt-sm-50 {
    margin-top: 50px
  }

  .mt-sm-60 {
    margin-top: 60px
  }

  .mt-sm-70 {
    margin-top: 70px
  }

  .mt-sm-80 {
    margin-top: 80px
  }

  .mt-sm-90 {
    margin-top: 90px
  }

  .mt-sm-100 {
    margin-top: 100px
  }

  .mt-sm-110 {
    margin-top: 110px
  }

  .mt-sm-120 {
    margin-top: 120px
  }

  .mt-sm-130 {
    margin-top: 130px
  }

  .mt-sm-140 {
    margin-top: 140px
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-10 {
    margin-bottom: 10px
  }

  .mb-sm-20 {
    margin-bottom: 20px
  }

  .mb-sm-30 {
    margin-bottom: 30px
  }

  .mb-sm-40 {
    margin-bottom: 40px
  }

  .mb-sm-50 {
    margin-bottom: 50px
  }

  .mb-sm-60 {
    margin-bottom: 60px
  }

  .mb-sm-70 {
    margin-bottom: 70px
  }

  .mb-sm-80 {
    margin-bottom: 80px
  }

  .mb-sm-90 {
    margin-bottom: 90px
  }

  .mb-sm-100 {
    margin-bottom: 100px
  }

  .mb-sm-110 {
    margin-bottom: 110px
  }

  .mb-sm-120 {
    margin-bottom: 120px
  }

  .mb-sm-130 {
    margin-bottom: 130px
  }

  .mb-sm-140 {
    margin-bottom: 140px
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-10 {
    padding-top: 10px
  }

  .pt-sm-20 {
    padding-top: 20px
  }

  .pt-sm-30 {
    padding-top: 30px
  }

  .pt-sm-40 {
    padding-top: 40px
  }

  .pt-sm-50 {
    padding-top: 50px
  }

  .pt-sm-60 {
    padding-top: 60px
  }

  .pt-sm-70 {
    padding-top: 70px
  }

  .pt-sm-80 {
    padding-top: 80px
  }

  .pt-sm-90 {
    padding-top: 90px
  }

  .pt-sm-100 {
    padding-top: 100px
  }

  .pt-sm-110 {
    padding-top: 110px
  }

  .pt-sm-120 {
    padding-top: 120px
  }

  .pt-sm-130 {
    padding-top: 130px
  }

  .pt-sm-140 {
    padding-top: 140px
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-10 {
    padding-bottom: 10px
  }

  .pb-sm-20 {
    padding-bottom: 20px
  }

  .pb-sm-30 {
    padding-bottom: 30px
  }

  .pb-sm-40 {
    padding-bottom: 40px
  }

  .pb-sm-50 {
    padding-bottom: 50px
  }

  .pb-sm-60 {
    padding-bottom: 60px
  }

  .pb-sm-70 {
    padding-bottom: 70px
  }

  .pb-sm-80 {
    padding-bottom: 80px
  }

  .pb-sm-90 {
    padding-bottom: 90px
  }

  .pb-sm-100 {
    padding-bottom: 100px
  }

  .pb-sm-110 {
    padding-bottom: 110px
  }

  .pb-sm-120 {
    padding-bottom: 120px
  }

  .pb-sm-130 {
    padding-bottom: 130px
  }

  .pb-sm-140 {
    padding-bottom: 140px
  }
}

@media only screen and (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0 !important
  }

  .mt-xs-10 {
    margin-top: 10px
  }

  .mt-xs-20 {
    margin-top: 20px
  }

  .mt-xs-30 {
    margin-top: 30px
  }

  .mt-xs-40 {
    margin-top: 40px
  }

  .mt-xs-50 {
    margin-top: 50px
  }

  .mt-xs-60 {
    margin-top: 60px
  }

  .mt-xs-70 {
    margin-top: 70px
  }

  .mt-xs-80 {
    margin-top: 80px
  }

  .mt-xs-90 {
    margin-top: 90px
  }

  .mt-xs-100 {
    margin-top: 100px
  }

  .mt-xs-110 {
    margin-top: 110px
  }

  .mt-xs-120 {
    margin-top: 120px
  }

  .mt-xs-130 {
    margin-top: 130px
  }

  .mt-xs-140 {
    margin-top: 140px
  }

  .mb-xs-0 {
    margin-bottom: 0 !important
  }

  .mb-xs-10 {
    margin-bottom: 10px
  }

  .mb-xs-20 {
    margin-bottom: 20px
  }

  .mb-xs-30 {
    margin-bottom: 30px
  }

  .mb-xs-40 {
    margin-bottom: 40px
  }

  .mb-xs-50 {
    margin-bottom: 50px
  }

  .mb-xs-60 {
    margin-bottom: 60px
  }

  .mb-xs-70 {
    margin-bottom: 70px
  }

  .mb-xs-80 {
    margin-bottom: 80px
  }

  .mb-xs-90 {
    margin-bottom: 90px
  }

  .mb-xs-100 {
    margin-bottom: 100px
  }

  .mb-xs-110 {
    margin-bottom: 110px
  }

  .mb-xs-120 {
    margin-bottom: 120px
  }

  .mb-xs-130 {
    margin-bottom: 130px
  }

  .mb-xs-140 {
    margin-bottom: 140px
  }

  .pt-xs-0 {
    padding-top: 0 !important
  }

  .pt-xs-10 {
    padding-top: 10px
  }

  .pt-xs-20 {
    padding-top: 20px
  }

  .pt-xs-30 {
    padding-top: 30px
  }

  .pt-xs-40 {
    padding-top: 40px
  }

  .pt-xs-50 {
    padding-top: 50px
  }

  .pt-xs-60 {
    padding-top: 60px
  }

  .pt-xs-70 {
    padding-top: 70px
  }

  .pt-xs-80 {
    padding-top: 80px
  }

  .pt-xs-90 {
    padding-top: 90px
  }

  .pt-xs-100 {
    padding-top: 100px
  }

  .pt-xs-110 {
    padding-top: 110px
  }

  .pt-xs-120 {
    padding-top: 120px
  }

  .pt-xs-130 {
    padding-top: 130px
  }

  .pt-xs-140 {
    padding-top: 140px
  }

  .pb-xs-0 {
    padding-bottom: 0 !important
  }

  .pb-xs-10 {
    padding-bottom: 10px
  }

  .pb-xs-20 {
    padding-bottom: 20px
  }

  .pb-xs-30 {
    padding-bottom: 30px
  }

  .pb-xs-40 {
    padding-bottom: 40px
  }

  .pb-xs-50 {
    padding-bottom: 50px
  }

  .pb-xs-60 {
    padding-bottom: 60px
  }

  .pb-xs-70 {
    padding-bottom: 70px
  }

  .pb-xs-80 {
    padding-bottom: 80px
  }

  .pb-xs-90 {
    padding-bottom: 90px
  }

  .pb-xs-100 {
    padding-bottom: 100px
  }

  .pb-xs-110 {
    padding-bottom: 110px
  }

  .pb-xs-120 {
    padding-bottom: 120px
  }

  .pb-xs-130 {
    padding-bottom: 130px
  }

  .pb-xs-140 {
    padding-bottom: 140px
  }
}

@media only screen and (max-width: 480px) {
  .mt-xxs-0 {
    margin-top: 0 !important
  }

  .mt-xxs-10 {
    margin-top: 10px
  }

  .mt-xxs-20 {
    margin-top: 20px
  }

  .mt-xxs-30 {
    margin-top: 30px
  }

  .mt-xxs-40 {
    margin-top: 40px
  }

  .mt-xxs-50 {
    margin-top: 50px
  }

  .mt-xxs-60 {
    margin-top: 60px
  }

  .mt-xxs-70 {
    margin-top: 70px
  }

  .mt-xxs-80 {
    margin-top: 80px
  }

  .mt-xxs-90 {
    margin-top: 90px
  }

  .mt-xxs-100 {
    margin-top: 100px
  }

  .mt-xxs-110 {
    margin-top: 110px
  }

  .mt-xxs-120 {
    margin-top: 120px
  }

  .mt-xxs-130 {
    margin-top: 130px
  }

  .mt-xxs-140 {
    margin-top: 140px
  }

  .mb-xxs-0 {
    margin-bottom: 0 !important
  }

  .mb-xxs-10 {
    margin-bottom: 10px
  }

  .mb-xxs-20 {
    margin-bottom: 20px
  }

  .mb-xxs-30 {
    margin-bottom: 30px
  }

  .mb-xxs-40 {
    margin-bottom: 40px
  }

  .mb-xxs-50 {
    margin-bottom: 50px
  }

  .mb-xxs-60 {
    margin-bottom: 60px
  }

  .mb-xxs-70 {
    margin-bottom: 70px
  }

  .mb-xxs-80 {
    margin-bottom: 80px
  }

  .mb-xxs-90 {
    margin-bottom: 90px
  }

  .mb-xxs-100 {
    margin-bottom: 100px
  }

  .mb-xxs-110 {
    margin-bottom: 110px
  }

  .mb-xxs-120 {
    margin-bottom: 120px
  }

  .mb-xxs-130 {
    margin-bottom: 130px
  }

  .mb-xxs-140 {
    margin-bottom: 140px
  }

  .pt-xxs-0 {
    padding-top: 0 !important
  }

  .pt-xxs-10 {
    padding-top: 10px
  }

  .pt-xxs-20 {
    padding-top: 20px
  }

  .pt-xxs-30 {
    padding-top: 30px
  }

  .pt-xxs-40 {
    padding-top: 40px
  }

  .pt-xxs-50 {
    padding-top: 50px
  }

  .pt-xxs-60 {
    padding-top: 60px
  }

  .pt-xxs-70 {
    padding-top: 70px
  }

  .pt-xxs-80 {
    padding-top: 80px
  }

  .pt-xxs-90 {
    padding-top: 90px
  }

  .pt-xxs-100 {
    padding-top: 100px
  }

  .pt-xxs-110 {
    padding-top: 110px
  }

  .pt-xxs-120 {
    padding-top: 120px
  }

  .pt-xxs-130 {
    padding-top: 130px
  }

  .pt-xxs-140 {
    padding-top: 140px
  }

  .pb-xxs-0 {
    padding-bottom: 0 !important
  }

  .pb-xxs-10 {
    padding-bottom: 10px
  }

  .pb-xxs-20 {
    padding-bottom: 20px
  }

  .pb-xxs-30 {
    padding-bottom: 30px
  }

  .pb-xxs-40 {
    padding-bottom: 40px
  }

  .pb-xxs-50 {
    padding-bottom: 50px
  }

  .pb-xxs-60 {
    padding-bottom: 60px
  }

  .pb-xxs-70 {
    padding-bottom: 70px
  }

  .pb-xxs-80 {
    padding-bottom: 80px
  }

  .pb-xxs-90 {
    padding-bottom: 90px
  }

  .pb-xxs-100 {
    padding-bottom: 100px
  }

  .pb-xxs-110 {
    padding-bottom: 110px
  }

  .pb-xxs-120 {
    padding-bottom: 120px
  }

  .pb-xxs-130 {
    padding-bottom: 130px
  }

  .pb-xxs-140 {
    padding-bottom: 140px
  }
}


.toolbar-oriented .toolbar-bar {
    z-index: 999999;
}

.c-content-feature-4 .c-content-area {
    display: none;
}

.c-progress-bar .c-progress-bar-line svg { transform: translateX(0); }
.c-safari-only { transform:translateX(-50px) !important; }


.icon-font{
  font-size: 60px;
  height: 60px;
}

.f-white p{
  color: #fff;
}
.f-grey p{
  color: #ccc;
}
.f-black p{
  color: #000;
}

@media only screen and (max-width: 1024px) {
  .c-bg-parallax {
    background-attachment: scroll !important;
    background-size: initial;
    background-position: top center; } }

@media only screen and (max-width: 991px) {
  .c-bg-parallax {
    background-position: center center;
    background-size: cover; } }


/* Fancy Box Fix */
.fancybox-opened{
  opacity: 1 !important;
  z-index: 99999;
}

.c-tags.c-theme-ul-bg a{
  color: #fff
}

.c-navbar .search-block-form .form-actions{
	display: none;}

@media(max-width: 991px){
  .container-fluid .col-md-12 .row{
    margin-left: 0;
    margin-right: 0;
  }
}

.image-align{
  width: 100%;
  display: inline-block;
}
.image-align img{
  display: inline-block;
}
.text-align-center{
  text-align: center;
}
.text-align-right{
  text-align: right;
}
.text-align-justify{
  text-align: justify;
}

.ilightbox-holder,
.ilightbox-thumbnail{
  opacity: 1 !important;
}
.ilightbox-caption{
  display: block !important;
}

@media (max-width: 991px) {
  .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-cart-toggler-wrapper {
    display: block !important;
  }
  .c-mega-menu-dark li.c-cart-toggler-wrapper a{
    color: #fff;
  }
}

.md-arrow {
  opacity: 1 !important;
}

.field--label-inline > .field__label{
  float: left;
}

@media (max-width: 1200px) {
  .c-layout-header .container-fluid {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
}

.cbp-l-project-details-list li div {
  display: inline-block;
}

#toolbar-administration{
  margin-top: -20px;
}
#toolbar-bar{
  top: -20px;
}
#toolbar-administration:hover{
  margin-top: 0;
}
#toolbar-bar:hover{
  top: 0px;
}


@media (max-width: 991px) {
  .c-layout-header .c-brand {
    margin-bottom: 0;
  }
}


.c-content-tab-2 > .nav > li > a  .c-title {
    display: block;
    margin: 20px 0;
    color: #525e64;
}

.field--name-field-new-label{
  background-color: #32c5d2 !important;
  right: 0;
}
.field--name-field-sale-label{
  background-color: #eb5d68 !important;
}
.field--name-field-new-label,
.field--name-field-sale-label{
  color: #FFFFFF !important;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600 !important;
  top: 0;
  padding: 5px 15px;
  display: inline-block;
  position: absolute;
  z-index: 9;
}
.field--name-field-new-label:empty,
.field--name-field-sale-label:empty{
  display: none;
}

ul.c-content-pagination li.pager__item--first a,
ul.c-content-pagination li.pager__item--previous a,
ul.c-content-pagination li.pager__item--next a,
ul.c-content-pagination li.pager__item--last a{
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.c-content-app-1 > .c-diagram > .c-phone-img{
  background-size: contain;
}


/* eigen css */

 .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) { color: #3a3f45; background: #473bf0;}
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn)  { color: #3a3f45; background: #473bf0;}
 .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu {background: rgba(71,59,240,0.8); box-shadow: none; border: 0;}
.c-layout-header .c-topbar-light.c-solid-bg {background: #f2f2f2;}
.c-layout-header .c-topbar .c-top-menu > .c-links > li.c-divider {position: relative; font-size: 13px; top: -1px; display: none;}
.c-topbar .c-top-menu > .c-links a {color: #797979 !important; background: #dbdbdb; padding-top: 30px; padding-left:20px; padding-right: 20px; padding-bottom: 14px;}
.c-topbar .c-top-menu > .c-links a:hover {color: white !important; background: #473bf0; padding-top: 30px; padding-left:20px; padding-right: 20px; padding-bottom: 14px;}
.c-layout-header .c-topbar .c-top-menu > .c-links > li {padding: 0 0px 0px 0px;}
.slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -250px; float: left; padding: 100px; transform: skewY(15deg);}
.slogan-home h2 {color: white;font-size: 45px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
.slogan-contact {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -153px; float: left; padding: 85px; transform: skewY(15deg);}
.slogan-contact h2 {color: white;font-size: 42px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
.tekst-home-over-ons {padding-left: 50px; font-size: 20px; line-height: 45px;}
.div-activiteiten-home {padding-left: 100px; padding-right: 100px; padding-bottom: 200px;}

.titel-activiteit-home a {
color: white;
  background: rgba(71,59,240,0.8);
  text-align: center;
  padding: 50px;
  margin-left: 20px;
  float: left;
  z-index: 200;
  margin-top: -52px;
  position: relative;
  font-size: 30px;
}
.titel-activiteit-home a:hover {
color: white;
  background: rgba(199,211,0,0.8);
  text-align: center;
  padding: 50px;
  margin-left: 20px;
  float: left;
  z-index: 200;
  margin-top: -52px;
  position: relative;
  font-size: 30px;
}

.knop-wie-home {margin-left: 50px;}
.kolom-home-wie .c-btn-uppercase.btn {font-size: 23px; padding: 16px 20px 14px 20px;}
.c-bg-dark-2 {background-color: #473bf0 !important;}
.c-copyright a {color: white;}
.c-prefooter .title-wrap {color: #473bf0; font-size: 35px;}
.c-prefooter .c-links a {background: #473bf0; color: white; padding: 10px; line-height: 45px;}
.c-prefooter .c-links a:hover {background: #c7d300; color: white !important; padding: 10px; line-height: 45px;}
.c-prefooter .c-address a {background: #473bf0; color: white !important; padding: 10px; line-height: 45px;}
.c-prefooter .c-address a:hover {background: #c7d300; color: white !important; padding: 10px; line-height: 45px;}
.c-address .c-theme-color {color: white !important;}
.c-prefooter .c-theme-ul > li:hover > a:not(.btn) {color: white !important;}
.c-content-title-1 > h3.c-font-uppercase {font-size: 45px; color: #473bf0; font-weight: 400 !important;}
.c-content-bar-4 > h3 {display: inline-block; color: #ffffff; font-weight: 500; font-size: 55px; line-height: 50px; margin: 100px auto 40px auto; padding: 40px; border: 5px solid rgba(71, 59, 240, 0.6);}
.banner-bouwplannen .c-btn-uppercase.btn-lg {font-size: 20px;  background: rgba(71,59,240,0.7) !important; border:none; padding: 20px 20px 20px 20px !important;}
.banner-bouwplannen .c-btn-border-1x.c-btn-white:hover {color: #c7d300;}
.c-content-title-1 > .c-line-center {width: 68px; height: 7px; background-color: #32c5d2; margin: 0 auto 30px auto;}
.subtekst-nieuws {font-size: 25px;}
.nieuws-home .views-field-title a {
  text-transform: uppercase;
  font-size: 22px;
  background: rgba(71, 59, 240, 0.8);
  position: relative;
  margin-top: -40px;
  padding: 20px;
z-index: 200;
	color:white;
}
.nieuws-home .views-field-title {margin-top: -26px;}
.nieuws-home .field-content {margin-top:40px;}
.col-md-12 {margin-top: 30px;}
.col-md-12 .views-field-title a {
  text-transform: uppercase;
  font-size: 19px;
  background: rgba(71, 59, 240, 0.8);
  position: relative;
  margin-top: -40px;
  padding: 20px;
z-index: 200;
	color:white;
	line-height: 66px;
}
.col-md-12 .views-field-title a:hover {
  text-transform: uppercase;
  font-size: 19px;
  background: rgba(199, 211, 0, 0.8) !important;
  position: relative;
  margin-top: -40px;
  padding: 20px;
z-index: 200;
	color:white;
	line-height: 66px;
}

.col-md-12 .views-field-title {margin-top: -40px;}
.div-contact-gebouwen {padding-left:300px; padding-right:300px; margin-top: 100px;}
.tekst-contactgegevens {margin-top: 30px; font-size: 20px; margin-left: 60px;}
.tekst-contactgegevens h2 {color: #473bf0; font-size: 31px; margin: 10px 0;}
.tekst-contactgegevens a {background: rgb(71, 59, 240); color: white; padding: 16px; line-height: 70px;}
.tekst-contactgegevens a:hover {background: rgb(199, 211, 0); color: white; padding: 16px; line-height: 70px;}
.hoofdtitel {
  background: rgba(71,59,240,0.8);
  color: white;
  z-index: 100 !important;
  margin-top: -175px;
  float: left;
  padding: 100px;
  font-size: 48px;
  position: relative;
margin-left: -65px;
	transform: skewY(15DEG)}
.hoofdtitel h2 {font-size: 48px; color: white; transform: skewY(-15DEG); font-weight:100;}
.tekst-rubriek {margin-top: 50px; font-size: 19px;}
.div-realisaties {padding-left:100px; padding-right:100px;}
.slogan-opsomming { font-size: 50px; color: white; font-weight: 400; line-height: 60px;}
.slogan-opsomming h2 { color: #c7d300; font-size: 37px; font-weight: 400;}
.opsomming {color: white; background: rgba(71,59,240,0.8); width: 351px; padding: 33px; font-size: 22px; line-height: 44px;}
.slogan-opsomming a {color: white; font-size: 29px; background: rgba(199,211,0,0.8); padding: 21px; line-height: 96px;}
.slogan-opsomming a:hover {color: white; font-size: 29px; background: rgba(71,59,240,0.8); padding: 21px; line-height: 96px;}
.ds-2col-stacked > .group-right {float: right; width: 50%; padding: 50px;}
.field--name-node-title h2 {color: #473bf0; font-size: 40px; margin: 10px 0; text-transform: uppercase;}
.field__label {text-transform: uppercase; color: #c7d300; font-weight: 600; font-size: 20px; margin-top: 20px;}
.node--type-industriebouw .group-right {font-size:25px;}
.node--type-agrobouw .group-right {font-size:20px;}
.slogan-jobs {font-size: 40px; color: white; background: #473bf0; float: left; padding: 40px; margin-left: -28px;}
.tekst-jobs {float: left; padding-left: 30px; padding-top: 30px;}
.tekst-jobs h2 {color: #473bf0; text-transform: uppercase; font-size: 35px;}
.tekst-jobs a {font-size: 20px; padding: 20px; line-height: 35px; background: #473bf0; color: white; font-weight: 500;}
.tekst-jobs a:hover {font-size: 20px; padding: 20px; line-height: 35px; background: #c7d300; color: white; font-weight: 500;}
.tekst-jobs h1 {color: #473bf0; font-size: 28px; margin: 10px 0;}
.pagina-overzicht-nieuws {padding-left: 200px; padding-right: 200px;}
.views-view-responsive-grid__item-inner {background: #6a6a6a12; padding: 35px; border: white solid 10px;}
.pagina-overzicht-nieuws .views-view-responsive-grid__item-inner {height: 600px;}
.div-grid-vacatures {padding-left: 150px; padding-right: 150px;}
.DIV-overzicht-stalinrichting {padding-left:150px; padding-right:150px;}
.views-field-field-link-overzicht-varken a {text-transform: uppercase; font-size: 22px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: -45px; padding: 20px; z-index: 200; color: white; float:left; margin-left:25px; }
.views-field-field-link-overzicht-varken a:hover {text-transform: uppercase; font-size: 22px; background: rgba(199, 211, 0, 0.8); position: relative; margin-top: -45px; padding: 20px; z-index: 200; color: white; float:left; margin-left:25px; }
.views-field-field-link-overzicht-rundvee a {text-transform: uppercase; font-size: 22px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: -45px; padding: 20px; z-index: 200; color: white; float:left; margin-left:25px; }
.views-field-field-link-overzicht-rundvee a:hover {text-transform: uppercase; font-size: 22px; background: rgba(199, 211, 0, 0.8); position: relative; margin-top: -45px; padding: 20px; z-index: 200; color: white; float:left; margin-left:25px; }
.field--name-field-foto-kooi, .field--name-field-foto-groot-rundvee {padding-left: 100px; padding-top: 50px; padding-bottom: 40px;}
.field--name-field-tekstblok-stalinrichting {padding-top: 50px; padding-bottom: 50px;}
.field--name-field-tekstblok-stalinrichting p {font-size: 20px; padding-top: 50px; padding-bottom: 50px; margin-top: 35px; }
.field--name-field-fotoslider-realisaties {width: 80%;}
.field--name-field-detail-foto-s .field__item {width: 25%; float: left; background: #f5f5f5;}
.field--name-field-foto-detail-rundvee .field__item {width: 50%; float: left; background: #f5f5f5;}
.field--name-field-detail-foto-s, .field--name-field-foto-detail-rundvee {padding-left: 50px; padding-right: 50px;}
.field--name-field-detail-foto-s img, .field--name-field-foto-detail-rundvee img {padding: 10px;}
.ds-2col-stacked-fluid > .group-right {float: right; width: 50%; background: #f5f5f5; padding: 75px; position: relative; z-index: 200;}
.node--type-stalinrichting-varken .field--name-node-title h2, .node--type-stalinrichting-rundvee .field--name-node-title h2 {
  color: white;
  font-size: 37px;
  margin: 10px 0;
    margin-left: 0px;
  text-transform: uppercase;
  float: left;
  background: rgba(71,59,240,0.8);
  padding: 20px;
  margin-left: -184px;
}
.views-field-field-link-overzicht-horse-housi a {
  text-transform: uppercase;
  font-size: 22px;
  background: rgba(71, 59, 240, 0.8);
  position: relative;
  margin-top: -45px;
  padding: 20px;
  z-index: 200;
  color: white;
  float: left;
  margin-left: 25px;
}
.views-field-field-link-overzicht-horse-housi a:hover {
  text-transform: uppercase;
  font-size: 22px;
  background: rgba(199, 211, 0, 0.8);
  position: relative;
  margin-top: -45px;
  padding: 20px;
  z-index: 200;
  color: white;
  float: left;
  margin-left: 25px;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
  border-top: 1px solid #ccc;
}
.node--type-horse-housing .field--name-node-title h2 {
  color: white;
  font-size: 37px;
  margin: 10px 0;
    margin-left: 0px;
  margin-left: 0px;
  text-transform: uppercase;
  float: left;
  background: rgba(71,59,240,0.8);
  padding: 20px;
  margin-left: -184px;
}
.field--name-field-tekst-horse-housing {float: left; width:100%;}
.field--name-field-technische-gegevens-horse {float: left;}
.field--name-field-tekeningen-horse-housing .field__item {width: 50%; float: left;}
.DIV-nieuws-home {padding-left: 100px; padding-right: 100px;}
.c-layout-footer-6 .c-body .c-links {float: left; padding: 0; width: 100%;}
.embleem {float: left; width: 40%; margin-left: -160px; transform: skewY(-15DEG); margin-top: 83px;}
.embleem-sub-pagina {float: left; width: 25%; margin-left: -31px; z-index: 240 !important; position: relative; margin-top: -60px;}
.embleem-contact {
  float: left;
  width: 37%;
  margin-left: -174px;
  transform: skewY(-15DEG);
  margin-top: 95px;
}
.embleem-jobs-pagina {float: left; width: 10%; margin-left: -65px; z-index: 240 !important; position: relative; margin-top: 49px;}
 .c-layout-header.c-layout-header-4 {background: #fff; position: fixed; z-index: 9999; top: 15; width: 100%; margin-top:-30px;}
.c-page-on-scroll .c-layout-header .c-navbar .c-logo img {max-height: 57px;}
.c-top-menu {margin-top: 15px;}
.c-layout-header .c-topbar .c-top-menu.c-pull-right {float: right; margin-top: 9px;}
.div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 35px; padding: 20px;}
.div-over-ons .col-md-12 .views-field-title {margin-top: 15px;}
ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper {margin-top: 40px; font-size: 20px;}
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper {float: right; padding-left: 1rem; text-align: left; font-size: 20px;}
.div-over-ons {padding-left: 100px; padding-right: 100px;}
ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker {
  position: absolute;
  z-index: 2;
  width: 31px;
  height: 31px;
  background: #c7d300;
  border: 3px solid #473bf0;
  border-radius: 50%;}

ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker {right: -15px;}
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker {left: -15px;}
.node--type-horse-housing .group-right a {background: #473bf0; color:white; padding: 10px; font-size: 20px;}
.node--type-horse-housing .group-right a:hover {background: #c7d300; color:white; padding: 10px; font-size: 20px;}
.tekst-stalinrichting-pagina {margin-top: 50px; padding-bottom: 50px;}
.tekst-stalinrichting-pagina h2 {color: #473bf0; font-size: 35px; margin: 10px 0; padding-top: 30px; padding-bottom: 25px;}
.tekst-stalinrichting-pagina h3 {color: #473bf0; font-size: 22px; margin: 10px 0; line-height: 42px; font-weight: 600 !important;}
.slogan-stalinrichting {background-color: #473bf0; margin-top: 50px; padding-top: 50px;}
.slogan-stalinrichting h3 { color: white; font-size: 20px; margin: 10px 0; line-height: 38px; font-weight: 400; text-transform: uppercase;}
 .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
    letter-spacing: 1px;
    font-style: normal;
    transition: all 0.2s;
    padding: 41px 8px 38px 8px;
    min-height: 100px;
    font-size: 17px;
  }
.div-over-ons .views-field-body {margin-top: 40px; float: right; width: 100% !important;}
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; height: 65px;}
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; height: 65px;}
.views-field-field-foto-timeline .flexslider {width: 45%; height: auto;}
.div-over-ons #flexslider-1 {float: right;}
.div-over-ons #flexslider-3 {float: right;}
.div-over-ons #flexslider-5 {float: right;}
.col-md-12 .views-field-title { margin-top: 0px; width: 100%; float: right;}
.views-field-field-fotoslider-agrobouw {display: block; margin-left: auto; margin-right: auto; width: 65%;}
.views-field-field-fotoslider-industriebouw {display: block; margin-left: auto; margin-right: auto; width: 65%;}
.views-field-title {margin-top: -40px !important;}
.tekst-stalinrichting-pagina {font-size: 18px; line-height: 25px;}
.mixitup-views-filters-form .form-item {margin-top: 10px; float: none; text-align:center; padding-left:40px;}
.views-field-field-foto-agro-loods {background: #6a6a6a12; padding: 35px; border: white solid 10px;}
.views-field-field-media-industrie {background: #6a6a6a12; padding: 35px; border: white solid 10px;}
.mix_item .views-field-title {margin-top: -87px !important; margin-left: 45px !important; float:none; width:auto !important;}
.view-duplicaat-van-industriebouw .mixitup-views-filters-form .fieldset-legend {display: none;}
.view-industriebouw .mixitup-views-filters-form .fieldset-legend {display: none;} 
.mixitup-checkboxes .c-checkbox label {font-size: 18px; text-transform: uppercase !important;}
.views-more-link a {color: white; text-transform: uppercase; background: #473bf0; padding: 10px; line-height: 40px !important; display: block; width:100px; margin-top: 20px;}
.views-more-link a:hover {color: white; text-transform: uppercase; background: #c7d300; padding: 10px;}
.views-field-field-foto-timeline .flex-control-nav {display:none;}
.video {aspect-ratio: 16 / 9; width: 100%;}
.c-content-feature-8.c-opt-1 > .c-grid > li > .c-img {background-color: #7e8daa; padding: 128px 80px 129px 80px; height: 328px !important;}
.nieuws-home .views-view-responsive-grid__item-inner {background: #6a6a6a12; padding: 35px; border: white solid 10px; height: 750px;}
.div-realisaties-agrobouw .views-view-responsive-grid {width: 100% !important;}
.div-realisaties-agrobouw .views-view-responsive-grid__item-inner {background: none; padding: 35px; border: white solid 0px;}
.div-realisaties-agrobouw .views-exposed-form .form-item label {font-weight: 200;}
.div-realisaties-agrobouw .form-group .js-form-item {width:auto; padding-left: 30px;}
.div-realisaties-agrobouw {padding-left:100px; padding-right: 100px;}
.ds-2col-stacked-fluid > .group-left {float: left; width: 50%;}
.tekst-banner-offerte-horse-housing {color: white; font-size: 30px;}
.tekst-banner-offerte-horse-housing a {background: #473bf0; font-size: 25px; color: white; padding:20px; line-height: 80px;}
.tekst-banner-offerte-horse-housing a:hover {background: #c7d300; font-size: 25px; color: white; padding:20px; line-height: 80px;}
.tekst-banner-offerte-horse-housing a:visited {color: white;}

/* FORMULIER */

@media (min-width: 768px) {
   .webform-flex--6 {
       flex: 6;
   }
}

fieldset > legend {
   display: flex;
}
@media (min-width: 768px) {
   .webform-flexbox {margin: 1em -0.5em; width:50%; float:left;}
}
.webform-container-inline div, .webform-container-inline div.form-item {display: inline; width: 90%;}
legend { margin-left: -10px; width: 90%;}
.form-item {margin-top: 10px; float: left; width:100%}
#edit-actions div {display: inline-block; width: 100%;}
.form-tel {width: 100%; height: 45px; border: solid 1px #d0d7de;}
.has-feedback {position: unset;}
.form-item-telefoonnummer, .form-item-e-mailadres {width: 80% !important;}
.captcha-type-challenge--math {width: 100%;}



/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { .c-layout-header.c-layout-header-4 {background: #fff; position: fixed; z-index: 9999; top: 15; width: 100%; margin-top: -15px; height: 96px;}
	  #md-slider-1-block {top: 100px;}
	  .slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -10px; float: left; padding: 61px; transform: skewY(15deg); margin-left: 35px;}
.slogan-home h2 {color: white; font-size: 30px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
.embleem {float: left; width: 41%; margin-left: -96px; transform: skewY(-15DEG); margin-top: 56px;}
.c-layout-header.c-layout-header-dark-mobile .c-brand > .c-hor-nav-toggler { position: relative; top: -1px; display: inline-block; background: #2e333a; padding: 5px 8px 6px 8px; left: -20px;}
	  .tekst-home-over-ons {padding-left: 29px; font-size: 20px; line-height: 30px; margin-top: 329px;}
	  .kolom-home-wie .c-btn-uppercase.btn {font-size: 18px; padding: 16px 20px 14px 20px; margin-top: 20px;}
	  .div-activiteiten-home {padding-left: 10px; padding-right: 10px; padding-bottom: 60px;}
	  .titel-activiteit-home a {color: white; background: rgba(71,59,240,0.8); text-align: center; padding: 20px; margin-left: 20px; float: left; z-index: 200; margin-top: -34px; position: relative; font-size: 25px;}
	  .div-activiteiten-home img {margin-top: 15px;}
	  .c-content-title-1 > h3.c-font-uppercase {font-size: 38px;color: #473bf0; font-weight: 400 !important;}
	  .DIV-nieuws-home {padding-left: 10px; padding-right: 10px;}
	  .views-view-responsive-grid {views-responsive-grid--column-count: 1 !important; views-responsive-grid--cell-min-width: 100px !important; views-responsive-grid--layout-gap: 40px !important;}
.col-md-12 .views-field-title a {text-transform: uppercase; font-size: 14px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: 20px;padding: 7px;
    z-index: 200; color: white; line-height: 35px;}
.c-content-bar-4 > h3 { display: inline-block; color: #ffffff; font-weight: 500; font-size: 36px; line-height: 41px; margin: 100px auto 40px auto;
  padding: 2px; border: 5px solid rgba(71, 59, 240, 0.6);}
.c-prefooter .col-xs-12 {width: 100%; margin-top: 53px; z-index:200;}
.c-prefooter .c-links a {background: #473bf0; color: white; padding: 10px; line-height: 45px; font-size: 14px;}
.div-over-ons {padding-left: 10px; padding-right: 10px;}
.div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 24px; padding: 20px;}
ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper {font-size: 15px;}
.col-md-12 .views-field-title {margin-top: 1px;}
.div-slider {padding-left: 10px; padding-right: 10px; margin-top:100px;}
.hoofdtitel h2 {font-size: 40px; color: white; transform: skewY(-15DEG); font-weight: 100;}
.hoofdtitel {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -112px; float: left; padding: 53px; font-size: 26px; position: relative; margin-left: 10px; transform: skewY(15DEG);}
.embleem-sub-pagina {float: left; width: 22%; margin-left: -14px; z-index: 240 !important; position: relative; margin-top: -21px;}
.tekst-rubriek {margin-top: 185px; font-size: 19px;}
.slogan-opsomming {font-size: 34px; color: white; font-weight: 400; line-height: 39px;}
.slogan-opsomming h2 {color: #c7d300; font-size: 33px;font-weight: 400;}
.slogan-opsomming a {color: white; font-size: 24px; background: rgba(199,211,0,0.8); padding: 21px;line-height: 96px;}
.opsomming {color: white; background: rgba(71,59,240,0.8); width: 316px; padding: 20px; font-size: 21px; line-height: 38px;}
.div-realisaties {padding-left: 10px;padding-right: 10px;}
.ds-2col-stacked > .group-left {float: left;width: 100%;}
.ds-2col-stacked > .group-right {float: right; width: 100%; padding: 50px;}
.DIV-overzicht-stalinrichting {padding-left: 10px; padding-right: 10px; margin-top: 60px;}
.ds-2col-stacked-fluid > .group-left {float: left; width: 100%;}
.field--name-field-foto-kooi {padding-left: 10px; padding-top: 50px; padding-bottom: 40px; width: 100%;}
.field--name-field-detail-foto-s {padding-left: 10px; padding-right: 10px;}
.field--name-field-detail-foto-s img {padding: 8px;}
.ds-2col-stacked-fluid > .group-right {float: right;width: 100%; background: #f5f5f5; padding: 30px;}
.node--type-stalinrichting-varken .field--name-node-title h2 {color: white; font-size: 30px; margin: 0px 0; margin-left: 0px; margin-left: 0px; text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: 0px;}
.field--name-field-tekstblok-stalinrichting p { font-size: 20px; padding-top: 26px; padding-bottom: 23px;}
.field--name-field-fotoslider-realisaties {width: 100%;}
.node--type-horse-housing .field--name-node-title h2 {color: white; font-size: 30px; margin: 10px 0; margin-left: 0px; margin-left: 0px; margin-left: 0px;text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: 0px;}
.node--type-horse-housing .field--name-node-title h2 {color: white; font-size: 37px; margin: 10px 0; margin-left: 0px; margin-left: 0px; margin-left: 0px; text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: 0px;}
.slogan-jobs {font-size: 23px; color: white; background: #473bf0; float: left; padding: 39px; margin-left: 30px; margin-top: -78px;}
.tekst-jobs h2 {color: #473bf0; text-transform: uppercase; font-size: 27px;}
.div-grid-vacatures {padding-left: 10px; padding-right: 10px;}
.embleem-jobs-pagina {float: left; width: 15%; margin-left: 0px; z-index: 240 !important; position: relative; margin-top: 12px;}
.embleem-contact {float: left; width: 37%; margin-left: -91px; transform: skewY(-15DEG); margin-top: 58px;}
.slogan-contact h2 {color: white; font-size: 25px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
.tekst-contactgegevens {margin-top: 30px; font-size: 20px; margin-left: 0px;}
.div-contact-gebouwen {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 100px;
}
.div-contact-gebouwen img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin-top: 10px;
}
.slogan-contact {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -36px; float: left; padding: 59px; transform: skewY(15deg); margin-left:20px;}
.tekst-contactgegevens h2 {color: #473bf0; font-size: 31px; margin: 10px 0; margin-top: 10px; margin-top: 300px !important;}
.pagina-overzicht-nieuws {padding-left: 10px; padding-right: 10px;}
.c-navbar-wrapper {background: white; height: 88px;}
.c-breadcrumbs-wrapper{display: none;}
.c-layout-header-topbar-collapse.c-topbar-expanded .c-layout-header .c-topbar {display: block; margin-top: -34px;}
.md-slider-wrap {height: 413px !important;}
.md-arrow-left, .md-arrow-right {margin-top: 10px;}
.md-layer-1-40-1{width: 42% !important; height: 10.2% !important; top: 13.5%; left: 4% !important; padding: 6.25px;}
.md-layer-1-40-2 {width: 25% !important; height: 5%!important; top: 35%!important; left: 4%!important; padding: 6.25px;}
.md-layer-1-40-0 {width: 23% !important; height: 5%!important; top: 45%!important; left: 4%!important; padding: 6.25px;}
.md-layer-1-41-1{width: 60% !important; height: 10.2% !important; top: 13.5%; left: 4% !important; padding: 6.25px;}
.md-layer-1-42-1{width: 60% !important; height: 10.2% !important; top: 13.5%; left: 4% !important; padding: 6.25px;}
.md-layer-1-2-1{width: 60% !important; height: 10.2% !important; top: 13.5%; left: 4%!important; padding: 6.25px;}
.md-layer-1-2-2 {width: 25% !important; height: 5%!important; top: 55%!important; left: 4%!important; padding: 6.25px;}
 .md-layer-1-2-0 {width: 26% !important; height: 5% !important; top: 65% !important; left: 4% !important;}
.md-layer-1-1-1 {width: 74% !important;height: 6% !important;;top: 13.5%; left: 4% !important;padding: 6.25px;}
.md-layer-1-1-0 {width: 75% !important;height: 6% !important;;top: 13.5%; left: 4% !important;padding: 6.25px;}
.md-layer-1-41-2 {width: 50%!important; height: 6%!important; top: 30%!important; left: 4%!important;}
.md-layer-1-41-0 {width: 50%!important; height: 6%!important; top: 42%!important; left: 4%!important;}
.md-layer-1-42-2 {width: 56%!important; height: 6%!important; top: 45%!important; left: 4%!important;}
.md-layer-1-42-0 {width: 35%!important; height: 6%!important; top: 57%!important; left: 4%!important;}
.md-objects .md-object.md-layer-1-41-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-1-1 {background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.7); z-index: 2 !important; color: #fefefe !important; font-size: 6.0em; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-1-0 {background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.7); z-index: 2 !important; color: #fefefe !important; font-size: 6.0em; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-41-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-41-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
 .div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 20px !important; padding: 12px !important; line-height: 38px !important;}
.views-field-field-foto-timeline .flexslider {width: 90% !important; height: auto;}
.views-field-field-fotoslider-agrobouw {display: block; margin-left: auto; margin-right: auto; width: 100% !important;}
.hoofdtitel {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -112px; float: left; padding: 40px !important; font-size: 18px; position: relative; margin-left: 30px; transform: skewY(15DEG);}
.embleem-sub-pagina {width: 17% !important; margin-left: 8px !important; z-index: 240 !important; position: relative;margin-top: -58px;} 
.hoofdtitel h2 {font-size: 31px; color: white; transform: skewY(-15DEG); font-weight: 100; line-height: 30px;}
.tekst-rubriek {margin-top: 113px; font-size: 19px;}
.mixitup-views-filters-form .form-item {margin-top: 0px !important; float: left !important; text-align: left !important; padding-left: 40px !important;}
 .col-md-12 .views-field-title a {text-transform: uppercase; font-size: 14px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: 20px;padding: 7px; z-index: 200; color: white; line-height: 35px;}
 .col-md-12 .views-field-title a:hover {text-transform: uppercase; font-size: 14px; background: rgba(199, 211, 0, 0.8); position: relative; margin-top: 20px;padding: 7px; z-index: 200; color: white; line-height: 35px;}
.views-field-field-fotoslider-industriebouw {display: block; margin-left: auto; margin-right: auto; width: 100%;}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link {border-bottom: 1px solid #404851; color: #ebedf2; padding-left: 40px;}
.nav.navbar-nav > li > .c-link {letter-spacing: 1px; font-style: normal; transition: all 0.2s; padding: 24px 8px 10px 30px !important; padding-left: 8px; min-height: 66px !important; font-size: 17px;}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu {margin-top: -31px !important;}
.field--name-field-foto-kooi, .field--name-field-foto-groot-rundvee {padding-left: 0px !important; padding-top: 20px !important; padding-bottom: 20px !important;}
.node--type-stalinrichting-varken .field--name-node-title h2, .node--type-stalinrichting-rundvee .field--name-node-title h2 {
  color: white;
  font-size: 21px;
  margin: 0px;
    margin-left: 0px;
  margin-left: 0px;
  text-transform: uppercase;
  float: left;
  background: rgba(71,59,240,0.8);
  padding: 20px;
  margin-left: 0px;
}
.field--name-field-tekstblok-stalinrichting {padding-top: 10px !important; padding-bottom: 10px !important;}
.field--name-field-detail-foto-s, .field--name-field-foto-detail-rundvee {padding-left: 0px; padding-right: 0px; float: left;}
.field--name-field-detail-foto-s .field__item, .field--name-field-foto-detail-rundvee .field__item {width: 100%; float: left; background: #f5f5f5;}
.field--name-field-detail-foto-s img {padding-bottom: 20px;}
.field--name-field-detail-foto-s .field__item {width: 25%; float: left; background: #f5f5f5;}
.DIV-stalinrichting {margin-top: 100px;}
  .c-layout-header .c-brand > .c-topbar-toggler, .c-layout-header .c-brand > .c-search-toggler, .c-layout-header .c-brand > .c-cart-toggler {
    background: #c7d300;
    border: 0;
    margin: -2px 25px 0 0;
    margin-top: -2px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    float: right;
    outline: none;
    height: 30px;
    width: 20px;
  }
	  .col-md-12 .views-field-title { margin-top: 0px; width: 100%; float: right; margin-top: -24px !important;}
	 
	  
	 .c-layout-header .c-navbar > .container {position: relative; padding: 0; width: 100%; color: white; margin-top:-4px;}
	   .field--name-body {margin-top: 41px !important;}
	   .c-layout-header.c-layout-header-4 {margin-top: -35px;height: 96px;}
	   .c-navbar-wrapper {background: white; height: 88px; margin-top: -3px;}
	   .c-layout-header-topbar-collapse.c-topbar-expanded .c-layout-header .c-topbar {display: block;margin-top: -12px !important;}
	  .views-view-responsive-grid__item-inner {height: 515px;}
	  .DIV-overzicht-stalinrichting .views-view-responsive-grid__item-inner {height: 325px;}
	  .views-view-responsive-grid__item-inner {background: #6a6a6a12; padding: 20px; border: white solid 10px;}
	   .c-navbar-wrapper {background: white;height: 88px;margin-top: 2px;}
	   .div-grid-vacatures .views-view-responsive-grid__item-inner {height: 275px;}
	  .pagina-overzicht-nieuws .views-view-responsive-grid__item-inner {height: 515px;}
	   .c-topbar .c-top-menu > .c-links a {color: #797979 !important; background: #dbdbdb; padding-top: 22px; padding-left: 13px!important; padding-right: 13px!important; padding-bottom: 14px!important;}
	  .c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn), .c-layout-header .c-topbar .c-top-menu > .c-links > li > span {font-size: 12px !important;}
	  .div-realisaties-agrobouw {padding-left:10px; padding-right: 10px;}
	  .div-realisaties-agrobouw .views-view-responsive-grid__item-inner {
  background: none;
  padding: 0;
  border: white solid 0px;
  height: auto;
}


}

	  

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait)  {  .c-topbar .c-top-menu > .c-links a {color: #797979 !important;background: #dbdbdb; padding-top: 13px; padding-left: 11px !important; padding-right: 11px!important; padding-bottom: 11px!important; }
	.c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn), .c-layout-header .c-topbar .c-top-menu > .c-links > li > span {font-size: 14px !important;}

}
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { .md-slider-wrap {height: 656px !important;}
	  .md-objects .md-object.md-layer-1-41-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-1-1 {background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.7); z-index: 2 !important; color: #fefefe !important; font-size: 6.0em; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-1-0 {background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.7); z-index: 2 !important; color: #fefefe !important; font-size: 6.0em; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-41-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-41-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
 .div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 20px !important; padding: 12px !important; line-height: 38px !important;}
	  .div-realisaties-agrobouw {padding-left: 10px; padding-right: 20px;}
}

/* ----------- iPhone 11 pro max ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 415px) 
  and (max-device-width: 896px) 
   { .c-layout-header.c-layout-header-4 {background: #fff; position: fixed; z-index: 9999; top: 15; width: 100%; margin-top: -15px; height: 96px;}
	  #md-slider-1-block {top: 100px;}
	  .slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -10px; float: left; padding: 61px; transform: skewY(15deg); margin-left: 35px;}
.slogan-home h2 {color: white; font-size: 30px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
.embleem {float: left; width: 41%; margin-left: -96px; transform: skewY(-15DEG); margin-top: 56px;}
.c-layout-header.c-layout-header-dark-mobile .c-brand > .c-hor-nav-toggler { position: relative; top: -1px; display: inline-block; background: #2e333a; padding: 5px 8px 6px 8px; left: -20px;}
	  .tekst-home-over-ons {padding-left: 29px; font-size: 20px; line-height: 30px; margin-top: 329px;}
	  .kolom-home-wie .c-btn-uppercase.btn {font-size: 18px; padding: 16px 20px 14px 20px; margin-top: 20px;}
	  .div-activiteiten-home {padding-left: 10px; padding-right: 10px; padding-bottom: 60px;}
	  .titel-activiteit-home a {color: white; background: rgba(71,59,240,0.8); text-align: center; padding: 20px; margin-left: 20px; float: left; z-index: 200; margin-top: -34px; position: relative; font-size: 25px;}
	  .div-activiteiten-home img {margin-top: 15px;}
	  .c-content-title-1 > h3.c-font-uppercase {font-size: 38px;color: #473bf0; font-weight: 400 !important;}
	  .DIV-nieuws-home {padding-left: 10px; padding-right: 10px;}
	  .views-view-responsive-grid {views-responsive-grid--column-count: 1 !important; views-responsive-grid--cell-min-width: 100px !important; views-responsive-grid--layout-gap: 40px !important;}
.col-md-12 .views-field-title a {text-transform: uppercase; font-size: 14px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: 20px;padding: 7px;
    z-index: 200; color: white; line-height: 35px;}
.c-content-bar-4 > h3 { display: inline-block; color: #ffffff; font-weight: 500; font-size: 36px; line-height: 41px; margin: 100px auto 40px auto;
  padding: 2px; border: 5px solid rgba(71, 59, 240, 0.6);}
.c-prefooter .col-xs-12 {width: 100%; margin-top: 53px; z-index:200;}
.c-prefooter .c-links a {background: #473bf0; color: white; padding: 10px; line-height: 45px; font-size: 14px;}
.div-over-ons {padding-left: 10px; padding-right: 10px;}
.div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 24px; padding: 20px;}
ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper {font-size: 15px;}
.col-md-12 .views-field-title {margin-top: 1px;}
.div-slider {padding-left: 10px; padding-right: 10px; margin-top:100px;}
.hoofdtitel h2 {font-size: 40px; color: white; transform: skewY(-15DEG); font-weight: 100;}
.hoofdtitel {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -112px; float: left; padding: 53px; font-size: 26px; position: relative; margin-left: 10px; transform: skewY(15DEG);}
.embleem-sub-pagina {float: left; width: 22%; margin-left: -14px; z-index: 240 !important; position: relative; margin-top: -21px;}
.tekst-rubriek {margin-top: 185px; font-size: 19px;}
.slogan-opsomming {font-size: 34px; color: white; font-weight: 400; line-height: 39px;}
.slogan-opsomming h2 {color: #c7d300; font-size: 33px;font-weight: 400;}
.slogan-opsomming a {color: white; font-size: 24px; background: rgba(199,211,0,0.8); padding: 21px;line-height: 96px;}
.opsomming {color: white; background: rgba(71,59,240,0.8); width: 316px; padding: 20px; font-size: 21px; line-height: 38px;}
.div-realisaties {padding-left: 10px;padding-right: 10px;}
.ds-2col-stacked > .group-left {float: left;width: 100%;}
.ds-2col-stacked > .group-right {float: right; width: 100%; padding: 50px;}
.DIV-overzicht-stalinrichting {padding-left: 10px; padding-right: 10px; margin-top: 60px;}
.ds-2col-stacked-fluid > .group-left {float: left; width: 100%;}
.field--name-field-foto-kooi {padding-left: 10px; padding-top: 50px; padding-bottom: 40px; width: 100%;}
.field--name-field-detail-foto-s {padding-left: 10px; padding-right: 10px;}
.field--name-field-detail-foto-s img {padding: 8px;}
.ds-2col-stacked-fluid > .group-right {float: right;width: 100%; background: #f5f5f5; padding: 30px;}
.node--type-stalinrichting-varken .field--name-node-title h2 {color: white; font-size: 30px; margin: 0px 0; margin-left: 0px; margin-left: 0px; text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: 0px;}
.field--name-field-tekstblok-stalinrichting p { font-size: 20px; padding-top: 26px; padding-bottom: 23px;}
.field--name-field-fotoslider-realisaties {width: 100%;}
.node--type-horse-housing .field--name-node-title h2 {color: white; font-size: 30px; margin: 10px 0; margin-left: 0px; margin-left: 0px; margin-left: 0px;text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: 0px;}
.node--type-horse-housing .field--name-node-title h2 {color: white; font-size: 37px; margin: 10px 0; margin-left: 0px; margin-left: 0px; margin-left: 0px; text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: 0px;}
.slogan-jobs {font-size: 23px; color: white; background: #473bf0; float: left; padding: 39px; margin-left: 30px; margin-top: -78px;}
.tekst-jobs h2 {color: #473bf0; text-transform: uppercase; font-size: 27px;}
.div-grid-vacatures {padding-left: 10px; padding-right: 10px;}
.embleem-jobs-pagina {float: left; width: 15%; margin-left: 0px; z-index: 240 !important; position: relative; margin-top: 12px;}
.embleem-contact {float: left; width: 37%; margin-left: -91px; transform: skewY(-15DEG); margin-top: 58px;}
.slogan-contact h2 {color: white; font-size: 25px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
.tekst-contactgegevens {margin-top: 30px; font-size: 20px; margin-left: 0px;}
.div-contact-gebouwen {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 100px;
}
.div-contact-gebouwen img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin-top: 10px;
}
.slogan-contact {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -36px; float: left; padding: 59px; transform: skewY(15deg); margin-left:20px;}
.tekst-contactgegevens h2 {color: #473bf0; font-size: 31px; margin: 10px 0; margin-top: 10px; margin-top: 300px !important;}
.pagina-overzicht-nieuws {padding-left: 10px; padding-right: 10px;}
.c-topbar .c-top-menu > .c-links a {color: #797979 !important; background: #dbdbdb; padding-top: 22px; padding-left: 15px; padding-right: 15px; padding-bottom: 14px;}
.c-navbar-wrapper {background: white; height: 88px;}
.c-breadcrumbs-wrapper{display: none;}
.c-layout-header-topbar-collapse.c-topbar-expanded .c-layout-header .c-topbar {display: block; margin-top: -34px;}
.md-slider-wrap {height: 413px !important;}
.md-arrow-left, .md-arrow-right {margin-top: 10px;}
.md-layer-1-40-1{width: 42% !important; height: 10.2% !important; top: 13.5%; left: 4% !important; padding: 6.25px;}
.md-layer-1-40-2 {width: 25% !important; height: 5%!important; top: 35%!important; left: 4%!important; padding: 6.25px;}
.md-layer-1-40-0 {width: 23% !important; height: 5%!important; top: 45%!important; left: 4%!important; padding: 6.25px;}
.md-layer-1-41-1{width: 60% !important; height: 10.2% !important; top: 13.5%; left: 4% !important; padding: 6.25px;}
.md-layer-1-42-1{width: 60% !important; height: 10.2% !important; top: 13.5%; left: 4% !important; padding: 6.25px;}
.md-layer-1-2-1{width: 60% !important; height: 10.2% !important; top: 13.5%; left: 4%!important; padding: 6.25px;}
.md-layer-1-2-2 {width: 25% !important; height: 5%!important; top: 55%!important; left: 4%!important; padding: 6.25px;}
 .md-layer-1-2-0 {width: 26% !important; height: 5% !important; top: 65% !important; left: 4% !important;}
.md-layer-1-1-1 {width: 74% !important;height: 6% !important;;top: 13.5%; left: 4% !important;padding: 6.25px;}
.md-layer-1-1-0 {width: 60% !important;height: 6% !important;;top: 13.5%; left: 4% !important;padding: 6.25px;}
.md-layer-1-41-2 {width: 50%!important; height: 6%!important; top: 30%!important; left: 4%!important;}
.md-layer-1-41-0 {width: 50%!important; height: 6%!important; top: 42%!important; left: 4%!important;}
.md-layer-1-42-2 {width: 56%!important; height: 6%!important; top: 45%!important; left: 4%!important;}
.md-layer-1-42-0 {width: 35%!important; height: 6%!important; top: 57%!important; left: 4%!important;}
.md-objects .md-object.md-layer-1-41-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-1-1 {background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.7); z-index: 2 !important; color: #fefefe !important; font-size: 6.0em; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-1-0 {background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.7); z-index: 2 !important; color: #fefefe !important; font-size: 6.0em; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-41-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-41-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
 .div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 20px !important; padding: 12px !important; line-height: 38px !important;}
.views-field-field-foto-timeline .flexslider {width: 90% !important; height: auto;}
.views-field-field-fotoslider-agrobouw {display: block; margin-left: auto; margin-right: auto; width: 100% !important;}
.hoofdtitel {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -112px; float: left; padding: 40px !important; font-size: 18px; position: relative; margin-left: 30px; transform: skewY(15DEG);}
.embleem-sub-pagina {width: 17% !important; margin-left: 8px !important; z-index: 240 !important; position: relative;margin-top: -58px;} 
.hoofdtitel h2 {font-size: 31px; color: white; transform: skewY(-15DEG); font-weight: 100; line-height: 30px;}
.tekst-rubriek {margin-top: 113px; font-size: 19px;}
.mixitup-views-filters-form .form-item {margin-top: 0px !important; float: left !important; text-align: left !important; padding-left: 40px !important;}
 .col-md-12 .views-field-title a {text-transform: uppercase; font-size: 14px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: 20px;padding: 7px; z-index: 200; color: white; line-height: 35px;}
 .col-md-12 .views-field-title a:hover {text-transform: uppercase; font-size: 14px; background: rgba(199, 211, 0, 0.8); position: relative; margin-top: 20px;padding: 7px; z-index: 200; color: white; line-height: 35px;}
.views-field-field-fotoslider-industriebouw {display: block; margin-left: auto; margin-right: auto; width: 100%;}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link {border-bottom: 1px solid #404851; color: #ebedf2; padding-left: 40px;}
.nav.navbar-nav > li > .c-link {letter-spacing: 1px; font-style: normal; transition: all 0.2s; padding: 24px 8px 10px 30px !important; padding-left: 8px; min-height: 66px !important; font-size: 17px;}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu {margin-top: -31px !important;}
.field--name-field-foto-kooi, .field--name-field-foto-groot-rundvee {padding-left: 0px !important; padding-top: 20px !important; padding-bottom: 20px !important;}
.node--type-stalinrichting-varken .field--name-node-title h2, .node--type-stalinrichting-rundvee .field--name-node-title h2 {
  color: white;
  font-size: 21px;
  margin: 0px;
    margin-left: 0px;
  margin-left: 0px;
  text-transform: uppercase;
  float: left;
  background: rgba(71,59,240,0.8);
  padding: 20px;
  margin-left: 0px;
}
.field--name-field-tekstblok-stalinrichting {padding-top: 10px !important; padding-bottom: 10px !important;}
.field--name-field-detail-foto-s, .field--name-field-foto-detail-rundvee {padding-left: 0px; padding-right: 0px; float: left;}
.field--name-field-detail-foto-s .field__item, .field--name-field-foto-detail-rundvee .field__item {width: 100%; float: left; background: #f5f5f5;}
.field--name-field-detail-foto-s img {padding-bottom: 20px;}
.field--name-field-detail-foto-s .field__item {width: 25%; float: left; background: #f5f5f5;}
.DIV-stalinrichting {margin-top: 100px;}
  .c-layout-header .c-brand > .c-topbar-toggler, .c-layout-header .c-brand > .c-search-toggler, .c-layout-header .c-brand > .c-cart-toggler {
    background: #c7d300;
    border: 0;
    margin: -2px 25px 0 0;
    margin-top: -2px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    float: right;
    outline: none;
    height: 30px;
    width: 20px;
  }
	  .col-md-12 .views-field-title { margin-top: 0px; width: 100%; float: right; margin-top: -24px !important;}
	 
	  
	 .c-layout-header .c-navbar > .container {position: relative; padding: 0; width: 100%; color: white; margin-top:-4px;}
	   .field--name-body {margin-top: 41px !important;}
	   .c-layout-header.c-layout-header-4 {margin-top: -35px;height: 96px;}
	   .c-navbar-wrapper {background: white; height: 88px; margin-top: -3px;}
	   .c-layout-header-topbar-collapse.c-topbar-expanded .c-layout-header .c-topbar {display: block;margin-top: -12px !important;}
	   .div-realisaties-agrobouw {padding-left:10px; padding-right: 10px;}
	  .div-realisaties-agrobouw .views-view-responsive-grid__item-inner {
  background: none;
  padding: 0;
  border: white solid 0px;
  height: auto;
}
	   
	   


}



}

/* Portrait */
@media only screen 
  and (min-device-width: 415px) 
  and (max-device-width: 896px) 
  
	and (orientation: portrait)  { 

}
/* Landscape */
@media only screen 
  and (min-device-width: 415px) 
  and (max-device-width: 896px) 
  
  and (orientation: landscape) {   .md-slider-wrap {height: 656px !important;}
	  .md-objects .md-object.md-layer-1-41-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-1-1 {background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.7); z-index: 2 !important; color: #fefefe !important; font-size: 6.0em; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-1-0 {background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.7); z-index: 2 !important; color: #fefefe !important; font-size: 6.0em; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-41-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-41-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
 .div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 20px !important; padding: 12px !important; line-height: 38px !important;}
}
.div-realisaties-agrobouw {padding-left: 10px;padding-right: 20px;}

/* ----------- Huawei P30 pro----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 780px) 
  and (-webkit-min-device-pixel-ratio: 2) {.c-layout-header.c-layout-header-4 {background: #fff; position: fixed; z-index: 9999; top: 15; width: 100%; margin-top: -15px; height: 96px;}
	  #md-slider-1-block {top: 100px;}
	  .slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -10px; float: left; padding: 61px; transform: skewY(15deg); margin-left: 35px;}
.slogan-home h2 {color: white; font-size: 30px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
.embleem {float: left; width: 41%; margin-left: -96px; transform: skewY(-15DEG); margin-top: 56px;}
.c-layout-header.c-layout-header-dark-mobile .c-brand > .c-hor-nav-toggler { position: relative; top: -1px; display: inline-block; background: #2e333a; padding: 5px 8px 6px 8px; left: -20px;}
	  .tekst-home-over-ons {padding-left: 29px; font-size: 20px; line-height: 30px; margin-top: 329px;}
	  .kolom-home-wie .c-btn-uppercase.btn {font-size: 18px; padding: 16px 20px 14px 20px; margin-top: 20px;}
	  .div-activiteiten-home {padding-left: 10px; padding-right: 10px; padding-bottom: 60px;}
	  .titel-activiteit-home a {color: white; background: rgba(71,59,240,0.8); text-align: center; padding: 20px; margin-left: 20px; float: left; z-index: 200; margin-top: -34px; position: relative; font-size: 25px;}
	  .div-activiteiten-home img {margin-top: 15px;}
	  .c-content-title-1 > h3.c-font-uppercase {font-size: 38px;color: #473bf0; font-weight: 400 !important;}
	  .DIV-nieuws-home {padding-left: 10px; padding-right: 10px;}
	  .views-view-responsive-grid {views-responsive-grid--column-count: 1 !important; views-responsive-grid--cell-min-width: 100px !important; views-responsive-grid--layout-gap: 40px !important;}
.col-md-12 .views-field-title a {text-transform: uppercase; font-size: 14px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: 20px;padding: 7px;
    z-index: 200; color: white; line-height: 35px;}
.c-content-bar-4 > h3 { display: inline-block; color: #ffffff; font-weight: 500; font-size: 36px; line-height: 41px; margin: 100px auto 40px auto;
  padding: 2px; border: 5px solid rgba(71, 59, 240, 0.6);}
.c-prefooter .col-xs-12 {width: 100%; margin-top: 53px; z-index:200;}
.c-prefooter .c-links a {background: #473bf0; color: white; padding: 10px; line-height: 45px; font-size: 14px;}
.div-over-ons {padding-left: 10px; padding-right: 10px;}
.div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 24px; padding: 20px;}
ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper {font-size: 15px;}
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper {text-align: left; font-size: 15px;}
	  
.col-md-12 .views-field-title {margin-top: 1px;}
.div-slider {padding-left: 10px; padding-right: 10px; margin-top:100px;}
.hoofdtitel h2 {font-size: 40px; color: white; transform: skewY(-15DEG); font-weight: 100;}
.hoofdtitel {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -112px; float: left; padding: 53px; font-size: 26px; position: relative; margin-left: 10px; transform: skewY(15DEG);}
.embleem-sub-pagina {float: left; width: 22%; margin-left: -14px; z-index: 240 !important; position: relative; margin-top: -21px;}
.tekst-rubriek {margin-top: 185px; font-size: 19px;}
.slogan-opsomming {font-size: 34px; color: white; font-weight: 400; line-height: 39px;}
.slogan-opsomming h2 {color: #c7d300; font-size: 33px;font-weight: 400;}
.slogan-opsomming a {color: white; font-size: 24px; background: rgba(199,211,0,0.8); padding: 21px;line-height: 96px;}
.opsomming {color: white; background: rgba(71,59,240,0.8); width: 316px; padding: 20px; font-size: 21px; line-height: 38px;}
.div-realisaties {padding-left: 10px;padding-right: 10px;}
.ds-2col-stacked > .group-left {float: left;width: 100%;}
.ds-2col-stacked > .group-right {float: right; width: 100%; padding: 50px;}
.DIV-overzicht-stalinrichting {padding-left: 10px; padding-right: 10px; margin-top: 60px;}
.ds-2col-stacked-fluid > .group-left {float: left; width: 100%;}
.field--name-field-foto-kooi {padding-left: 10px; padding-top: 50px; padding-bottom: 40px; width: 100%;}
.field--name-field-detail-foto-s {padding-left: 10px; padding-right: 10px;}
.field--name-field-detail-foto-s img {padding: 8px;}
.ds-2col-stacked-fluid > .group-right {float: right;width: 100%; background: #f5f5f5; padding: 30px;}
.node--type-stalinrichting-varken .field--name-node-title h2 {color: white; font-size: 30px; margin: 0px 0; margin-left: 0px; margin-left: 0px; text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: 0px;}
.field--name-field-tekstblok-stalinrichting p { font-size: 20px; padding-top: 26px; padding-bottom: 23px;}
.field--name-field-fotoslider-realisaties {width: 100%;}
.node--type-horse-housing .field--name-node-title h2 {color: white; font-size: 30px; margin: 10px 0; margin-left: 0px; margin-left: 0px; margin-left: 0px;text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: 0px;}
.node--type-horse-housing .field--name-node-title h2 {color: white; font-size: 37px; margin: 10px 0; margin-left: 0px; margin-left: 0px; margin-left: 0px; text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: 0px;}
.slogan-jobs {font-size: 23px; color: white; background: #473bf0; float: left; padding: 39px; margin-left: 30px; margin-top: -78px;}
.tekst-jobs h2 {color: #473bf0; text-transform: uppercase; font-size: 27px;}
.div-grid-vacatures {padding-left: 10px; padding-right: 10px;}
.embleem-jobs-pagina {float: left; width: 15%; margin-left: 0px; z-index: 240 !important; position: relative; margin-top: 12px;}
.embleem-contact {float: left; width: 37%; margin-left: -91px; transform: skewY(-15DEG); margin-top: 58px;}
.slogan-contact h2 {color: white; font-size: 25px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
.tekst-contactgegevens {margin-top: 30px; font-size: 20px; margin-left: 0px;}
.div-contact-gebouwen {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 100px;
}
.div-contact-gebouwen img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin-top: 10px;
}
.slogan-contact {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -36px; float: left; padding: 59px; transform: skewY(15deg); margin-left:20px;}
.tekst-contactgegevens h2 {color: #473bf0; font-size: 31px; margin: 10px 0; margin-top: 10px; margin-top: 300px !important;}
.pagina-overzicht-nieuws {padding-left: 10px; padding-right: 10px;}
.c-topbar .c-top-menu > .c-links a {color: #797979 !important; background: #dbdbdb; padding-top: 22px; padding-left: 15px; padding-right: 15px; padding-bottom: 14px;}
.c-navbar-wrapper {background: white; height: 88px;}
.c-breadcrumbs-wrapper{display: none;}
.c-layout-header-topbar-collapse.c-topbar-expanded .c-layout-header .c-topbar {display: block; margin-top: -34px;}
.md-slider-wrap {height: 413px !important;}
.md-arrow-left, .md-arrow-right {margin-top: 10px;}
.md-layer-1-40-1{width: 42% !important; height: 10.2% !important; top: 13.5%; left: 4% !important; padding: 6.25px;}
.md-layer-1-40-2 {width: 25% !important; height: 5%!important; top: 35%!important; left: 4%!important; padding: 6.25px;}
.md-layer-1-40-0 {width: 23% !important; height: 5%!important; top: 45%!important; left: 4%!important; padding: 6.25px;}
.md-layer-1-41-1{width: 60% !important; height: 10.2% !important; top: 13.5%; left: 4% !important; padding: 6.25px;}
.md-layer-1-42-1{width: 60% !important; height: 10.2% !important; top: 13.5%; left: 4% !important; padding: 6.25px;}
.md-layer-1-2-1{width: 60% !important; height: 10.2% !important; top: 13.5%; left: 4%!important; padding: 6.25px;}
.md-layer-1-2-2 {width: 25% !important; height: 5%!important; top: 55%!important; left: 4%!important; padding: 6.25px;}
 .md-layer-1-2-0 {width: 26% !important; height: 5% !important; top: 65% !important; left: 4% !important;}
.md-layer-1-1-1 {width: 74% !important;height: 6% !important;;top: 13.5%; left: 4% !important;padding: 6.25px;}
.md-layer-1-1-0 {width: 75% !important;height: 6% !important;;top: 13.5%; left: 4% !important;padding: 6.25px;}
.md-layer-1-41-2 {width: 50%!important; height: 6%!important; top: 30%!important; left: 4%!important;}
.md-layer-1-41-0 {width: 50%!important; height: 6%!important; top: 42%!important; left: 4%!important;}
.md-layer-1-42-2 {width: 56%!important; height: 6%!important; top: 45%!important; left: 4%!important;}
.md-layer-1-42-0 {width: 35%!important; height: 6%!important; top: 57%!important; left: 4%!important;}
.md-objects .md-object.md-layer-1-41-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-1 {background: rgb(71, 59, 240); background: rgba(71, 59, 240, 0.7); z-index: 1000 !important; color: #fcfcfc !important; font-size: 9em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-1-1 {background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.7); z-index: 2 !important; color: #fefefe !important; font-size: 6.0em; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-1-0 {background: rgb(22, 22, 22); background: rgba(22, 22, 22, 0.7); z-index: 2 !important; color: #fefefe !important; font-size: 6.0em; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-40-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-2-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-41-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-41-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-2 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
.md-objects .md-object.md-layer-1-42-0 {background: rgb(30, 30, 38); background: rgba(30, 30, 38, 0.7); z-index: 999 !important; color: #fcfcfc !important; font-size: 5.0em; font-weight: 300; font-family: "Roboto Condensed";}
 .div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 20px !important; padding: 12px !important; line-height: 38px !important;}
.views-field-field-foto-timeline .flexslider {width: 90% !important; height: auto;}
.views-field-field-fotoslider-agrobouw {display: block; margin-left: auto; margin-right: auto; width: 100% !important;}
.hoofdtitel {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -112px; float: left; padding: 40px !important; font-size: 18px; position: relative; margin-left: 30px; transform: skewY(15DEG);}
.embleem-sub-pagina {width: 17% !important; margin-left: 8px !important; z-index: 240 !important; position: relative;margin-top: -58px;} 
.hoofdtitel h2 {font-size: 31px; color: white; transform: skewY(-15DEG); font-weight: 100; line-height: 30px;}
.tekst-rubriek {margin-top: 113px; font-size: 19px;}
.mixitup-views-filters-form .form-item {margin-top: 0px !important; float: left !important; text-align: left !important; padding-left: 40px !important;}
 .col-md-12 .views-field-title a {text-transform: uppercase; font-size: 14px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: 20px;padding: 7px; z-index: 200; color: white; line-height: 35px;}
 .col-md-12 .views-field-title a:hover {text-transform: uppercase; font-size: 14px; background: rgba(199, 211, 0, 0.8); position: relative; margin-top: 20px;padding: 7px; z-index: 200; color: white; line-height: 35px;}
.views-field-field-fotoslider-industriebouw {display: block; margin-left: auto; margin-right: auto; width: 100%;}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link {border-bottom: 1px solid #404851; color: #ebedf2; padding-left: 40px;}
.nav.navbar-nav > li > .c-link {letter-spacing: 1px; font-style: normal; transition: all 0.2s; padding: 24px 8px 10px 30px !important; padding-left: 8px; min-height: 66px !important; font-size: 17px;}
.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu {margin-top: -31px !important;}
.field--name-field-foto-kooi, .field--name-field-foto-groot-rundvee {padding-left: 0px !important; padding-top: 20px !important; padding-bottom: 20px !important;}
.node--type-stalinrichting-varken .field--name-node-title h2, .node--type-stalinrichting-rundvee .field--name-node-title h2 {
  color: white;
  font-size: 21px;
  margin: 0px;
    margin-left: 0px;
  margin-left: 0px;
  text-transform: uppercase;
  float: left;
  background: rgba(71,59,240,0.8);
  padding: 20px;
  margin-left: 0px;
}
.field--name-field-tekstblok-stalinrichting {padding-top: 10px !important; padding-bottom: 10px !important;}
.field--name-field-detail-foto-s, .field--name-field-foto-detail-rundvee {padding-left: 0px; padding-right: 0px; float: left;}
.field--name-field-detail-foto-s .field__item, .field--name-field-foto-detail-rundvee .field__item {width: 100%; float: left; background: #f5f5f5;}
.field--name-field-detail-foto-s img {padding-bottom: 20px;}
.field--name-field-detail-foto-s .field__item {width: 25%; float: left; background: #f5f5f5;}
.DIV-stalinrichting {margin-top: 100px;}
  .c-layout-header .c-brand > .c-topbar-toggler, .c-layout-header .c-brand > .c-search-toggler, .c-layout-header .c-brand > .c-cart-toggler {
    background: #c7d300;
    border: 0;
    margin: -2px 25px 0 0;
    margin-top: -2px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    float: right;
    outline: none;
    height: 30px;
    width: 20px;
  }
	  .col-md-12 .views-field-title { margin-top: 0px; width: 100%; float: right; margin-top: -24px !important;}
	 
	  
	 .c-layout-header .c-navbar > .container {position: relative; padding: 0; width: 100%; color: white; margin-top:-4px;}
	   .field--name-body {margin-top: 41px !important;}
	   .c-layout-header.c-layout-header-4 {margin-top: -35px;height: 96px;}
	   .c-navbar-wrapper {background: white; height: 88px; margin-top: -2px;}
	   .c-layout-header-topbar-collapse.c-topbar-expanded .c-layout-header .c-topbar {display: block;margin-top: -12px !important;}
	  .div-realisaties-agrobouw {padding-left:10px; padding-right: 10px;}
	  .div-realisaties-agrobouw .views-view-responsive-grid__item-inner {
  background: none;
  padding: 0;
  border: white solid 0px;
  height: auto;
}
	  .div-realisaties-agrobouw {
  padding-left: 10px;
  padding-right: 20px;
}

}


}

/* Portrait */
@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 780px) 
  and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait){ 

}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) { .slogan-home h2 {color: white; font-size: 38px !important; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
	  .slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -218px; float: left !important; padding: 86px !important; transform: skewY(15deg);}
	  .embleem {float: left; width: 40%; margin-left: -122px !important; transform: skewY(-15DEG); margin-top: 68px;}
	  .div-realisaties-agrobouw {padding-left:10px; padding-right: 10px;}
	  .div-realisaties-agrobouw .views-view-responsive-grid__item-inner {
  background: none;
  padding: 0;
  border: white solid 0px;
  height: auto;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 810px) 
  and (max-device-width: 1080px) 
	and (-webkit-min-device-pixel-ratio: 2)
{ .slogan-home h2 {color: white; font-size: 38px !important; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
	  .slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -218px; float: left !important; padding: 86px !important; transform: skewY(15deg);}
	  .embleem {float: left; width: 40%; margin-left: -122px !important; transform: skewY(-15DEG); margin-top: 68px;}
	.div-activiteiten-home {padding-left: 20px;padding-right: 20px;padding-bottom: 100px;}
	.titel-activiteit-home a {color: white; background: rgba(71,59,240,0.8); text-align: center; padding: 14px; margin-left: 20px; float: left; z-index: 200;margin-top: -52px;
  position: relative; font-size: 25px;}
.md-objects .md-object.md-layer-1-42-1 {background: rgba(71, 59, 240, 0.7); z-index: 2 !important; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; color: #fcfcfc !important; font-size: 4.5em; font-weight: 300; font-family: "Roboto Condensed";}
	.c-content-title-1 > h3.c-font-uppercase {font-size: 35px; color: #473bf0; font-weight: 400 !important;}
	.DIV-nieuws-home { padding-left: 10px; padding-right: 10px;}
	.DIV-nieuws-home .views-view-responsive-grid {views-responsive-grid--column-count: 3; views-responsive-grid--cell-min-width: 300px; views-responsive-grid--layout-gap: 4px !important;}
	.col-md-12 .views-field-title a {text-transform: uppercase;font-size: 15px;background: rgba(71, 59, 240, 0.8); position: relative; margin-top: -5px; padding: 20px;
  z-index: 200; color: white;}
	.md-objects .md-object.md-layer-1-40-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-40-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-40-0 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-41-1 {margin-left: 50px !important; margin-top: 50px !important;}
	.md-objects .md-object.md-layer-1-41-2 {margin-left: 50px !important; margin-top: 50px !important;}
	.md-objects .md-object.md-layer-1-41-0 {margin-left: 50px !important; margin-top: 50px !important;}
	.md-objects .md-object.md-layer-1-42-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-42-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-42-0 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-1-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-1-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-1-0 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-2-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-2-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-2-0 {margin-left: 50px !important;}
	.div-slider {padding-left: 20px; padding-right: 20px;}
	.hoofdtitel {margin-top: -130px; padding: 82px;}
	.hoofdtitel h2 {font-size: 42px;}
	.embleem-sub-pagina {width: 21%; margin-left: -31px; margin-top: -32px;}
	.DIV-overzicht-stalinrichting {padding-left: 30px; padding-right: 30px;}
	.views-view-responsive-grid__item-inner {background: #6a6a6a12; padding: 15px; border: white solid 2px; height: 515px;}
	  .col-md-12 .views-field-title a {text-transform: uppercase; font-size: 14px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: -4px; padding: 15px;
    z-index: 200; color: white;}
	.field--name-field-foto-kooi {padding-left: 5px; padding-top: 50px; padding-bottom: 40px;}
	.node--type-stalinrichting-varken .field--name-node-title h2 {color: white; font-size: 29px;  margin: 10px 0; margin-left: 0px; margin-left: 0px; text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: -75px;}
	.field--name-field-tekstblok-stalinrichting p {font-size: 18px; float: left; padding-top: 16px; padding-bottom: 23px;}
	.field--name-field-detail-foto-s {padding-left: 15px; padding-right: 15px;}
	.field--name-field-detail-foto-s img {padding: 10px;}
	.ds-2col-stacked-fluid > .group-right {float: right; width: 50%; background: #f5f5f5; padding: 35px;}
	.views-field-field-link-overzicht-horse-housi a {font-size: 20px;}
	.node--type-horse-housing .field--name-node-title h2 {font-size: 34px; margin-left: -96px;}
	.slogan-jobs {font-size: 32px; color: white; background: #473bf0; float: left; padding: 26px; margin-left: -11px; line-height: 35px;}
	.embleem-jobs-pagina {float: left; width: 10%; margin-left: -19px; z-index: 240 !important; position: relative; margin-top: 31px;}
	.div-grid-vacatures {padding-left: 10px; padding-right: 10px;}
	.div-contact-gebouwen {padding-left: 30px; padding-right: 30px; margin-top: 100px;}
	.slogan-contact h2 {color: white; font-size: 35px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
	.slogan-contact {margin-top: -68px; padding: 70px;}
	.embleem-contact {float: left; width: 25%; margin-left: -110px; transform: skewY(-15DEG); margin-top: 81px;}
	.pagina-overzicht-nieuws {padding-left: 20px; padding-right: 20px;}
	.slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -304px; float: left !important; padding: 55px !important; transform: skewY(15deg); width: 39%; margin-left: 100px;}
	 .col-md-7 {width: 100%;}
	.tekst-home-over-ons {font-size: 20px; line-height: 45px; margin-top: 65px;}
	.div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 26px; padding: 20px;}
	.col-md-12 .views-field-title {margin-top: -17px;}
	.slogan-stalinrichting h3 {color: white; font-size: 16px; margin: 10px 0; line-height: 26px; font-weight: 400; text-transform: uppercase;}
	.mixitup-checkboxes .c-checkbox label {font-size: 15px !important; text-transform: uppercase !important;}
	.mixitup-views-filters-form .form-item {margin-top: 10px; float: none; text-align: center; padding-left: 15px;}
	 .md-objects .md-object.md-layer-1-41-0 {font-size: 4.8em !important;}
	.div-realisaties-agrobouw {padding-left:10px; padding-right: 10px;}
	  .div-realisaties-agrobouw .views-view-responsive-grid__item-inner {
  background: none;
  padding: 0;
  border: white solid 0px;
  height: auto;
}
	 

	
	

}

/* Portrait */
@media only screen 
  and (min-device-width: 810px) 
  and (max-device-width: 1080px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {  .c-layout-header .c-navbar {height: 90px;}
	  .embleem {float: left; width: 33%; margin-left: -90px !important; transform: skewY(-15DEG); margin-top: 61px;}
	 .tekst-home-over-ons {padding-left: 0px; font-size: 20px; line-height: 30px; margin-top: 217px;}
	.col-md-3 {margin-top: 55px;}
	     .hoofdtitel {margin-top: -107px; padding: 60px; margin-left: 45px;}
	  .tekst-rubriek {margin-top: 175px; font-size: 19px;}
	  .div-realisaties {padding-left: 10px;padding-right: 10px;}
	  .views-field-field-korte-omschrijving {margin-top: 30px;}
	   .ds-2col-stacked-fluid > .group-right {float: right; width: 90%!important; background: #f5f5f5; padding: 35px;}
	  .slogan-home {margin-top: -144px;}
	   .c-layout-header .c-navbar > .container {position: relative; padding: 0; width: 100%; color: white; margin-top:-4px;}
	   .field--name-body {margin-top: 41px !important;}
	   .c-layout-header.c-layout-header-4 {margin-top: -35px;height: 96px;}
	   .c-navbar-wrapper {background: white; height: 88px; margin-top: -3px;}
	   .c-layout-header-topbar-collapse.c-topbar-expanded .c-layout-header .c-topbar {display: block;margin-top: -12px !important;}
	  .md-slide-wrap {position: relative; height: 770px !important; z-index: 2;}
	   .md-slider-wrap {height: 775px !important;}
	   .md-objects .md-object.md-layer-1-41-0 {font-size: 3.2em;}
	  .md-objects .md-object.md-layer-1-42-1 {font-size: 9.0em;}
	   .md-layer-1-2-0 {width: 27% !important;}
	   .md-layer-1-42-2 {width: 57% !important;}
	   .md-layer-1-1-1 {width: 75% !important;}
	   .md-layer-1-1-0 {width: 76% !important;}
	  .tbm-link {padding-left: 30px;}
	   .hoofdtitel h2 { font-size: 49px;line-height: 43px;}
	   .embleem-sub-pagina {width: 10% !important; margin-left: 8px !important; z-index: 240 !important; position: relative; margin-top: -58px;}
	  .slogan-contact {margin-top: -53px; padding: 46px; width: 389px; height: 243px;}
	  .embleem-contact {float: left; width: 25%; margin-left: -84px; transform: skewY(-15DEG); margin-top: 69px;}
	  .c-layout-header .c-topbar-light.c-solid-bg {background: #f2f2f2; margin-top: -37px;}
	  .c-content-feature-8 > .c-grid > li > .c-card.c-bg-opacity-1 {background-color: rgba(255, 255, 255, 0.1); min-height: 410px;}
	  .c-content-feature-8.c-opt-1 > .c-grid > li > .c-img {background-color: #7e8daa; padding: 128px 80px 129px 80px; height: 410px !important;}
	   .c-layout-header .c-navbar .c-mega-menu.c-pull-right {float: left !important;}
	  .views-field-field-fotoslider-agrobouw {display: block; margin-left: auto; margin-right: auto; width: 85%;}
	  .views-field-field-fotoslider-industriebouw {display: block; margin-left: auto; margin-right: auto; width: 85%;}
	  .hoofdtitel {margin-top: -107px; padding: 60px; margin-left: 150px !important;}
	   .embleem-sub-pagina {width: 10% !important; margin-left: 131px !important; z-index: 240 !important; position: relative; margin-top: -58px;}
	   .tekst-rubriek {margin-top: 118px !important; font-size: 19px;}
	   .mixitup-checkboxes .c-checkbox label {font-size: 14px !important;text-transform: uppercase !important;}
	  .views-field-field-foto-timeline .flexslider {width: 100%; height: auto;}
	  .views-view-responsive-grid__item-inner {height: 280px;}
	  .field--name-field-fotoslider-realisaties {width: 100%; float: left; height: 400px !important;}
	  .node--type-stalinrichting-rundvee .field--name-node-title h2 {margin-left: -100px !important;}
	  .field--name-field-foto-detail-rundvee {padding-left: 10px;padding-right: 10px;width: 100% !important; float: left;}
	    .slogan-contact h2 {font-size: 28px!important;}
	   .embleem-sub-pagina {width: 10% !important; margin-left: 113px !important; z-index: 240 !important; position: relative; margin-top: -58px;}
	  .webform-container-inline div, .webform-container-inline div.form-item { display: inline; width: auto;}
	  .views-view-responsive-grid__item-inner {height: 335px;}
	  .pagina-overzicht-nieuws .views-view-responsive-grid__item-inner {height: 495px;}
	 .pagina-overzicht-nieuws .views-field-body {margin-top: 26px;}
	  .md-layer-1-1-0 {width: 76% !important;}
	  .DIV-overzicht-stalinrichting .views-view-responsive-grid__item-inner {height: 330px;}
	   .field--name-field-tekstblok-stalinrichting {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 53px;
  }
	  
	 
	  


}

/* Landscape */
@media only screen 
  and (min-device-width: 810px) 
  and (max-device-width: 1080px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .views-field-field-fotoslider-agrobouw {display: block; margin-left: auto; margin-right: auto; width: 95% !important;}
	  .views-field-field-fotoslider-industriebouw {display: block; margin-left: auto; margin-right: auto; width: 95% !important;}
	  	  .field--name-field-fotoslider-realisaties {width: 100%; float: left; height: 400px !important;}
	  .field--name-field-foto-detail-rundvee {padding-left: 10px;padding-right: 10px;width: 100% !important; float: left;}


}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) { .slogan-home h2 {color: white; font-size: 38px !important; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
	  .slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -218px; float: left !important; padding: 86px !important; transform: skewY(15deg);}
	  .embleem {float: left; width: 40%; margin-left: -122px !important; transform: skewY(-15DEG); margin-top: 68px;}
	.div-activiteiten-home {padding-left: 20px;padding-right: 20px;padding-bottom: 100px;}
	.titel-activiteit-home a {color: white; background: rgba(71,59,240,0.8); text-align: center; padding: 14px; margin-left: 20px; float: left; z-index: 200;margin-top: -52px;
  position: relative; font-size: 25px;}
.md-objects .md-object.md-layer-1-42-1 {background: rgba(71, 59, 240, 0.7); z-index: 2 !important; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; color: #fcfcfc !important; font-size: 4.5em; font-weight: 300; font-family: "Roboto Condensed";}
	.c-content-title-1 > h3.c-font-uppercase {font-size: 35px; color: #473bf0; font-weight: 400 !important;}
	.DIV-nieuws-home { padding-left: 10px; padding-right: 10px;}
	.DIV-nieuws-home .views-view-responsive-grid {views-responsive-grid--column-count: 3; views-responsive-grid--cell-min-width: 300px; views-responsive-grid--layout-gap: 4px !important;}
	.col-md-12 .views-field-title a {text-transform: uppercase;font-size: 15px;background: rgba(71, 59, 240, 0.8); position: relative; margin-top: -5px; padding: 20px;
  z-index: 200; color: white;}
	.md-objects .md-object.md-layer-1-40-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-40-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-40-0 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-41-1 {margin-left: 50px !important; margin-top: 50px !important;}
	.md-objects .md-object.md-layer-1-41-2 {margin-left: 50px !important; margin-top: 50px !important;}
	.md-objects .md-object.md-layer-1-41-0 {margin-left: 50px !important; margin-top: 50px !important;}
	.md-objects .md-object.md-layer-1-42-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-42-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-42-0 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-1-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-1-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-1-0 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-2-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-2-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-2-0 {margin-left: 50px !important;}
	.div-slider {padding-left: 20px; padding-right: 20px;}
	.hoofdtitel {margin-top: -130px; padding: 82px;}
	.hoofdtitel h2 {font-size: 42px;}
	.embleem-sub-pagina {width: 21%; margin-left: -31px; margin-top: -32px;}
	.DIV-overzicht-stalinrichting {padding-left: 30px; padding-right: 30px;}
	.views-view-responsive-grid__item-inner {background: #6a6a6a12; padding: 15px; border: white solid 2px;}
	  .col-md-12 .views-field-title a {text-transform: uppercase; font-size: 14px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: -4px; padding: 15px;
    z-index: 200; color: white;}
	.field--name-field-foto-kooi {padding-left: 5px; padding-top: 50px; padding-bottom: 40px;}
	.node--type-stalinrichting-varken .field--name-node-title h2 {color: white; font-size: 29px;  margin: 10px 0; margin-left: 0px; margin-left: 0px; text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: -75px;}
	.field--name-field-tekstblok-stalinrichting p {font-size: 18px; float: left; padding-top: 16px; padding-bottom: 23px;}
	.field--name-field-detail-foto-s {padding-left: 15px; padding-right: 15px;}
	.field--name-field-detail-foto-s img {padding: 10px;}
	.ds-2col-stacked-fluid > .group-right {float: right; width: 50%; background: #f5f5f5; padding: 35px;}
	.views-field-field-link-overzicht-horse-housi a {font-size: 20px;}
	.node--type-horse-housing .field--name-node-title h2 {font-size: 34px; margin-left: -96px;}
	.slogan-jobs {font-size: 32px; color: white; background: #473bf0; float: left; padding: 26px; margin-left: -11px; line-height: 35px;}
	.embleem-jobs-pagina {float: left; width: 10%; margin-left: -19px; z-index: 240 !important; position: relative; margin-top: 31px;}
	.div-grid-vacatures {padding-left: 10px; padding-right: 10px;}
	.div-contact-gebouwen {padding-left: 30px; padding-right: 30px; margin-top: 100px;}
	.slogan-contact h2 {color: white; font-size: 35px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
	.slogan-contact {margin-top: -68px; padding: 70px;}
	.embleem-contact {float: left; width: 25%; margin-left: -110px; transform: skewY(-15DEG); margin-top: 81px;}
	.pagina-overzicht-nieuws {padding-left: 20px; padding-right: 20px;}
	.slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -304px; float: left !important; padding: 55px !important; transform: skewY(15deg); width: 39%; margin-left: 100px;}
	 .col-md-7 {width: 100%;}
	.tekst-home-over-ons {font-size: 20px; line-height: 45px; margin-top: 65px;}
	.div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 26px; padding: 20px;}
	.col-md-12 .views-field-title {margin-top: -17px;}
	.slogan-stalinrichting h3 {color: white; font-size: 16px; margin: 10px 0; line-height: 26px; font-weight: 400; text-transform: uppercase;}
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) { .c-layout-header .c-navbar {height: 90px;}
	  .embleem {float: left; width: 33%; margin-left: -90px !important; transform: skewY(-15DEG); margin-top: 61px;}
	.tekst-home-over-ons {padding-left: 50px; font-size: 20px; line-height: 30px; margin-top: 143px;}
	.col-md-3 {margin-top: 55px;}
	   .hoofdtitel h2 {font-size: 38px;}
	     .hoofdtitel {margin-top: -107px; padding: 60px; margin-left: -44px;}
	   .embleem-sub-pagina {width: 12%; margin-left: 12px; margin-top: -32px;}
	  .tekst-rubriek {margin-top: 175px; font-size: 19px;}
	  .div-realisaties {padding-left: 10px;padding-right: 10px;}
	  .ds-2col-stacked-fluid > .group-left {float: left; width: 100% !important;}
	  .div-realisaties-agrobouw {padding-left:10px; padding-right: 10px;}
	  .div-realisaties-agrobouw .views-view-responsive-grid__item-inner {
  background: none;
  padding: 0;
  border: white solid 0px;
  height: auto;
}

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {.slogan-home h2 {color: white; font-size: 38px !important; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
	  .slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -218px; float: left !important; padding: 86px !important; transform: skewY(15deg);}
	  .embleem {float: left; width: 40%; margin-left: -122px !important; transform: skewY(-15DEG); margin-top: 68px;}
	.div-activiteiten-home {padding-left: 20px;padding-right: 20px;padding-bottom: 100px;}
	.titel-activiteit-home a {color: white; background: rgba(71,59,240,0.8); text-align: center; padding: 14px; margin-left: 20px; float: left; z-index: 200;margin-top: -52px;
  position: relative; font-size: 25px;}
.md-objects .md-object.md-layer-1-42-1 {background: rgba(71, 59, 240, 0.7); z-index: 2 !important; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; color: #fcfcfc !important; font-size: 4.5em; font-weight: 300; font-family: "Roboto Condensed";}
	.c-content-title-1 > h3.c-font-uppercase {font-size: 35px; color: #473bf0; font-weight: 400 !important;}
	.DIV-nieuws-home { padding-left: 10px; padding-right: 10px;}
	.DIV-nieuws-home .views-view-responsive-grid {views-responsive-grid--column-count: 3; views-responsive-grid--cell-min-width: 300px; views-responsive-grid--layout-gap: 4px !important;}
	.col-md-12 .views-field-title a {text-transform: uppercase;font-size: 15px;background: rgba(71, 59, 240, 0.8); position: relative; margin-top: -5px; padding: 20px;
  z-index: 200; color: white;}
	.md-objects .md-object.md-layer-1-40-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-40-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-40-0 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-41-1 {margin-left: 50px !important; margin-top: 50px !important;}
	.md-objects .md-object.md-layer-1-41-2 {margin-left: 50px !important; margin-top: 50px !important;}
	.md-objects .md-object.md-layer-1-41-0 {margin-left: 50px !important; margin-top: 50px !important;}
	.md-objects .md-object.md-layer-1-42-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-42-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-42-0 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-1-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-1-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-1-0 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-2-1 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-2-2 {margin-left: 50px !important;}
	.md-objects .md-object.md-layer-1-2-0 {margin-left: 50px !important;}
	.div-slider {padding-left: 20px; padding-right: 20px;}
	.hoofdtitel {margin-top: -130px; padding: 82px;}
	.hoofdtitel h2 {font-size: 42px;}
	.embleem-sub-pagina {width: 21%; margin-left: -31px; margin-top: -32px;}
	.DIV-overzicht-stalinrichting {padding-left: 30px; padding-right: 30px;}
	.views-view-responsive-grid__item-inner {background: #6a6a6a12; padding: 15px; border: white solid 2px; height: 370px;}
	  .col-md-12 .views-field-title a {text-transform: uppercase; font-size: 14px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: -4px; padding: 15px;
    z-index: 200; color: white;}
	.field--name-field-foto-kooi {padding-left: 5px; padding-top: 50px; padding-bottom: 40px;}
	.node--type-stalinrichting-varken .field--name-node-title h2 {color: white; font-size: 29px;  margin: 10px 0; margin-left: 0px; margin-left: 0px; text-transform: uppercase; float: left; background: rgba(71,59,240,0.8); padding: 20px; margin-left: -75px;}
	.field--name-field-tekstblok-stalinrichting p {font-size: 18px; float: left; padding-top: 16px; padding-bottom: 23px;}
	.field--name-field-detail-foto-s {padding-left: 15px; padding-right: 15px;}
	.field--name-field-detail-foto-s img {padding: 10px;}
	.ds-2col-stacked-fluid > .group-right {float: right; width: 50%; background: #f5f5f5; padding: 35px;}
	.views-field-field-link-overzicht-horse-housi a {font-size: 20px;}
	.node--type-horse-housing .field--name-node-title h2 {font-size: 34px; margin-left: -96px;}
	.slogan-jobs {font-size: 32px; color: white; background: #473bf0; float: left; padding: 26px; margin-left: -11px; line-height: 35px;}
	.embleem-jobs-pagina {float: left; width: 10%; margin-left: -19px; z-index: 240 !important; position: relative; margin-top: 31px;}
	.div-grid-vacatures {padding-left: 10px; padding-right: 10px;}
	.div-contact-gebouwen {padding-left: 30px; padding-right: 30px; margin-top: 100px;}
	.slogan-contact h2 {color: white; font-size: 35px; margin: 10px 0; font-weight: 100; transform: skewY(-15DEG);}
	.slogan-contact {margin-top: -68px; padding: 70px;}
	.embleem-contact {float: left; width: 25%; margin-left: -110px; transform: skewY(-15DEG); margin-top: 81px;}
	.pagina-overzicht-nieuws {padding-left: 20px; padding-right: 20px;}
	.slogan-home {background: rgba(71,59,240,0.8); color: white; z-index: 100 !important; margin-top: -304px; float: left !important; padding: 55px !important; transform: skewY(15deg); width: 39%; margin-left: 100px;}
	 .col-md-7 {width: 100%;}
	.tekst-home-over-ons {font-size: 20px; line-height: 45px; margin-top: 65px;}
	.div-over-ons .views-field-title .field-content {background: #473bf0; color: white; font-size: 26px; padding: 20px;}
	.col-md-12 .views-field-title {margin-top: -17px;}
	.slogan-stalinrichting h3 {color: white; font-size: 16px; margin: 10px 0; line-height: 26px; font-weight: 400; text-transform: uppercase;}
	  .div-realisaties-agrobouw {padding-left:10px; padding-right: 10px;}
	  .div-realisaties-agrobouw .views-view-responsive-grid__item-inner {
  background: none;
  padding: 0;
  border: white solid 0px;
  height: auto;
}
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {.c-layout-header .c-navbar {height: 90px;}
	  .embleem {float: left; width: 33%; margin-left: -90px !important; transform: skewY(-15DEG); margin-top: 61px;}
	.tekst-home-over-ons {padding-left: 50px; font-size: 20px; line-height: 30px; margin-top: 143px;}
	.col-md-3 {margin-top: 55px;}
	   .hoofdtitel h2 {font-size: 38px;}
	     .hoofdtitel {margin-top: -107px; padding: 60px; margin-left: -44px;}
	   .embleem-sub-pagina {width: 12%; margin-left: 12px; margin-top: -32px;}
	  .tekst-rubriek {margin-top: 175px; font-size: 19px;}
	  .div-realisaties {padding-left: 10px;padding-right: 10px;}
	  .ds-2col-stacked-fluid > .group-left {float: left; width: 100% !important;}
	  .views-view-responsive-grid__item-inner { background: #6a6a6a12; padding: 14px; border: white solid 10px; height:310px;}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) { .views-field-field-media-industrie {background: #6a6a6a12;  padding: 2px !important; border: white solid 10px;}
}

/* ----------- laptop ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
	and (-webkit-min-device-pixel-ratio: 2)
{ 
}

/* Portrait */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* Landscape */
@media only screen 
  and (min-device-width: 900px) 
  and (max-device-width: 1440px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- laptop 1280 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 950px) 
  and (max-device-width: 1280px) 
	
{ .DIV-overzicht-stalinrichting {padding-left: 10px;padding-right: 10px;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 950px) 
  and (max-device-width: 1280px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* Landscape */
@media only screen 
  and (min-device-width: 950px) 
  and (max-device-width: 1280px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- laptop 1440x900 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 900px) 
  and (max-device-width: 1440px) 
	
{ .DIV-overzicht-stalinrichting {padding-left: 10px; padding-right: 10px;}
	
	.col-md-12 .views-field-title a {text-transform: uppercase; font-size: 16px; background: rgba(71, 59, 240, 0.8); position: relative; margin-top: -40px; padding: 13px; z-index: 200; color: white; line-height: 66px;}
	.col-md-12 .views-field-title a:hover { text-transform: uppercase; font-size: 16px; background: rgba(1991, 211, 0, 0.8); position: relative; margin-top: -40px; padding: 13px; z-index: 200; color: white; line-height: 66px;}
	.div-activiteiten-home {padding-left: 20px; padding-right: 20px; padding-bottom: 100px;}
	.titel-activiteit-home a {color: white; background: rgba(71,59,240,0.8); text-align: center; padding: 23px; margin-left: 20px; float: left; z-index: 200;
  margin-top: -39px; position: relative; font-size: 24px;}
	.titel-activiteit-home a:hover {color: white; background: rgba(199,211,0,0.8); text-align: center; padding: 23px; margin-left: 20px; float: left; z-index: 200;
  margin-top: -39px; position: relative; font-size: 24px;}
	.div-over-ons .col-md-12 .views-field-title {margin-top: -20px;}
	.div-slider {padding-left: 20px;padding-right: 20px;}
	.div-realisaties {padding-left: 40px;padding-right: 40px;}
	.div-realisaties-agrobouw {padding-left:10px; padding-right: 10px;}
	  .div-realisaties-agrobouw .views-view-responsive-grid__item-inner {
  background: none;
  padding: 0;
  border: white solid 0px;
  height: auto;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 900px) 
  and (max-device-width: 1440px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* Landscape */
@media only screen 
  and (min-device-width: 900px) 
  and (max-device-width: 1440px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}