/* colors */
/* white - grey - black */
/* reds */
/* blues */
/* Begin of all responsive changes

  Sizes are:
  0-350:   smallphones  (only for top menu)
  351-480: smartphones  (only for top menu)

  0-480:   smartphones  (main area width: 100%)
  481-700: phablets     (main area width: 100%)    xs-s content width 100%
  701-959: tablets      (main area width: 700px )  s-m  content width 700px
  960+:    big screens  (main area width: 960px )  m-l  content width 950px
  1600+    huge screens (main area width: 1600px ) m-l  content width 950px

*/
html {
  height: 100%; }

body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  background-color: #404040;
  overflow-x: hidden; }

.clearfix {
  overflow: auto; }

.fixed {
  position: fixed;
  top: 0px;
  height: 75px;
  left: 0px;
  right: 0px;
  z-index: 5000;
  background-color: rgba(250, 250, 250, 0.96);
  transition: background-color 1000ms linear; }

.not-fixed {
  #display: block;
  #position: -webkit-sticky;
  #position: sticky;
  #top: 0px;
  height: 75px;
  background-color: rgba(250, 250, 250, 0.96);
  transition: background-color 1000ms linear; }

.fixed-logo {
  width: 150px;
  /* use the width in the last number of the calc to scale in IE */
  height: calc(42px / 150 * 150);
  vertical-align: middle; }

.not-fixed-logo {
  width: 150px;
  #height: calc(42px / 150 * 150);
  /* use the width in the last number of the calc to scale in IE */
  vertical-align: middle; }

.fixed-submenu {
  top: 50px; }

.not-fixed-submenu {
  top: 75px; }

#main-container {
  min-height: 100%;
  position: relative;
  width: 100%;
  overflow-x: hidden;
  z-index: 500; }

#background {
  width: 100%;
  position: fixed;
  top: 20px;
  /*  background: url('/image/6') no-repeat center center; */
  left: 0px;
  background: url('') no-repeat center center;
  background-size: 100% auto;
  z-index: 1; }

#page-top {
  background-color: #404040;
  color: #f0f0f0;
  width: auto;
  position: relative; }

#page-top > div {
  margin: auto;
  height: auto;
  position: relative; }

#page-top .top-menu-left li:not(:first-child) {
  display: inline-block;
  list-style-type: none; }

#page-top .top-menu-left li:not(:last-child) {
  padding-right: 10px; }

#page-top .top-menu-right li {
  display: inline-block;
  list-style-type: none; }

#page-top .top-menu-right li:not(:first-child) {
  padding-left: 10px; }

#page-top a {
  color: #f0f0f0;
  text-decoration: none; }

#page-top a:hover {
  color: #fff;
  text-decoration: none; }

.li-trans1 li:hover {
  /* transition:All .5s ease-in-out; */
  transform: scale(1.1, 1.1) rotate(-720deg); }

#direct-contact-container {
  float: left;
  line-height: 40px; }

#small-direct-contact-container {
  float: left;
  line-height: 40px; }

#extra-menu-container {
  float: right;
  line-height: 40px; }

#small-extra-menu-container {
  float: right;
  line-height: 40px; }

#micro-extra-menu-container {
  float: right;
  line-height: 40px; }

#page-logo-and-menu {
  color: #101010;
  z-index: 5000;
  width: auto; }

#page-logo-and-menu > div {
  margin: auto;
  height: auto;
  position: relative; }

#logo-container {
  line-height: 75px; }

#menu-container {
  float: right;
  position: relative;
  line-height: 75px;
  z-index: 9000; }

#page-banner {
  width: auto;
  color: #101010;
  position: relative;
  z-index: -10; }

#page-banner > div {
  margin: auto;
  position: relative; }

#slogan-stuff {
  color: #f0f0f0; }

#the-rest {
  position: relative;
  background-color: #fff;
  overflow: auto;
  width: auto;
  margin: auto; }

.boom {
  margin-top: 75px; }

#newsflash-container {
  background-color: #b90000;
  width: auto;
  position: relative;
  /* height: 0px; */
  margin: 0;
  display: none; }

#newsflash-container > div {
  padding: 20px 10px 20px 10px;
  position: relative;
  margin: auto; }

#some-content-1 {
  background-color: #f2f2f2;
  width: auto;
  position: relative;
  margin: auto; }

#some-content-1 > div {
  padding: 20px 10px 20px 10px;
  position: relative;
  margin: auto; }

#some-content-2 {
  background-color: #fafafa;
  width: auto;
  position: relative;
  margin: auto; }

#some-content-2 > div {
  padding: 10px;
  position: relative;
  margin: auto; }

#some-content-side-menu-below {
  background-color: #f2f2f2;
  width: auto;
  position: relative;
  margin: auto; }

#some-content-side-menu-below > div {
  padding: 10px;
  position: relative;
  margin: auto; }

.side-menu-block > .posts-nav {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

#page-foot-showcase {
  background-color: white;
  color: green;
  width: 100%;
  min-height: 100px; }

#page-foot-showcase > div {
  padding: 10px;
  margin: auto; }

#page-foot-contact-us {
  background-color: #ebebeb;
  width: 100%;
  min-height: 100px; }

#page-foot-contact-us > div {
  padding: 30px 10px 30px 10px;
  margin: auto; }

#page-foot-menu {
  background-color: #404040;
  color: #fff;
  width: 100%; }

#page-foot-menu > div {
  padding: 30px 10px 30px 10px;
  margin: auto; }

#page-footer {
  background-color: #202020;
  color: #d0d0d0;
  width: 100%;
  height: 40px; }

#page-footer > div {
  padding: 10px;
  margin: auto;
  text-align: center; }

#page-footer li {
  display: inline;
  padding-left: 5px;
  padding-right: 5px; }

#page-footer a {
  color: #f0f0f0;
  text-decoration: none; }

#page-footer a:hover {
  color: white;
  text-decoration: none; }

.pagelist {
  background: #f2f2f2;
  border-radius: 10px;
  /* Begin of all responsive changes

  Sizes are:
  0-350:   smallphones  (only for top menu)
  351-480: smartphones  (only for top menu)

  0-480:   smartphones  (main area width: 100%)								(This size uses mobile menu)
  481-700: phablets     (main area width: 100%)    xs-s breakpoint: 481		(This size uses mobile menu)
  701-959: tablets      (main area width: 700px )  s-m  breakpoint: 701		(This size uses mobile menu)
  960+:    big screens  (main area width: 960px )  m-l  breakpoint: 959		(This size uses normal horizontal menu)
  1600+    huge screens (main area width: 1600px )							(This size uses normal horizontal menu)

*/
  /* 

	Smallphones top menu

*/ }

@media only screen and (max-width: 350px) and (min-width: 0px) {
  /* 

	Smallphone top menu END 

*/
  /* 

	Smartphones top menu

*/
    #direct-contact-container {
      display: none; }
    #small-direct-contact-container {
      padding-left: 10px; }
    #extra-menu-container {
      display: none; }
    #small-extra-menu-container {
      display: none; }
    #micro-extra-menu-container {
      padding-right: 10px; } }

@media only screen and (max-width: 480px) and (min-width: 351px) {
  /* 
	
	Smartphones top menu END 

*/
  /* 

	Smartphones top menu

*/
    #direct-contact-container {
      display: none; }
    #small-direct-contact-container {
      padding-left: 10px; }
    #extra-menu-container {
      display: none; }
    #small-extra-menu-container {
      padding-right: 10px; }
    #micro-extra-menu-container {
      display: none; } }

@media only screen and (max-width: 480px) {
  /* 

	Smartphones END 

*/
  /* 

	Phablets 

*/
    #page-top {
      height: 40px; }
    #background {
      height: calc(40px + 75px + 40vw); }
    #page-banner {
      height: 40vw; }
    #page-top > div {
      width: auto; }
    #page-logo-and-menu > div {
      width: auto; }
    #page-banner > div {
      width: auto; }
    #slogan-stuff {
      padding-left: 10px;
      padding-top: 2vw;
      width: 60%; }
    #the-rest {
      width: auto;
      overflow-x: hidden; }
    #newsflash-container > div {
      width: auto; }
    #some-content-1 > div {
      width: auto; }
    #some-content-2 > div {
      width: auto; }
    #page-footer > div {
      width: auto;
      /*
  
.pagecontent > .side-menu-container
{
    display: none;
}
  */
      /*  
  
  temp disable 
  
  
  .pagecontent
  {
  display: flex;
  flex-direction: column;	
  }
  
.pagecontent > .side-menu-container
  {
    order: +1;
	background-color: $white-f2;
  }
  
 */ }
    .pagecontent {
      display: flex;
      flex-direction: column; }
    #newsoverview {
      display: flex;
      flex-direction: column; }
    .side-menu-container {
      order: 1;
      background-color: #f2f2f2;
      margin-left: -10px;
      margin-right: -10px;
      margin-bottom: -10px;
      padding: 10px;
      /* end new */ }
    #some-content-side-menu-below > div {
      width: auto; }
    .side-menu-block {
      padding-bottom: 10px; }
    #page-foot-menu-container {
      width: auto; }
    #region_5 > div {
      /* establish flex container */
      display: flex;
      /* default value; can be omitted */
      flex-direction: row;
      /* default value; can be omitted */
      flex-wrap: wrap;
      /* switched from default (flex-start, see below) */
      justify-content: space-between; }
    #page-foot-menu .container {
      width: 100%;
      /* background: blue; */
      padding-bottom: 15px; }
    #page-foot-menu .container:last-child {
      padding-bottom: 0px; }
    #page-foot-menu .subcontainer {
      display: flex; }
    #page-foot-menu .subsubcontainer {
      /* background: green; */
      display: inline-block;
      width: 50%; }
    #page-foot-menu .subsubcontainer li {
      line-height: 0.9em;
      padding-bottom: 7px; }
    #page-foot-menu .subsubcontainer li:last-child {
      line-height: 0.8em;
      padding-bottom: 10px; } }

@media only screen and (max-width: 700px) and (min-width: 481px) {
  /* 

	Phablets END

*/
  /* 

	Tablets 

*/
    #page-top {
      height: 40px; }
    #background {
      height: calc(40px + 75px + 35vw); }
    #page-banner {
      height: 35vw; }
    #page-top > div {
      width: auto; }
    #page-logo-and-menu > div {
      width: auto; }
    #direct-contact-container {
      display: none; }
    #small-direct-contact-container {
      padding-left: 10px; }
    #extra-menu-container {
      padding-right: 10px; }
    #small-extra-menu-container {
      display: none; }
    #micro-extra-menu-container {
      display: none; }
    #page-banner > div {
      width: auto; }
    #slogan-stuff {
      padding-left: 10px;
      padding-top: 2vw;
      width: 60%; }
    #the-rest {
      width: auto;
      overflow-x: hidden; }
    #newsflash-container > div {
      width: auto;
      overflow-x: hidden; }
    #some-content-1 > div {
      width: auto;
      overflow-x: hidden; }
    #some-content-2 > div {
      width: auto;
      overflow-x: hidden;
      /*  
.pagecontent > .side-menu-container
{
    display: none;
}
  */ }
    .pagecontent {
      display: flex;
      flex-direction: column; }
    #newsoverview {
      display: flex;
      flex-direction: column; }
    .side-menu-container {
      order: 1;
      background-color: #f2f2f2;
      margin-left: -10px;
      margin-right: -10px;
      margin-bottom: -10px;
      padding: 10px; }
    #some-content-side-menu-below > div {
      width: auto;
      display: none; }
    #page-footer > div {
      width: auto; }
    .side-menu-block {
      padding-bottom: 10px; }
    #page-foot-menu-container {
      width: auto; }
    #region_5 > div {
      /* establish flex container */
      display: flex;
      /* default value; can be omitted */
      flex-direction: row;
      /* default value; can be omitted */
      flex-wrap: wrap;
      /* switched from default (flex-start, see below) */
      justify-content: space-between; }
    #page-foot-menu .container {
      width: 100%;
      /* background: blue; */
      padding-bottom: 15px; }
    #page-foot-menu .container:last-child {
      padding-bottom: 0px; }
    #page-foot-menu .subcontainer {
      display: flex; }
    #page-foot-menu .subsubcontainer {
      /* background: green; */
      display: inline-block;
      width: 50%; }
    #page-foot-menu .subsubcontainer li {
      line-height: 0.9em;
      padding-bottom: 7px; }
    #page-foot-menu .subsubcontainer li:last-child {
      line-height: 0.8em;
      padding-bottom: 10px; } }

@media only screen and (max-width: 959px) and (min-width: 701px) {
  /* 

	Tablets END

*/
  /* 

	Big screens 

*/
    #page-top {
      height: 40px; }
    #background {
      height: calc(40px + 75px + 30vw); }
    #page-banner {
      height: 30vw; }
    #page-banner > div {
      width: 700px; }
    #slogan-stuff {
      padding-top: 3vw;
      width: 65%; }
    #page-top > div {
      width: 700px; }
    #page-logo-and-menu > div {
      width: 700px; }
    #small-direct-contact-container {
      display: none; }
    #small-extra-menu-container {
      display: none; }
    #micro-extra-menu-container {
      display: none; }
    #the-rest {
      width: auto;
      overflow-x: hidden; }
    #newsflash-container > div {
      width: 700px; }
    #some-content-1 > div {
      width: 700px; }
    #some-content-2 > div {
      width: 700px; }
    #some-content-side-menu-below > div {
      display: none; }
    .side-menu-container {
      float: right;
      width: 200px;
      margin-left: 20px; }
    .side-menu-block {
      background: #f2f2f2;
      margin: 0 auto 20px auto;
      width: 90%;
      padding: 0 5px 5px 5px; }
    #page-foot-menu-container {
      width: 700px; }
    #region_5 > div {
      /* establish flex container */
      display: flex;
      /* default value; can be omitted */
      flex-direction: row;
      /* default value; can be omitted */
      flex-wrap: wrap;
      /* switched from default (flex-start, see below) */
      justify-content: space-between; }
    #page-foot-menu .container {
      /* background: blue; */
      width: 32%; }
    #page-foot-menu .subcontainer {
      display: flex; }
    #page-foot-menu .subsubcontainer {
      /* background: green; */
      display: inline-block;
      width: 50%; }
    #page-foot-menu .subsubcontainer li {
      line-height: 0.9em;
      padding-bottom: 7px; }
    #page-foot-menu .subsubcontainer li:last-child {
      line-height: 0.8em;
      padding-bottom: 10px; }
    #page-footer > div {
      width: 700px; }
    #page-foot-showcase > div {
      width: 700px; }
    #page-foot-contact-us > div {
      width: 700px; } }

@media only screen and (min-width: 960px) and (max-width: 1600px) {
  /* 

	Big screens END

*/
  /* 

	Huge screens 

*/
    #page-top {
      height: 40px; }
    #background {
      height: calc(40px + 75px + 30vw); }
    #page-banner {
      height: 30vw; }
    #page-banner > div {
      width: 950px; }
    #slogan-stuff {
      padding-top: 5vw;
      width: 600px; }
    #page-top > div {
      width: 950px; }
    #page-logo-and-menu > div {
      width: 950px; }
    #small-direct-contact-container {
      display: none; }
    #small-extra-menu-container {
      display: none; }
    #micro-extra-menu-container {
      display: none; }
    #the-rest {
      width: auto; }
    #newsflash-container > div {
      width: 950px; }
    #some-content-1 > div {
      width: 950px; }
    #some-content-2 > div {
      width: 950px; }
    #some-content-side-menu-below > div {
      display: none; }
    .side-menu-container {
      float: right;
      width: 200px;
      margin-left: 20px; }
    .side-menu-posts-container {
      display: inline-block;
      position: relative;
      top: 0px;
      float: right;
      width: 200px;
      margin-left: 20px; }
    .side-menu-block {
      background: #f2f2f2;
      margin: 0 auto 20px auto;
      width: 90%;
      padding: 0 5px 5px 5px; }
    #page-foot-showcase > div {
      width: 950px; }
    #page-foot-contact-us > div {
      width: 950px; }
    #page-foot-menu-container {
      width: 950px; }
    #region_5 > div {
      /* establish flex container */
      display: flex;
      /* default value; can be omitted */
      flex-direction: row;
      /* default value; can be omitted */
      flex-wrap: wrap;
      /* switched from default (flex-start, see below) */
      justify-content: space-between; }
    #page-foot-menu .container {
      /* background: blue; */
      width: 32%; }
    #page-foot-menu .subcontainer {
      display: flex; }
    #page-foot-menu .subsubcontainer {
      /* background: green; */
      display: inline-block;
      width: 50%; }
    #page-foot-menu .subsubcontainer li {
      line-height: 1em;
      padding-bottom: 10px; }
    #page-foot-menu .subsubcontainer li:last-child {
      line-height: 1em;
      padding-bottom: 15px; }
    #page-footer > div {
      width: 950px; } }

@media only screen and (min-width: 1600px) {
  /* 

	Huge screens END

*/
    #page-top {
      height: 40px; }
    #background {
      height: calc(40px + 75px + 30vw); }
    #page-banner {
      height: 30vw; }
    #page-banner > div {
      width: 950px; }
    #slogan-stuff {
      padding-top: 6vw;
      width: 650px; }
    #page-top > div {
      width: 950px; }
    #page-logo-and-menu > div {
      width: 950px; }
    #small-direct-contact-container {
      display: none; }
    #small-extra-menu-container {
      display: none; }
    #micro-extra-menu-container {
      display: none; }
    #the-rest {
      width: auto; }
    #newsflash-container > div {
      width: 950px; }
    #some-content-1 > div {
      width: 950px; }
    #some-content-2 > div {
      width: 950px; }
    #some-content-side-menu-below > div {
      display: none; }
    .side-menu-container {
      float: right;
      width: 200px;
      margin-left: 20px; }
    .side-menu-block {
      background: #f2f2f2;
      margin: 0 auto 20px auto;
      width: 90%;
      padding: 0 5px 5px 5px; }
    #page-foot-showcase > div {
      width: 950px; }
    #page-foot-contact-us > div {
      width: 950px; }
    #page-foot-menu-container {
      width: 950px; }
    #region_5 > div {
      /* establish flex container */
      display: flex;
      /* default value; can be omitted */
      flex-direction: row;
      /* default value; can be omitted */
      flex-wrap: wrap;
      /* switched from default (flex-start, see below) */
      justify-content: space-between; }
    #page-foot-menu .container {
      /* background: blue; */
      width: 32%; }
    #page-foot-menu .subcontainer {
      display: flex; }
    #page-foot-menu .subsubcontainer {
      /* background: green; */
      display: inline-block;
      width: 50%; }
    #page-foot-menu .subsubcontainer li {
      line-height: 1em;
      padding-bottom: 10px; }
    #page-foot-menu .subsubcontainer li:last-child {
      line-height: 1em;
      padding-bottom: 15px; }
    #page-footer > div {
      width: 950px; } }

@media only screen and (min-width: 1600px) {
  .flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin: auto;
    width: 948px; }
    .col-lg-1 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 70px; }
    .col-lg-2 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 149px; }
    .col-lg-3 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 228px; }
    .col-lg-4 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 307px; }
    .col-lg-5 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 386px; }
    .col-lg-6 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 465px; }
    .col-lg-7 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 544px; }
    .col-lg-8 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 623px; }
    .col-lg-9 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 702px; }
    .col-lg-10 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 781px; }
    .col-lg-11 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 860px; }
    .col-lg-12 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 939px; }
    .col-lg-1-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 70px; }
    .col-lg-2-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 149px; }
    .col-lg-3-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 228px; }
    .col-lg-4-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 307px; }
    .col-lg-5-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 386px; }
    .col-lg-6-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 465px; }
    .col-lg-7-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 544px; }
    .col-lg-8-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 623px; }
    .col-lg-9-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 702px; }
    .col-lg-10-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 781px; }
    .col-lg-11-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 860px; }
    .col-lg-12-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 939px; } }

@media only screen and (min-width: 960px) and (max-width: 1599px) {
  .flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin: auto;
    width: 948px; }
    .col-md-1 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 70px; }
    .col-md-2 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 149px; }
    .col-md-3 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 228px; }
    .col-md-4 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 307px; }
    .col-md-5 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 386px; }
    .col-md-6 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 465px; }
    .col-md-7 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 544px; }
    .col-md-8 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 623px; }
    .col-md-9 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 702px; }
    .col-md-10 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 781px; }
    .col-md-11 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 860px; }
    .col-md-12 {
      margin-left: 4.5px;
      margin-right: 4.5px;
      margin-bottom: 9px;
      width: 939px; }
    .col-md-1-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 70px; }
    .col-md-2-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 149px; }
    .col-md-3-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 228px; }
    .col-md-4-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 307px; }
    .col-md-5-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 386px; }
    .col-md-6-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 465px; }
    .col-md-7-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 544px; }
    .col-md-8-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 623px; }
    .col-md-9-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 702px; }
    .col-md-10-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 781px; }
    .col-md-11-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 860px; }
    .col-md-12-nbm {
      margin-left: 4.5px;
      margin-right: 4.5px;
      width: 939px; } }

@media only screen and (min-width: 701px) and (max-width: 959px) {
  .flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin: auto;
    width: 699.6px; }
    .col-sm-1 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 52px; }
    .col-sm-2 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 110.3px; }
    .col-sm-3 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 168.6px; }
    .col-sm-4 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 226.9px; }
    .col-sm-5 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 285.2px; }
    .col-sm-6 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 343.5px; }
    .col-sm-7 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 401.8px; }
    .col-sm-8 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 460.1px; }
    .col-sm-9 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 518.4px; }
    .col-sm-10 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 576.7px; }
    .col-sm-11 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 635px; }
    .col-sm-12 {
      margin-left: 3.15px;
      margin-right: 3.15px;
      margin-bottom: 6.3px;
      width: 693.3px; }
    .col-sm-1-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 52px; }
    .col-sm-2-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 110.3px; }
    .col-sm-3-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 168.6px; }
    .col-sm-4-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 226.9px; }
    .col-sm-5-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 285.2px; }
    .col-sm-6-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 343.5px; }
    .col-sm-7-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 401.8px; }
    .col-sm-8-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 460.1px; }
    .col-sm-9-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 518.4px; }
    .col-sm-10-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 576.7px; }
    .col-sm-11-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 635px; }
    .col-sm-12-nbm {
      margin-left: 3.15px;
      margin-right: 3.15px;
      width: 693.3px; } }

@media only screen and (max-width: 700px) {
  .flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin: auto;
    width: 100%; }
    .col-xs-100pc {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
      margin-bottom: 7.5%;
      margin-bottom: 10px; }
    .col-xs-1 {
      margin-left: 3.75%;
      margin-right: 3.75%;
      margin-bottom: 7.5%;
      width: 17.5%; }
    .col-xs-2 {
      margin-left: 3.75%;
      margin-right: 3.75%;
      margin-bottom: 7.5%;
      width: 42.5%; }
    .col-xs-3 {
      margin-left: 3.75%;
      margin-right: 3.75%;
      margin-bottom: 7.5%;
      width: 67.5%; }
    .col-xs-4 {
      margin-left: 3.75%;
      margin-right: 3.75%;
      margin-bottom: 7.5%;
      width: 92.5%; }
    .col-xs-1-nbm {
      margin-left: 3.75%;
      margin-right: 3.75%;
      width: 17.5%; }
    .col-xs-2-nbm {
      margin-left: 3.75%;
      margin-right: 3.75%;
      width: 42.5%; }
    .col-xs-3-nbm {
      margin-left: 3.75%;
      margin-right: 3.75%;
      width: 67.5%; }
    .col-xs-4-nbm {
      margin-left: 3.75%;
      margin-right: 3.75%;
      width: 92.5%; } }

.same-height-container {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  padding-bottom: 15px; }

.same-height {
  width: 24%;
  margin-bottom: 15px; }

.pagelist {
  padding-bottom: 0px;
  position: relative; }

.pagelist > div {
  margin: 5px;
  padding-bottom: 40px;
  position: relative; }

.pagelist > div:last-child {
  margin: 5px;
  padding-bottom: 0px;
  position: absolute; }

.lees-meer {
  bottom: 0px;
  right: 0px;
  position: absolute;
  margin: 10px;
  font-size: 40px;
  background: #fafafa;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px; }

.lees-meer a:hover {
  text-decoration: none;
  color: red; }

.lees-meer:hover {
  background: white;
  /*  GO 2 COLUMNS WIDTH BELOW 480 PIXELS */ }

@media only screen and (max-width: 480px) {
  /* General */
    .same-height-container {
      display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      padding-bottom: 15px; }
    .same-height {
      width: 49%;
      padding-bottom: 15px; } }

li.hamburger {
  display: none; }

.menu-has-children {
  font-size: 0.6em;
  color: #d0d0d0;
  /* General END*/
  /* Menu items to be not displayed */ }

.menu-container li[data-node-id='47'] > a[data-type='N'] {
  display: none; }

.menu-container li[data-node-id='48'] > a[data-type='N'] {
  display: none;
  /* 
	Media Sizes for Menu's
	
	Smartphones, Phablets and Tablets < 959
	Large tablets, laptops and desktops > 959

*/
  /* 

	Big screens

*/ }

@media only screen and (min-width: 960px) {
  /* 

	Big screens END

*/
  /*
	
	Smartphones and phablets 

*/
    #logo-container {
      float: left;
      line-height: 75px; }
    .hamburger-container {
      position: absolute;
      left: 10px;
      top: 10px;
      display: none; }
    .menu-container {
      float: right;
      line-height: 75px;
      margin-top: 0px;
      margin-right: 0px;
      position: relative; }
    .menu-container a {
      color: #d90000;
      font-size: 20px; }
    .menu-container a:hover {
      color: #605c7c;
      text-decoration: none; }
    .menu-container a:active {
      color: #605c7c;
      text-decoration: none; }
    .menu-container li {
      padding: 5px;
      padding-left: 0px;
      padding-right: 20px;
      line-height: 15px;
      position: relative; }
    .menu-container li:last-child {
      padding-right: 0px; }
    .menu-container ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 0; }
    .menu-container ul[data-depth='0'] > li {
      display: inline; }
    .menu-container ul li:hover > a {
      color: #605c7c; }
    .menu-container ul[data-depth='1'] > li {
      display: inline;
      /* 40px or 0px */
      padding-top: 10px; }
    .clearfix:after {
      content: "";
      display: table;
      clear: both; }
    .menu-container li.single:hover ul[data-depth='1'] {
      display: block;
      position: absolute;
      top: 30px;
      left: 5px;
      /* background-color: $white-eb; */
      width: 150px;
      background: rgba(235, 235, 235, 0.98);
      /* added by luke experiment */ }
    .menu-container li.multi {
      padding-bottom: 29px;
      /* Big milky white full width menu block */ }
    .menu-container li.multi ul[data-depth='1'] {
      position: fixed;
      /* */
      text-align: right;
      display: none;
      top: 115px;
      left: 0px;
      /* background-color: $white-eb; */
      right: 0px;
      /*transition: background-color 1000ms linear;*/
      background: rgba(200, 200, 200, 0.98); }
    .menu-container li.multi:hover ul[data-depth='1'] {
      /* max-height: 500px; */
      /* transition: opacity 0.1s, max-height 0s; */
      /* transition: height 1s; */
      display: block; }
    .menu-nodeset ul[data-depth='0'] {
      max-width: 20%; }
    .menu-nodeset ul[data-depth='1'] {
      padding-top: 15px; }
    .menu-container li.multi ul[data-depth='1'] > li > a[data-type=P] {
      color: #d90000;
      font-size: 20px; }
    .menu-container li.multi ul[data-depth='1'] > li > a[data-type=P]:hover {
      color: #fff;
      font-size: 20px; }
    .menu-container li.multi ul[data-depth='1'] > li > a[data-type=N] {
      color: #fff;
      font-size: 20px; }
    .menu-container li.multi ul[data-depth='1'] > li > a[data-type=N]:hover {
      color: #fff;
      font-size: 20px; }
    .menu-container li.multi ul[data-depth='1'] > li {
      display: inline-block;
      position: relative;
      text-align: left;
      vertical-align: top;
      padding-right: 15px;
      /* background-color: $magenta-ff; /* */
      /* max-width: 20%;/* */
      padding-left: 15px;
      flex: 1; }
    .menu-container li.multi ul[data-depth='1'] > li:last-child {
      /* background: green; */
      padding-right: calc((100vw - 950px) /2); }
    .menu-container li ul[data-depth='2'] > li {
      word-wrap: break-word; }
    .menu-container li.multi ul[data-depth='2'] > li > a {
      color: #605c7c;
      font-size: 17px; }
    .menu-container li.multi ul[data-depth='2'] > li > a:hover {
      color: #d90000; }
    .menu-container li.multi ul[data-depth='1'] > li:nth-child(1):nth-last-child(2), .menu-container li.multi ul[data-depth='1'] > li:nth-child(2):nth-last-child(1) {
      min-width: 100px;
      max-width: 210px; }
    .menu-container li.multi ul[data-depth='1'] > li:nth-child(1):nth-last-child(4), .menu-container li.multi ul[data-depth='1'] > li:nth-child(2):nth-last-child(3), .menu-container li.multi ul[data-depth='1'] > li:nth-child(3):nth-last-child(2), .menu-container li.multi ul[data-depth='1'] > li:nth-child(4):nth-last-child(1) {
      min-width: 100px;
      max-width: 210px; }
    .menu-container ul[data-depth='2'] {
      position: absolute;
      display: block; }
    .menu-container ul[data-depth='1'] > li ul[data-depth='2'] {
      display: block;
      position: relative;
      margin-top: 15px;
      /*	background-color: $cyan-e0;
	background: $cyan-e0-alph-80; */
      margin-bottom: 30px; }
    .menu-container ul[data-depth='3'] {
      display: none; }
    .xmenu-container ul[data-depth='2'] > li:hover ul[data-depth='3'] {
      display: block;
      position: absolute;
      top: 0px;
      left: 75px;
      width: 150px;
      background-color: #d5d5d5;
      background: rgba(213, 213, 213, 0.80); } }

@media only screen and (max-width: 959px) {
  /* 

	Smartphones END

*/
    #logo-container {
      width: auto;
      margin: auto;
      line-height: 75px;
      text-align: center; }
    .menu-has-childrenz {
      display: none; }
    .hamburger-container {
      position: absolute;
      left: 10px;
      top: 10px;
      cursor: pointer; }
    .hamburger-i {
      color: #404040; }
    .hamburger {
      display: inline;
      font-weight: 300;
      font-style: normal;
      cursor: pointer;
      padding-bottom: -4px; }
    li.hamburger {
      display: inline-block;
      list-style-type: none;
      padding-right: 10px; }
    .sub {
      font-size: 25px;
      position: relative;
      bottom: -3px;
      padding-right: 4px; }
    .menu-nodeset {
      margin: 0; }
    .menu-container {
      left: 0px;
      width: 280px;
      font-size: 10px;
      line-height: 13px;
      font-weight: normal;
      z-index: 0;
      position: absolute;
      top: 0px;
      bottom: 0px;
      display: none; }
    .menu-container a {
      color: #c0c0c0;
      text-decoration: none; }
    .menu-container a:active {
      color: #fafafa;
      text-decoration: none; }
    .menu-container a:hover {
      color: #fafafa;
      text-decoration: none; }
    .menu-container li {
      padding: 10px 5px 10px 5px;
      border-bottom: 0px solid #505050; }
    .menu-container ul {
      list-style-type: none;
      padding-left: 0;
      position: relative; }
    .menu-container ul[data-depth='0'] > li {
      padding: 10px 5px 10px 5px;
      border-bottom: 1px solid #505050;
      font-size: 2em;
      line-height: 1.6em; }
    .menu-container li.multi ul[data-depth='1'] > li > a[data-type=P] {
      color: #d90000; }
    .menu-container li.multi ul[data-depth='1'] > li > a[data-type=N] {
      color: ; }
    .menu-container > ul {
      overflow: auto;
      position: relative;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: -20px;
      padding-right: 10px;
      border: 0px solid #d90000; }
    .menu-container ul[data-depth='1'] {
      display: none;
      position: relative; }
    .menu-container ul[data-depth='0'] > li:hover ul[data-depth='1'] {
      padding: 0px 5px 0px 10px;
      border-bottom: 0px solid #f0f0f0;
      display: block; }
    .menu-container ul[data-depth='1'] > li {
      padding: 5px 5px 5px 10px;
      border-bottom: 0px solid #f0f0f0;
      font-size: 0.8em;
      line-height: 1.2em; }
    .menu-container ul[data-depth='1'] > li > a {
      color: #fff; }
    .menu-container ul[data-depth='1'] > li > a:hover {
      color: #fff; }
    .menu-container ul[data-depth='2'] > li {
      padding: 5px 5px 0px 10px;
      border-bottom: 0px solid #f0f0f0;
      font-size: 1em;
      line-height: 0.85em;
      color: #00e0e0; }
    .menu-container ul[data-depth='2'] > li > a {
      color: #a0a0a0; }
    .menu-container ul[data-depth='2'] > li > a:active {
      color: ; }
    .menu-container ul[data-depth='3'] > li {
      padding: 10px 5px 0px 10px;
      border-bottom: 0px solid #f0f0f0;
      font-size: 1em; }
    .multi {
      position: relative; } }

body {
  font-style: normal;
  font-weight: 300;
  font-family: 'lato', arial;
  /* onload="fnGetWidthHeight()"; */
  color: #605c7c; }

a {
  text-decoration: none;
  color: #d90000; }

a:hover {
  text-decoration: underline; }

h2, h4 {
  color: #d90000; }

#newsflash-container {
  color: #f2f2f2; }
  #newsflash-container h1, #newsflash-container h2, #newsflash-container h3, #newsflash-container h4 {
    color: #f2f2f2;
    font-weight: 400;
    margin-top: 10px; }
  #newsflash-container a {
    text-decoration: underline;
    color: #f2f2f2; }
  #newsflash-container a:hover {
    text-decoration: none;
    color: #c0c0c0; }

#some-content-1 h1 {
  color: #d90000;
  font-weight: 400;
  margin-top: 10px; }

h1 a:hover {
  text-decoration: none;
  color: #7b7b7b; }

strong {
  font-weight: 400; }

.site-incompleet {
  color: #d90000;
  font-weight: 300;
  margin: 20px 15% 20px 15%;
  font-style: italic;
  font-size: 1.4em; }

.site-incompleet a {
  text-decoration: underline; }

.content-50-perc tr > td:first-of-type {
  padding-left: 0px; }

.content-50-perc tr > td:last-of-type {
  padding-right: 0px; }

.content-50-perc img {
  width: 100%;
  height: auto; }

.side-menu-block h2 {
  color: #605c7c;
  font-weight: 400; }
  .side-menu-block li {
    font-weight: 300; }
  .side-menu-block ul {
    list-style-type: none; }
  .side-menu-block a {
    color: #d90000; }
  .side-menu-block a:hover {
    text-decoration: none;
    color: #605c7c; }

.pagecontent ul {
  list-style-type: disc; }

#domein-result-list {
  display: table; }

#domein-result-list > div {
  display: table-row; }

.domein-item {
  display: table-cell;
  padding-right: 5px;
  padding-bottom: 5px; }

.domein-ok {
  color: green; }

.domein-fout {
  color: orange; }

.domein-bezet {
  color: red; }

#find-domain-submit {
  font-size: 1em;
  font-weight: 300;
  cursor: pointer;
  cursor: hand; }

#find-domain {
  width: 50%;
  font-size: 1em;
  font-weight: 300; }

.frontpage-list {
  /* 

  These items have their own special exception width settings for some Media sizes

*/
  /* 
	Special exeption
	Slogan stuff 
	Small smartphones
	< 349px
*/ }
  .frontpage-list ul {
    list-style: none;
    padding: 0; }
  .frontpage-list li {
    padding-left: 0px; }
  .frontpage-list li:before {
    content: "\f00c";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 75%;
    display: inline-block;
    /* same as padding-left set on li */
    margin-left: -25px;
    /* same as padding-left set on li */
    width: 25px;
    color: green; }

@media only screen and (max-width: 349px) {
  /* 
	Special exeption
	Slogan stuff 
	Normal smartphones 
	350px - 480px
*/
    #slogan-stuff p {
      line-height: 15px;
      font-size: 13px;
      font-weight: 300;
      padding-top: 8px; }
    #slogan-stuff h1 {
      line-height: 17px;
      font-size: 15px;
      font-weight: 300; } }

@media only screen and (max-width: 480px) and (min-width: 350px) {
  /* Begin of all normal responsive changes

  Sizes are:
  0-350:   smallphones  (only for top menu)
  351-480: smartphones  (only for top menu)

  0-480:   smartphones  (main area width: 100%)								(This size uses mobile menu)
  481-700: phablets     (main area width: 100%)    xs-s breakpoint: 481		(This size uses mobile menu)
  701-959: tablets      (main area width: 700px )  s-m  breakpoint: 701		(This size uses mobile menu)
  960+:    big screens  (main area width: 960px )  m-l  breakpoint: 959		(This size uses normal horizontal menu)
  1600+    huge screens (main area width: 1600px )							(This size uses normal horizontal menu)

*/
  /* 

	Smartphones 
	< 480px

*/
    #slogan-stuff p {
      line-height: 16px;
      font-size: 14px;
      font-weight: 300;
      padding-top: 8px; }
    #slogan-stuff h1 {
      line-height: 18px;
      font-size: 16px;
      font-weight: 300; }
    #slogan-stuff h1:first-child {
      padding-top: 8px; } }

@media only screen and (max-width: 480px) {
  /* 

	Smartphones END
	< 480px

*/
  /* 
	Phablets 
	481 - 700px

*/
    p {
      margin-bottom: 8px; }
    h1 {
      font-size: 22px;
      font-weight: 400;
      margin-bottom: 8px; }
    h2 {
      font-size: 20px;
      margin-bottom: 8px; }
    h3 {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 8px; }
    h4 {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 8px; }
    h5 {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 8px; }
    h6 {
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 8px; }
    .pagecontent {
      font-style: normal;
      font-weight: 300;
      font-size: 18px;
      line-height: 23px;
      font-family: 'lato', serif; }
      .pagecontent ul {
        margin-bottom: 8px;
        margin-left: 30px;
        line-height: 23px; }
      .pagecontent h3 {
        margin-top: 15px;
        margin-bottom: 15px; }
      .pagecontent h1.front-pagecontent {
        line-height: 30px; }
    .side-menu-block div {
      margin-bottom: 6px; }
    .side-menu-block ul {
      margin-left: 10px;
      line-height: 15px;
      list-style-type: none; }
    .side-menu-block li {
      font-size: 15px;
      margin-bottom: 10px; }
    .side-menu-block h2 {
      font-size: 17px;
      margin-bottom: 6px; }
    .side-menu-block p {
      font-size: 15px; }
    .content-50-perc {
      width: 100%;
      border-spacing: 10px;
      padding-top: 0px;
      padding-bottom: 10px; }
    .content-50-perc td {
      width: 50%;
      padding-top: 10px;
      padding-bottom: 0px;
      padding-right: 10px;
      padding-left: 10px;
      overflow: hidden; }
    #page-foot-menu h1 {
      color: #c0c0c0;
      font-size: 1.2em;
      width: 100%;
      border-bottom: 1px solid #7b7b7b; }
    #page-foot-menu h2 {
      color: #d5d5d5;
      font-size: 1.1em;
      padding-top: 5px; }
    #page-foot-menu h2 > a {
      color: #c0c0c0;
      font-size: 1em; }
    #page-foot-menu li > a {
      color: #a0a0a0;
      font-size: 1em;
      line-height: 1em; }
    #page-foot-menu a:hover {
      color: #f0f0f0;
      text-decoration: none; } }

@media only screen and (max-width: 700px) and (min-width: 481px) {
  /* 
	Phablets END
	481 - 700px

*/
  /* 

	Tablets 
	701px - 959px

*/
    p {
      margin-bottom: 8px; }
    h1 {
      font-size: 22px;
      font-weight: 400;
      margin-bottom: 8px; }
    h2 {
      font-size: 20px;
      margin-bottom: 8px; }
    h3 {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 8px; }
    h4 {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 8px; }
    h5 {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 8px; }
    h6 {
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 8px; }
    .pagecontent {
      font-style: normal;
      font-weight: 300;
      font-size: 18px;
      line-height: 23px;
      font-family: 'lato', serif; }
      .pagecontent ul {
        margin-bottom: 8px;
        margin-left: 30px;
        line-height: 23px; }
      .pagecontent h3 {
        margin-top: 15px;
        margin-bottom: 15px; }
      .pagecontent h1.front-pagecontent {
        line-height: 30px; }
    .side-menu-block ul {
      margin-left: 10px;
      line-height: 15px;
      list-style-type: none; }
    .side-menu-block li {
      font-size: 15px;
      margin-bottom: 10px; }
    .side-menu-block p {
      font-size: 15px; }
    .side-menu-block h2 {
      font-size: 17px;
      margin-bottom: 6px; }
    .content-50-perc {
      width: 100%;
      border-spacing: 10px;
      padding-top: 0px;
      padding-bottom: 10px; }
    .content-50-perc td {
      width: 50%;
      padding-top: 10px;
      padding-bottom: 0px;
      padding-right: 10px;
      padding-left: 10px;
      overflow: hidden; }
    #page-foot-menu h1 {
      color: #c0c0c0;
      font-size: 1.2em;
      width: 100%;
      border-bottom: 1px solid #7b7b7b; }
    #page-foot-menu h2 {
      color: #d5d5d5;
      font-size: 1.1em;
      padding-top: 5px; }
    #page-foot-menu h2 > a {
      color: #c0c0c0;
      font-size: 1em; }
    #page-foot-menu li > a {
      color: #a0a0a0;
      font-size: 1em;
      line-height: 1em; }
    #page-foot-menu a:hover {
      color: #f0f0f0;
      text-decoration: none; }
    #slogan-stuff p {
      line-height: 18px;
      font-size: 14px;
      font-weight: 300;
      padding-top: 12px; }
    #slogan-stuff h1 {
      line-height: 23px;
      font-size: 19px;
      font-weight: 300; } }

@media only screen and (max-width: 959px) and (min-width: 701px) {
  /* 

	Tablets END
	701px - 959px

*/
  /* 

	Big screens 
	960px - 1599px

*/
    p {
      margin-bottom: 10px; }
    h1 {
      font-weight: 400;
      font-size: 30px;
      margin-bottom: 10px; }
    h2 {
      font-size: 26px;
      margin-bottom: 10px; }
    h3 {
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 10px; }
    h4 {
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 10px; }
    h5 {
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 10px; }
    h6 {
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 8px; }
    .pagecontent {
      font-style: normal;
      font-weight: 300;
      font-size: 20px;
      line-height: 28px;
      font-family: 'lato', serif; }
      .pagecontent ul {
        margin-bottom: 8px;
        margin-left: 35px;
        line-height: 28px; }
      .pagecontent h3 {
        margin-top: 30px;
        margin-bottom: 20px; }
      .pagecontent h1.front-pagecontent {
        line-height: 35px; }
    .side-menu-block ul {
      list-style-type: none;
      margin-left: 10px;
      line-height: 15px; }
    .side-menu-block li {
      font-size: 15px;
      margin-bottom: 10px; }
    .side-menu-block p {
      font-size: 15px; }
    .side-menu-block h2 {
      font-size: 17px;
      margin-bottom: 6px; }
    .content-50-perc {
      width: 100%;
      border-spacing: 20px;
      padding-top: 0px;
      padding-bottom: 10px; }
    .content-50-perc td {
      width: 50%;
      padding-top: 10px;
      padding-bottom: 0px;
      padding-right: 20px;
      padding-left: 20px;
      overflow: hidden; }
    #page-foot-menu h1 {
      color: #c0c0c0;
      font-size: 1.2em;
      width: 100%;
      border-bottom: 1px solid #7b7b7b; }
    #page-foot-menu h2 {
      color: #d5d5d5;
      font-size: 1em;
      padding-top: 5px; }
    #page-foot-menu h2 > a {
      color: #c0c0c0;
      font-size: 1em; }
    #page-foot-menu li > a {
      color: #a0a0a0;
      font-size: 0.7em;
      line-height: 0.7em; }
    #page-foot-menu a:hover {
      color: #f0f0f0;
      text-decoration: none; }
    #slogan-stuff p {
      line-height: 22px;
      font-size: 19px;
      font-weight: 300;
      padding-top: 15px; }
    #slogan-stuff h1 {
      line-height: 29px;
      font-size: 26px;
      font-weight: 300; } }

@media only screen and (min-width: 960px) and (max-width: 1599px) {
  /* 

	Big screens END
	960px - 1599px

*/
  /* 

	HUGE screens
	> 1600px

*/
    p {
      margin-bottom: 10px; }
    h1 {
      font-size: 30px;
      font-weight: 400;
      margin-bottom: 10px; }
    h2 {
      font-size: 26px;
      margin-bottom: 10px; }
    h3 {
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 10px; }
    h4 {
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 10px; }
    h5 {
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 10px; }
    h6 {
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 8px; }
    .pagecontent {
      font-style: normal;
      font-weight: 300;
      font-size: 20px;
      line-height: 28px;
      font-family: 'lato', serif; }
      .pagecontent ul {
        margin-bottom: 10px;
        margin-left: 40px;
        line-height: 28px; }
      .pagecontent h1 {
        margin-top: 30px; }
      .pagecontent h3 {
        margin-top: 30px;
        margin-bottom: 20px; }
      .pagecontent h1.front-pagecontent {
        line-height: 45px; }
    .side-menu-block ul {
      list-style-type: none;
      margin-left: 10px;
      line-height: 18px; }
    .side-menu-block li {
      font-size: 15px;
      margin-bottom: 10px; }
    .side-menu-block p {
      font-size: 15px; }
    .side-menu-block h2 {
      font-size: 17px;
      margin-bottom: 6px; }
    .content-50-perc {
      width: 100%;
      border-spacing: 20px;
      padding-top: 0px;
      padding-bottom: 10px; }
    .content-50-perc td {
      width: 50%;
      padding-top: 10px;
      padding-bottom: 0px;
      padding-right: 20px;
      padding-left: 20px;
      overflow: hidden; }
    #page-foot-menu h1 {
      color: #c0c0c0;
      font-size: 1.2em;
      width: 100%;
      border-bottom: 1px solid #7b7b7b; }
    #page-foot-menu h2 {
      color: #d5d5d5;
      font-size: 1.1em;
      padding-top: 5px; }
    #page-foot-menu h2 > a {
      color: #c0c0c0;
      font-size: 1em; }
    #page-foot-menu li > a {
      color: #a0a0a0;
      font-size: 1em; }
    #page-foot-menu a:hover {
      color: #f0f0f0;
      text-decoration: none; }
    #slogan-stuff p {
      line-height: 25px;
      font-size: 22px;
      font-weight: 300;
      padding-top: 20px; }
    #slogan-stuff h1 {
      line-height: 37px;
      font-size: 32px;
      font-weight: 300; } }

@media only screen and (min-width: 1600px) {
  /* 

	HUGE screens END
	> 1600px

*/
    p {
      margin-bottom: 10px; }
    h1 {
      font-size: 30px;
      font-weight: 400;
      margin-bottom: 10px; }
    h2 {
      font-size: 26px;
      margin-bottom: 10px; }
    h3 {
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 10px; }
    h4 {
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 10px; }
    h5 {
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 10px; }
    h6 {
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 8px; }
    .pagecontent {
      font-style: normal;
      font-weight: 300;
      font-size: 20px;
      line-height: 28px;
      font-family: 'lato', serif; }
      .pagecontent ul {
        margin-bottom: 10px;
        margin-left: 40px;
        line-height: 28px; }
      .pagecontent h1 {
        margin-top: 30px; }
      .pagecontent h3 {
        margin-top: 30px;
        margin-bottom: 20px; }
      .pagecontent h1.front-pagecontent {
        line-height: 45px; }
    .side-menu-block ul {
      list-style-type: none;
      margin-left: 10px;
      line-height: 18px; }
    .side-menu-block li {
      font-size: 15px;
      margin-bottom: 10px; }
    .side-menu-block p {
      font-size: 15px; }
    .side-menu-block h2 {
      font-size: 17px;
      margin-bottom: 6px; }
    .content-50-perc {
      width: 100%;
      border-spacing: 20px;
      padding-top: 0px;
      padding-bottom: 10px; }
    .content-50-perc td {
      width: 50%;
      padding-top: 10px;
      padding-bottom: 0px;
      padding-right: 20px;
      padding-left: 20px;
      overflow: hidden; }
    #page-foot-menu h1 {
      color: #c0c0c0;
      font-size: 1.2em;
      width: 100%;
      border-bottom: 1px solid #7b7b7b; }
    #page-foot-menu h2 {
      color: #d5d5d5;
      font-size: 1.1em;
      padding-top: 5px; }
    #page-foot-menu h2 > a {
      color: #c0c0c0;
      font-size: 1em; }
    #page-foot-menu li > a {
      color: #a0a0a0;
      font-size: 1em; }
    #page-foot-menu a:hover {
      color: #f0f0f0;
      text-decoration: none; }
    #slogan-stuff p {
      line-height: 30px;
      font-size: 25px;
      font-weight: 300;
      padding-top: 22px; }
    #slogan-stuff h1 {
      line-height: 50px;
      font-size: 40px;
      font-weight: 300; } }

.icon-smartphone-white {
  height: 18px;
  vertical-align: middle;
  padding-bottom: 4px;
  margin-left: -4px; }

.icon-smartphone-white:hover {
  height: 18px; }

#logo-fp:hover {
  transition: All 0.1s ease-in-out;
  -webkit-transition: All 0.1s ease-in-out;
  -moz-transition: All 0.1s ease-in-out;
  -o-transition: All 0.1s ease-in-out;
  transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px);
  -ms-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); }

.icon-facebook {
  fill: #f0f0f0;
  height: 20px;
  width: 20px;
  margin-bottom: -4px; }

.icon-facebook:hover {
  fill: white;
  transition: All 0.1s ease-in-out;
  -webkit-transition: All 0.1s ease-in-out;
  -moz-transition: All 0.1s ease-in-out;
  -o-transition: All 0.1s ease-in-out;
  transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
  -ms-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px); }

.icon-twitter {
  fill: #f0f0f0;
  height: 20px;
  width: 20px;
  margin-bottom: -4px; }

.icon-twitter:hover {
  fill: white;
  transition: All 0.1s ease-in-out;
  -webkit-transition: All 0.1s ease-in-out;
  -moz-transition: All 0.1s ease-in-out;
  -o-transition: All 0.1s ease-in-out;
  transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
  -ms-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);
  /* General */ }

.tp-form-field-2c {
  width: 100%;
  font-style: normal;
  font-weight: 300;
  font-family: 'lato', serif; }

.tp-form-field-2c-ml {
  width: 100%;
  height: 250px;
  font-style: normal;
  font-weight: 300;
  font-family: 'lato', serif; }

.tp-form-field {
  float: left;
  width: 100%;
  font-style: normal;
  font-weight: 300;
  font-family: 'lato', serif;
  border: 1px solid #fff;
  color: #404040;
  background: #f0f0f0;
  padding: 5px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.tp-form-field-ml {
  width: 100%;
  height: 250px;
  font-style: normal;
  font-weight: 300;
  font-family: 'lato', serif;
  border: 1px solid #fff;
  color: #404040;
  background: #f0f0f0;
  padding: 5px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.tp-form-label-2c {
  float: left;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 10px;
  font-weight: 600; }

.tp-form-label-2c-required {
  float: left;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 10px;
  font-weight: 600; }

.tp-form-recaptcha {
  float: left;
  width: 100%;
  padding-top: 5px;
  margin-bottom: 10px; }

.tp-form-label-2c-required:after {
  color: #d90000;
  content: "*"; }

.tp-form-cell-2c {
  float: left;
  width: 50%;
  margin-bottom: 5px; }

.tp-form-cell-2c-20pc {
  float: left;
  width: 20%;
  margin-bottom: 5px; }

.tp-form-cell-2c-80pc {
  float: left;
  width: 80%;
  margin-bottom: 5px; }

.form-field-list-cell {
  display: table-cell; }

.tp-form-send-button {
  margin: auto;
  font-style: normal;
  font-weight: 300;
  font-family: 'lato', serif;
  /*    background: $white-f0;
            color: $grey-blue-60;  */
  border: 0px solid #fff;
  padding: 10px;
  background: #d90000;
  color: #f0f0f0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer; }

.tp-form-send-button:hover {
  color: #fff;
  border: 0px solid #d90000;
  padding: 12px;
  cursor: pointer;
  text-decoration: none; }

.tp-form-send {
  float: left;
  width: 100%;
  font-size: 22px;
  color: #d90000;
  padding-top: 20px;
  margin-bottom: 10px;
  text-align: center; }

.form-field-select {
  font-size: 1em;
  /* Begin of all responsive changes

  Sizes are:
  0-480: smartphones (main area width: 100%)
  481-700: phablets  (main area width: 100%)
  701-959: tablets   (main area width: 700px ) 
  960+: big screens  (main area width: 960px )
  1600+ huge screens (main area width: 1600px )

*/
  /* Smartphones */ }

@media only screen and (max-width: 480px) {
  /* Phablets */
    .tp-form-container {
      width: 90%;
      overflow: hidden; }
    .tp-form-field-2c {
      font-size: 16px; }
    .tp-form-field-2c-ml {
      font-size: 16px; }
    .tp-form-label-2c {
      font-size: 16px; }
    .tp-form-label-2c-required, .tp-form-send-button {
      font-size: 16px; }
    .tp-form-field {
      font-size: 16px; }
    .tp-form-field-ml {
      font-size: 16px; }
    .tp-form-send-button {
      font-size: 16px; } }

@media only screen and (max-width: 700px) and (min-width: 481px) {
  /* Tablets */
    .tp-form-container {
      width: 90%;
      overflow: hidden; }
    .tp-form-field-2c {
      font-size: 16px; }
    .tp-form-field-2c-ml {
      font-size: 16px; }
    .tp-form-label-2c {
      font-size: 16px; }
    .tp-form-label-2c-required, .tp-form-send-button {
      font-size: 16px; }
    .tp-form-field {
      font-size: 16px; }
    .tp-form-field-ml {
      font-size: 16px; }
    .tp-form-send-button {
      font-size: 16px; } }

@media only screen and (max-width: 959px) and (min-width: 701px) {
  /* Big screens */
    .tp-form-container {
      width: 65%;
      overflow: hidden; }
    .tp-form-field-2c {
      font-size: 16x; }
    .tp-form-label-2c-required {
      font-size: 16px; }
    .tp-form-send-button {
      font-size: 16px; }
    .tp-form-field-2c-ml {
      font-size: 16px; }
    .tp-form-label-2c {
      font-size: 16px; }
    .tp-form-field {
      font-size: 16px; }
    .tp-form-field-ml {
      font-size: 16px; }
    .tp-form-send-button {
      font-size: 16px; } }

@media only screen and (min-width: 960px) {
  /* Dropdown stuff below here */
    .tp-form-container {
      width: 70%;
      overflow: hidden;
      margin: 0;
      padding: 0; }
    .tp-form-field-2c {
      font-size: 18px; }
    .tp-form-field-2c-ml {
      font-size: 18px; }
    .tp-form-label-2c {
      font-size: 18px; }
    .tp-form-label-2c-required {
      font-size: 18px; }
    .tp-form-send-button {
      font-size: 18px; }
    .tp-form-field {
      font-size: 18px; }
    .tp-form-field-ml {
      font-size: 18px; }
    .tp-form-send-button {
      font-size: 18px; } }

.dropcontainer {
  position: relative;
  font-size: 16px;
  color: #7b7b7b; }

.trigger {
  color: #7b7b7b;
  padding: 10px;
  font-size: 16px;
  width: 50%;
  background: #fff url(/image/select-arrow-openpng) 98% center no-repeat;
  display: block;
  border: 1px solid #c0c0c0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.trigger:hover {
  color: #7b7b7b;
  background: #f2f2f2 url(/image/select-arrow-openpng) 98% center no-repeat; }

.activetrigger {
  color: #7b7b7b;
  padding: 10px;
  font-size: 16px;
  width: 50%;
  background: #f2f2f2 url(/image/select-arrow-closepng) 98% center no-repeat;
  display: block;
  border: 1px solid #c0c0c0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.activetrigger:hover {
  background: #f2f2f2 url(/image/select-arrow-closepng) 98% center no-repeat;
  color: #7b7b7b; }

.activetrigger:active {
  background: #f2f2f2 url(/images/select-arrow-closepng) 98% center no-repeat;
  color: #7b7b7b; }

.dropcontainer ul {
  font-size: 16px;
  border: 1px solid #c0c0c0;
  border-top: none;
  background: #fff;
  list-style-type: none;
  padding: 10px;
  margin: 0;
  width: 50%;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dropcontainer ul li {
  padding: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.dropcontainer ul li:hover {
  background: #f2f2f2;
  outline: none; }

.dropcontainer ul li:first-child {
  display: none; }

.dropcontainer ul li:last-child {
  border-bottom: none; }

.dropdownhidden {
  display: none; }

.dropdownvisible {
  height: auto; }

.slider-block {
  position: relative; }

.slider-block-content {
  position: absolute;
  height: 100%; }
  .slider-block-content:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 255));
    pointer-events: none; }
  .slider-block-content h2 {
    display: inline-block;
    position: absolute;
    bottom: 0;
    color: #fff;
    word-wrap: break-word;
    z-index: 20; }

.bg-block {
  background-position: center;
  background-size: cover; }

.slider-bg-it-scan {
  background-image: url("/imagecategory/2/randomimage/w/1200"); }

.slider-bg-ssl {
  background-image: url("/imagecategory/6/randomimage/w/1200"); }

.slider-bg-app {
  background-image: url("/imagecategory/5/randomimage/w/1200");
  /* Begin of all responsive changes

  Sizes are:
  0-480: smartphones (main area width: 100%)
  481-700: phablets  (main area width: 100%)
  701-959: tablets   (main area width: 700px ) 
  960+: big screens  (main area width: 960px )
  1600+ huge screens (main area width: 1600px )

*/
  /* 

Smartphones 

*/ }

@media only screen and (max-width: 480px) {
  /* Smartphones END */
  /* 

Phablets 

*/
    .sliderblock-1t1 .slider-block {
      height: calc(50vw); }
      .sliderblock-1t1 .slider-block-content {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%; }
    .sliderblock-1t2 .slider-block {
      height: calc(50vw); }
      .sliderblock-1t2 .slider-block-content {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%; }
    .sliderblock-2t4 .slider-block {
      height: calc(25vw); }
      .sliderblock-2t4 .slider-block-content {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%; }
    .slider-block-content {
      position: absolute;
      height: 100%; }
      .slider-block-content h2 {
        margin-left: 5%;
        margin-bottom: 5%; } }

@media only screen and (max-width: 700px) and (min-width: 481px) {
  /* Phablets END*/
  /* 

Tablets 

*/
    .sliderblock-1t1 .slider-block {
      height: calc(50vw); }
      .sliderblock-1t1 .slider-block-content {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%; }
    .sliderblock-1t2 .slider-block {
      height: calc(50vw); }
      .sliderblock-1t2 .slider-block-content {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%; }
    .sliderblock-2t4 .slider-block {
      height: calc(25vw); }
      .sliderblock-2t4 .slider-block-content {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%; }
    .slider-block-content {
      position: absolute;
      height: 100%; }
      .slider-block-content h2 {
        margin-left: 5%;
        margin-bottom: 5%; } }

@media only screen and (max-width: 959px) and (min-width: 701px) {
  /* Tablets END*/
  /* 

Big screens 

*/
    .sliderblock-1t1 .slider-block {
      height: calc(700px/2); }
      .sliderblock-1t1 .slider-block-content {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%; }
    .sliderblock-1t2 .slider-block {
      height: calc(700px/4); }
      .sliderblock-1t2 .slider-block-content {
        width: 99%;
        margin-left: 0.5%;
        margin-right: 0.5%; }
    .sliderblock-2t4 .slider-block {
      height: calc(700px/8); }
      .sliderblock-2t4 .slider-block-content {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%; }
    .slider-block-content {
      position: absolute;
      height: 100%; }
      .slider-block-content h2 {
        margin-left: 5%;
        margin-bottom: 5%; } }

@media only screen and (min-width: 960px) and (max-width: 1600px) {
  /* Big screens END*/
  /* 

Huge screens 

*/
    .sliderblock-1t1 .slider-block {
      height: calc(950px/2); }
      .sliderblock-1t1 .slider-block-content {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%; }
    .sliderblock-1t2 .slider-block {
      height: calc(950px/4); }
      .sliderblock-1t2 .slider-block-content {
        width: 99%;
        margin-left: 0.5%;
        margin-right: 0.5%; }
    .sliderblock-2t4 .slider-block {
      height: calc(950px/8); }
      .sliderblock-2t4 .slider-block-content {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%; }
    .slider-block-content {
      position: absolute;
      height: 100%; }
      .slider-block-content h2 {
        margin-left: 5%;
        margin-bottom: 5%; } }

@media only screen and (min-width: 1600px) {
  /* Huge screens END*/
    .sliderblock-1t1 .slider-block {
      height: calc(950px/2); }
      .sliderblock-1t1 .slider-block-content {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%; }
    .sliderblock-1t2 .slider-block {
      height: calc(950px/4); }
      .sliderblock-1t2 .slider-block-content {
        width: 99%;
        margin-left: 0.5%;
        margin-right: 0.5%; }
    .sliderblock-2t4 .slider-block {
      height: calc(950px/8); }
      .sliderblock-2t4 .slider-block-content {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%; }
    .slider-block-content {
      position: absolute;
      height: 100%; }
      .slider-block-content h2 {
        margin-left: 5%;
        margin-bottom: 5%; } }