/* FONTS */
@font-face {
  font-family: "Serpentine";
  src: url("fonts/Serpentine-Bold.eot");
  src: url("fonts/Serpentine-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Serpentine-Bold.woff2") format("woff2"), url("fonts/Serpentine-Bold.woff") format("woff"), url("fonts/Serpentine-Bold.ttf") format("truetype"), url("fonts/Serpentine-Bold.svg#Serpentine-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* MARGINS */
/* COLORS */
/* MISC */
.font, html, body, .form_center form textarea, .form_center form input, .form_center form select, .form_center form .form_main_title, #main_nav #nav_items .topnav .link a.mainlink, #main_nav #nav_items .topnav a.contactlink {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font_semibold, .txt ol li::before, .txt b, .txt em, .txt strong, b, em, strong, h3, .h3, .content_page .intro, #case_detail .product_top .meercases a, .downloads a.file_download {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.font_bold, .txt table tbody:first-of-type tr:first-of-type, .form_center .sub_title, .form_center .main_title, .autocomplete-suggestions strong, input.autocomplete, #case_detail .product_top .text .date, .items_filters .filter_group a.active, .bekijkalles a, #search .search_found_item .text a, #flags a.active {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font_light, #search h3 {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.font_thin {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.font_italic, h4, .h4, .pager_nav .desc {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.font_semibold_italic, .txt b i, .txt i b, .txt em i, .txt i em, .txt strong i, .txt i strong {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.font_bold_italic {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.font_light_italic {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.font_thin_italic {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.font2, #products .products .product .text h3, .content_page .groups a, .content_page .maingroups_placeholder div, .content_page .maingroups a, #header .header_content .intro, #toepassingen .toepassingen_detail .left .text2 a.meer, .cta_phone, a.bekijkalle, .items_previews_container_full .items_previews .items_preview .items_preview_content .meer, .items_previews_container_full .items_previews .items_preview .items_preview_content a, .items_previews_container .items_previews .items_preview .items_preview_content .meer, .items_previews_container .items_previews .items_preview .items_preview_content a, .cases_previews_container .cases_previews .cases_preview .cases_preview_content .meer, .cases_previews_container .cases_previews .cases_preview .cases_preview_content a, .groups_previews_container .groups_previews .groups_preview .groups_preview_content .meer, .groups_previews_container .groups_previews .groups_preview .groups_preview_content a, .toepassingen_intro .text .meer, .about_preview .text .meer, .video_preview .text .meer, .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content .meer, .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content a {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font2_semibold, .txt .table .table_row .table_cell .column_title, h2, .h2, h1, .h1, .form_center form .form_title, a.button, .button, a.form_button, #popup_melding a, .popup_content .txt b font, .popup_content .txt font b, .popup_content .txt em font, .popup_content .txt font em, .popup_content .txt strong font, .popup_content .txt font strong, #footer .footer_item .title, #header .header_content .title, #toepassingen .usp_image .title, #toepassingen .toepassingen_detail .left .text1 .title, #case_detail .product_top .meercases .title, .items_previews_container_full .title, .items_filters .filter_group .title, .items_previews_container .title, .cases_previews_container .title, .groups_previews_container .title, .toepassingen_intro .text .title, .about_preview .text .title, .video_preview .text .title, #main_nav #nav_items .link .mainlink {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.font2_bold {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.font2_light {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.font2_thin {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.font2_italic, .txt .txt_quote {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.font2_semibold_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.font2_bold_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.font2_light_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.font2_thin_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.font3, .txt h2 b, .txt h2 i, .txt h2, h2.pre span, .h2.pre span {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font3_semibold {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.font3_bold {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.font3_light, .txt h3 b, .txt h3 i, .txt h3 {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.font3_thin {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.font3_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.font3_semibold_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.font3_bold_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.font3_light_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.font3_thin_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.font4 {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font4_semibold {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.font4_bold {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.font4_light {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.font4_thin {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.font4_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.font4_semibold_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.font4_bold_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.font4_light_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.font4_thin_italic {
  font-family: "Rubik", "Arial", sans-serif;
  font-weight: 500;
  font-style: italic;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.thin_font {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hidden {
  display: none;
}

#container {
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0px auto;
  min-height: 100%;
}
@media screen and (min-width: 1301px) {
  #container {
    overflow: auto !important;
    height: auto !important;
  }
}

* {
  position: relative;
  outline: none;
  border: none;
  -webkit-text-size-adjust: none;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  * {
    border-radius: 0;
  }
}

.wrapper {
  position: relative;
  margin: 0px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 90%;
  max-width: 1600px;
}
@media screen and (max-width: 750px) {
  .wrapper {
    width: 90%;
  }
}

.grid {
  position: relative;
  float: left;
  margin-right: 50px;
  max-width: 100%;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grid img {
  max-width: 100%;
  height: auto;
}

.valign_wrapper {
  position: relative;
  height: 100%;
}
.valign_wrapper .valign_helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.valign_wrapper .valign_content {
  display: inline-block;
  vertical-align: middle;
}

.breakword, .items_previews_container_full .items_previews .items_preview .items_preview_content a, .items_previews_container .items_previews .items_preview .items_preview_content a {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

#flags a {
  display: inline-block;
  margin-right: 15px;
}
.flags {
  position: absolute;
  top: 50px;
  left: 280px;
  z-index: 1;
}
@media screen and (max-width: 1300px) {
  .flags {
    top: 47px;
  }
}
@media screen and (max-width: 1000px) {
  .flags {
    left: 50%;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    top: -10px;
  }
}
.flags a {
  display: inline-block;
  width: 30px;
  margin: 0px 6px;
  opacity: 0.3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.flags a.active, .flags a:hover {
  opacity: 1;
}
.flags a img {
  width: 100%;
  height: auto;
}

#main_nav {
  top: 0px;
  left: 0px;
  width: 100%;
  padding-top: 40px;
  background: none;
  z-index: 999;
  text-align: left;
  background: rgba(15, 68, 146, 0.85);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
#main_nav .overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(15, 68, 146, 0.8);
  display: none;
}
@media screen and (min-width: 1001px) {
  #main_nav .overlay {
    display: none !important;
  }
}
#main_nav a#logo {
  position: absolute;
  top: -38px;
  display: block;
  width: 200px;
  height: 200px;
  line-height: 0px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  background: #f5f5f5;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
  left: 0%;
}
@media screen and (max-width: 1000px) {
  #main_nav a#logo {
    background: none;
    box-shadow: none;
    top: -20px;
    width: 150px;
    height: 150px;
    left: auto;
    right: 0px;
    transform: rotate(10deg);
  }
}
#main_nav a#logo img {
  height: 70%;
  top: 15%;
  width: auto;
}
#main_nav a#logo_mobile {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -75px;
  display: block;
  width: 150px;
  display: none;
}
@media screen and (max-width: 1000px) {
  #main_nav a#logo_mobile {
    display: block;
  }
}
#main_nav a#logo_mobile img {
  width: 100%;
  height: auto;
}
#main_nav #nav_items {
  display: block;
  width: auto;
  text-align: center;
  left: 0px;
  background: #ffffff;
}
@media screen and (min-width: 1001px) {
  #main_nav #nav_items {
    display: block !important;
  }
}
#main_nav #nav_items a.logo, #main_nav #nav_items a.logo_en {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 250px;
  height: 100%;
  background: url(img/layout/logo.png) left center no-repeat;
  background-size: contain;
  z-index: 2;
}
#main_nav #nav_items a.logo.logo_en, #main_nav #nav_items a.logo_en.logo_en {
  background-image: url(img/layout/logo_en.png);
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items a.logo, #main_nav #nav_items a.logo_en {
    display: none;
  }
}
#main_nav #nav_items .mainnav {
  right: -30px;
  padding: 30px 0px 20px 0px;
  text-align: right;
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items .mainnav {
    right: 0px;
  }
}
#main_nav #nav_items .mainnav .link:before {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -17px;
  height: 30px;
  width: 4px;
  right: 0px;
  margin-right: -2px;
  background: #ebebec;
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items .mainnav .link:before {
    display: none;
  }
}
#main_nav #nav_items .mainnav .link:last-of-type:before {
  display: none;
}
#main_nav #nav_items .topnav {
  position: absolute;
  top: -40px;
  left: 15px;
  width: 100%;
  height: 40px;
  overflow: hidden;
  text-align: right;
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items .topnav {
    position: relative;
    top: 0px;
    left: 0px;
    height: auto;
  }
}
#main_nav #nav_items .topnav a.contactlink {
  display: inline-block;
  float: right;
  margin-left: 0px;
  color: #ffffff;
  padding: 9px 15px;
  font-size: 0.8em;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items .topnav a.contactlink {
    color: #151515;
    float: none;
    display: block;
    text-align: center;
    padding: 5px;
  }
  #main_nav #nav_items .topnav a.contactlink:hover {
    background: none !important;
  }
}
#main_nav #nav_items .topnav a.contactlink span {
  display: inline-block;
  margin-right: 5px;
}
#main_nav #nav_items .topnav a.contactlink:hover {
  background: #0f4492;
}
#main_nav #nav_items .topnav .link {
  padding: 0px;
}
#main_nav #nav_items .topnav .link a.mainlink {
  padding: 5px 15px;
  font-size: 0.9em;
  line-height: 30px;
  margin-left: 2px;
  color: #ffffff;
  opacity: 0.9;
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items .topnav .link a.mainlink {
    color: #151515; /*@extend .font_bold;*/
    padding: 0px;
  }
  #main_nav #nav_items .topnav .link a.mainlink:hover, #main_nav #nav_items .topnav .link a.mainlink.active {
    background: none !important;
  }
  #main_nav #nav_items .topnav .link a.mainlink.active:before {
    display: block;
    bottom: 2px;
    height: 2px;
  }
}
#main_nav #nav_items .topnav .link a.mainlink:hover, #main_nav #nav_items .topnav .link a.mainlink.active {
  background: #0f4492;
}
#main_nav #nav_items .topnav .link a.mainlink:before {
  display: none;
}
#main_nav #nav_items .topnav .link a.mainlink:hover {
  opacity: 1;
}
#main_nav #nav_items .topnav .link a.mainlink.active {
  opacity: 1;
}
@media screen and (min-width: 1001px) {
  #main_nav #nav_items .left {
    width: 50%;
    text-align: left;
    float: left;
    padding-left: 20px;
  }
  #main_nav #nav_items .right {
    width: 50%;
    text-align: right;
    float: right;
    padding-right: 20px;
  }
}
#main_nav #nav_items .link {
  display: inline-block;
  padding: 15px 25px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items .link {
    margin: 0px 5px;
  }
}
#main_nav #nav_items .link .line {
  position: absolute;
  display: inline-block;
  width: 5%;
  left: 47.5%;
  margin-left: 20px;
  opacity: 0;
  height: 1px;
  background: #2A3E32;
  bottom: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items .link .line {
    display: none;
  }
}
#main_nav #nav_items .link:hover .line {
  width: calc(100% - 25px);
  opacity: 1;
  left: 0%;
}
#main_nav #nav_items .link.active .line {
  display: none;
}
#main_nav #nav_items .link .mainlink {
  display: inline-block;
  color: #0c4da2;
  font-size: 1.5em;
  line-height: 1.2em;
  padding: 8px 5px;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 2;
}
#main_nav #nav_items .link .mainlink:before {
  position: absolute;
  content: "";
  bottom: 5px;
  left: 0px;
  width: 100%;
  height: 5px;
  background: #ebebec;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
@media screen and (max-width: 1300px) {
  #main_nav #nav_items .link .mainlink {
    font-size: 1.3em;
    line-height: 1.2em;
  }
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items .link .mainlink {
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 8px 5px 5px 5px;
  }
}
#main_nav #nav_items .link .mainlink:hover:before, #main_nav #nav_items .link .mainlink.active:before {
  opacity: 1;
}
#main_nav #nav_items .link .mainlink.active:before {
  background: #cf0f14;
}
#main_nav #nav_items .main_nav_subs {
  display: none;
}
#main_nav .mainnav_subs {
  display: none !important;
}
#main_nav #hamburger {
  position: absolute;
  display: none;
  font-size: 50px;
  padding: 0px;
  height: 47px;
  width: 52px;
  color: #0c4da2;
  background: none;
  cursor: pointer;
  text-align: center;
  top: 18px;
  right: 0px;
  margin-right: 20px;
  line-height: 30px;
  z-index: 4;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main_nav #hamburger {
    top: 12px;
  }
}
@media screen and (max-width: 450px) {
  #main_nav #hamburger { /*left: -10px; top: 13px;*/ }
}
#main_nav #hamburger[data-icon=M] {
  position: absolute;
  top: 10px;
  right: 5vw;
  margin-right: 10px;
  margin-top: 5%;
}
@media screen and (max-width: 450px) {
  #main_nav #hamburger[data-icon=M] { /*top: 5vw;*/ }
}
#main_nav #hamburger_close {
  position: fixed;
  display: none !important;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  #main_nav {
    background: #ffffff;
    height: 80px !important;
  }
}
@media screen and (max-width: 1000px) and (max-width: 750px) {
  #main_nav {
    height: 70px !important;
  }
}
@media screen and (max-width: 1000px) {
  #main_nav:after {
    position: absolute;
    content: "";
    top: 20%;
    left: 0px;
    width: 100%;
    height: 60%;
    background: url(img/layout/logo.png) center center no-repeat;
    background-size: contain;
    pointer-events: none;
  }
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items {
    position: absolute;
    float: none !important;
    width: 90vw !important;
    height: calc(85vh - 5vw);
    background: #ffffff;
    left: 5%;
    top: 25px;
    width: 100%;
    padding: 40px 0px 15px 0px !important;
    display: inline-block;
    z-index: 3;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    text-align: center;
    border: none;
  }
}
@media screen and (max-width: 1000px) and (max-width: 750px) {
  #main_nav #nav_items {
    top: 5vw;
  }
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items .link {
    margin: 0px 10px !important;
    display: block !important;
  }
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items a.link {
    float: none !important;
    display: block !important;
    text-align: left !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px !important;
  }
  #main_nav #nav_items a.link:hover, #main_nav #nav_items a.link.active {
    background: none !important;
    text-decoration: none !important;
  }
  #main_nav #nav_items a.link .line {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items .link {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 1000px) {
  #main_nav #nav_items div.link {
    display: block !important;
    color: #2A3E32 !important;
    padding: 0px !important;
  }
  #main_nav #nav_items div.link .icon {
    position: absolute;
    width: 30px !important;
    top: 10px;
    left: 10px;
    font-size: 2em !important;
  }
  #main_nav #nav_items div.link:hover, #main_nav #nav_items div.link.active {
    color: #2A3E32 !important;
  }
  #main_nav #nav_items div.link .dropdown {
    position: relative;
    top: -5px;
    margin-left: 0px;
    background: none;
    display: block !important;
  }
  #main_nav #nav_items div.link .dropdown a {
    display: inline-block !important;
    margin: 0px 5px !important;
    font-size: 0.5em;
    color: #ffffff;
  }
  #main_nav #nav_items div.link .dropdown a:hover, #main_nav #nav_items div.link .dropdown a.active {
    color: #ffffff;
    background: none !important;
  }
  #main_nav #nav_items div.link .dropdown.hide_small {
    display: none !important;
  }
  #main_nav #nav_items div.link.dd_archive .dropdown a {
    display: inline-block;
  }
}
@media screen and (max-width: 1000px) {
  #main_nav #hamburger {
    display: block !important;
  }
}

.toepassingen_previews_container:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 300px;
  background: #ebebec;
}
@media screen and (max-width: 750px) {
  .toepassingen_previews_container:before {
    height: 350px;
  }
}
@media screen and (max-width: 750px) {
  .toepassingen_previews_container {
    padding-bottom: 150px;
    margin-bottom: -150px;
  }
}
.toepassingen_previews_container .wrapper {
  max-width: 1600px;
  z-index: 1;
}
@media screen and (min-width: 1451px) {
  .toepassingen_previews_container .toepassingen_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(4n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .toepassingen_previews_container .toepassingen_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(4n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .toepassingen_previews_container .toepassingen_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(4n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .toepassingen_previews_container .toepassingen_previews {
    width: 104%;
    left: -2%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .toepassingen_previews_container .toepassingen_previews {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (max-width: 450px) {
  .toepassingen_previews_container .toepassingen_previews {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1451px) {
  .toepassingen_previews_container .toepassingen_previews {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .toepassingen_previews_container .toepassingen_previews {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .toepassingen_previews_container .toepassingen_previews {
    padding-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .toepassingen_previews_container .toepassingen_previews {
    padding-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .toepassingen_previews_container .toepassingen_previews {
    padding-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  .toepassingen_previews_container .toepassingen_previews {
    padding-top: 25px;
  }
}
.toepassingen_previews_container .toepassingen_previews .toepassingen_preview {
  vertical-align: top;
}
@media screen and (min-width: 1451px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview {
    position: relative;
    display: inline-block;
    width: 25%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(4n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double {
    width: 50% !important;
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.88%;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview {
    position: relative;
    display: inline-block;
    width: 25%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(4n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double {
    width: 50% !important;
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.88%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview {
    position: relative;
    display: inline-block;
    width: 25%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(4n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double {
    width: 50% !important;
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.88%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0px 2% 4% 2% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double {
    width: 100% !important;
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.92%;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double {
    width: 100% !important;
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.9%;
  }
}
@media screen and (max-width: 450px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double {
    width: 100% !important;
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.9%;
  }
}
.toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0);
  background: none;
  padding: 0px 0px 20px 0px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
@media screen and (max-width: 1000px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    background: #ffffff;
  }
}
@media screen and (max-width: 750px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content {
    padding-bottom: 0px;
  }
}
.toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 1px;
  height: 5px;
  background: #cf0f14;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content a {
  display: block;
  font-size: 1.5em;
  line-height: 1em;
  text-align: center;
  background: #ffffff;
  color: #0c4da2;
  text-transform: uppercase;
  padding: 20px 0px 18px 0px;
}
@media screen and (max-width: 750px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content a {
    font-size: 1.2em;
  }
}
.toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content .image {
  width: 100%;
  padding-top: 76%;
  margin-bottom: 15px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content .image {
    margin-bottom: 0px;
  }
}
.toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content .text {
  font-size: 0.9em;
  line-height: 1.4em;
  padding: 0px 20px;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
@media screen and (max-width: 1000px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content .text {
    opacity: 0.8;
  }
}
@media screen and (max-width: 750px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content .text {
    display: none;
  }
}
.toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content .meer {
  color: #0c4da2;
  text-transform: uppercase;
  text-align: right;
  margin-top: 20px;
  padding-right: 20px;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
@media screen and (max-width: 1000px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content .meer {
    opacity: 1;
  }
}
@media screen and (max-width: 750px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content .meer {
    display: none;
  }
}
.toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content .meer span {
  display: inline-block;
  margin-left: 10px;
  color: #cf0f14;
}
@media screen and (min-width: 1001px) {
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content:hover {
    background: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content:hover:before {
    width: 100%;
    opacity: 1;
  }
  .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content:hover .text, .toepassingen_previews_container .toepassingen_previews .toepassingen_preview .toepassingen_preview_content:hover .meer {
    opacity: 0.8;
  }
}

.video_preview {
  z-index: 1;
}
@media screen and (min-width: 1451px) {
  .video_preview {
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .video_preview {
    padding-bottom: 75px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .video_preview {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .video_preview {
    padding-bottom: 45px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .video_preview {
    padding-bottom: 37.5px;
  }
}
@media screen and (max-width: 450px) {
  .video_preview {
    padding-bottom: 37.5px;
  }
}
@media screen and (max-width: 1000px) {
  .video_preview {
    margin-bottom: 0px;
    margin-top: 20px;
  }
}
.video_preview .text {
  position: absolute;
  top: -50px;
  right: 0px;
  width: 550px;
  background: #0c4da2;
  color: #ffffff;
  padding: 35px;
  z-index: 1;
  cursor: pointer;
}
.video_preview .text .title {
  font-size: 1.5em;
  line-height: 1.4em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.video_preview .text .meer {
  text-transform: uppercase;
  text-align: right;
  margin-top: 20px;
}
.video_preview .text .meer span {
  display: inline-block;
  margin-left: 10px;
}
.video_preview .text a, .video_preview .text a:hover {
  color: #ffffff !important;
}
@media screen and (max-width: 1000px) {
  .video_preview .text {
    position: relative;
    top: 0px;
    width: 100%;
  }
}
.video_preview .image, .video_preview .video {
  display: block;
  width: calc(100% - 400px);
  padding-top: 30%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.video_preview .image.video:after, .video_preview .video.video:after {
  position: absolute;
  content: "";
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  background: url(img/layout/play.png) center center no-repeat;
  background-size: 150px auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.video_preview .image.video:hover:after, .video_preview .video.video:hover:after {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 1000px) {
  .video_preview .image, .video_preview .video {
    float: none;
    width: 100%;
    padding-top: 60%;
    margin-top: 0px;
  }
}
.video_preview.video_preview_solo {
  padding-bottom: 0px;
}
.video_preview.video_preview_solo .video {
  width: 100%;
  padding-top: 50%;
}

.about_preview {
  z-index: 1;
}
@media screen and (min-width: 1451px) {
  .about_preview {
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .about_preview {
    padding-bottom: 75px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .about_preview {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .about_preview {
    padding-bottom: 45px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .about_preview {
    padding-bottom: 37.5px;
  }
}
@media screen and (max-width: 450px) {
  .about_preview {
    padding-bottom: 37.5px;
  }
}
@media screen and (min-width: 1451px) {
  .about_preview {
    margin-bottom: -120px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .about_preview {
    margin-bottom: -100px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .about_preview {
    margin-bottom: -80px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .about_preview {
    margin-bottom: -60px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .about_preview {
    margin-bottom: -50px;
  }
}
@media screen and (max-width: 450px) {
  .about_preview {
    margin-bottom: -50px;
  }
}
@media screen and (max-width: 1000px) {
  .about_preview {
    margin-bottom: 0px;
  }
}
.about_preview .text {
  width: 45%;
  background: #0c4da2;
  color: #ffffff;
  padding: 35px;
  z-index: 1;
  cursor: pointer;
}
.about_preview .text .title {
  font-size: 1.5em;
  line-height: 1.4em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.about_preview .text .meer {
  text-transform: uppercase;
  text-align: right;
  margin-top: 20px;
}
.about_preview .text .meer span {
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 1000px) {
  .about_preview .text {
    width: 100%;
  }
}
.about_preview .image, .about_preview .video {
  display: block;
  margin-top: -150px;
  float: right;
  width: 60%;
  padding-top: 30%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.about_preview .image.video:after, .about_preview .video.video:after {
  position: absolute;
  content: "";
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  background: url(img/layout/play.png) center center no-repeat;
  background-size: 150px auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.about_preview .image.video:hover:after, .about_preview .video.video:hover:after {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 1000px) {
  .about_preview .image, .about_preview .video {
    float: none;
    width: 100%;
    padding-top: 60%;
    margin-top: 0px;
  }
}

@media screen and (min-width: 1451px) {
  .toepassingen_intro {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .toepassingen_intro {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .toepassingen_intro {
    margin-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .toepassingen_intro {
    margin-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .toepassingen_intro {
    margin-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  .toepassingen_intro {
    margin-top: 25px;
  }
}
@media screen and (min-width: 1451px) {
  .toepassingen_intro {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .toepassingen_intro {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .toepassingen_intro {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .toepassingen_intro {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .toepassingen_intro {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  .toepassingen_intro {
    margin-bottom: 25px;
  }
}
.toepassingen_intro .text {
  width: 45%;
  background: #0c4da2;
  color: #ffffff;
  padding: 35px;
  z-index: 1;
  cursor: pointer;
}
.toepassingen_intro .text .title {
  font-size: 1.5em;
  line-height: 1.4em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.toepassingen_intro .text .meer {
  text-transform: uppercase;
  text-align: right;
  margin-top: 20px;
}
.toepassingen_intro .text .meer span {
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 1000px) {
  .toepassingen_intro .text {
    width: 100%;
  }
}
.toepassingen_intro .images {
  display: block;
  margin-top: -150px;
  float: right;
  width: 60%;
}
@media screen and (max-width: 1000px) {
  .toepassingen_intro .images {
    float: none;
    width: 100%;
    margin-top: 0px;
    text-align: center;
  }
}
.toepassingen_intro .images a {
  display: inline-block;
  width: 30%;
  margin-left: 3%;
  padding-top: 30%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 1000px) {
  .toepassingen_intro .images a {
    margin: 2% 0px;
    width: 32%;
  }
  .toepassingen_intro .images a:nth-of-type(1), .toepassingen_intro .images a:nth-of-type(2) {
    margin-right: 2%;
  }
  .toepassingen_intro .images a:nth-of-type(3) {
    margin-right: 0px;
  }
}
@media screen and (max-width: 750px) {
  .toepassingen_intro .images a {
    width: calc(50% - 10px);
    padding-top: 45%;
    margin: 20px 0px;
  }
  .toepassingen_intro .images a:nth-of-type(1) {
    margin-right: 20px;
  }
  .toepassingen_intro .images a:nth-of-type(2) {
    margin-right: 0px;
  }
  .toepassingen_intro .images a:nth-of-type(3) {
    display: none;
  }
}

.groups_previews_container {
  background: #ebebec;
}
@media screen and (min-width: 1451px) {
  .groups_previews_container {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .groups_previews_container {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .groups_previews_container {
    padding-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .groups_previews_container {
    padding-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .groups_previews_container {
    padding-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  .groups_previews_container {
    padding-top: 25px;
  }
}
@media screen and (min-width: 1451px) {
  .groups_previews_container {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .groups_previews_container {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .groups_previews_container {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .groups_previews_container {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .groups_previews_container {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  .groups_previews_container {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .groups_previews_container {
    padding-top: 200px;
    margin-top: -200px;
  }
}
@media screen and (max-width: 750px) {
  .groups_previews_container {
    background: #ffffff;
    padding: 0px;
    margin-top: 0px;
  }
}
.groups_previews_container .swiper-container {
  max-width: 1700px;
  width: calc(100% - 200px);
  margin: 0px auto;
}
@media screen and (max-width: 750px) {
  .groups_previews_container .swiper-container {
    width: calc(100% - 80px);
  }
}
.groups_previews_container .title {
  display: inline-block;
  padding: 18px 30px 15px 30px;
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  background: #0c4da2;
  color: #ffffff;
}
@media screen and (max-width: 1000px) {
  .groups_previews_container .title {
    display: none;
  }
}
.groups_previews_container .groups_previews {
  padding-top: 3% !important;
}
@media screen and (min-width: 1451px) {
  .groups_previews_container .groups_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(4n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .groups_previews_container .groups_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .groups_previews_container .groups_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .groups_previews_container .groups_previews {
    width: 104%;
    left: -2%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .groups_previews_container .groups_previews {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (max-width: 450px) {
  .groups_previews_container .groups_previews {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
.groups_previews_container .groups_previews .groups_preview {
  vertical-align: top;
}
@media screen and (min-width: 1451px) {
  .groups_previews_container .groups_previews .groups_preview {
    position: relative;
    display: inline-block;
    width: 25%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(4n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double {
    width: 50% !important;
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.88%;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .groups_previews_container .groups_previews .groups_preview {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .groups_previews_container .groups_previews .groups_preview {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .groups_previews_container .groups_previews .groups_preview {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0px 2% 4% 2% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double {
    width: 100% !important;
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.92%;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .groups_previews_container .groups_previews .groups_preview {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double {
    width: 200% !important;
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.95%;
  }
}
@media screen and (max-width: 450px) {
  .groups_previews_container .groups_previews .groups_preview {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double {
    width: 200% !important;
  }
  .groups_previews_container .groups_previews .groups_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.95%;
  }
}
.groups_previews_container .groups_previews .groups_preview .groups_preview_content {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0);
  background: #ffffff;
  padding: 20px;
  padding-top: 70px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.groups_previews_container .groups_previews .groups_preview .groups_preview_content:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 1px;
  height: 5px;
  background: #cf0f14;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.groups_previews_container .groups_previews .groups_preview .groups_preview_content a {
  position: absolute;
  top: 25px;
  left: 0px;
  width: 100%;
  padding: 0px 20px;
  display: block;
  font-size: 1.5em;
  line-height: 1em;
  text-align: center;
  color: #0c4da2;
  text-transform: uppercase;
  margin-bottom: 20px;
  border-bottom: 2px solid #ebebec;
  padding-bottom: 18px;
  z-index: 1;
  background: #ffffff;
}
.groups_previews_container .groups_previews .groups_preview .groups_preview_content .image {
  width: 100%;
  padding-top: 70%;
  margin-bottom: 10px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.groups_previews_container .groups_previews .groups_preview .groups_preview_content .text {
  font-size: 0.9em;
  line-height: 1.4em;
  height: 80px;
  opacity: 0.8;
  overflow: hidden;
}
.groups_previews_container .groups_previews .groups_preview .groups_preview_content .meer {
  color: #0c4da2;
  text-transform: uppercase;
  text-align: right;
  margin-top: 20px;
}
.groups_previews_container .groups_previews .groups_preview .groups_preview_content .meer span {
  display: inline-block;
  margin-left: 10px;
  color: #cf0f14;
}
@media screen and (min-width: 1001px) {
  .groups_previews_container .groups_previews .groups_preview .groups_preview_content:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  }
  .groups_previews_container .groups_previews .groups_preview .groups_preview_content:hover:before {
    width: 100%;
    opacity: 1;
  }
}

.cases_previews_container {
  padding: 20px 0px;
}
@media screen and (max-width: 1000px) {
  .cases_previews_container {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .cases_previews_container {
    background: #ffffff;
    padding: 0px;
    margin-top: 0px;
  }
}
.cases_previews_container .swiper-container {
  margin: 0px auto;
}
@media screen and (max-width: 750px) {
  .cases_previews_container .swiper-container {
    width: calc(100% - 80px);
  }
}
.cases_previews_container .title {
  display: inline-block;
  padding: 18px 30px 15px 30px;
  font-size: 1.5em;
  line-height: 1em;
  margin-bottom: 20px;
  text-transform: uppercase;
  background: #0c4da2;
  color: #ffffff;
}
@media screen and (max-width: 1000px) {
  .cases_previews_container .title {
    display: none;
  }
}
.cases_previews_container .cases_previews {
  padding-top: 75px !important;
}
.cases_previews_container .cases_previews .cases_preview {
  width: 400px;
  vertical-align: top;
}
.cases_previews_container .cases_previews .cases_preview .cases_preview_content {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0);
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.cases_previews_container .cases_previews .cases_preview .cases_preview_content:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 1px;
  height: 5px;
  background: #cf0f14;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  z-index: 1;
}
.cases_previews_container .cases_previews .cases_preview .cases_preview_content a {
  position: absolute;
  bottom: 100%;
  background: #0c4da2;
  display: block;
  font-size: 1.3em;
  line-height: 1em;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
  padding: 15px 20px 13px 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  opacity: 0;
}
.cases_previews_container .cases_previews .cases_preview .cases_preview_content .image {
  width: 100%;
  padding-top: 70%;
  margin-bottom: 0px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #eeeeee;
}
.cases_previews_container .cases_previews .cases_preview .cases_preview_content .text {
  font-size: 0.8em;
  line-height: 1.4em;
  height: 75px;
  overflow: hidden;
}
.cases_previews_container .cases_previews .cases_preview .cases_preview_content .meer {
  color: #0c4da2;
  text-transform: uppercase;
  background: #ffffff;
  text-align: right;
  padding: 20px;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.cases_previews_container .cases_previews .cases_preview .cases_preview_content .meer span {
  display: inline-block;
  margin-left: 10px;
  color: #cf0f14;
}
@media screen and (min-width: 1001px) {
  .cases_previews_container .cases_previews .cases_preview .cases_preview_content:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  }
  .cases_previews_container .cases_previews .cases_preview .cases_preview_content:hover:before, .cases_previews_container .cases_previews .cases_preview .cases_preview_content:hover a, .cases_previews_container .cases_previews .cases_preview .cases_preview_content:hover .meer {
    width: 100%;
    opacity: 1;
  }
}

#home .toepassingen_previews_container:after {
  position: absolute;
  content: "";
  top: 270px;
  left: 0px;
  width: 100%;
  height: 30px;
  background: url(img/layout/pattern_white.png) center bottom repeat;
  background-size: 100px auto;
}
@media screen and (max-width: 750px) {
  #home .toepassingen_previews_container:after {
    top: 320px;
  }
}
#home .groups_previews_container {
  margin-top: 100px !important;
  padding-top: 75px;
}
@media screen and (max-width: 750px) {
  #home .groups_previews_container {
    margin-top: 0px !important;
    padding-top: 0px;
  }
}
#home .groups_previews_container:after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  background: url(img/layout/pattern_white.png) center bottom repeat;
  background-size: 100px auto;
}

#search {
  text-align: center;
  background: #ebebec;
}
@media screen and (min-width: 1451px) {
  #search {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #search {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #search {
    padding-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #search {
    padding-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #search {
    padding-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  #search {
    padding-top: 25px;
  }
}
@media screen and (min-width: 1451px) {
  #search {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #search {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #search {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #search {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #search {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  #search {
    padding-bottom: 25px;
  }
}
#search h1 {
  color: #cf0f14;
  margin-bottom: 25px;
}
#search h1 span {
  display: block;
  color: #151515;
  font-size: 0.8em;
  line-height: 1em;
}
#search h3 {
  text-align: center;
  margin-top: 25px;
}
#search .search_found_item {
  display: block;
  max-width: 500px;
  margin: 15px auto;
  background: #ffffff;
  cursor: pointer;
}
#search .search_found_item .image {
  display: inline-block;
  vertical-align: top;
  width: 150px;
  height: 125px;
  background-position: center center;
  background-size: cover;
  border-right: 3px solid #ebebec;
}
#search .search_found_item .text {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 150px);
  text-align: left;
  left: -3px;
  padding: 20px 25px;
  border-left: 3px solid #ebebec;
}
#search .search_found_item .text a {
  color: #0c4da2;
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 5px;
}
#search .search_found_item .text a:after {
  position: absolute;
  top: 1px;
  right: 0px;
  content: "\f061" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  color: #0c4da2;
  font-size: 14px;
}
#search .search_found_item .text .desc {
  font-size: 0.8em;
  line-height: 1.2em;
  opacity: 0.75;
}

.items_previews_container {
  padding-top: 75px;
  padding-bottom: 30px;
  background: #ebebec;
}
@media screen and (min-width: 1451px) {
  .items_previews_container {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .items_previews_container {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .items_previews_container {
    margin-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .items_previews_container {
    margin-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .items_previews_container {
    margin-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  .items_previews_container {
    margin-top: 25px;
  }
}
.items_previews_container:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  background: url(img/layout/pattern_white.png) center bottom repeat;
  background-size: 100px auto;
}
.items_previews_container:after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  background: url(img/layout/pattern_white.png) center bottom repeat;
  background-size: 100px auto;
}
@media screen and (max-width: 1000px) {
  .items_previews_container {
    padding-top: 200px;
    margin-top: -200px;
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .items_previews_container {
    background: #ffffff;
    padding: 0px;
    margin-top: 0px;
    display: none;
  }
}
.items_previews_container .wrapper, .items_previews_container .swiper-container {
  max-width: 1600px;
  width: 90%; /*width: calc(100% - 200px);*/
  margin: 0px auto;
}
@media screen and (max-width: 750px) {
  .items_previews_container .wrapper, .items_previews_container .swiper-container { /*width: calc(100% - 80px);*/ }
}
.items_previews_container .title {
  display: inline-block;
  padding: 18px 30px 15px 30px;
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  background: #0c4da2;
  color: #ffffff;
}
.items_previews_container .items_previews {
  padding-top: 3% !important;
}
@media screen and (min-width: 1451px) {
  .items_previews_container .items_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(4n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .items_previews_container .items_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .items_previews_container .items_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .items_previews_container .items_previews {
    width: 104%;
    left: -2%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .items_previews_container .items_previews {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (max-width: 450px) {
  .items_previews_container .items_previews {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
.items_previews_container .items_previews .items_preview {
  vertical-align: top;
}
@media screen and (min-width: 1451px) {
  .items_previews_container .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 25%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(4n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double {
    width: 50% !important;
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.88%;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .items_previews_container .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .items_previews_container .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .items_previews_container .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0px 2% 4% 2% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double {
    width: 100% !important;
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.92%;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .items_previews_container .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double {
    width: 200% !important;
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.95%;
  }
}
@media screen and (max-width: 450px) {
  .items_previews_container .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double {
    width: 200% !important;
  }
  .items_previews_container .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.95%;
  }
}
@media screen and (max-width: 1450px) {
  .items_previews_container .items_previews .items_preview {
    /*&:nth-of-type(4) { display: none;}*/
  }
}
@media screen and (max-width: 1000px) {
  .items_previews_container .items_previews .items_preview {
    /*&:nth-of-type(3) { display: none;}*/
  }
}
.items_previews_container .items_previews .items_preview .items_preview_content {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0);
  background: #ffffff;
  padding: 70px 0px 20px 0px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.items_previews_container .items_previews .items_preview .items_preview_content:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 1px;
  height: 5px;
  background: #cf0f14;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.items_previews_container .items_previews .items_preview .items_preview_content a {
  position: absolute;
  top: 20px;
  display: block;
  width: 100%;
  font-size: 1.3em;
  line-height: 1em;
  text-align: center;
  color: #0c4da2;
  text-transform: uppercase;
  margin-bottom: 10px;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  padding: 0px 15px;
  z-index: 1;
  border-bottom: 2px solid #ebebec;
  background: #ffffff;
  padding-bottom: 13px;
}
.items_previews_container .items_previews .items_preview .items_preview_content .image {
  width: 100%;
  padding-top: 70%;
  margin-bottom: 0px;
  background-position: center center;
  background-size: 80% auto;
  background-repeat: no-repeat;
}
.items_previews_container .items_previews .items_preview .items_preview_content .text {
  font-size: 0.8em;
  line-height: 1.4em;
  height: 75px;
  overflow: hidden;
}
.items_previews_container .items_previews .items_preview .items_preview_content .meer {
  color: #0c4da2;
  text-transform: uppercase;
  text-align: right;
  margin-top: 20px;
  padding-right: 20px;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.items_previews_container .items_previews .items_preview .items_preview_content .meer span {
  display: inline-block;
  margin-left: 10px;
  color: #cf0f14;
}
@media screen and (min-width: 1001px) {
  .items_previews_container .items_previews .items_preview .items_preview_content:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  }
  .items_previews_container .items_previews .items_preview .items_preview_content:hover a, .items_previews_container .items_previews .items_preview .items_preview_content:hover .meer, .items_previews_container .items_previews .items_preview .items_preview_content:hover:before {
    width: 100%;
    opacity: 1;
  }
}
.items_previews_container .swiper_btns .swiper_btn {
  background: #ebebec;
}

.items_filters_container {
  background: #ebebec;
}
@media screen and (min-width: 1451px) {
  .items_filters_container {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .items_filters_container {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .items_filters_container {
    padding-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .items_filters_container {
    padding-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .items_filters_container {
    padding-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  .items_filters_container {
    padding-top: 25px;
  }
}
@media screen and (min-width: 1451px) {
  .items_filters_container {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .items_filters_container {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .items_filters_container {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .items_filters_container {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .items_filters_container {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  .items_filters_container {
    padding-bottom: 25px;
  }
}
.items_filters_container .wrapper {
  max-width: 1600px;
}

.bekijkalles {
  text-align: center;
  padding-bottom: 40px;
}
.bekijkalles a {
  display: inline-block;
  text-transform: uppercase;
  color: #0c4da2 !important;
}
.bekijkalles a span {
  display: inline-block;
  margin-left: 7px;
  color: #0c4da2;
}

.items_filters {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin-right: 50px;
}
@media screen and (max-width: 1300px) {
  .items_filters {
    width: 275px;
    margin-right: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .items_filters {
    display: block;
    width: 100%;
    margin-right: 0px;
  }
}
.items_filters .filter_group {
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .items_filters .filter_group {
    display: inline-block;
    width: calc(50% - 75px);
    vertical-align: top;
  }
  .items_filters .filter_group:nth-of-type(3) {
    width: 150px;
  }
}
@media screen and (max-width: 750px) {
  .items_filters .filter_group {
    display: none;
  }
}
.items_filters .filter_group .title {
  text-transform: uppercase;
  color: #0c4da2;
  font-size: 1.2em;
  line-height: 1em;
  margin-bottom: 5px;
}
.items_filters .filter_group a {
  display: inline-block;
  padding: 3px 8px;
  border-left: 4px solid #ffffff;
}
.items_filters .filter_group a:hover {
  background: #ffffff;
}
.items_filters .filter_group a.active {
  color: #0c4da2;
  background: #0c4da2;
  color: #ffffff;
  border-left: none;
  padding-left: 12px;
}
.items_filters .filter_group a.active:hover {
  background: #0c4da2;
}

.items_previews_container_full {
  background: #ebebec;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 350px);
}
@media screen and (max-width: 1300px) {
  .items_previews_container_full {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 1000px) {
  .items_previews_container_full {
    display: block;
    width: 100%;
  }
}
.items_previews_container_full .wrapper, .items_previews_container_full .swiper-container {
  max-width: 1700px;
  width: 90%;
  margin: 0px auto;
}
.items_previews_container_full .title {
  display: inline-block;
  padding: 18px 30px 15px 30px;
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  background: #0c4da2;
  color: #ffffff;
}
@media screen and (min-width: 1451px) {
  .items_previews_container_full .items_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .items_previews_container_full .items_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .items_previews_container_full .items_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .items_previews_container_full .items_previews {
    width: 104%;
    left: -2%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .items_previews_container_full .items_previews {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (max-width: 450px) {
  .items_previews_container_full .items_previews {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
.items_previews_container_full .items_previews .items_preview {
  vertical-align: top;
}
@media screen and (min-width: 1451px) {
  .items_previews_container_full .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .items_previews_container_full .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .items_previews_container_full .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 50%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double {
    width: 100% !important;
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.94%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .items_previews_container_full .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0px 2% 4% 2% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double {
    width: 100% !important;
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.92%;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .items_previews_container_full .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double {
    width: 200% !important;
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.95%;
  }
}
@media screen and (max-width: 450px) {
  .items_previews_container_full .items_previews .items_preview {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double {
    width: 200% !important;
  }
  .items_previews_container_full .items_previews .items_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.95%;
  }
}
@media screen and (max-width: 1450px) {
  .items_previews_container_full .items_previews .items_preview {
    /*&:nth-of-type(4) { display: none;}*/
  }
}
@media screen and (max-width: 1000px) {
  .items_previews_container_full .items_previews .items_preview {
    /*&:nth-of-type(3) { display: none;}*/
  }
}
.items_previews_container_full .items_previews .items_preview .items_preview_content {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  padding: 50px 0px 20px 0px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.items_previews_container_full .items_previews .items_preview .items_preview_content:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 1px;
  height: 5px;
  background: #cf0f14;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.items_previews_container_full .items_previews .items_preview .items_preview_content a {
  display: block;
  font-size: 1.3em;
  line-height: 1em;
  text-align: center;
  color: #0c4da2;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding: 0px 15px;
  height: 50px;
  top: -20px;
}
.items_previews_container_full .items_previews .items_preview .items_preview_content .image {
  width: 100%;
  padding-top: 70%;
  margin-bottom: 10px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.items_previews_container_full .items_previews .items_preview .items_preview_content .text {
  font-size: 0.8em;
  line-height: 1.4em;
  height: 75px;
  overflow: hidden;
}
.items_previews_container_full .items_previews .items_preview .items_preview_content .meer {
  color: #0c4da2;
  text-transform: uppercase;
  text-align: right;
  margin-top: 20px;
  padding-right: 20px;
}
.items_previews_container_full .items_previews .items_preview .items_preview_content .meer span {
  display: inline-block;
  margin-left: 10px;
  color: #cf0f14;
}
@media screen and (min-width: 1001px) {
  .items_previews_container_full .items_previews .items_preview .items_preview_content:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  }
  .items_previews_container_full .items_previews .items_preview .items_preview_content:hover a, .items_previews_container_full .items_previews .items_preview .items_preview_content:hover .meer, .items_previews_container_full .items_previews .items_preview .items_preview_content:hover:before {
    width: 100%;
    opacity: 1;
  }
}

a.bekijkalle {
  display: block;
  color: #cf0f14 !important;
  font-size: 1.5em;
  line-height: 1em;
  text-align: center;
}
@media screen and (min-width: 1451px) {
  a.bekijkalle {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  a.bekijkalle {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  a.bekijkalle {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  a.bekijkalle {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  a.bekijkalle {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  a.bekijkalle {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1000px) {
  a.bekijkalle {
    padding: 30px 0px;
  }
}
a.bekijkalle span {
  display: inline-block;
  margin-left: 12px;
  top: 3px;
}

.swiper_btns {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.swiper_btns .swiper_btn {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -50px;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 30px;
  color: #0c4da2;
  cursor: pointer;
  background: #ffffff;
}
@media screen and (max-width: 750px) {
  .swiper_btns .swiper_btn {
    background: none;
  }
}
.swiper_btns .swiper_btn.swiper_btn_prev {
  left: 0px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.swiper_btns .swiper_btn.swiper_btn_next {
  right: 0px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.downloads {
  line-height: 1.4em;
}
.downloads a.file_download {
  display: inline-block;
  padding: 5px 0px 5px 30px;
  font-size: 1em;
  line-height: 1.2em;
  color: #151515;
  text-decoration: none !important;
}
.downloads a.file_download span {
  opacity: 0.25;
}
.downloads a.file_download:before {
  position: absolute;
  top: 5px;
  left: 0px;
  content: "\f56d" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-size: 1em;
  margin-right: 10px;
  display: inline-block;
  text-decoration: none;
  font-size: 1.4em;
  color: #0c4da2;
}
.downloads a.file_download:hover {
  text-decoration: underline !important;
}

.cta_phone {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 250px;
  padding-top: 150px;
  background: url(img/layout/phone.png) center top no-repeat;
  background-size: 150px auto;
  font-size: 1.5em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .cta_phone {
    right: auto;
    left: 50%;
    margin-left: -125px;
  }
}
.cta_phone a {
  color: #0c4da2 !important;
}
.cta_phone span {
  display: block;
  color: #cf0f14;
}

#documentatie .top_intro {
  text-align: center;
  max-width: 800px;
  width: 90%;
  margin: 0px auto;
}
@media screen and (min-width: 1451px) {
  #documentatie .top_intro {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #documentatie .top_intro {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #documentatie .top_intro {
    padding-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #documentatie .top_intro {
    padding-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #documentatie .top_intro {
    padding-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  #documentatie .top_intro {
    padding-top: 25px;
  }
}
@media screen and (max-width: 1000px) {
  #documentatie .top_intro {
    display: none;
  }
}
#documentatie .top_intro h1 {
  text-align: center;
  border-bottom: 1px solid #cf0f14;
  display: inline-block;
}
@media screen and (min-width: 1451px) {
  #documentatie .documentatie_previews_container {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #documentatie .documentatie_previews_container {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #documentatie .documentatie_previews_container {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #documentatie .documentatie_previews_container {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #documentatie .documentatie_previews_container {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  #documentatie .documentatie_previews_container {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 750px) {
  #documentatie .documentatie_previews_container {
    background: #ebebec;
    padding-bottom: 150px;
    margin-bottom: -150px;
  }
}
#documentatie .documentatie_previews_container .wrapper {
  max-width: 1400px;
}
@media screen and (min-width: 1451px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    width: 104%;
    left: -2%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (max-width: 450px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1451px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    padding-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    padding-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    padding-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  #documentatie .documentatie_previews_container .documentatie_previews {
    padding-top: 25px;
  }
}
#documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview {
  vertical-align: top;
}
@media screen and (min-width: 1451px) {
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview {
    position: relative;
    display: inline-block;
    width: 50%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double {
    width: 100% !important;
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.94%;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview {
    position: relative;
    display: inline-block;
    width: 50%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double {
    width: 100% !important;
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.94%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview {
    position: relative;
    display: inline-block;
    width: 50%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double {
    width: 100% !important;
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.94%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px 2% 4% 2% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double {
    width: 200% !important;
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.96%;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double {
    width: 200% !important;
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.95%;
  }
}
@media screen and (max-width: 450px) {
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double {
    width: 200% !important;
  }
  #documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.95%;
  }
}
#documentatie .documentatie_previews_container .documentatie_previews .documentatie_preview .documentatie_preview_content h2 {
  font-size: 1.5em;
  line-height: 1em;
  margin-bottom: 10px;
  text-align: left;
}

#product_detail .product_top {
  width: 90%;
  max-width: 1600px;
  margin: 0px auto;
}
@media screen and (max-width: 1000px) {
  #product_detail .product_top {
    left: 0px;
    width: 100%;
  }
}
#product_detail .product_top .top_image {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 650px);
  margin-top: 90px;
}
@media screen and (max-width: 1300px) {
  #product_detail .product_top .top_image {
    width: calc(100% - 550px);
  }
}
@media screen and (max-width: 1000px) {
  #product_detail .product_top .top_image {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  #product_detail .product_top .top_image {
    margin-top: 0px;
  }
}
#product_detail .product_top .top_image img {
  width: 100%; /*left: -5%;*/
}
@media screen and (max-width: 1000px) {
  #product_detail .product_top .top_image img {
    left: 0px;
  }
}
#product_detail .product_top .top_image .firstimg {
  display: block;
  line-height: 0px;
}
#product_detail .product_top .top_image .thumbs_container .thumbs {
  padding-top: 4%;
}
@media screen and (max-width: 1000px) {
  #product_detail .product_top .top_image .thumbs_container .thumbs {
    padding-top: 5%;
  }
}
@media screen and (max-width: 1000px) {
  #product_detail .product_top .top_image .thumbs_container {
    padding: 0px 4%;
  }
}
#product_detail .product_top .top_image .txt {
  margin-top: 20px;
  width: 90%;
}
@media screen and (max-width: 1000px) {
  #product_detail .product_top .top_image .txt {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
#product_detail .product_top .top_image .txt .h1 {
  text-align: left;
  color: #cf0f14;
  border-bottom: 1px solid #cf0f14;
}
#product_detail .product_top .text {
  top: 0px;
  right: 0px;
  width: 600px;
  vertical-align: top;
  float: right;
  height: 100%;
  padding-top: 300px;
}
@media screen and (min-width: 1451px) {
  #product_detail .product_top .text {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #product_detail .product_top .text {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #product_detail .product_top .text {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #product_detail .product_top .text {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #product_detail .product_top .text {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  #product_detail .product_top .text {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 1300px) {
  #product_detail .product_top .text {
    width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  #product_detail .product_top .text {
    position: relative;
    float: none !important;
    height: auto;
    width: 90%;
    margin: 0px auto;
  }
}
#product_detail .product_top .text h1 {
  text-align: left;
  color: #cf0f14;
  border-bottom: 1px solid #cf0f14;
}
@media screen and (min-width: 1451px) {
  #product_detail .product_top .text .downloads {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #product_detail .product_top .text .downloads {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #product_detail .product_top .text .downloads {
    margin-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #product_detail .product_top .text .downloads {
    margin-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #product_detail .product_top .text .downloads {
    margin-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  #product_detail .product_top .text .downloads {
    margin-top: 25px;
  }
}
#product_detail .product_top .text .cta_phone {
  top: 40px;
}

#content_news_items {
  min-height: 600px;
}

.breadcrumb {
  position: absolute;
  top: 30px;
  left: 0px;
  display: inline-block;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .breadcrumb {
    left: 5%;
  }
}
@media screen and (max-width: 750px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb a {
  display: inline-block;
  margin-right: 35px;
  background: #ebebec;
  padding: 10px 20px 12px 20px;
}
.breadcrumb a:after {
  position: absolute;
  top: 11px;
  right: -25px;
  content: "\f061" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  color: #cccccc;
}
.breadcrumb a:last-of-type:after {
  display: none;
}

#case_detail .product_top {
  width: 90%;
  max-width: 1600px;
  margin: 0px auto;
}
@media screen and (max-width: 1000px) {
  #case_detail .product_top {
    left: 0px;
    width: 100%;
  }
}
#case_detail .product_top .top_image {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 900px);
  padding-right: 30px;
  line-height: 0px;
  min-height: 500px;
}
@media screen and (max-width: 1550px) {
  #case_detail .product_top .top_image {
    width: calc(100% - 350px);
  }
}
@media screen and (max-width: 1000px) {
  #case_detail .product_top .top_image {
    width: 100%;
    padding-right: 0px;
  }
}
#case_detail .product_top .top_image img {
  width: 100%;
}
#case_detail .product_top .top_image .firstimage, #case_detail .product_top .top_image a.video {
  display: block;
  width: 100%;
  padding-top: 60%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#case_detail .product_top .top_image .firstimage.video:after, #case_detail .product_top .top_image a.video.video:after {
  position: absolute;
  content: "";
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  background: url(img/layout/play.png) center center no-repeat;
  background-size: 150px auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
#case_detail .product_top .top_image .firstimage.video:hover:after, #case_detail .product_top .top_image a.video.video:hover:after {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#case_detail .product_top .top_image .thumbs_container .thumbs {
  padding-top: 4%;
}
@media screen and (max-width: 1000px) {
  #case_detail .product_top .top_image .thumbs_container .thumbs {
    padding-top: 5%;
  }
}
@media screen and (max-width: 1000px) {
  #case_detail .product_top .top_image .thumbs_container {
    padding: 0px 4%;
  }
}
#case_detail .product_top .text {
  top: 0px;
  right: 0px;
  float: right;
  width: 900px;
  vertical-align: top;
  height: 100%;
  padding-right: 400px;
}
@media screen and (min-width: 1451px) {
  #case_detail .product_top .text {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #case_detail .product_top .text {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #case_detail .product_top .text {
    padding-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #case_detail .product_top .text {
    padding-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #case_detail .product_top .text {
    padding-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  #case_detail .product_top .text {
    padding-top: 25px;
  }
}
@media screen and (min-width: 1451px) {
  #case_detail .product_top .text {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #case_detail .product_top .text {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #case_detail .product_top .text {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #case_detail .product_top .text {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #case_detail .product_top .text {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  #case_detail .product_top .text {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 1550px) {
  #case_detail .product_top .text {
    display: block;
    float: none;
  }
}
@media screen and (max-width: 1000px) {
  #case_detail .product_top .text {
    position: relative;
    float: none !important;
    height: auto;
    width: 90%;
    margin: 0px auto;
    padding-right: 0px;
  }
}
#case_detail .product_top .text h1 {
  text-align: left;
  color: #cf0f14;
  border-bottom: 1px solid #cf0f14;
}
#case_detail .product_top .text .date {
  display: block;
  margin-top: -20px;
  margin-bottom: 20px;
  color: #0c4da2;
  text-transform: uppercase;
  font-size: 0.8em;
}
@media screen and (min-width: 1451px) {
  #case_detail .product_top .text .downloads {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #case_detail .product_top .text .downloads {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #case_detail .product_top .text .downloads {
    margin-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #case_detail .product_top .text .downloads {
    margin-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #case_detail .product_top .text .downloads {
    margin-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  #case_detail .product_top .text .downloads {
    margin-top: 25px;
  }
}
#case_detail .product_top .text .sidecontent {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 350px);
}
@media screen and (min-width: 1451px) {
  #case_detail .product_top .text .sidecontent {
    padding-right: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #case_detail .product_top .text .sidecontent {
    padding-right: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #case_detail .product_top .text .sidecontent {
    padding-right: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #case_detail .product_top .text .sidecontent {
    padding-right: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #case_detail .product_top .text .sidecontent {
    padding-right: 25px;
  }
}
@media screen and (max-width: 450px) {
  #case_detail .product_top .text .sidecontent {
    padding-right: 25px;
  }
}
@media screen and (max-width: 1550px) {
  #case_detail .product_top .text .sidecontent {
    width: 100%;
  }
}
#case_detail .product_top .sidebar {
  position: absolute;
  top: 30px;
  right: 0px;
  width: 300px;
  padding-top: 250px;
}
@media screen and (max-width: 1000px) {
  #case_detail .product_top .sidebar {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 50px;
    top: 0px;
    padding-top: 200px;
    margin-bottom: 50px;
  }
}
#case_detail .product_top .cta_phone {
  top: 0px;
  left: 50%;
  margin-left: -125px;
}
#case_detail .product_top .meercases {
  border-top: 5px solid #0c4da2;
}
@media screen and (min-width: 1451px) {
  #case_detail .product_top .meercases {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #case_detail .product_top .meercases {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #case_detail .product_top .meercases {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #case_detail .product_top .meercases {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #case_detail .product_top .meercases {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  #case_detail .product_top .meercases {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1000px) {
  #case_detail .product_top .meercases {
    float: none;
  }
}
@media screen and (max-width: 1000px) and (min-width: 1451px) {
  #case_detail .product_top .meercases {
    margin-top: 120px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 1301px) and (max-width: 1450px) {
  #case_detail .product_top .meercases {
    margin-top: 100px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 1001px) and (max-width: 1300px) {
  #case_detail .product_top .meercases {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) and (max-width: 1000px) {
  #case_detail .product_top .meercases {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 451px) and (max-width: 750px) {
  #case_detail .product_top .meercases {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 450px) {
  #case_detail .product_top .meercases {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 1451px) {
  #case_detail .product_top .meercases {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 1301px) and (max-width: 1450px) {
  #case_detail .product_top .meercases {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 1001px) and (max-width: 1300px) {
  #case_detail .product_top .meercases {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 751px) and (max-width: 1000px) {
  #case_detail .product_top .meercases {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 451px) and (max-width: 750px) {
  #case_detail .product_top .meercases {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 450px) {
  #case_detail .product_top .meercases {
    margin-bottom: 25px;
  }
}
#case_detail .product_top .meercases .title {
  font-size: 1.4em;
  line-height: 1em;
  color: #0c4da2;
  text-transform: uppercase;
  border-bottom: 1px solid #cf0f14;
  padding: 12px 10px 8px 10px;
}
#case_detail .product_top .meercases .link {
  border-bottom: 1px solid #cf0f14;
  cursor: pointer;
}
#case_detail .product_top .meercases .link span {
  position: absolute;
  top: 12px;
  right: 8px;
  width: 100%;
  text-align: right;
  color: #cf0f14;
}
#case_detail .product_top .meercases .link:hover a {
  color: #cf0f14 !important;
}
#case_detail .product_top .meercases a {
  display: block; /*display: table; white-space: nowrap;*/
  padding: 8px 45px 8px 10px;
}

/*
.meercases { @include margin_bottom(); border-top: 5px solid $blue; display: table; float: right; margin-right: 5%;
	@media screen and (max-width: $responsive_l){ float: none; @include margin_top(2); @include margin_bottom();}
	.title { @extend .font2_semibold; font-size: 1.4em; line-height: 1em; color: $blue; text-transform: uppercase; border-bottom: 1px solid $red; padding: 12px 10px 8px 10px;}
	.link { border-bottom: 1px solid $red; cursor: pointer;
		span { position: absolute; top: 12px; right: 8px; width: 100%; text-align: right; color: $red;}
		&:hover a { color: $red !important;}
	}
	a { @extend .font_semibold; display: table; white-space: nowrap; padding: 8px 45px 8px 10px;}
}
*/
#toepassingen_overview .top_intro {
  text-align: center;
  max-width: 800px;
  width: 90%;
  margin: 0px auto;
}
@media screen and (min-width: 1451px) {
  #toepassingen_overview .top_intro {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #toepassingen_overview .top_intro {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #toepassingen_overview .top_intro {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #toepassingen_overview .top_intro {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #toepassingen_overview .top_intro {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  #toepassingen_overview .top_intro {
    padding-bottom: 25px;
  }
}
#toepassingen_overview .top_intro h1 {
  text-align: center;
  border-bottom: 1px solid #cf0f14;
  display: inline-block;
}
#toepassingen_overview .toepassingen_previews_container {
  padding-top: 30px;
}
#toepassingen_overview .toepassingen_previews_container:after {
  position: absolute;
  content: "";
  top: 270px;
  left: 0px;
  width: 100%;
  height: 30px;
  background: url(img/layout/pattern_white.png) center bottom repeat;
  background-size: 100px auto;
}
@media screen and (max-width: 1000px) {
  #toepassingen_overview .toepassingen_previews_container:after {
    display: none;
  }
}
#toepassingen_overview .toepassingen_previews_container:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 300px;
  background: #ebebec;
}
@media screen and (max-width: 750px) {
  #toepassingen_overview .toepassingen_previews_container:before {
    height: 350px;
  }
}

#toepassingen {
  /*
  .video_top { width: 95%; max-width: 1600px; margin: 0px auto; left: -5vw;
  	@media screen and (max-width: $responsive_xl){ left: -5vw;}
  	@media screen and (max-width: $responsive_l){ left: 0px; width: 100%;}
  	.video { display: inline-block; vertical-align: top; width: calc(100% - 500px); line-height: 0px;
  		@media screen and (max-width: $responsive_xl){ width: calc(100% - 400px);}
  		@media screen and (max-width: $responsive_l){ width: 100%;}
  		video { width: 100%;}
  	}
  	.text { position: absolute; top: 0px; right: 0px; width: 500px; vertical-align: top; height: 100%; @include padding_tb();
  		@media screen and (max-width: $responsive_xl){ width: 400px;}
  		@media screen and (max-width: $responsive_l){ position: relative; float: none !important; height: auto; width: 90%; margin: 0px auto;}
  		h1 { text-align: left; color: $red; border-bottom: 1px solid $red;}
  		&.longtext { position: relative; float: right;}
  	}
  }
  */
  /*
  .video_top { width: 100%; margin: 0px auto;
  	@media screen and (max-width: $responsive_xl){ left: 0px; width: 100%;}
  	.video { display: inline-block; vertical-align: top; width: calc(100% - 700px); line-height: 0px;
  		@media screen and (max-width: $responsive_xl){ width: 100%;}
  		video { width: 100%;}
  	}
  	.text { position: absolute; top: 0px; right: 5px; width: 700px; vertical-align: top; height: 100%; @include padding_tb(); padding-left: 100px; padding-right: 100px; background: $white;
  		@media screen and (max-width: $responsive_xl){ position: relative; float: none !important; height: auto; width: 90%; margin: 0px auto; padding-left: 0px; padding-right: 0px; right: 0px;}
  		h1 { text-align: left; color: $red; border-bottom: 1px solid $red;}
  		&.longtext { position: relative; float: right;}
  	}
  }
  */
}
#toepassingen .video_top {
  width: 100%;
  margin: 0px auto;
}
@media screen and (max-width: 1300px) {
  #toepassingen .video_top {
    left: 0px;
    width: 100%;
  }
}
#toepassingen .video_top .video {
  width: 100%;
  line-height: 0px;
}
#toepassingen .video_top .video video {
  width: 100%;
}
#toepassingen .toepassingen_detail:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 200px;
  background: #0c4da2;
  opacity: 0.1;
}
@media screen and (max-width: 1000px) {
  #toepassingen .toepassingen_detail:before { /*top: auto; bottom: 0px;*/ }
}
#toepassingen .toepassingen_detail:after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  background: url(img/layout/pattern_white.png) center bottom repeat;
  background-size: 100px auto;
}
@media screen and (max-width: 1000px) {
  #toepassingen .toepassingen_detail:after { /*top: auto; bottom: 170px;*/ }
}
#toepassingen .toepassingen_detail .left {
  display: inline-block;
  width: 40%;
  margin-right: 50px;
  vertical-align: top;
}
@media screen and (max-width: 1000px) {
  #toepassingen .toepassingen_detail .left {
    display: block;
    width: 100%;
  }
}
#toepassingen .toepassingen_detail .left .text1 {
  background: #0c4da2;
  color: #ffffff;
  padding: 35px;
  z-index: 1;
  cursor: pointer;
  margin-bottom: 50px;
}
#toepassingen .toepassingen_detail .left .text1 .title {
  color: #ffffff;
  font-size: 1.5em;
  line-height: 1.4em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#toepassingen .toepassingen_detail .left .text2 {
  padding: 20px 35px 35px 35px;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  #toepassingen .toepassingen_detail .left .text2 {
    padding: 25px 0px;
  }
}
#toepassingen .toepassingen_detail .left .text2:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 1px;
  height: 5px;
  background: #cf0f14;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
#toepassingen .toepassingen_detail .left .text2 h1 {
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  color: #cf0f14;
  margin-bottom: 10px;
}
#toepassingen .toepassingen_detail .left .text2 a.meer {
  display: block;
  text-transform: uppercase;
  text-align: right;
  margin-top: 20px;
  color: #0c4da2;
}
#toepassingen .toepassingen_detail .left .text2 a.meer span {
  display: inline-block;
  margin-left: 10px;
  color: #cf0f14;
}
#toepassingen .toepassingen_detail .left .text2:hover:before {
  width: 100%;
  opacity: 1;
}
#toepassingen .toepassingen_detail .left .downloads {
  margin-top: 35px;
  padding-left: 35px;
}
@media screen and (max-width: 1000px) {
  #toepassingen .toepassingen_detail .left .downloads {
    padding: 0px;
  }
}
#toepassingen .toepassingen_detail .right {
  display: inline-block;
  width: calc(60% - 100px);
  margin: 125px 0px 0px 50px;
  border: 20px solid #ffffff;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  #toepassingen .toepassingen_detail .right {
    display: block;
    width: 100%;
    padding: 50px 0px 50px 0px;
    margin: 0px;
    border: none;
  }
}
#toepassingen .toepassingen_detail .right .largeimage {
  display: block;
  width: 100%;
  line-height: 0px;
}
#toepassingen .toepassingen_detail .right .largeimage img {
  width: 100%;
}
#toepassingen .toepassingen_detail .right .thumbs {
  padding-top: 4%;
}
#toepassingen .usp_image {
  width: 100%;
  margin: 0px auto;
  text-align: center;
}
@media screen and (min-width: 1451px) {
  #toepassingen .usp_image {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #toepassingen .usp_image {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #toepassingen .usp_image {
    padding-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #toepassingen .usp_image {
    padding-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #toepassingen .usp_image {
    padding-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  #toepassingen .usp_image {
    padding-top: 25px;
  }
}
@media screen and (min-width: 1451px) {
  #toepassingen .usp_image {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #toepassingen .usp_image {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #toepassingen .usp_image {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #toepassingen .usp_image {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #toepassingen .usp_image {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  #toepassingen .usp_image {
    padding-bottom: 25px;
  }
}
#toepassingen .usp_image .title {
  position: absolute;
  top: 15%;
  margin-top: -10px;
  background: #0c4da2;
  color: #ffffff;
  display: inline-block;
  padding: 18px 30px 15px 30px;
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  z-index: 2;
}
@media screen and (max-width: 1000px) {
  #toepassingen .usp_image .title {
    display: none;
  }
}
#toepassingen .usp_image:before {
  position: absolute;
  content: "";
  top: 15%;
  left: 0px;
  width: 100%;
  height: 70%;
  background: #0c4da2;
  opacity: 0.1;
}
#toepassingen .usp_image:after {
  position: absolute;
  content: "";
  top: 15%;
  left: 0px;
  width: 100%;
  height: 30px;
  background: url(img/layout/pattern_white.png) center bottom repeat;
  background-size: 100px auto;
}
#toepassingen .usp_image img {
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 0px auto;
  z-index: 1;
}

#producten .top_intro {
  margin-top: 0px;
}
@media screen and (min-width: 1451px) {
  #producten .top_intro {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #producten .top_intro {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #producten .top_intro {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #producten .top_intro {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #producten .top_intro {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  #producten .top_intro {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 1451px) {
  .top_intro {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .top_intro {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .top_intro {
    margin-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .top_intro {
    margin-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .top_intro {
    margin-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  .top_intro {
    margin-top: 25px;
  }
}
@media screen and (max-width: 750px) and (min-width: 1451px) {
  .top_intro {
    padding-top: 60px;
  }
}
@media screen and (max-width: 750px) and (min-width: 1301px) and (max-width: 1450px) {
  .top_intro {
    padding-top: 50px;
  }
}
@media screen and (max-width: 750px) and (min-width: 1001px) and (max-width: 1300px) {
  .top_intro {
    padding-top: 40px;
  }
}
@media screen and (max-width: 750px) and (min-width: 751px) and (max-width: 1000px) {
  .top_intro {
    padding-top: 30px;
  }
}
@media screen and (max-width: 750px) and (min-width: 451px) and (max-width: 750px) {
  .top_intro {
    padding-top: 25px;
  }
}
@media screen and (max-width: 750px) and (max-width: 450px) {
  .top_intro {
    padding-top: 25px;
  }
}
.top_intro h1 {
  color: #cf0f14;
}

.fade_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: url(img/layout/loading.gif) center center no-repeat #000000;
  background-size: 64px auto;
  z-index: 2;
}

#header {
  margin: 0px auto;
  width: 100%;
  background: #ebebec;
  line-height: 0px;
}
#header .image {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 500px;
  background-color: #0c4da2;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/layout/header.jpg);
}
@media screen and (max-width: 850px) {
  #header .image {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 60%;
  }
}
#header .image:nth-of-type(2) {
  position: relative;
  left: 50%;
  padding-top: 40%;
}
@media screen and (max-width: 850px) {
  #header .image:nth-of-type(2) {
    display: none;
  }
}
#header .image.images1 {
  position: relative;
  width: 100%;
  padding-top: 40%;
}
@media screen and (max-width: 850px) {
  #header .image.images1 {
    padding-top: 60%;
  }
}
#header .video {
  display: block;
  vertical-align: top;
  width: 100%;
  line-height: 0px;
  padding-top: 28%;
}
#header .video video {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
#header:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #999999;
  opacity: 0.4;
  z-index: 1;
}
#header:after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #0c4da2;
  opacity: 0.7;
}
#header.small .image {
  height: 250px;
}
@media screen and (max-width: 850px) {
  #header.small .image {
    padding-top: 30%;
  }
}
#header.home:before {
  opacity: 0.1;
}
#header.home:after {
  opacity: 0.2;
}
#header .header_content {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  #header .header_content {
    padding: 75px 5%;
  }
}
@media screen and (max-width: 1000px) {
  #header .header_content {
    padding: 50px 5%;
  }
}
@media screen and (max-width: 850px) {
  #header .header_content {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 850px) and (min-width: 1451px) {
  #header .header_content {
    padding: 60px;
  }
}
@media screen and (max-width: 850px) and (min-width: 1301px) and (max-width: 1450px) {
  #header .header_content {
    padding: 50px;
  }
}
@media screen and (max-width: 850px) and (min-width: 1001px) and (max-width: 1300px) {
  #header .header_content {
    padding: 40px;
  }
}
@media screen and (max-width: 850px) and (min-width: 751px) and (max-width: 1000px) {
  #header .header_content {
    padding: 30px;
  }
}
@media screen and (max-width: 850px) and (min-width: 451px) and (max-width: 750px) {
  #header .header_content {
    padding: 25px;
  }
}
@media screen and (max-width: 850px) and (max-width: 450px) {
  #header .header_content {
    padding: 25px;
  }
}
#header .header_content .valign_wrapper {
  max-width: 500px;
  margin: 0px auto;
}
#header .header_content .title {
  font-size: 1.5em;
  line-height: 1em;
  text-align: center;
  color: #0c4da2;
  margin-bottom: 20px;
  -webkit-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
#header .header_content .intro {
  color: #ffffff;
  font-size: 1.1em;
  line-height: 1.4em;
}

input.autocomplete {
  width: 100%;
  border: none;
  background: none;
  padding: 15px 40px 15px 60px;
  font-size: 1.5em;
  display: inline-block;
  background: #ffffff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

input.autocomplete::-webkit-input-placeholder {
  color: #151515;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 1em;
  opacity: 0.3;
}

input.autocomplete:-moz-placeholder {
  color: #151515;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 1em;
  opacity: 0.3;
}

input.autocomplete::-moz-placeholder {
  color: #151515;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 1em;
  opacity: 0.3;
}

input.autocomplete:-ms-input-placeholder {
  color: #151515;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 1em;
  opacity: 0.3;
}

.autocomplete-suggestions {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 400;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
  cursor: default;
  border-top-color: #000000;
  overflow: auto;
  background: #ffffff;
  font-size: 1.1em;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.autocomplete-suggestion {
  position: relative;
  padding: 15px 20px;
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  color: #000000;
}

.autocomplete-selected {
  background: #eeeeee !important;
  cursor: pointer;
}

.autocomplete-suggestions strong {
  color: #0c4da2;
}

#submit_quickadd {
  position: absolute;
  top: 17px;
  left: 17px;
  font-size: 30px;
  color: #999999;
  z-index: 2;
  pointer-events: none;
}

#footer {
  margin: 0px auto;
  background: #0c4da2;
  font-size: 0.9em;
  line-height: 1.4em;
}
#footer .footer_items, #footer .footer_items_en {
  padding: 75px 0px 150px 0px;
  width: 90%;
  margin: 0px auto;
  max-width: 1600px;
  background: url(img/layout/logo_white.png) left 100px no-repeat;
  background-size: 250px auto;
  padding-left: 270px;
  text-align: right;
}
#footer .footer_items.footer_items_en, #footer .footer_items_en.footer_items_en {
  background-image: url(img/layout/logo_white_en.png);
}
#footer .footer_items:before, #footer .footer_items_en:before {
  position: absolute;
  content: "";
  bottom: 50px;
  left: 0px;
  width: 100%;
  height: 70px;
  background: url(img/layout/footerlogos.png) right center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  #footer .footer_items:before, #footer .footer_items_en:before {
    bottom: 40px;
    background-position: center center;
  }
}
#footer .footer_items a.credits, #footer .footer_items a.development, #footer .footer_items_en a.credits, #footer .footer_items_en a.development {
  position: absolute;
  display: inline-block;
  bottom: 20px;
  right: 0px;
  color: #ffffff;
  opacity: 0.3;
  font-size: 0.9em;
  line-height: 1em;
}
@media screen and (max-width: 1000px) {
  #footer .footer_items a.credits, #footer .footer_items a.development, #footer .footer_items_en a.credits, #footer .footer_items_en a.development {
    width: 150px;
    right: auto;
    left: 50%;
    margin-left: -75px;
    text-align: center;
  }
}
#footer .footer_items a.credits.development, #footer .footer_items a.development.development, #footer .footer_items_en a.credits.development, #footer .footer_items_en a.development.development {
  color: #0c4da2 !important;
  z-index: -1;
}
@media screen and (max-width: 1300px) {
  #footer .footer_items, #footer .footer_items_en {
    background-size: 200px auto;
    padding-left: 220px;
  }
}
@media screen and (max-width: 1150px) {
  #footer .footer_items, #footer .footer_items_en {
    background: none;
    padding-left: 0px;
    text-align: left;
  }
}
@media screen and (max-width: 1000px) {
  #footer .footer_items, #footer .footer_items_en {
    padding: 50px 0px 150px 0px;
  }
}
@media screen and (max-width: 750px) {
  #footer .footer_items, #footer .footer_items_en {
    padding: 40px 0px 120px 0px;
    background: url(img/layout/logo_white.png) center 50px no-repeat;
    background-size: 200px auto;
  }
}
#footer .footer_item {
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  padding-left: 100px;
  text-align: left;
}
#footer .footer_item .title {
  font-size: 1.5em;
  line-height: 1em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#footer .footer_item a {
  color: #ffffff !important;
}
#footer .footer_item:nth-of-type(4) .title {
  opacity: 0;
}
@media screen and (max-width: 1600px) {
  #footer .footer_item:nth-of-type(4) {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  #footer .footer_item {
    padding-left: 75px;
  }
  #footer .footer_item:nth-of-type(4) {
    display: none;
  }
}
@media screen and (max-width: 1150px) {
  #footer .footer_item {
    padding-left: 0px;
    width: 33%;
  }
  #footer .footer_item:nth-of-type(3) {
    text-align: right;
    float: right;
  }
}
@media screen and (max-width: 750px) {
  #footer .footer_item:nth-of-type(1), #footer .footer_item:nth-of-type(2) {
    display: none;
  }
  #footer .footer_item:nth-of-type(3) {
    text-align: center;
    float: none;
    width: 100%;
    display: block;
    padding-top: 85px;
  }
  #footer .footer_item:nth-of-type(3) .title {
    display: none;
  }
}

.thumbs_container {
  width: 100%;
  margin: 0px auto;
  max-width: 1000px;
}

.thumbs {
  padding-top: 40px;
  text-align: left;
}
@media screen and (min-width: 1451px) {
  .thumbs {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .thumbs {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .thumbs {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .thumbs {
    width: 104%;
    left: -2%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .thumbs {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (max-width: 450px) {
  .thumbs {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
.thumbs .image {
  vertical-align: top;
  padding-bottom: 0px !important;
}
@media screen and (min-width: 1451px) {
  .thumbs .image {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .thumbs .image.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .thumbs .image.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .thumbs .image {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .thumbs .image.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .thumbs .image.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .thumbs .image {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .thumbs .image.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .thumbs .image.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .thumbs .image {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    padding: 0px 2% 4% 2% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .thumbs .image.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .thumbs .image.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.88%;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .thumbs .image {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .thumbs .image.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .thumbs .image.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.85%;
  }
}
@media screen and (max-width: 450px) {
  .thumbs .image {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .thumbs .image.masonry-item-double {
    width: 100% !important;
  }
  .thumbs .image.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.9%;
  }
}
.thumbs .image a {
  display: block;
  width: 100%;
  padding-top: 100%;
  /*&:before { position: absolute; display: block; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: $black; transform: rotate(-3deg);}*/
}
.thumbs .image a .image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.thumbs .image a .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(50, 50, 50, 0.8);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.thumbs .image a .overlay .horz {
  position: absolute;
  width: 100px;
  height: 4px;
  background: #ffffff;
  left: 50%;
  margin-left: -50px;
  top: 50%;
  margin-top: -2px;
  opacity: 0;
  width: 0px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
.thumbs .image a .overlay .vert {
  position: absolute;
  width: 4px;
  height: 100px;
  background: #ffffff;
  left: 50%;
  margin-left: -2px;
  top: 50%;
  margin-top: -50px;
  opacity: 0;
  height: 0px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
}
@media screen and (min-width: 1001px) {
  .thumbs .image a {
    /*
    &:hover .overlay { opacity: 1;
    	.horz { opacity: 1; width: 100px;}
    	.vert { opacity: 1; height: 100px;}
    }
    */
  }
}
.thumbs .image .text {
  padding-top: 15px;
  padding-left: 10px;
  color: #ffffff;
}
@media screen and (max-width: 750px) {
  .thumbs .image .text {
    display: none;
  }
}

.content_page {
  padding: 0px 50px;
  padding-bottom: 170px;
  background: #ebebec;
}
@media screen and (min-width: 1451px) {
  .content_page {
    padding-top: 90px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .content_page {
    padding-top: 75px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .content_page {
    padding-top: 60px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .content_page {
    padding-top: 45px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .content_page {
    padding-top: 37.5px;
  }
}
@media screen and (max-width: 450px) {
  .content_page {
    padding-top: 37.5px;
  }
}
@media screen and (max-width: 1000px) {
  .content_page {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 750px) {
  .content_page {
    padding-bottom: 120px;
  }
}
.content_page:before {
  position: absolute;
  content: "";
  bottom: 50px;
  left: 48px;
  width: calc(100% - 96px);
  height: 100px;
  background: url(img/layout/since.png) center center no-repeat;
  background-size: auto 100%;
}
@media screen and (max-width: 750px) {
  .content_page:before {
    left: 0px;
    width: 100%;
    height: 80px;
    bottom: 20px;
  }
}
.content_page h2.pre {
  margin-top: 40px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .content_page h2.pre {
    margin-top: 120px;
  }
}
.content_page h2.pre:after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 10%;
  width: 80%;
  height: 15px;
  background: url(img/layout/arrow.png) center center no-repeat;
  background-size: contain;
}
.content_page .maingroups {
  text-align: center;
  margin-bottom: 40px;
}
.content_page .maingroups:before {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -1px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: #0c4da2;
}
@media screen and (max-width: 750px) {
  .content_page .maingroups:before {
    display: none;
  }
}
.content_page .maingroups a {
  display: inline-block;
  padding: 10px 25px 12px 25px;
  background: #ebebec;
  border: 2px solid #0c4da2;
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 1em;
  margin: 0px 10px;
  text-align: center;
}
.content_page .maingroups a.passive:hover {
  text-decoration: underline;
}
.content_page .maingroups a.active {
  background: #cf0f14;
}
@media screen and (min-width: 751px) {
  .content_page .maingroups {
    display: block !important;
  }
}
@media screen and (max-width: 750px) {
  .content_page .maingroups {
    display: none;
    width: 230px !important;
    background: #0c4da2;
    padding: 10px 0px 15px 0px;
    margin: 0px auto;
    margin-bottom: 0px;
  }
  .content_page .maingroups a {
    background: #0c4da2 !important;
    border: none;
    color: #ffffff;
    width: 230px;
    margin: 0px;
    padding: 5px 10px;
  }
  .content_page .maingroups:before {
    top: 23px !important;
  }
}
.content_page .maingroups_placeholder {
  display: none;
}
@media screen and (max-width: 750px) {
  .content_page .maingroups_placeholder {
    display: block;
  }
}
.content_page .maingroups_placeholder div {
  display: inline-block;
  padding: 10px 30px 12px 20px;
  background: #ebebec;
  border: 2px solid #0c4da2;
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 1em;
  width: 230px;
  left: 50%;
  margin-left: -115px;
  text-align: left;
  background: #ECEEE6;
  z-index: 1;
  cursor: pointer;
}
.content_page .maingroups_placeholder:before {
  position: absolute;
  content: "";
  top: 23px;
  margin-top: -1px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: #0c4da2;
}
.content_page .maingroups_placeholder span {
  position: absolute;
  top: 12px;
  right: 15px;
  margin-left: 15px;
  color: #0c4da2;
}
.content_page .groups {
  padding-bottom: 40px;
  border-bottom: 2px solid #0c4da2;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .content_page .groups {
    margin-top: 20px;
    padding-bottom: 30px;
  }
}
.content_page .groups a {
  display: inline-block;
  padding: 3px 10px;
  margin: 0px 10px;
  color: #0c4da2;
  font-size: 1.2em;
  line-height: 1em;
  text-transform: uppercase;
}
.content_page .groups a.active:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 12px;
  background: #0c4da2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
  z-index: 0;
}
.content_page .intro {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.4em;
  max-width: 1000px;
  margin: 0px auto;
  margin-bottom: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 450px) {
  .content_page .intro {
    text-align: left;
  }
}
.content_page .text_double .text {
  display: inline-block;
  width: calc(50% - 25px);
  vertical-align: top;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .content_page .text_double .text {
    display: block;
    width: 100%;
    margin-right: 0px !important;
  }
}
.content_page .text_double .text.text1 {
  margin-right: 50px;
}
.content_page .text_double .text .bgcolor {
  margin-bottom: 40px;
  padding: 30px 35px;
  background: #ECEEE6;
}
@media screen and (max-width: 450px) {
  .content_page .text_double .text .bgcolor {
    padding: 30px;
    width: 90vw;
    left: 0px;
    margin-left: -30px;
    margin-bottom: 30px;
  }
}
.content_page .text_single {
  max-width: 900px;
  margin: 0px auto;
}

#products .ill {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#products .ill:before {
  position: absolute;
  content: "";
  width: 200px;
  height: 130px;
  left: 5%;
  bottom: 100%;
  margin-bottom: -30px;
  background: url(img/layout/ill_1.png) center bottom no-repeat;
  background-size: contain; /*background-color: #ededed;*/
}
@media screen and (max-width: 1000px) {
  #products .ill:before {
    display: none;
  }
}
#products .ill:after {
  position: absolute;
  content: "";
  width: 160px;
  height: 180px;
  right: 5%;
  bottom: 100%;
  margin-bottom: -27px;
  background: url(img/layout/ill_2.png) center bottom no-repeat;
  background-size: contain; /*background-color: #ededed;*/
}
@media screen and (max-width: 1000px) {
  #products .ill:after {
    display: none;
  }
}
@media screen and (min-width: 1451px) {
  #products .products {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #products .products {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #products .products {
    width: 103%;
    left: -1.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #products .products {
    width: 104%;
    left: -2%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #products .products {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (max-width: 450px) {
  #products .products {
    width: 105%;
    left: -2.5%;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
}
@media screen and (min-width: 1451px) {
  #products .products {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #products .products {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #products .products {
    margin-top: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #products .products {
    margin-top: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #products .products {
    margin-top: 25px;
  }
}
@media screen and (max-width: 450px) {
  #products .products {
    margin-top: 25px;
  }
}
#products .products .product {
  vertical-align: top;
}
@media screen and (min-width: 1451px) {
  #products .products .product {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #products .products .product.masonry-item-double {
    width: 66.6666666667% !important;
  }
  #products .products .product.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  #products .products .product {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #products .products .product.masonry-item-double {
    width: 66.6666666667% !important;
  }
  #products .products .product.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #products .products .product {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    /*padding: 0px $margin * 0.5% 0px $margin * 0.5% !important;*/
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #products .products .product.masonry-item-double {
    width: 66.6666666667% !important;
  }
  #products .products .product.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  #products .products .product {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0px 2% 4% 2% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #products .products .product.masonry-item-double {
    width: 100% !important;
  }
  #products .products .product.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.92%;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  #products .products .product {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(2n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #products .products .product.masonry-item-double {
    width: 100% !important;
  }
  #products .products .product.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.9%;
  }
}
@media screen and (max-width: 450px) {
  #products .products .product {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(1n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  #products .products .product.masonry-item-double {
    width: 200% !important;
  }
  #products .products .product.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.95%;
  }
}
#products .products .product .product_content {
  background: #0c4da2;
  border: 2px solid #0c4da2;
}
#products .products .product .image {
  width: 100%;
  padding-top: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ECEEE6;
  border-bottom: 2px solid #0c4da2;
}
#products .products .product .text {
  border-top: none;
  color: #ffffff;
  text-align: center;
  padding: 0px 30px 30px 30px;
}
#products .products .product .text h3 {
  display: inline-block;
  top: -20px;
  margin: 0px 0px 0px 0px;
  text-transform: uppercase;
  line-height: 1em;
  text-transform: uppercase;
  background: #ECEEE6;
  border: 2px solid #0c4da2;
  padding: 7px 15px 9px 15px;
  text-align: center;
}

.social {
  position: absolute;
  top: -50px;
  left: 0px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .social {
    left: 5%;
    width: 90%;
    bottom: 40px;
  }
}
.social a {
  display: inline-block;
  font-size: 1.7em;
  margin: 0px 20px 0px 0px;
}
.social a .fab {
  color: #0c4da2;
}

.pager_nav {
  display: block;
  text-align: center;
}
@media screen and (min-width: 1451px) {
  .pager_nav {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .pager_nav {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .pager_nav {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .pager_nav {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .pager_nav {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  .pager_nav {
    margin-bottom: 25px;
  }
}
.pager_nav .h2 {
  display: inline-block;
}
.pager_nav .desc {
  color: #0c4da2;
}
.pager_nav a, .pager_nav .active, .pager_nav .passive {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 54px;
  font-size: 22px;
  background: none;
  margin: 0px 3px;
  text-align: center;
  color: #151515;
}
.pager_nav a:hover, .pager_nav .active:hover, .pager_nav .passive:hover {
  color: #0c4da2;
}
.pager_nav a:hover.passive, .pager_nav .active:hover.passive, .pager_nav .passive:hover.passive {
  color: #ffffff;
}
.pager_nav a.active, .pager_nav .active.active, .pager_nav .passive.active {
  background: #0c4da2;
  color: #ffffff;
}
.pager_nav a span, .pager_nav .active span, .pager_nav .passive span {
  top: 1px;
  font-size: 18px;
}
.pager_nav .desc {
  display: inline-block;
  margin-right: 15px;
  line-height: 30px;
  top: -2px;
}

.youtube_container, .vimeo_container {
  width: 100%;
  padding-top: 56.4%;
  margin: 10px 0px -10px 0px;
}
.youtube_container .youtube, .youtube_container .vimeo, .vimeo_container .youtube, .vimeo_container .vimeo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#popup_melding {
  position: relative;
  text-align: center;
  padding: 30px;
}
#popup_melding .h2 {
  color: #151515;
  text-align: center;
  margin-bottom: 0px;
}
#popup_melding a {
  background: #0c4da2 !important;
  color: #ffffff !important;
}
.popup_content {
  position: relative;
  width: 90%;
  max-width: 850px;
  min-width: 250px;
  padding: 30px;
}
.popup_content .h2 {
  color: #151515;
  text-align: center;
}
.popup_content .label_icon {
  display: block;
  height: 60px;
  margin-top: 25px;
}
.popup_content .txt {
  font-size: 0.9em;
}
.popup_content .txt.txt_meten {
  padding-left: 120px;
}
.popup_content .txt img.meten {
  max-width: 90px !important;
  top: 0px;
}
.popup_content .txt b font, .popup_content .txt font b, .popup_content .txt em font, .popup_content .txt font em, .popup_content .txt strong font, .popup_content .txt font strong {
  position: relative;
  display: block;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1.4em;
  margin: 0px;
}
@media screen and (max-width: 750px) {
  .popup_content {
    padding: 5%;
  }
}

.button_container {
  margin-top: 1.4em;
  text-align: center;
}

a.button, .button, a.form_button, #popup_melding a {
  position: relative;
  display: inline-block;
  margin: 0px auto;
  margin-top: 30px;
  padding: 15px 30px 14px 30px;
  background: #0c4da2;
  border: none;
  text-transform: uppercase;
  color: #ffffff !important;
  font-size: 1.4em;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.button.maattabel_button, a.maattabel_button.form_button, #popup_melding a.maattabel_button {
  margin-top: 60px;
  padding-left: 50px;
}
@media screen and (max-width: 1000px) {
  .button.maattabel_button, a.maattabel_button.form_button, #popup_melding a.maattabel_button {
    margin-top: 20px;
    font-size: 1.1em;
  }
}
.button.maattabel_button img, a.maattabel_button.form_button img, #popup_melding a.maattabel_button img {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 30px;
  height: auto;
}

.arrow_down {
  position: absolute;
  width: 100% !important;
  height: 35px;
  line-height: 35px;
  text-align: center;
  left: 0px;
  bottom: -25px;
  font-size: 100px;
}

@media screen and (min-width: 1451px) {
  .form_center {
    margin-top: -60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .form_center {
    margin-top: -50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .form_center {
    margin-top: -40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .form_center {
    margin-top: -30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .form_center {
    margin-top: -25px;
  }
}
@media screen and (max-width: 450px) {
  .form_center {
    margin-top: -25px;
  }
}
@media screen and (min-width: 1451px) {
  .form_center {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .form_center {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .form_center {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .form_center {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .form_center {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 450px) {
  .form_center {
    padding-bottom: 25px;
  }
}
.form_center form {
  width: 100%;
  max-width: 800px;
  margin: 0px auto;
  padding: 50px;
  background: #ededed;
}
@media screen and (max-width: 750px) {
  .form_center form {
    padding: 50px 5%;
  }
}
.form_center form h2 {
  color: #151515;
}
.form_center form .title {
  display: none;
}
.form_center form .form_main_title {
  color: #2A3E32;
  clear: both;
  display: block;
  font-size: 3em;
  margin-bottom: 0.7em;
  padding: 50px 10px 0px 0px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .form_center form .form_main_title {
    font-size: 2.2em;
  }
}
.form_center form .form_title {
  clear: both;
  display: block;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding: 15px 10px 0px 0px;
}
.form_center form input, .form_center form select {
  width: 100%;
  padding: 6px 10px;
  border: 2px solid #ffffff;
  background: #ffffff;
  font-size: 1em;
  margin: 0px 0px 12px 0px;
  line-height: 1.3em;
  color: #151515;
  display: block;
}
@media screen and (min-width: 1451px) {
  .form_center form input.field_day, .form_center form input.field_month, .form_center form input.field_year, .form_center form select.field_day, .form_center form select.field_month, .form_center form select.field_year {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .form_center form input.field_day.masonry-item-double, .form_center form input.field_month.masonry-item-double, .form_center form input.field_year.masonry-item-double, .form_center form select.field_day.masonry-item-double, .form_center form select.field_month.masonry-item-double, .form_center form select.field_year.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .form_center form input.field_day.masonry-item-double .content_container, .form_center form input.field_month.masonry-item-double .content_container, .form_center form input.field_year.masonry-item-double .content_container, .form_center form select.field_day.masonry-item-double .content_container, .form_center form select.field_month.masonry-item-double .content_container, .form_center form select.field_year.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1450px) {
  .form_center form input.field_day, .form_center form input.field_month, .form_center form input.field_year, .form_center form select.field_day, .form_center form select.field_month, .form_center form select.field_year {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .form_center form input.field_day.masonry-item-double, .form_center form input.field_month.masonry-item-double, .form_center form input.field_year.masonry-item-double, .form_center form select.field_day.masonry-item-double, .form_center form select.field_month.masonry-item-double, .form_center form select.field_year.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .form_center form input.field_day.masonry-item-double .content_container, .form_center form input.field_month.masonry-item-double .content_container, .form_center form input.field_year.masonry-item-double .content_container, .form_center form select.field_day.masonry-item-double .content_container, .form_center form select.field_month.masonry-item-double .content_container, .form_center form select.field_year.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .form_center form input.field_day, .form_center form input.field_month, .form_center form input.field_year, .form_center form select.field_day, .form_center form select.field_month, .form_center form select.field_year {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    padding: 0px 1.5% 3% 1.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .form_center form input.field_day.masonry-item-double, .form_center form input.field_month.masonry-item-double, .form_center form input.field_year.masonry-item-double, .form_center form select.field_day.masonry-item-double, .form_center form select.field_month.masonry-item-double, .form_center form select.field_year.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .form_center form input.field_day.masonry-item-double .content_container, .form_center form input.field_month.masonry-item-double .content_container, .form_center form input.field_year.masonry-item-double .content_container, .form_center form select.field_day.masonry-item-double .content_container, .form_center form select.field_month.masonry-item-double .content_container, .form_center form select.field_year.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.91%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .form_center form input.field_day, .form_center form input.field_month, .form_center form input.field_year, .form_center form select.field_day, .form_center form select.field_month, .form_center form select.field_year {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    padding: 0px 2% 4% 2% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .form_center form input.field_day.masonry-item-double, .form_center form input.field_month.masonry-item-double, .form_center form input.field_year.masonry-item-double, .form_center form select.field_day.masonry-item-double, .form_center form select.field_month.masonry-item-double, .form_center form select.field_year.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .form_center form input.field_day.masonry-item-double .content_container, .form_center form input.field_month.masonry-item-double .content_container, .form_center form input.field_year.masonry-item-double .content_container, .form_center form select.field_day.masonry-item-double .content_container, .form_center form select.field_month.masonry-item-double .content_container, .form_center form select.field_year.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.88%;
  }
}
@media screen and (min-width: 451px) and (max-width: 750px) {
  .form_center form input.field_day, .form_center form input.field_month, .form_center form input.field_year, .form_center form select.field_day, .form_center form select.field_month, .form_center form select.field_year {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .form_center form input.field_day.masonry-item-double, .form_center form input.field_month.masonry-item-double, .form_center form input.field_year.masonry-item-double, .form_center form select.field_day.masonry-item-double, .form_center form select.field_month.masonry-item-double, .form_center form select.field_year.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .form_center form input.field_day.masonry-item-double .content_container, .form_center form input.field_month.masonry-item-double .content_container, .form_center form input.field_year.masonry-item-double .content_container, .form_center form select.field_day.masonry-item-double .content_container, .form_center form select.field_month.masonry-item-double .content_container, .form_center form select.field_year.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.85%;
  }
}
@media screen and (max-width: 450px) {
  .form_center form input.field_day, .form_center form input.field_month, .form_center form input.field_year, .form_center form select.field_day, .form_center form select.field_month, .form_center form select.field_year {
    position: relative;
    display: inline-block;
    width: 33.3333333333%;
    padding: 0px 2.5% 5% 2.5% !important;
    /*
    position: relative;
    display: inline-block;
    //float: left;
    //width: (($grid_org * (100 - (($grid - 1) * $margin))) / 12) * 1%;
    //width: ((100 - (($grid - 1) * $margin)) / $grid) * 1%;

    @if($padding > 0){
    	width: floor(((((100 / $grid) - $margin)) + ($margin / $grid))) * 0.99%;
    } @else {
    	//width: ((((100 / $grid) - $margin)) + ($margin / $grid)) * 1%;
    	width: ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 1%;
    }

    //margin: 0px $margin * 1% $margin * 1% 0px !important;
    margin: 0px $margin * 0.5% $margin * 1% $margin * 0.5% !important;

    &:nth-of-type(3n+1){ 
    	//clear: both;
    }

    @if($grid == 1){
    	margin-left: 0% !important;
    	margin-right: 0% !important;
    }

    &.masonry-item-double { width: ((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin)) * 1% !important;
    	.content_container { width: 100%; padding-top: (50 - (((((----- * 2) + ($margin))) * $margin) / -----)) * 1%;}
    	//.content_container { width: 100%; padding-top: (50 - (((((((((100 / $grid) - ($margin * 2))) + ($margin / $grid)) * 2) + ($margin))) * ($margin * 0.5)) / ((((100 / $grid) - ($margin * 2))) + ($margin / $grid)))) * 1.014%;}
    }
    */
  }
  .form_center form input.field_day.masonry-item-double, .form_center form input.field_month.masonry-item-double, .form_center form input.field_year.masonry-item-double, .form_center form select.field_day.masonry-item-double, .form_center form select.field_month.masonry-item-double, .form_center form select.field_year.masonry-item-double {
    width: 66.6666666667% !important;
  }
  .form_center form input.field_day.masonry-item-double .content_container, .form_center form input.field_month.masonry-item-double .content_container, .form_center form input.field_year.masonry-item-double .content_container, .form_center form select.field_day.masonry-item-double .content_container, .form_center form select.field_month.masonry-item-double .content_container, .form_center form select.field_year.masonry-item-double .content_container {
    width: 100%;
    padding-top: 47.85%;
  }
}
.form_center form input.field_zip, .form_center form input.field_city, .form_center form select.field_zip, .form_center form select.field_city {
  float: left;
  width: 33%;
  border-right: 10px solid #ededed;
  z-index: 2;
}
.form_center form input.field_zip.field_city, .form_center form input.field_city.field_city, .form_center form select.field_zip.field_city, .form_center form select.field_city.field_city {
  width: 67%;
  border-right: none;
  margin-bottom: 25px;
}
@media screen and (max-width: 750px) {
  .form_center form input, .form_center form select {
    width: 100%;
  }
}
.form_center form .fa {
  margin-right: 10px;
}
.form_center form textarea {
  width: 100%;
  height: 200px;
  box-sizing: border-box;
  padding: 9px 10px;
  border: 2px solid #ffffff;
  background: #ffffff;
  font-size: 1em;
  line-height: 1.2em;
  color: #151515;
  resize: none;
}
@media screen and (max-width: 750px) {
  .form_center form textarea {
    position: relative;
    width: 100%;
    border-top-color: #ffffff;
    top: 2px;
  }
}
.form_center .check_n, .form_center .check_y {
  margin: 0px 0px 2px -12px;
  border-width: 2px;
}
.form_center .title {
  display: block !important;
  font-size: 0.9em;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.form_center .main_title {
  display: block;
  clear: both;
  margin: 50px 0px 20px 0px;
  background: #2A3E32;
  color: #ffffff;
  padding: 10px 3%;
  text-transform: uppercase;
  font-size: 1.3em;
  letter-spacing: -1px;
  width: 106%;
  left: -3%;
}
.form_center .sub_title {
  display: block;
  clear: both;
  float: none;
  margin: 40px 0px 15px 0px;
  font-size: 1.2em;
  color: #2A3E32;
}

.hidden {
  display: none;
}

#formwrapper_1_1, #formwrapper_2_1 {
  display: none;
}

a.form_button {
  margin-top: 30px !important;
}

.check_n, .check_y {
  display: block;
  padding: 6px 10px 8px 45px;
  margin: 25px 1.5%;
  text-align: left;
  border: 2px solid rgba(255, 255, 255, 0);
  font-size: 0.9em;
}
@media screen and (max-width: 750px) {
  .check_n, .check_y {
    margin: 0px;
  }
}
.check_n a, .check_y a {
  text-decoration: underline !important;
}
.check_n .icon, .check_y .icon {
  position: absolute;
  display: block;
  left: 12px;
  top: 10px;
  background: #ffffff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
.check_n .icon:before, .check_y .icon:before {
  display: inline-block;
  font-size: 16px;
  content: "";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  color: #2A3E32;
}
.check_n.check_y .icon:before, .check_y.check_y .icon:before {
  content: "\f00c" !important;
}

span.radio_bg {
  display: inline-block;
  top: 5px;
  width: 20px;
  height: 20px;
  border: 5px solid #ffffff;
  background: #ffffff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px #666666;
  margin-right: 10px;
}

span.radio_n, span.radio_y {
  display: block;
  cursor: pointer;
  padding: 0px 0px 0px 35px;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0px 15px 0px -5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #2A3E32;
  font-size: 1.2em;
}
span.radio_n:before, span.radio_y:before {
  position: absolute;
  content: "";
  top: -2px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 2px solid #0c4da2;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
span.radio_n:after, span.radio_y:after {
  position: absolute;
  content: "";
  top: 4px;
  left: 6px;
  width: 12px;
  height: 12px;
  background: #0c4da2;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
}

span.radio_y:after {
  opacity: 1;
}

span.radio_title {
  position: relative;
  display: none;
  float: left;
  color: #ffffff;
  padding: 3px 0px 0px 0px;
}

div.radio_container {
  position: relative;
  float: none;
  margin: 0px 0px 10px 0px;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 750px) {
  div.radio_container {
    text-align: left;
    padding-left: 0px;
  }
  div.radio_container span.radio_n, div.radio_container span.radio_y {
    display: block;
  }
}

ul {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  margin-left: 14px;
}

li {
  padding: 0px;
  margin: 0px 0px;
}

h1, .h1 {
  position: relative;
  display: block;
  clear: both;
  font-size: 2.25em;
  line-height: 1em;
  margin: 0px 0px 30px 0px;
  text-transform: uppercase;
  color: #151515;
}
@media screen and (max-width: 1300px) {
  h1, .h1 {
    font-size: 2.4em;
    line-height: 1em;
  }
}
@media screen and (max-width: 1000px) {
  h1, .h1 {
    font-size: 2.3em;
    line-height: 1em;
  }
}
@media screen and (max-width: 750px) {
  h1, .h1 {
    font-size: 2.2em;
    line-height: 1em;
    text-align: left;
  }
}
@media screen and (max-width: 450px) {
  h1, .h1 {
    font-size: 2em;
    line-height: 1em;
  }
}
h1 .sub, .h1 .sub {
  display: block;
  font-size: 0.6em;
  line-height: 1em;
  color: #0c4da2;
}
h1.right, .h1.right {
  font-size: 10em;
  text-align: right;
}
h1.left, .h1.left {
  text-align: left;
  margin-bottom: 0px !important;
}

h1.line, .h1.line {
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 750px) {
  h1.line, .h1.line {
    margin-bottom: 60px;
  }
}

h1.line:before, .h1.line:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 1px;
  bottom: -30px;
  left: 50%;
  margin-left: -50px;
  border-bottom: 1px solid #2A3E32;
}
@media screen and (max-width: 750px) {
  h1.line:before, .h1.line:before {
    bottom: -30px;
  }
}

h2, .h2 {
  position: relative;
  display: block;
  clear: both;
  font-size: 4em;
  line-height: 0.9em;
  margin: 0px 0px 40px 0px;
  text-align: center;
  color: #0c4da2;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  h2, .h2 {
    font-size: 1.15em;
    line-height: 1.4em;
  }
}
h2.pre, .h2.pre { /*overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto;*/ }
h2.pre span, .h2.pre span {
  display: block;
  text-transform: none;
  color: #0c4da2;
  font-size: 0.8em;
  line-height: 0.9em;
  margin-bottom: 5px;
  -webkit-transform: scaleX(0.8);
  transform: scaleX(0.8);
}
@media screen and (max-width: 1000px) {
  h2, .h2 {
    font-size: 3.5em;
    line-height: 0.9em;
  }
}
@media screen and (max-width: 750px) {
  h2, .h2 {
    font-size: 3em;
    line-height: 0.9em;
  }
}
@media screen and (max-width: 450px) {
  h2, .h2 {
    font-size: 2.5em;
    line-height: 0.9em;
  }
}

h3, .h3 {
  position: relative;
  display: block;
  clear: both;
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 0px;
  text-align: left;
  color: #151515;
}
@media screen and (max-width: 1000px) {
  h3, .h3 {
    font-size: 1.15em;
    line-height: 1.4em;
  }
}
@media screen and (max-width: 750px) {
  h3, .h3 {
    font-size: 1.1em;
    line-height: 1.4em;
  }
}

h4, .h4 {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 1.4em;
  margin: 0px 0px 0px 0px;
  color: #2A3E32;
}

.txt a {
  color: #0c4da2 !important;
  text-decoration: none !important;
}

.txt a:hover {
  color: #0c4da2 !important;
  text-decoration: underline !important;
}

.txt ul {
  padding: 10px 20px 0px 0px;
  margin: 0px;
}

.txt ul li {
  list-style: none;
  padding-left: 25px;
}
.txt ul li::before {
  position: absolute;
  top: -1px;
  left: 0px;
  content: "\f00c" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-size: 1em;
  margin-right: 10px;
  display: inline-block;
  text-decoration: none;
}

.txt ol {
  margin: 0px;
  padding-left: 35px;
  list-style: none;
  counter-reset: custom-counter;
}
@media screen and (max-width: 450px) {
  .txt ol {
    padding-left: 25px;
  }
}
.txt ol li {
  counter-increment: custom-counter;
}
.txt ol li::before {
  position: absolute;
  top: 0px;
  left: -35px;
  width: 25px;
  text-align: right;
  content: counter(custom-counter) ". ";
  color: #cf0f14;
}
@media screen and (max-width: 450px) {
  .txt ol li::before {
    left: -30px;
    width: 25px;
  }
}

.txt h2 {
  text-transform: uppercase;
  text-align: left;
  font-size: 1.5em;
  line-height: 1.4em;
  margin-bottom: 5px;
}
.txt h3 {
  text-transform: uppercase;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: 5px;
}
.txt img {
  max-width: 100%;
}

.txt .txt_image {
  position: relative;
  display: block;
  margin: 0.7em 0px -0.7em 0px;
  line-height: 0px;
  max-width: 100%;
  width: 100%;
  height: auto;
  /*max-width: 120%; width: 120%; left: -10%;*/
}
@media screen and (max-width: 1300px) {
  .txt .txt_image {
    max-width: 100%;
    width: 100%;
    left: 0%;
  }
}

.txt .txt_image img {
  position: relative;
  width: 100%;
  height: auto;
}

.txt .txt_quote {
  float: right;
  display: inline-block;
  padding: 20px 0px 20px 30px;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.1em;
  max-width: 50%;
}
@media screen and (max-width: 450px) {
  .txt .txt_quote {
    display: block;
    float: none;
    padding: 20px 0px 20px 0px;
    max-width: 100%;
  }
}

.txt table {
  text-align: center;
  font-size: 0.8em;
  line-height: 1em;
  border-spacing: 0px;
}
.txt table * {
  margin: 0px;
}
.txt table th, .txt table td {
  padding: 8px;
}
.txt table tbody:first-of-type tr:first-of-type {
  background: #0c4da2;
  color: #ffffff;
}
.txt table tr:nth-of-type(even) {
  background: rgba(0, 0, 0, 0.05);
}
.txt table tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.025);
}

.txt .table {
  position: relative;
  display: table;
  margin: 0.7em 0px;
  border-collapse: collapse;
  border-top: 1px solid #dddddd;
}

.txt .table:after {
  content: "";
  display: table;
  clear: both;
}

.txt .table .table_row {
  position: relative;
  display: table-row;
  background: rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid #dddddd;
}

.txt .table .table_row:nth-of-type(even) {
  background: rgba(255, 255, 255, 0.15);
}

.txt .table .table_row:after {
  content: "";
  display: table;
  clear: both;
}

.txt .table .table_row .table_cell {
  position: relative;
  padding: 5px 15px;
  display: table-cell;
}

.txt .table .table_row .table_cell .column_title {
  text-transform: uppercase;
  color: #2A3E32;
  display: none;
}

@media screen and (max-width: 750px) {
  .txt .table {
    display: block;
  }
  .txt .table .table_row {
    display: block;
    padding: 10px 0px;
  }
  .txt .table .table_row.table_row_titles {
    display: none;
  }
  .txt .table .table_row .table_cell {
    display: block;
  }
  .txt .table .table_row .table_cell .column_title {
    display: block;
  }
}
.txt_padding .txt {
  padding: 0px 10%;
}
@media screen and (max-width: 1000px) {
  .txt_padding .txt {
    padding: 0px;
  }
}

.txt_padding_left .txt {
  padding: 0px 0px 0px 10%;
}
@media screen and (max-width: 1000px) {
  .txt_padding_left .txt {
    padding: 0px;
  }
}

@media screen and (min-width: 1001px) {
  .txt_padding .txt .txt_image {
    margin: 0.7em 0px -0.7em -10%;
    max-width: 120%;
    width: 120%;
  }
  .txt_padding .txt .txt_image.left {
    margin: 10px 2.1em 1.4em -10%;
    width: 60%;
    max-width: 60%;
  }
  .txt_padding .txt .txt_image.right {
    margin: 10px -10% 1.4em 2.1em;
    width: 60%;
    max-width: 60%;
  }
}

@media screen and (min-width: 1001px) {
  .txt_padding_left .txt .txt_image {
    margin: 0.7em 0px -0.7em -10%;
    max-width: 110%;
    width: 110%;
  }
  .txt_padding_left .txt .txt_image.left {
    margin: 10px 2.1em 1.4em -10%;
    width: 60%;
    max-width: 60%;
  }
  .txt_padding_left .txt .txt_image.right {
    margin: 10px 0px 1.4em 2.1em;
    width: 55%;
    max-width: 55%;
  }
}

::-webkit-input-placeholder {
  color: #151515;
  opacity: 0.5;
  font-style: italic;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 1em;
}

:-moz-placeholder {
  color: #151515;
  opacity: 0.5;
  font-style: italic;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 1em;
}

::-moz-placeholder {
  color: #151515;
  opacity: 0.5;
  font-style: italic;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 1em;
}

:-ms-input-placeholder {
  color: #151515;
  opacity: 0.5;
  font-style: italic;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 1em;
}

html, body {
  background: #ffffff;
  background-size: 500px auto;
  font-size: 15px;
  line-height: 1.4em;
  color: #151515;
  margin: 0px;
  padding: 0px;
  width: 100%;
  min-width: 1450px;
  height: 100%;
  min-height: 100%;
}
@media screen and (max-width: 1600px) {
  html, body {
    min-width: 1450px;
  }
}
@media screen and (max-width: 1450px) {
  html, body {
    min-width: 1300px;
  }
}
@media screen and (max-width: 1300px) {
  html, body {
    min-width: 1000px;
  }
}
@media screen and (max-width: 1000px) {
  html, body {
    min-width: 750px;
  }
}
@media screen and (max-width: 750px) {
  html, body {
    min-width: 450px;
  }
}
@media screen and (max-width: 450px) {
  html, body {
    min-width: 280px;
  }
}

html {
  height: 100%;
}

p {
  margin: 0px;
}

.clearboth {
  clear: both;
}

.pointer {
  cursor: pointer;
}

.placeholder {
  display: none;
  z-index: -1;
}

.appear_fade {
  opacity: 0;
}

.hide_small {
  display: inline-block !important;
}
@media screen and (max-width: 1000px) {
  .hide_small {
    display: none !important;
  }
}

@media screen and (min-width: 1001px) {
  .hide_large {
    display: none !important;
  }
}

a:link, a:hover, a:active, a:visited {
  color: #151515;
  outline: none;
  text-decoration: none;
}

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