/*

blog sizes:;
desktop: 940x470
tablet: 620x310
mobile: 300x150
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

html {
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

html, body {
  border: 0 none;
  color: #000;
  font: 14px/24px 'Open Sans', helvetica, arial, sans-serif;
  font-weight: normal;
  margin: 0;
  outline: 0 none;
  padding: 0;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

body {
  /* background: url("../img/lh-24.png") top; */ /* BASELINE CHECK */
}

::-moz-selection {
    background: #ff9211;
  color: #fff;
    text-shadow: none;
}

::selection {
    background: #ff9211;
  color: #fff;
    text-shadow: none;
}

:focus {
  outline-color: transparent;
  outline-style: none;
}

section, article, aside, footer, header, nav {
  display:block;
}

p, ul, ol, h1, h2, h3, h4, table {
  color: inherit;
  font: inherit;
  margin: 0 0 24px 0;
  padding: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #747474;
  margin: 24px 0 23px 0;
  padding: 0;
}

mark {
    background: #2767c4;
    color: #fff;
    padding: 0 3px;
}

address {
  font-style: normal;
}

abbr[title],
acronym[title],
dfn[title] {
    border-bottom: 1px dotted black;
    cursor: help;
}

/* INLINE IMAGES */
/* full width */
#content .image-image-full{
    margin-right:auto;
    margin-left:auto;
    display:block;
}
/*inline left*/
#content .image-image-inline-left{
    float:left;
    padding:0 20px 20px 0;
}
/*inline right*/
#content .image-image-inline-right{
    float:right;
    padding:0 0 20px 20px;
}


#content p, #content ul,#content ol,#content h1,#content h2,#content h3,#content h4{
  clear:both;
}

/* --- LISTS --- */
ul {
  list-style-image: url("../img/arrow.png");
  padding-left: 15px;
}

main ul ul {
  margin-bottom: 0;
}

ol {
  padding-left: 20px;
}

/* --- HEADINGS --- */
h1, h2, h3, h4 {
  color: #000;
}

h1 {
  font-size: 40px;
  line-height: 48px;
  word-wrap: break-word;
}

h2 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0px;
}

h3 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 48px;
}

  header > h3:first-child,
  div > h3:first-child {
    margin-top: 0;
  }

  h3 + .submitted {
    display: block;
    margin-top: -12px;
  }

h4 {
  font-weight: 600;
  margin: 0;
}

/* --- ANCHORS --- */
a,
a:focus,
a:visited,
a:hover,
a:active {
  color: #ff9211;
  text-decoration: none;
}

a:active,
a:hover {
  text-decoration: underline;
}

section#footer a,
section#footer a:focus,
section#footer a:visited,
section#bottom a,
section#bottom a:focus,
section#bottom a:visited {
  color: #000;
}

section#footer a.disabled-translation {
  opacity: .3;
  pointer-events: none;
}


  section#footer .container {
    display: flex;
  }
  section#footer .container .col {
    float: none;
  }
  section#footer .container .col2 {
    flex: auto;
    text-align: center;
    align-self: center;
  }
  html[lang="en"] section#footer .col:nth-child(1) {
    width: 200px;
  }

  @media only screen and (max-width: 639px) {
    section#footer .container {
      flex-wrap: wrap;
    }
    section#footer .container .col {
      width: 100%;
      margin-bottom: 30px;
    }
  }

/* --- BUTTONS --- */
a.button,
a.button:focus,
a.button:visited,
button,
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  background: transparent;
  border: 0 none;
  border-radius: 0 0 0 0;
  color: #ff9211;
  display: inline-block;
  padding: 0; /* 12px 20px */
  -webkit-appearance: none;
  font-weight: 600;
  font-size: 18px;
}

a.button,
a.button:focus,
a.button:visited {
  font-size: 14px;
  font-weight: normal;
}

#conversion a.button,
#conversion a.button:focus,
#conversion a.button:visited{
    font-size: 22px;
    min-height: 48px;
}



button,
input[type="submit"],
input[type="button"] {
  cursor: pointer;
  -webkit-appearance: none;
}

a.button:active,
a.button:hover,
button:active,
button:hover,
input[type="submit"]:active,
input[type="submit"]:hover,
input[type="button"]:active,
input[type="button"]:hover {
  background: none;
  text-decoration: inherit;
}

a.button:hover {
  text-decoration: underline;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


.button-special,
.button-special:active,
.button.pdf,
.button.pdf:active,
.webform-submission-mosaic-dev-kit-form .form-submit {
  background: #079 !important;
  border: 0 none !important;
  box-shadow: 0 0 0 0;
  color: #fff !important;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  min-height: 48px;
  padding: 11px 20px !important;
  text-decoration: none;
}

.button-special:hover,
.button.pdf:hover,
.webform-submission-mosaic-dev-kit-form .form-submit:hover {
  background-color: #28a !important;
  color: #fff !important;
  text-decoration: none !important;
}

.button-banana,
.button-banana:active {
  background-color: #ff9211;
  border: 0 none !important;
  box-shadow: 0 0 0 0;
  color: #fff !important;
  font-size: 22px;
  font-weight: normal;
  line-height: 24px;
  padding: 12px 20px;
  display: inline-block;
}

.button-banana:hover {
  background-color: #ff9211 !important;
  text-decoration: none;
}

/* --- TABLES --- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  width: 100%;
}

.table-hover > tbody > tr:hover {
  background-color: transparent;
}

table thead {
  border-bottom: 1px solid #000;
  text-align: left;
}

table td,
table th {
  padding: 12px 0;
}

table th {
  padding-bottom: 11px;
}

table.cm-table td{
  padding:10px;

}

/* SHARE BUTTONS */
.share-buttons{
  display: inline-block;
}

.share-buttons ul{
  padding:0;
}
.share-buttons ul li{
  list-style:none;
  float:left;
  margin-left:20px;
}
.share-buttons ul li:first-child{
  margin-left:0px;
}


/* --- FORMS --- */
legend {
  border: none;
}
label {
  font-weight: normal;
}
label.form-required {
  color: #000;
}
fieldset {
  border: 1px solid #ccc;
  margin: 0  0 24px 0;
  padding: 11px 9px;
  width: 100%;
}

.webform-submission-form fieldset{
  border:none;
  margin-bottom:0px;
  padding:0px;
}

@media all and (min-width: 641px) {
  .webform-submission-form .col-block-2.col-view-1 ~ .col-block-2.col-view-1{
    margin-left:40px;
  }
}


input[type="text"].form-control,
input[type="email"].form-control,
input[type="password"].form-control,
textarea.form-control {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  /* border: 1px solid #ccc; */
  border: 0 none;
  background: #f3f3f3;
  box-shadow: none;
  display: block;
  height: 24px;
  padding: 0 12px;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0 0 0 0;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
textarea:hover,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
  /* border-color: #ff9211; */
  background: #f6f6f6;
}

textarea.form-control {
  margin-top: 0;
  min-height: 128px;
  padding-bottom: 12px;
  padding-top: 12px;
  resize: vertical;
}

label {
  display: block;
}
.form-control {
  border-radius: 0;
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
  appearance: auto;
}

select.form-control {
  width: 100%;
  border: solid 1px#EEE;
  background-color: #EEE;
  height: 24px;
  appearance: auto;
}
.select-wrapper:after {
  content: none;
}


.form-item {
  margin: 0 0 12px 0;
}

.form-required {
  color: #ff9211;
}

/* form errors (added by 3s on 25-03-15) */
#conversion .messages.error *{
  display:none;
}
#conversion .messages.error:before{
  display:block;
  color:red;
}
#block-views-webform-webform-pro .messages.error{
  display: none;
}

body.i18n-nl #conversion .messages.error:before{
  content:"Kijk de rood omlijnde velden na...";
}
body.i18n-fr #conversion .messages.error:before{
  content:"Verifiez les champs en rouge...";
}
body.i18n-en #conversion .messages.error:before{
  content:"Check the fields highlighted in red...";
}

form .form-item .error{
  background: #fee;
    border: 1px solid #f99;
}

form .form-item-check{
  display: none;
}


body.page-node-302 #block-views-core-form-conv h2{
  display: none !important;
}

@media all and (min-width: 960px) {
  body.page-node-302 #block-views-core-form-conv .form-item{
    width:620px !important;
  }
  body.page-node-302 #block-views-core-form-conv .form-item.webform-component--intro{
    width:auto !important;
  }
  body.page-node-302 #content p, body.page-node-302 #content ul, body.page-node-302 #content ol{
    clear:none !important;
  }
}

@media all and (max-width: 960px) {
  body.page-node-302 .image-image-inline-right{
    float:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 !important;
  }

}

/* prefill form styling (added by 3s on 20-8-18 */
body.prefill-product-form .webform-client-form-93 .webform-component-email{
  display: none !important;
}




/* NOTIFY CSS */
.sticky {
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    width:100%;
    background: #87cb32; /* Old browsers */
    background: -moz-linear-gradient(top, #87cb32 0%, #87cb32 100%); /* FF3.6+ */
    -moz-box-shadow: 1px 1px 7px #676767;
    -webkit-box-shadow: 1px 1px 7px #676767;
    box-shadow: 1px 1px 7px #676767;
    height: auto;
    background: #87cb32;
    opacity: .9;
    font-weight: regular;
  color: #fff;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.sticky span{
    margin-bottom:10px;
    padding:0px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:30px;
    padding-top:15px;
    opacity:1;
    line-height:16px;
    color:#FFF;
    font-size:12px;
    display:block;

    width: 960px;
    margin-left: auto;
    margin-right: auto;

}

.sticky span p{
    color:#fff;
    margin-bottom:0px;
}

.sticky span p, .sticky span strong {
    font-size: 14px;
    line-height: 24px;
}

.sticky span strong {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
}

.sticky span a{
    color:#fff;
  text-decoration: underline;
}

.sticky .close{
    position:absolute;
    right:10px;
    bottom:10px;
    display:block;
    width:20px;
    height:20px;
    cursor:pointer;
  color: #fff;
}

.sticky .close:hover {
    text-decoration: none;
}

.hide{
    display:none;
}

.ui-icon-closethick:before, a.close:before {
  content: "x";
  display: inline-block;
  font-size: 21px;
}




/* --- CLEARFIX --- */
.container:before,
.container:after,
section:before,
section:after,
.breadcrumb ul:before,
.breadcrumb ul:after,
nav:before,
nav:after,
.clearfix:before,
.clearfix:after {
  content: ' ';
  clear: both;
  display: table;
}

/* --- LAYOUT --- */
.container {
  margin: 0 auto;
  width: 960px;
  max-width: 100%;
  padding: 0;
  /* transition: all 0.3s ease 0s; */
}

aside .block {
  background: #f3f3f3;
  margin: 0 0 24px 0;
  padding: 24px 20px;
  display: block;
  position: relative;
  left: 0;
}

aside .block h2 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 23px;
  border-bottom: 1px solid #ccc;
}

aside .block li {
  text-align: left;
  /* margin-bottom: 12px; */
  list-style: none;
  position: relative;
}

aside .block li::before {
  content: '>';
  color: #ff9211;
  display: inline;
  position: absolute;
  left: -15px;
}


aside .block div.item-list li a.active {
  text-decoration: underline;
}


/* aside block in conversion region */
aside#conversion .block {
    background: #fff;
  /*box-shadow:  0 0 2px rgba(0,0,0,.25);*/
    display: block;
    left: 0;
    margin: 0 0 48px;
    /*padding: 48px 48px 96px 48px;*/
    position: relative;
    padding:0px;
}
/*
aside#conversion .block::after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 280px 75px 0;
  border-color: transparent #ff9211 transparent transparent;
  position: absolute;
  right: 0;
  top: 0;
}

aside#conversion .block::before {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 75px 0 0 280px;
  border-color: transparent transparent transparent #ff9211;
  position: absolute;
  left: 0;
  bottom: 0;
}
*/

aside#conversion .block h2 {
  margin-top: 0;
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  border: 0 none;
  padding: 0;
}
#sep-custom-access-datasheet input[type="email"]{
  width:50%;
}

label.option {
  display: inline;
}

#edit-existing-customer .form-item {
  display: inline-block;
  margin-right: 15px;
}

footer .block {
  margin: 0 0 24px 0;
  padding: 0;
  display: block;
  position: relative;
  left: 0;
/*  top: center;*/
}
footer .block .view-affiliate .views-row {
  margin: 0 0 3px 0;
}
footer .block .view-affiliate .views-row-last {
  margin-bottom:24px;
}

footer .block span.copyright,
footer .block span.terms-conditions{
  display: inline-block;
  clear: both;
}
footer .block span.copyright{
  margin-top:24px;
}
footer .block span.terms-conditions{
  margin-top:0px;
}


footer .block .view-footer p{
  clear:both;
}


footer .block-footer_4 h3{
  margin-bottom:0px;
}



footer section#bottom .block {
  margin: 0;
}

.block > *:first-child {
  margin-top: 0;
}

.block > *:last-child {
  margin-bottom: 0;
}

.col {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 10px;
    /* transition: all 0.3s ease 0s; */
}

.col.first {
  float: right;
}

.col.s1 {width: 80px;}
.col.s2 {width: 160px;}
.col.s3 {width: 240px;}
.col.s4 {width: 320px;}
.col.s5 {width: 400px;}
.col.s6 {width: 480px;}
.col.s7 {width: 560px;}
.col.s8 {width: 640px;}
.col.s9 {width: 720px;}
.col.s10 {width: 800px;}
.col.s11 {width: 880px;}
.col.s12 {width: 960px;}

/* --- LAYOUT COLLUMNS --- */
.col-block-1,
.col-block-2 {
  margin: 0 -20px;
}

.col-block-1 > h2/*,
.col-block-2 > h2*/ {
  margin-left: 20px;
  margin-right: 20px;
}

.col-block-2 {
  float :left;
  margin: 0;
  padding: 0;
  width: calc(50% - 20px);
  /* width: 280px; */
}

.col-block-2:last-child {
  margin-left: 40px;
}

.col-block-1 .views-row,
.col-block-2 .views-row {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  float: left;
  padding: 0 20px;
    transition: all 0.3s ease 0s;
  margin-bottom: 24px;
}

.col-block-2 .views-row {
  padding: 0;
}

.col-block-1 .views-row > div,
.col-block-2 .views-row > div {
  /* BLOCK STYLNG */
}

 .col-view-1 .views-row {width: 100%;}
 .col-view-2 .views-row {width: 50%;}
 .col-view-3 .views-row {width: 33.3333%;}
 .col-view-4 .views-row {width: 25%;}
 .col-view-5 .views-row {width: 20%;}

.col-view-2 .views-row-3,
.col-view-2 .views-row-5,
.col-view-2 .views-row-7,
.col-view-2 .views-row-9,
.col-view-2 .views-row-11,
.col-view-2 .views-row-13,
.col-view-2 .views-row-15,
.col-view-2 .views-row-17,
.col-view-2 .views-row-19 {
  clear:left;
}
.col-view-3 .views-row-4,
.col-view-3 .views-row-7,
.col-view-3 .views-row-10,
.col-view-3 .views-row-13,
.col-view-3 .views-row-16,
.col-view-3 .views-row-19,
.col-view-3 .views-row-22,
.col-view-3 .views-row-25 {
  clear:left;
}
.col-view-4 .views-row-5,
.col-view-4 .views-row-9,
.col-view-4 .views-row-13,
.col-view-4 .views-row-17,
.col-view-4 .views-row-21,
.col-view-4 .views-row-25,
.col-view-4 .views-row-29 {
  clear: left;
}
.col-view-5 .views-row-6,
.col-view-5 .views-row-11,
.col-view-5 .views-row-16,
.col-view-5 .views-row-21,
.col-view-5 .views-row-26,
.col-view-5 .views-row-31 {
  clear: left;
}


@media all and (max-width: 640px) {
  .col-block-1,
  .col-block-2,
  .col-view-1 .views-row,
  .col-view-2 .views-row,
  .col-view-3 .views-row,
  .col-view-4 .views-row,
  .col-view-5 .views-row {width: 100%;}

  .col-block-1 .views-row{padding: 0;margin-left:20px;}

  .col-block-2:last-child {
    margin-left: 0;
  }
}

@media all and (min-width: 641px) and (max-width: 960px) {

  .col-view-1 .views-row,
  .col-view-5 .views-row {width: 100%;}

  .col-view-2 .views-row,
  .col-view-3 .views-row,
  .col-view-4 .views-row {width: 50%;}
}

/* --- HEADER --- */
body > header {
  position: fixed;
  background: rgba(255,255,255,1);
  height: 72px;
  width: 100%;
  border-bottom: 1px solid #f3f3f3;
  z-index: 500;
}

body > header .container {
  height: 72px;
}

.logo {
  float: left;
  width: auto;
  height: 36px;
  position: relative;
  z-index: 1;
  margin: 18px 0 0 0;
  display: block;
}

.logo img {
  border: 0 none;
  width: 122px;
  height: 36px;
}

/* --- GLOBAL NAVIGATION --- */
.navbar-we-mega-menu {
  float:right;
  font-size: 16px;
  line-height: 20px;
  margin-top: 26px; /* lineheight+((lineheight-4px)/2) */
  background: transparent;
  border: none;
}

.navbar-we-mega-menu > .mega-dropdown-menu{
  min-width:240px;
}



.navbar-we-mega-menu .nav input,
.navbar-we-mega-menu .nav label,
body > header nav input,
body > header nav label {
    display: none;
}

.navbar-we-mega-menu .nav,
body > header nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  #block-mainmenu .we-mega-menu-ul > li,
  #block-mainmenuzh .we-mega-menu-ul > li,
  #block-mainmenuja .we-mega-menu-ul > li {
    height: 20px;
  }
}
#block-mainmenu .we-mega-menu-ul > li,
#block-mainmenuzh .we-mega-menu-ul > li {
  float: left;
  margin-left: 16px;
  border-left: 1px solid #ccc;
  padding-left: 20px;
  min-width: 0;
}
#block-mainmenuja .we-mega-menu-ul > li {
  float: left;
  margin-left: 12px;
  border-left: 1px solid #ccc;
  padding-left: 16px;
  min-width: 0;
}

#block-mainmenu .we-mega-menu-ul > li:first-child,
#block-mainmenuja .we-mega-menu-ul > li:first-child,
#block-mainmenuzh .we-mega-menu-ul > li:first-child {
  margin-left: 0;
  border: 0 none;
  padding-left: 0;
}


#block-mainmenu .we-mega-menu-ul > li > a,
#block-mainmenuja .we-mega-menu-ul > li > a,
#block-mainmenuzh .we-mega-menu-ul > li > a,
#block-mainmenu .we-mega-menu-ul > li > span,
#block-mainmenuja .we-mega-menu-ul > li > span,
#block-mainmenuzh .we-mega-menu-ul > li > span {
  display: block;
  padding: 0;
  color: #000;
  font-size: 16px;
  position: relative;
  font-family: inherit;
  border:none !important;
  font-weight: normal;
  text-transform: none;
  background: transparent !important;
}

/*.tb-megamenu .nav > li.active a,
.tb-megamenu .nav > li.active-trail a,
.tb-megamenu .nav > li a.active,
body > header nav ul li.active a,
body > header nav ul li.active-trail a,
body > header nav ul li a.active {

  padding: 0;
  background-color:inherit;
}
*/
.navbar-we-mega-menu .nav > li.active > a,
.navbar-we-mega-menu .nav > li.active-trail > a,
.navbar-we-mega-menu .nav > li > a.active,
.navbar-we-mega-menu .nav > li > a:active,
.navbar-we-mega-menu .nav > li a:hover,
.navbar-we-mega-menu .dropdown-menu .active > a,
.navbar-we-mega-menu .dropdown-menu .active:hover > a,
body > header nav ul li.active a,
body > header nav ul li.active-trail a,
body > header nav ul li a.active,
body > header nav ul li a:active,
body > header nav ul li a:hover,
  .navbar-we-mega-menu .subul > li > a,
  .we-mega-menu-submenu li.we-mega-menu-li.active>a:hover {
  border-bottom: 0 none;
/*  padding-bottom: 0;*/
  background-color:inherit;
  /*padding: 0;*/
  color:#ff9211;
}

.navbar-we-mega-menu .nav > .active > a, .navbar-we-mega-menu .nav > .active > a:hover, .navbar-we-mega-menu .nav > .active > a:focus{
  background-color:inherit;
  color: #ff9211;
}
.navbar-we-mega-menu .nav li.dropdown.open.active > .dropdown-toggle, .navbar-we-mega-menu .nav > li.dropdown.open.active > a:hover{
  background: transparent;
  color:#ff9211;

}
.navbar-we-mega-menu .nav li.dropdown.active > .dropdown-toggle{
  color:#ff9211;
}

.navbar-we-mega-menu .mega-nav > li:first-child > a,
.navbar-we-mega-menu .dropdown-menu .mega-nav > li:first-child > a{
    padding: 5px 0;
}

.we-mega-menu-submenu li.we-mega-menu-li {
  margin-bottom: 0;
  margin-right: 0;
}



.navbar-we-mega-menu .nav > li.dropdown.open a.dropdown-toggle{
/*  color: #ff9211;*/
  background:transparent;

}
.we-mega-menu-ul .dropdown-menu>a,
.we-mega-menu-ul .dropdown-menu>span {
  padding-right: 15px !important;
}
.we-mega-menu-ul .dropdown-menu>a:after,
.we-mega-menu-ul .dropdown-menu>span:after {
  position: absolute;
  display: inline-block;
  margin: 0;
    width: 0;
    height: 0;
    right: 0;
    vertical-align: middle;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    background: none;
    opacity: .6;
}
.we-mega-menu-ul .dropdown-menu>a:before,
.we-mega-menu-ul .dropdown-menu>span:before {
  display: none;
}

.navbar-we-mega-menu .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-we-mega-menu .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-we-mega-menu .nav li.dropdown.open.active > .dropdown-toggle .caret,
.navbar-we-mega-menu .nav li.dropdown.open > .dropdown-toggle:hover .caret{
    border-top-color: #ff9211  !important;
    border-bottom-color: #ff9211 !important;
}


.navbar-we-mega-menu .nav li.dropdown > .dropdown-toggle:hover .caret {
    border-top-color: #ff9211  !important;
    border-bottom-color: #ff9211 !important;
}
.navbar-we-mega-menu .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-we-mega-menu .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-we-mega-menu .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #ff9211  !important;
    border-bottom-color: #ff9211 !important;
}

/* second level */
.we-mega-menu-submenu>.we-mega-menu-submenu-inner {
  min-height: 0;
}
.navbar-we-mega-menu .subul > li > a {
  font-size:14px;
    clear: both;
    color: #333;
    display: block;
    line-height: 20px;
    font-weight: normal;
    padding: 5px 0;
    text-shadow: none;
    white-space: nowrap;
    border-top: 1px solid #eee;
    border-bottom: none;
  position: relative;
  font-family: inherit;
  text-transform: none;
}
.navbar-we-mega-menu .subul > li > a:focus {
  outline: none;
  border-top: 1px solid #eee;
}
.we-mega-menu-submenu .subul li.we-mega-menu-li.active>a,
.we-mega-menu-submenu .subul li.we-mega-menu-li.active>a:hover,
.we-mega-menu-submenu .subul li.we-mega-menu-li.active>a:focus,
.we-mega-menu-submenu .subul li.we-mega-menu-li.active>.we-megamenu-nolink {
  border-top: 1px solid #eee;
}
.we-mega-menu-submenu .subul li.we-mega-menu-li.active:first-child>a,
.we-mega-menu-submenu .subul li.we-mega-menu-li.active:first-child>a:hover,
.we-mega-menu-submenu .subul li.we-mega-menu-li.active:first-child>a:focus,
.we-mega-menu-submenu .subul li.we-mega-menu-li.active:first-child>.we-megamenu-nolink {
  border-top: none;
}
.navbar-we-mega-menu .subul > li:first-child > a {
  border: none;
}
.navbar-we-mega-menu .we-mega-menu-submenu {
  padding-top: 5px;
  background: transparent;
  border: none;
  -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.navbar-we-mega-menu .we-mega-menu-submenu-inner{
  position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 220px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-bottom: 3px solid #ff9211;
    border-top: 1px solid #ddd;
    padding: 10px 15px 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.we-megamenu .we-megamenu-submenu .mega-nav{
}

/* --- MAIN CONTENT --- */
main {
  display: block;
  padding: 72px 0 0 0; /* height of fixed header */
}
.node-type-frontpage main {
  padding-top: 0;
}

/* --- HIDE CONTENT --- */
.hidden,
#skipcontent {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
    width: 1px;
  display: none\9; /* IE7 & IE8 */
  visibility: hidden;
  display: none;
}

/* --- BREADCRUMBS --- */
body.not-front main > .container:first-child,
body.not-front main.has-banner > .banner + .container  {
  background: #f3f3f3;
  width: 100%;
  margin-bottom: 24px;
}
body.node-type-blog main > .container:first-child {
  margin-bottom: 0;
}

.breadcrumb {
  color: #666;
  margin: 0 auto;
  padding: 12px 10px;
  float: none !important;
}

.breadcrumb ol {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

.breadcrumb li {
  float: left;
  font-size: 14px;
}

.breadcrumb li:before {
  display: none;
}

.breadcrumb li:after {
  width: 7px;
  height: 10px;
  display: inline;
  content: ">";
  margin: 0 10px;
}

.breadcrumb li:last-child:after {
  content: "";
  display: none;
}

/* --- SECTION - TOP --- */
section#top {
  min-height: 48px;
  font-size: 14px;
}

section#top .slogan {
  float: left;
  line-height: 24px;
  margin: 12px 0;
}

section#top .block {
  float: right;
}

section#top .block .nav {
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
}

section#top .block .nav li {
  list-style: none;
  line-height: 36px;
  float: left;
  margin-left: 1px;
}

section#top .block .nav li:first-child {
  margin-left: 0;
}

section#top .block .nav li a {
  color: #000;
  background: #cccff2;
  display: block;
  line-height: 24px;
  padding: 12px 20px;
}

section#top .block .nav li.active a,
section#top .block .nav li.active-trail a,
section#top .block .nav li a.active,
section#top .block .nav li a.active-trail,
section#top .block .nav li a:active,
section#top .block .nav li a:hover {
  color: #1c2c5a;
  text-decoration: none;
  background: #e5e6ea;
}

/* --- SECTION - CONTENT --- */
section#content {
  margin-bottom: 24px;
}

section#content img {
    height: auto;
    max-width: 100%;
}

/* --- SECTION - FOOTER --- */
section#footer {
  background: #f3f3f3 url("../img/footer@2x.png") no-repeat scroll left bottom / 192px 192px;
  padding: 0;
}
section#footer h2 {
  margin-bottom: 15px;
}
section#footer .language-switcher-language-url {
  margin-bottom: 0;
}
section#footer .language-switcher-language-url a {
  opacity: .4;
}
section#footer .language-switcher-language-url a.is-active {
  opacity: 1;
}

/*section#footer .col.s2:last-child,
section#footer .col.s3:last-child,
section#footer .col.s4:last-child,
section#footer .col.s5:last-child,
section#footer .col.s6:last-child {
  float: right;
  text-align: right;
}*/
section#footer .container {
  padding-top: 48px;
  /*padding-bottom: 48px;*/
  margin-bottom:24px;
}

section#footer ul {
  padding-left: 0;
}

section#footer ul li {
  list-style: none;
  margin-bottom: 15px;
}

section#footer ul li a {

}
section#footer nav > ul > li {
  margin-bottom: 3px;
}
section#footer nav > ul > li > a {
  padding: 0;
}
section#footer nav > ul > li > a:hover {
  background: transparent;
  text-decoration: underline;
}

section#footer ul ul {
  padding-left: 0;
  margin-bottom:0px;
}

section#footer ul ul li {
  /*list-style-image: url("../img/arrow.png");*/
  margin-bottom: 0;
  font-weight: 400;
}
section#footer ul ul ul {
  padding-left: 0;
  /*margin-bottom: 12px;*/
  margin-left:16px;
  margin-bottom:0px;
}
section#footer ul ul ul li a {
  color:#999 !important;
}


section#footer address, section#footer .telephone{
  margin-top: 12px;
  display: inline-block;
}

section#footer .field-name-field-affiliate-link {
  font-weight: bold;
}

section#footer ul.socialmedia-icons{
  float: left;
}
section#footer ul.socialmedia-icons li{
  margin-bottom: 0px;
}
section#footer div.subscribe-button-inner {
  /*margin: 12px 0 12px 0;*/
  margin-bottom: 6px !important;
  /*clear:both;*/
}
section#footer #block-views-affiliate-affiliate-footer p{
  clear:both;
  margin-bottom:12px;
}
section#footer #block-views-affiliate-affiliate-footer p:last-child{
  margin-bottom:0px;
}
section#footer #block-views-block-core-footer-company p {
  margin-bottom: 13px;
  clear: both;
}
section#footer .language-switcher-language-url {
  margin-bottom: 5px;
}
@media only screen and (min-width: 960px) {
  section#footer .col.s3:last-child {
    padding-left: 30px;
  }
}
section#footer #block-views-block-affiliate-block-4 {
  min-height: 100px;
}

/* --- SECTION - BOTTOM --- */
section#bottom {
  background: #fff;
  min-height: 24px;
  padding: 12px 0;
  display: none;
}

section#bottom .container {
}

section#bottom p {
  text-align: right;
  margin: 0;
  font-size: 13px;
}

/* --- ARTICLE --- */
article {

}

article header,
article#content header,
section#content header {

}

article footer,
article#content footer,
section#content footer {

}

section#content article {
  /*
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  border: 1px solid #000;
  padding: 23px 19px;
  */
  margin-bottom: 24px;
}

.submitted {
  color: #999;
  font-size: 12px;
  font-style: normal;
  margin: -12px 0 6px 0;
  display: inline-block;
}

/* HOME PAGE */
/*body.front h1 {
  font-size:26px;
  font-weight: light;
  line-height: 39px;
}

body.front section#content {
  margin-bottom: 24px;
  text-align: center;
  min-height: 552px;
  position: relative;
}

body.front section#content .container {
  width: 100%;
}

body.front section#content .col.s12 {
  padding: 0;
  width: 100%;
}

body.front section#content section article {
  background: rgba(255,255,255,.8);
  min-height: 144px;
  padding: 24px 20px;
  margin: 0 auto;
  width: 100%;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body.front section#content section article p {
  font-size: 22px;
  color: #000;
}*/

body.front .node-frontpage .button-special,
body.front .node-frontpage .button-special:active {
  background-color: #007698;
  border: 0 none !important;
  box-shadow: 0 0 0 0;
  color: #fff !important;
  font-size: 22px;
  font-weight: normal;
  min-height: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
}

body.front .node-frontpage .button-special:hover {
  background-color: #28a !important;
  text-decoration: none;
}

body.front .col-block-1,
body.front .col-block-2 {
  margin: 0;
}

body.front .col-block-1 .views-row,
body.front .col-block-2 .views-row {
  padding: 0 10px;
  margin: 0;
}

body.front .block-promoted_2-views,
body.front .col-block-1 .views-row-last:after,
body.front .col-block-2 .views-row-last:after {
  content: ' ';
  display: table;
  clear: both;
}

body.front .col-block-1 .views-row > div,
body.front .col-block-2 .views-row > div {
  text-align: center;
  padding: 0;
  cursor: pointer;
}

body.front main h2 {
  font-size: 17px;
  font-weight: 600;
}

body.front .block h3 {
  margin-top: 0;
}

body.front .block-promoted-views .views-row {
  position: relative;
}

body.front .block-promoted-views .views-row::after {
    background: #ccc;
    content: " ";
    display: block;
    height: 144px;
    position: absolute;
    right: 0;
    top: 24px;
    width: 1px;
}

body.front .block-promoted-views .views-row:last-child::after,
body.front .block-promoted-views.col-view-2 .views-row-2::after,
body.front .block-promoted-views.col-view-3 .views-row-3::after,
body.front .block-promoted-views.col-view-4 .views-row-4::after,
body.front .block-promoted-views.col-view-5 .views-row-5::after,
body.front .block-promoted-views.col-view-6 .views-row-6::after {display: none;}

body.front .views-row figure {
  margin: 0 0 24px 0;
  padding: 0;
  overflow: hidden;
}

body.front figure img {
  border:none; /* IE shows by default a border */
  width: auto; /* 100%; */
  height: auto;
  max-height: 144px;
  min-height: 144px;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: transform .3s ease-out;
  -webkit-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  display: inline-block;
}

body.front figure:hover img {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

/* PAGE: INDUSTRIES DETAIL */
.node-solution.node-compact h3 {
  color: #FF9211;
  font-size: 20px;
  margin-top: -10px;
}
body.node-type-solution main {
  padding-top: calc(22vw + 72px);
}

@media only screen and (max-width: 991px) {
  body.node-type-solution main {
    padding-top: 22vw;
  }
}


body.node-type-solution main::after {
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("../img/banners/banner-marine.jpg");
  height: 22vw;
  position: absolute;
  top: 72px;
  width: 100%;
}
body.adminimal-admin-toolbar.node-type-solution main::after,
body.adminimal-admin-toolbar.node-type-solution main.has-banner > .banner {
  margin-top: 79px;
}

body.node-type-solution.node-referencestations main::after {background-image: url("../img/banners/banner-referencestations.png");}
body.node-type-solution.node-railway main::after {background-image: url("../img/banners/banner-railway.jpg");}
body.node-type-solution.node-marine main::after {background-image: url("../img/banners/banner-marine.jpg");}
body.node-type-solution.node-mining_construction main::after,
body.node-type-solution.node-mining-construction main::after {background-image: url("../img/banners/banner-mining-construction.jpg");}
body.node-type-solution.node-agriculture main::after {background-image: url("../img/banners/banner-agriculture.jpg");}
body.node-type-solution.node-survey main::after {background-image: url("../img/banners/banner-survey.jpg");background-position: center top;}
body.node-type-solution.node-gis main::after {background-image: url("../img/banners/banner-gis.jpg");background-position: center top;}
body.node-type-solution.node-unmanned_systems main::after,
body.node-type-solution.node-unmanned-systems main::after {background-image: url("../img/banners/banner-unmanned-systems.jpg");}
body.node-type-solution.node-scientific main::after {background-image: url("../img/banners/banner-scientific.jpg");}
body.node-type-solution.node-autonomousx main::after,
body.node-type-solution.node-autonomous main::after {background-image: url("../img/banners/banner-autonomousx.jpg");}

body.node-type-solution main.has-banner::after {
  content: none;
}
body.node-type-solution main.has-banner > .banner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 22vw;
  position: absolute;
  top: 72px;
  width: 100%;
}

@media only screen and (max-width: 960px) {
  body.node-type-solution main::after,
  body.node-type-solution main.has-banner > .banner {
    top: 0;
  }
}

body.node-type-solution #block-views-blog-blog-rel-by-solution-alt .views-row-2{
/*  padding-left:0px;
  padding-right:0px;*/
}

body.node-type-solution #block-views-blog-blog-rel-by-solution-alt .views-row .field-name-field-picture{
  cursor: pointer;
}
body.node-type-solution #block-views-blog-blog-rel-by-solution-alt .views-row .field-name-field-picture img{
  width:290px;
  height:auto;
}


/* update 21-8-18 */

/* video field */
body.node-type-solution .field-name-field-video iframe{
  max-width: 100%;
}

/* related blogs */
body.node-type-solution #block-views-product-product-rel-alt{
  clear:both;
  padding-top:48px;
}


/* solution subnav */
#block-views-block-solution-block-4{
  clear:both;
  margin-bottom:24px;
}
#block-views-block-solution-block-4 ul.tag-style{
  list-style: none;
  padding:0px;
  margin:0px;
}
#block-views-block-solution-block-4 ul.tag-style li{
  background:#eee;
  display: inline-block;
  margin-bottom:10px;
  margin-right:10px;
}
#block-views-block-solution-block-4 ul.tag-style li:hover{
  background: #ccc;
}

#block-views-block-solution-block-4 ul.tag-style li a{
  text-decoration: none;
  padding:10px;
  display: inline-block;
}





/* PAGE: NEWS - OVERVIEW */
body.node-type-news-section .block-content-news .views-row {
  padding-bottom: 11px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 36px;
}

/*body.node-type-news-section .block-content-news .views-row-last {
  border-bottom: 0 none;
  padding-bottom: 0;
}*/
body.node-type-news-section .block-content-news .views-row:last-child {
  border-bottom: 0 none;
  padding-bottom: 0;
}

body.node-type-solution-section .overview-hover,
body.node-type-news-section .overview-hover {
  cursor: pointer;
}

body.node-type-news-section .overview-hover:hover a.button {
  text-decoration: underline;
}

/* PAGE: PRODUCT OVERVIEW */
#block-septentrio-productoverviewblock > a {
  clear: both;
  display: table;
}
#block-septentrio-productoverviewblock > a h2,
#block-septentrio-productoverviewblock > a h3 {
  display: table;
}
@media all and (min-width: 321px) and (max-width: 640px) {

  body.node-type-product-category section#content .col-view-1 .views-row,
  body.node-type-product-section section#content .col-view-1 .views-row,
  body.node-type-product-category section#content .col-view-5 .views-row,
  body.node-type-product-section section#content .col-view-5 .views-row,
  body.node-type-product-category section#content .col-view-2 .views-row,
  body.node-type-product-section section#content .col-view-2 .views-row,
  body.node-type-product-category section#content .col-view-3 .views-row,
  body.node-type-product-section section#content .col-view-3 .views-row,
  body.node-type-product-category section#content .col-view-4 .views-row,
  body.node-type-product-section section#content .col-view-4 .views-row {
    /*max-width: 280px;*/
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  body.node-type-product-category section#content .col-block-1,
  body.node-type-product-section section#content .col-block-1,
  body.node-type-product-category section#content .col-block-2,
  body.node-type-product-section section#content .col-block-2 {
    margin: 0;
  }
}

body.node-type-product-category section#content .wrapper .views-row > a,
body.node-type-product-section section#content .wrapper .views-row > a,
.node-product.node-short-teaser > a {
  display: block;
  background: #f3f3f3;
  position: relative;
  width: 100%/*205px*/;
  min-height: 205px; /* 205 */
  overflow: hidden;
  margin: 0;
  transition: all .3s ease;
}
body.node-type-product-category section#content .wrapper .views-row .summary,
body.node-type-product-section section#content .wrapper .views-row .summary,
.node-product.node-short-teaser .summary {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 15px;
  opacity: 0;
  transform: scale(.8);
  transition: all .3s ease;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
}
body.node-type-product-category section#content .wrapper .views-row .summary:after,
body.node-type-product-section section#content .wrapper .views-row .summary:after,
.node-product.node-short-teaser .summary:after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to bottom, rgba(255, 146, 17, 0) 0, rgba(255, 146, 17, 1) 50%, rgba(255, 146, 17, 1) 100%);
}
body.node-type-product-category section#content .wrapper .views-row .summary:before,
body.node-type-product-section section#content .wrapper .views-row .summary:before,
.node-product.node-short-teaser .summary:before {
  content: '';
  z-index: 3;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 26px;
  height: 26px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24.8%2C12.3l-6-7c-0.4-0.4-1-0.5-1.4-0.1c-0.4%2C0.4-0.5%2C1-0.1%2C1.4l4.6%2C5.3H2c-0.6%2C0-1%2C0.4-1%2C1s0.4%2C1%2C1%2C1h19.6%20l-4.3%2C4.3c-0.4%2C0.4-0.4%2C1%2C0%2C1.4c0.2%2C0.2%2C0.5%2C0.3%2C0.7%2C0.3s0.5-0.1%2C0.7-0.3l6-6C25.1%2C13.3%2C25.1%2C12.7%2C24.8%2C12.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/26px 26px;
}
body.node-type-product-category section#content .wrapper .views-row figure,
body.node-type-product-section section#content .wrapper .views-row figure,
.node-product.node-short-teaser figure {
  transition: all .3s ease;
}
body.node-type-product-category section#content .wrapper .views-row > a:hover,
body.node-type-product-section section#content .wrapper .views-row > a:hover,
.node-product.node-short-teaser > a:hover {
  background: #ff9211;
}
body.node-type-product-category section#content .wrapper .views-row > a:hover .summary,
body.node-type-product-section section#content .wrapper .views-row > a:hover .summary,
.node-product.node-short-teaser > a:hover .summary {
  transform: none;
  opacity: 1;
}
body.node-type-product-category section#content .wrapper .views-row > a:hover figure,
body.node-type-product-section section#content .wrapper .views-row > a:hover figure,
.node-product.node-short-teaser > a:hover figure {
  opacity: 0;
}

body.node-type-product-category section#content figure img,
body.node-type-product-section section#content figure img,
.node-product.node-short-teaser figure img {
  border:none; /* IE shows by default a border */
  display: block;
  width: 100%/*205px*/;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  /*min-height: 157px;*/ /* 205 - 48 */
  /*-moz-transform: scale(1) translate(0px, -12px);
  -webkit-transform: scale(1) translate(0px, -12px);
  transform: scale(1) translate(0px, -12px);  */


  -moz-transition: transform .3s ease-out;
  -webkit-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
}

/* custom override for small image */
/*body.node-type-product-section section#content #node-48 figure img{
  min-height:137px;
  padding-top:10px;
  padding-bottom:10px;
}*/

body.node-type-product-category section#content figure figcaption,
body.node-type-product-section section#content figure figcaption,
.node-product.node-short-teaser figure figcaption {
  color: #666;
  width: 100%;
  text-align: center;
/*  padding: 12px 10px;*/
  padding: 12px 8px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  bottom: 0px;
}

body.node-type-product-category section#content figure:hover,
body.node-type-product-section section#content figure:hover,
.node-product.node-short-teaser figure:hover {
  background: #f6f6f6;
}

body.node-type-product-category section#content figure:hover img,
body.node-type-product-section section#content figure:hover img,
.node-product.node-short-teaser figure:hover img {
  -moz-transform: scale(1.08) translate(0px, 0px);
  -webkit-transform: scale(1.08) translate(0px, 0px);
  transform: scale(1.08) translate(0px, 0px);
}

body.node-type-product-category section#content  figure:hover figcaption,
body.node-type-product-section section#content figure:hover figcaption,
.node-product.node-short-teaser figure:hover figcaption {
  color: #ff9211;
}

/* PAGE: PRODUCT DETAIL */
body.node-type-product section#content article header .field-name-field-product-status {
  margin-bottom: 24px;
  margin-top: -12px;
  color: #666;
}

body.node-type-product .galleryformatter {
  margin-bottom: 24px;
}

body.node-type-product .gallery-slides .gallery-slide {
/*  background: #f3f3f3;*/
  width: 620px;
  text-align: center;
}

body.node-type-product .galleryformatter .gallery-slides {
  margin-bottom: 24px;
  max-height: 408px;
  overflow: hidden;
}

body.node-type-product .galleryformatter .slide-button {
  font-size: 100px;
  color: #fff;
  opacity: .5;
  text-decoration: none;
}

body.node-type-product .galleryformatter .slide-button:hover {
  color: #ff9211;
  opacity: 1;
}

body.node-type-product .galleryformatter .prev-slide {
  left: 20px;
}

body.node-type-product .galleryformatter .next-slide {
  right: 20px;
}

body.node-type-product .galleryformatter .gallery-slides img {
  max-height: 408px;
  width: auto;
}

body.node-type-product .galleryformatter .gallery-thumbs li {
  background: #f3f3f3;
  margin-right: 25px;
  margin-bottom:25px;
  overflow: hidden;
  padding:0px;
}
body.node-type-product .galleryformatter .gallery-thumbs li:nth-child(3),
body.node-type-product .galleryformatter .gallery-thumbs li:nth-child(6),
body.node-type-product .galleryformatter .gallery-thumbs li:nth-child(9),
body.node-type-product .galleryformatter .gallery-thumbs li:nth-child(12) {
  margin-right: 0px;
}

body.node-type-product .galleryformatter .gallery-thumbs li img {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: transform .3s ease-out;
  -webkit-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
}

body.node-type-product .galleryformatter .gallery-thumbs li:hover img {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

body.node-type-product .galleryformatter .panel-overlay{
  display: none;
}


/* hardcoded: hide image gallery on Terrastar & Veripos page */
body.page-node-64 .field-name-field-picture,
body.page-node-65 .field-name-field-picture,
body.page-node-158 .field-name-field-picture {
  display: none !important;
}

/* PAGE: COMPANY OVERVIEW */
body.node-type-company-section #block-septentrio-septentrio-system-main {
 margin-bottom: 30px;
}


body.node-type-company-section .block-content-event_pro_alt .name-wrapper {
  float: left;
}

body.node-type-company-section .block-content-event_pro_alt .name-wrapper h3 {
  margin-bottom: 12px;
}

body.node-type-company-section .block-content-event_pro_alt .image-wrapper {
    display: block;
  width: 100px;
  text-align:center;
  /*padding: 9px 0;*/
  float: left;
  margin-right: 20px;
  position: relative;
}
body.node-type-company-section .block-content-event_pro_alt .image-wrapper .field-name-field-picture{
  padding-top:5px;
}



/*#block-views-block-company-section-block-3 > div > .views-row {
    border-bottom: 1px solid #ccc;
    padding-bottom:24px;
}
#block-views-block-company-section-block-3 > div > .views-row:last-child {
    border: none;

}*/


/*body.node-type-company-section #block-views-company-company-section-1 > .views-row-1{
  margin-bottom:0px;
}*/


body.node-type-company-section main section#content .text-center a,
body.node-type-company-section main section#content a.button,
body.node-type-news-section main section#content a.button,
.node-event.node-full-section main section#content .text-center a,
.node-event.node-full-section main section#content a.button {
  position: relative;
  padding-left: 15px;
}

body.node-type-company-section main section#content .text-center a::before,
body.node-type-company-section main section#content a.button::before,
.node-event.node-full-section main section#content .text-center a::before,
.node-event.node-full-section main section#content a.button::before,
body.node-type-news-section main section#content a.button::before
 {
  content: '>';
  color: #ff9211;
  position: absolute;
  left: 0;
}



body.node-type-company-section .block-content-event_pro_alt,
.block-company-section-1-b .views-row.views-row {
  /*border-top: 1px solid #ccc;*/
  padding-top: 23px;
  clear:left;
}
#block-views-event-event-pro-alt {
  margin-bottom: 50px;
}

/* PAGE: INDUSTRIES DETAIL */
body.node-type-solution #block-views-blog-blog-rel-by-solution-alt .views-row .center-text::before  {
  content: '>';
  display: inline;
  color: #ff9211;
}




body.node-type-solution #block-views-blog-blog-rel-by-solution-alt .views-row .center-text a{
  padding-left: 6px;
}


body.node-type-blog-section #content .field-name-body{
  width:620px;
}
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row{
  cursor:pointer;
  width:300px;
/*  height: 270px;*/
  margin:0 20px 20px 0;
  float:left;
}
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-3,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-6,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-9,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-12,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-15,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-18,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-21,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-24,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-27,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-30,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-33,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-36,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-39,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-42,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-45,
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-48 {
  margin:0;
}

body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row img {
  display: block;
}

body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row{
  position: relative;
}

body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row div.wrapper {
    width: 300px;
    background-color: #FFF;
    /* border-top: solid 7px #ff9211; */
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* margin-bottom: 20px; */
    width: auto;
    border: none;
    background: rgba(255,255,255,.8);
    margin-top: -33px;
    z-index: 99;
    position: relative;
    padding: 4px 6px;
    line-height: 17px;
    font-size: 14px;

    height: auto;
    position: absolute;
    width: 100%;
    bottom: 0;
    line-height: 1.2;
}




}

body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row:hover div.wrapper{
/*    border-left:solid 1px #ff9211;
    border-bottom:solid 1px #ff9211;
    border-right:solid 1px #ff9211;*/
    text-decoration: none;
}


body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row:hover div.wrapper span{
  text-decoration: none !important;
}


body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row div.wrapper span{
    color:#000;
    display: block;
    margin:0;
}
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row:hover div.wrapper span{
  text-decoration: underline;
  color:#ff9211;
}

body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row div.wrapper span.submitted{
  color:#999;
}
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row:hover div.wrapper span.submitted{
  color:#999;
  text-decoration: none;
}

body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row div.wrapper a.button{
  display: none;
  text-decoration: none;
}

/* correction for first blog item (in attachment view) */
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-element-container .views-row{
  width:940px;
  height:470px;
  margin:0 0 20px 0;
}
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-element-container .views-row div.wrapper{
  width:auto;
  border:none;
  background: rgba(255,255,255,.8);
    margin-top: -60px;
    height:60px;
    z-index: 99;
    position: relative;
    padding:10px;
/*    padding-top:35px;*/
}

body.node-type-blog-section #content #block-views-block-blog-block-1 .views-element-container .views-row div.wrapper span:first-child{
  font-size:22px;
  line-height: 36px;
}




/* PAGE: INSIGHTS DETAIL */
body.node-type-blog section#content .field-name-field-picture {
  margin-bottom: 24px;
}
.node-blog.has-no-paragraphs .field-name-body,
.node-blog.has-no-paragraphs h1 {
  max-width: 612px;
  margin-left: auto;
  margin-right: auto;
}



/* PAGE: SUPPORT */

  body.node-type-support-section #content #block-views-block-support-category-block-1 .view-content,
  body.node-type-support-section #content #block-views-support-support-page  .views-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }

  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row,
  body.node-type-support-section #content #block-views-support-support-page  .views-row
  {
    width:33.333333%;
    position: relative;
    text-align: center;
  }

  body.node-type-support-section #content #block-views-block-support-category-block-1  .views-row{
    height: 200px;
    margin-bottom:20px;
  }

  body.node-type-support-section #content #block-views-block-support-category-block-1  .views-row a{
    padding-top: 160px;
    display: block;
  }

  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
  }


  body.node-type-support-section #content #block-views-block-support-category-block-1 .row-232{
    background: url("../img/support/support-polarx.jpg") center center no-repeat;
    background-size: contain;
  }
  body.node-type-support-section #content #block-views-block-support-category-block-1 .row-233{
    background: url("../img/support/support-altus.jpg") center center no-repeat;
    background-size: contain;
  }
  body.node-type-support-section #content #block-views-block-support-category-block-1 .row-234{
    background: url("../img/support/support-asterx.jpg") center center no-repeat;
    background-size: contain;
  }
  body.node-type-support-section #content #block-views-block-support-category-block-1 .row-454,
  body.node-type-support-section #content #block-views-block-support-category-block-1 .row-476{
    background: url("../img/support/support-mosaic.png") center center no-repeat;
    background-size: contain;
  }

  body.node-type-support-section #content #block-views-block-support-category-block-1 .row-235{
    background: url("../img/support/support-software.jpg") top center no-repeat;
    background-size: 360px 180px;
    /*height: auto;*/

  }

  body.node-type-support-section #content #block-views-block-support-category-block-1 .row-235 a{

  }

  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row:after{
      background: #ccc;
      content: " ";
      display: block;
      position: absolute;
      right: -10px;
      top: 0px;
      width: 1px;
      bottom: 20px;
      z-index: 1000;
  }
  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row-3:after,
  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row-5:after{
    content: none;
  }


  /* support pages */
  body.node-type-support-section #content #block-views-support-support-page{
    clear:both;
    padding-top:48px;
    overflow: hidden;
    padding-bottom:24px;
  }
  body.node-type-support-section #content #block-views-support-support-page .views-row{
    padding:24px;
    background:#f3f3f3;
    box-sizing:border-box;
    min-height:216px;
  }
  body.node-type-support-section #content #block-views-support-support-page .views-row .field-name-body{
    margin-bottom:24px;
  }
  body.node-type-support-section #content #block-views-support-support-page .views-row p{
    margin-bottom:0px;
  }

  body.node-type-support-section #block-views-block-core-block-2{
    margin-bottom:24px;
    background:none;
    text-align: center;
  }
  body.node-type-support-section #block-views-block-core-block-2 h2{
    border-bottom: 0px;
    padding-bottom:0px;
  }
  body.node-type-support-section #block-views-block-core-block-2 a.button{
    border:solid 1px #007698;
    color:#007698;
    padding:20px 20px 20px 80px;
    font-size:16px;
    background: url("../img/support/support-contact.jpg") no-repeat;
    background-position: 10px center;
    font-weight: bold;
  }

 /* support category */
 #block-views-block-support-category-block-2 h2{
  margin-bottom:12px;
}


 #block-views-block-support-category-block-2 .views-row{
  border-bottom:solid 1px #ccc;
  line-height: 72px;
 }

 #block-views-block-support-category-block-2 .views-row + h2{
  margin-top:48px;
 }

 #block-views-block-support-category-block-2 .views-row.row-end-of-life{
  background: #fcfcfc;
 }


 #block-views-block-support-category-block-2 .views-row a{
  display: block;
  position: relative;
 }
 #block-views-block-support-category-block-2 .views-row a:after{
    content: " ";
    display: block;
    position: absolute;
    right: 10px;
    top: 32px;
    width: 8px;
    height:14px;
  background: url(../img/uncollapse.png) no-repeat right;
  display: block;
 }


#webform-client-form-231 .webform-component-radios .form-type-radio{
  display: inline-block;
  margin-right:10px;
  margin-bottom:0px;
}
#webform-client-form-231 .webform-component-radios .form-type-radio,
#webform-client-form-231 .webform-component-radios .form-type-radio label{
  display: inline-block;
}

/* PAGE: TECHNICAL PAPERS */
body.node-type-paper-section fieldset.collapsed .fieldset-wrapper{
  visibility: hidden;
  height:0;
  display: none;
}

body.node-type-paper-section section#content h2 ~ h2{
  margin-top:24px;
}

.view-id-paper.view-display-id-block_1 .views-row {
  margin-bottom: 12px;
  outline:solid 1px #ccc;
  padding:20px;
  max-width: 620px;
}
.view-id-paper.view-display-id-block_1  .views-row {
  padding-top:20px;
  padding-bottom:20px;
}

body.node-type-paper-section section#content fieldset legend {
  display: block;
  width: 100%;
  display: inline;
  padding-top:11px;
}

body.node-type-paper-section section#content .fieldset-legend {
  display: block;
  width: 100%;
}

body.node-type-paper-section section#content .collapsed .fieldset-legend {
  margin-bottom:0px;
}

body.node-type-paper-section section#content .fieldset-legend a {
  display: block;
  margin-right: 10px;
}

body.node-type-paper-section section#content fieldset.collapsed .fieldset-legend a {
  background: url("../img/uncollapse.png") no-repeat right;
}

body.node-type-paper-section section#content fieldset .fieldset-legend a span{
  padding-right:25px;
  display: inline-block;
}

body.node-type-paper-section section#content fieldset .fieldset-legend a span.element-invisible{
  display: none !important;
}

body.node-type-paper-section section#content fieldset .fieldset-legend a {
  background: url("../img/collapse.png") no-repeat right;
}
.view-id-paper.view-display-id-block_1 .views-row .views-field-body{
  padding-top:20px;
}
.view-id-paper.view-display-id-block_1 .views-row .views-label {
  font-weight: bold;
}

.view-id-paper.view-display-id-block_1 .views-row .field-content{
  padding-right:20px;
  margin-bottom:20px;
}

.view-id-paper.view-display-id-block_1 .views-row a{
    background: #079;
    border: 0 none;
    box-shadow: 0 0 0 0;
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    text-decoration: none;
    overflow: hidden;
    display: block;
    width: fit-content;
}

.view-id-paper.view-display-id-block_1 .views-row  a:hover{
    background-color: #28a;
    color: #fff;
    text-decoration: none;
}

.view-id-paper.view-display-id-block_1 .views-row .views-field-field-site-url .field-content{
  margin-bottom:0px;
}



/* hide controls on gmap */
/*body.node-type-contact-section article .view-affiliate .views-row .gmap .gmnoprint{
  display: none;
}

body.node-type-contact-section main > .container {
  background-image: none;
}

body.node-type-contact-section #conversion h2{
  display: none;
}

body.node-type-contact-section aside #block-views-block-affiliate-block-2{
  background: none;
  padding:0 0 24px 0;
}
body.node-type-contact-section aside #block-views-block-affiliate-block-2 h2{
  border:none;
  padding:0 20px 0 20px;
}

body.node-type-contact-section aside #block-views-block-affiliate-block-2 .views-row{
  border:solid 1px #ccc;
  margin-bottom:24px;
  padding:20px 0 0 0;
}
body.node-type-contact-section aside #block-views-block-affiliate-block-2 .views-row h3,
body.node-type-contact-section aside #block-views-block-affiliate-block-2 .views-row div.field{
  margin-bottom:0px;
  font-size:14px;
  padding:0 20px 0 20px;
}


body.node-type-contact-section .field-name-field-google-maps iframe {
  width: 100% !important;
}
*/



body.node-type-contact-section article .view-affiliate .views-row .gmap .gmnoprint{
  display: none;
}

body.node-type-contact-section main > .container {
  background-image: none;
}


body.node-type-contact-section .col-view-2 .views-row:nth-child(2n+3){
  clear:none;
}

@media all and (min-width: 640px) {

  body.node-type-contact-section #block-views-block-affiliate-block-2 h2{
    display: inline-block;
  }
/*  body.node-type-contact-section #block-views-block-affiliate-block-2 h2:nth-child(1){
    color:green !important;
  }*/


  body.node-type-contact-section #block-views-block-affiliate-block-2 .wrapper-1,
  body.node-type-contact-section #block-views-block-affiliate-block-2 .wrapper-2
  {
    width:calc(50% - 20px);
    float:left;
  }
  body.node-type-contact-section #block-views-block-affiliate-block-2 .wrapper-1{
    margin-right:40px;
  }

  body.node-type-contact-section #block-views-block-affiliate-block-2 .wrapper-3{
    clear: both;
  }
  body.node-type-contact-section #block-views-block-affiliate-block-2 .wrapper-3 h2{
    display: block;
      padding-top: 24px;
  }


  /* set custom height for affiliate China */
  body.node-type-contact-section #block-views-block-affiliate-block-2 .wrapper-3 .node-company-affiliate.node-promoted#node-95 .field-name-field-description{
    min-height: 144px
  }


}







body.node-type-contact-section #conversion h2{
  display: none;
}

body.node-type-contact-section #block-views-block-affiliate-block-2 .views-row .node{
  border:solid 1px #ccc;
}

body.node-type-contact-section #block-views-block-affiliate-block-2 h2{
/*  padding:0 20px;*/
}

@media all and (max-width: 640px) {
  body.node-type-contact-section #block-views-block-affiliate-block-2 .wrapper ~ .wrapper{
    padding-top:24px;
    clear: both;
  }
}


body.node-type-contact-section #block-views-block-affiliate-block-2 .views-row .node h3{
  padding:20px 20px 0 20px;
  margin-bottom:10px;
}

body.node-type-contact-section #block-views-block-affiliate-block-2 .views-row .node .field-name-field-description{
  padding:0 20px;
}


/* google map */
#block-views-affiliate-affiliate-map{
  margin-bottom:24px;
}

@media all and (max-width: 960px) {
  #block-views-affiliate-affiliate-map{
    display: none !important;
  }
}


.gmap-popup span[itemprop=name]{
  font-weight: bold;
}
.gmap-popup span{
  display: block;
}
.gmap-popup span.postal-code, .gmap-popup span.locality{
  display: inline-block;
}

.gmap-popup .title{
  line-height: 21px;
  font-size:16px;
  margin-bottom:4px;
  display: block;
}

.gmap-popup .views-field{
  line-height: 21px;
}
.gmap-popup .views-field-field-description p{
  margin-bottom:0px;
}





/*body.node-type-contact-section #block-views-block-affiliate-block-2{
  background: none;
  padding:0 0 24px 0;
}
body.node-type-contact-section #block-views-block-affiliate-block-2 h2{
  border:none;
  padding:0 20px 0 20px;
}

body.node-type-contact-section #block-views-block-affiliate-block-2 .views-row{
  margin-bottom:24px;
  padding:20px 0 0 0;
}
body.node-type-contact-section #block-views-block-affiliate-block-2 .views-row .node{
  border:solid 1px #ccc;
}

body.node-type-contact-section #block-views-block-affiliate-block-2 .views-row h3,
body.node-type-contact-section #block-views-block-affiliate-block-2 .views-row div.field{
  margin-bottom:0px;
  font-size:14px;
  padding:0 20px 0 20px;
}

*/
body.node-type-contact-section .field-name-field-google-maps iframe {
  width: 100% !important;
}





/* MENTIONS PAGE */
body.node-type-mention-section section#content .nav  {
  padding: 0 0 48px 0;
  margin-bottom: 24px;
}

body.node-type-mention-section section#content .nav li {
  list-style: none;
  padding: 0;
  float: left;
  margin-right: 15px;
  border-right: 1px solid #ccc;
  padding-right: 15px;
  line-height: 20px;
  margin-top: 2px;
  margin-bottom: 2px;
}

body.node-type-mention-section section#content .nav li:last-child,
body.node-type-mention-section section#content .nav li.last {
  margin-right: 0;
  border-right: 0;
}

body.node-type-mention-section section#content article {
  margin-bottom:  48px;
  padding-bottom: 23px;
  border-bottom: 1px solid #ccc;
}

body.node-type-mention-section section#content .views-row-last article {
  padding-bottom: 0;
  border-bottom: 0 none;
  margin-bottom: 24px;
}



/* USER LOGIN PAGE */
form#user-login label{
  font-weight: bold;
}

/* 404 PAGE */
body.node-type-systempage main {
  padding-bottom: 0;
}

body.node-type-systempage main > .container {
  background-image: url("../img/septentrio_404.png");
  padding-bottom: 24px;
}

/* --- SOCIAL MEDIA --- */
.socialmedia-icons {
  display: inline-block;
  padding-left: 0;
}

.socialmedia-icons:after {
  content:' ';
  display: table;
  clear: both;
}

.socialmedia-icons li {
  float: left;
  margin-right: 15px;
  list-style: none;
  padding: 0;
}
.socialmedia-icons li:before {
  content: none !important;
}

#promoted {
  margin-bottom:24px;
}

/*.socialmedia-icons li:last-child {
  margin-right: 0;
}*/

  .socialmedia-icons li a {
    display: block;
    width: 24px;
    height: 24px;
    text-decoration: none;
  }

  .socialmedia-icons li a:hover {
    text-decoration: none;
    opacity: .6;
  }

  .socialmedia-icons .icon {
    font-size: 0 !important;
    line-height: 24px !important;
    text-indent: -999em !important;
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-size: 24px 24px;
  }

  .socialmedia-icons .icon.mail {
    text-indent: 0 !important;
    width: auto;
    background: #079 url(../img/mail.png) no-repeat 4px center / 24px 24px;
    color: #fff !important;
    font-weight: bold;
    padding: 0 5px 0 30px;
    border-radius: 3px;
    font-size: 13px !important;
  }

  .socialmedia-icons .icon.twitter    {background-image: url("../img/icon_twitter.png");}
  .socialmedia-icons .icon.youtube    {background-image: url("../img/icon_youtube.png");}
  .socialmedia-icons .icon.linkedin   {background-image: url("../img/icon_linkedin.png");}
  .socialmedia-icons .icon.googleplus   {background-image: url("../img/icon_googleplus.png");}
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .socialmedia-icons .icon.twitter    {background-image: url("../img/icon_twitter@2x.png");}
    .socialmedia-icons .icon.youtube    {background-image: url("../img/icon_youtube@2x.png");}
    .socialmedia-icons .icon.linkedin   {background-image: url("../img/icon_linkedin@2x.png");}
    .socialmedia-icons .icon.googleplus   {background-image: url("../img/icon_googleplus@2x.png");}
  }

/* --- BREAK - MOBILE ALL --- */
@media all and (max-width: 640px) {
  .container {
    width: 100%;
  }

  .col.s1,
  .col.s2,
  .col.s3,
  .col.s4,
  .col.s5,
  .col.s6,
  .col.s7,
  .col.s8,
  .col.s9,
  .col.s10,
  .col.s11,
  .col.s12 {
    width: 100%;
    padding: 0 20px;
  }

  main {
    padding: 0;
  }

  section.breadcrumb {
    display: none;
  }

  section#footer {
    padding-bottom: 96px;
  }

  section#footer .col.s2:last-child,
  section#footer .col.s3:last-child,
  section#footer .col.s4:last-child,
  section#footer .col.s5:last-child,
  section#footer .col.s6:last-child {
    float: left;
    text-align: left;
  }

  section#bottom p {
    text-align: left;
  }

  body.node-type-contact-section aside .block {
    margin-right: 0;
  }

  body.front section#content article {
    max-width: 100% !important;
    text-align: center;
  }

  body.node-type-mention-section section#content .nav {
    padding-left: 15px;
    margin-bottom: 0;
  }

  body.node-type-mention-section section#content .nav li {
    float: none;
    list-style-image: url("../img/arrow.png");
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
  }

  section#top .slogan {
    width: 100%;
    text-align: center;
    float: none;
    font-size: 12px;
  }

  body > header nav ul {
  }

  body.front section#content #block-system-main article{
    /*bottom: -216px;*/
    top:330px;
  }

  body.front h1 {
    font-size: 30px;
    text-align: center;
  }

  body.front h1::after {
    margin: 10px auto 0 auto;
  }

  body > header nav {
    margin: 0;
  }


  aside#conversion .block input[type="email"]{
    width:100%;
  }


  body.front .block-promoted-views .views-row figure {
    margin-bottom: 48px;
  }

  body.front .block-promoted-views .views-row figure img {
    width: auto;
  }

  body.front .block-promoted-views .views-row::after {
    height: 1px;
    width: 80%;
    left: 10%;
    top: auto;
    bottom: 23px;
  }



  body.node-type-testimonial-section .block-views-testimonial .images,
  body.node-type-testimonial-section .block-views-testimonial .text,
  body.node-type-testimonial .customerquote .field-name-field-picture,
  body.node-type-testimonial .customerquote .text {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  body.node-type-testimonial .customerquote .text {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  body.node-type-testimonial .customerquote .field-name-field-name:before {
    margin-left: auto;
    margin-right: auto;
  }

  section#footer ul.socialmedia-icons{
    float: left;
    clear: both;
    margin-bottom: 10px;
  }
  section#footer div.subscribe-button-inner{
    float: left;
  }

  aside#conversion .block {
    padding: 0;
  }

  body.node-type-solution #block-views-block-solution-block-2 .views-row div.info {
    width: 100%;
    padding-top: 24px;
    margin-left: 0;
  }

  body.node-type-product .gallery-slides .gallery-slide {
    width: 280px;
    width:auto;
  }

  body.node-type-company-section .block-content-event_pro_alt {
    border-top: 1px solid #ccc;
    padding-top: 24px;
  }


/* blog overview */
body.node-type-blog-section #content #block-views-block-blog-block-1 .views-element-container .views-row{
  height:auto;
}



  body.node-type-blog-section #content .field-name-body{
    width:auto;
  }

  body.node-type-blog-section #content #block-views-block-blog-block-1{
/*      width: 300px;*/
      width: auto;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }

  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row{
    width:auto;
    float:none;
  }


  body.node-type-blog section#content .field-name-field-picture {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }

  body.node-type-blog section#content .field-name-body {
    float: none;
    width: 100%;
  }

  body.node-type-product .galleryformatter .gallery-slides {
    max-width: 280px;
    max-height: 312px;
  }
  body.node-type-product .galleryformatter .gallery-thumbs {
    max-width: 280px;

  }

  body.node-type-solution main {
    position: relative;
  }

  body > footer .socialmedia-icons li a {
    width: 48px;
    height: 48px;
  }

  body > footer .socialmedia-icons .icon {
    line-height: 48px !important;
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
  }

  /* blog */
  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row{
    /*width:280px !important;*/
    margin:0 0 20px 0 !important;
  }


  body.node-type-blog-section .views-row div.wrapper {
    /*width:280px !important;*/
    margin-left: 0;
    float: none;
    text-align: left;
  }


  #block-views-blog-blog-rel-by-solution-alt img {
      height: auto !important;
      width:auto !important;
      max-width: 100% !important;
  }



  section#footer {
    background-size: 96px 96px;
  }

  footer .block span.copyright,
  footer .block span.terms-conditions{
    width:100%;
    clear: both;
  }



}

/* --- BREAK - MOBILE --- */
@media all and (max-width: 320px) {
  .container {
    width: 320px;
  }

  .col.s1,
  .col.s2,
  .col.s3,
  .col.s4,
  .col.s5,
  .col.s6,
  .col.s7,
  .col.s8,
  .col.s9,
  .col.s10,
  .col.s11,
  .col.s12 {
    width: 320px;
    padding: 0 20px;
  }

  section.breadcrumb {
    display: none;
  }

  body > header nav label {
    left: 252px;
  }



}

/* --- BREAK - TABLET --- */
@media all and (min-width: 641px) and (max-width: 960px) {
  .container {
    width: 640px;
  }

  .col.s12,
  .col.s6 {
    width: 640px;
  }

  .col.s3 {
    width: 320px;
  }

  aside.col.s4,
  footer section.col.s4 {
    width: 640px !important;
  }

  body > header nav {
    margin: 0;
  }

  body.node-type-solution main {
    position: relative;
  }

  /*PAGE: FRONT (CUSTOM) */
  body.front .block-promoted-views .views-row-last::after,
  body.front .block-promoted-views.col-view-2 .views-row-even::after,
  body.front .block-promoted-views.col-view-3 .views-row-even::after,
  body.front .block-promoted-views.col-view-4 .views-row-even::after,
  body.front .block-promoted-views.col-view-5 .views-row-even::after,
  body.front .block-promoted-views.col-view-6 .views-row-even::after {display: none;}
  body.front .block-promoted-views.col-view-3 .views-row-3::after {display: block;}


  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row:nth-child(even){
    margin:0 20px 20px 0;
  }
  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row:nth-child(odd){
    margin:0;
  }
  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-element-container .views-row{
    width:620px;
    height: 310px;
  }
  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-element-container .views-row {
    margin-bottom: 20px;
  }

  /* PAGE: SUPPORT */
/*  body.node-type-support-section #content #block-views-block-support-category-block-1  .views-row,
  body.node-type-support-section #content #block-views-block-support-category-block-1-page  .views-row{
    float:left;
    margin-bottom:20px;
  }

  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row-odd,
  body.node-type-support-section #content #block-views-block-support-category-block-1-page .views-row-odd{
    margin:0 20px 20px 0;
  }
  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row-even,
  body.node-type-support-section #content #block-views-block-support-category-block-1-page .views-row-even{
    margin:0 0 20px 0;
  }*/

  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row,
  body.node-type-support-section #content #block-views-block-support-category-block-1-page .views-row{
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    border-top: none;
    width:100% !important;
  }

  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row{
    border-bottom:solid 1px #ccc;
  }

  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row:after{
    display: none !important;
  }

  .node-event.node-full .image-wrapper{
    width:200px;
  }


}


/*
@media all and (min-width: 960px) {
  #navigation{
    display: none !important;
  }
}
@media all and (max-width: 979px) {
  #block-tb-megamenu-main-menu {
    display: none !important;
  }
}
*/



/* --- BREAK - MOBILE & TABLET --- */
@media all and (max-width: 991px) {

  .overlay {
    display: none;
  }

  .navbar-we-mega-menu.navbar {
    background: #f0f0f0;
    margin: 0;
    padding-top: 10px;
    float: none;
  }
  #block-mainmenu .we-mega-menu-ul > li,
  #block-mainmenuja .we-mega-menu-ul > li,
  #block-mainmenuzh .we-mega-menu-ul > li {
    float: none;
    border: none;
    padding: 0;
    margin: 0;
  }
  #block-mainmenu .we-mega-menu-ul > li > a,
  #block-mainmenuja .we-mega-menu-ul > li > a,
  #block-mainmenuzh .we-mega-menu-ul > li > a {
    padding: 10px 15px;
    border-bottom: 1px solid #f0f0f0 !important;
    text-shadow: none;
    font-family: inherit;
  }
  #block-mainmenu .we-mega-menu-ul > li.active > a,
  #block-mainmenuja .we-mega-menu-ul > li.active > a,
  #block-mainmenuzh .we-mega-menu-ul > li.active > a {
    color: #ff9211 !important;
  }
  #block-mainmenu .we-mega-menu-ul > li > a:after,
  #block-mainmenuja .we-mega-menu-ul > li > a:after,
  #block-mainmenuzh .we-mega-menu-ul > li > a:after {
    content: '';
    margin-top: -2px;
  }
  .navbar-we-mega-menu .we-mega-menu-submenu-inner {
    position: static;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    float: none;
  }
  .navbar-we-mega-menu .we-mega-menu-submenu {
    padding-top: 0;
  }
  .navbar-we-mega-menu.navbar ul>li ul {
    padding-left: 30px;
    padding-top: 0;
  }
  .navbar-we-mega-menu.navbar ul>li ul li a, .navbar-we-mega-menu.navbar ul>li ul li .we-megamenu-nolink {
    padding: 10px 0;
  }
  .navbar-we-mega-menu.navbar .nav .open>a,
  .navbar-we-mega-menu.navbar .nav .open>a:focus,
  .navbar-we-mega-menu.navbar .nav .open>a:hover {
    color: #ff9211 !important;
  }


.navbar-we-mega-menu .nav-collapse,
body > header nav {
  float: none;
  margin-top:75px;
}

.navbar-we-mega-menu .nav-collapse .nav > li > a{
  font-weight: bold;
}
.navbar-we-mega-menu .dropdown-menu {
  min-width: 0 !important;
}
.navbar-we-mega-menu .dropdown-menu li > a{
  border-top:none;
}
/* second level */
.navbar-we-mega-menu .mega-nav > li > a, .navbar-we-mega-menu .dropdown-menu .mega-nav > li > a{
  font-size:13px;
}
.navbar-we-mega-menu .mega-nav > li a, .navbar-we-mega-menu .dropdown-menu .mega-nav > li a{
  padding:4px 0;
}
.navbar-we-mega-menu.navbar .nav-tabs>li.active>a,
.navbar-we-mega-menu.navbar .nav-tabs>li.active>a:focus,
.navbar-we-mega-menu.navbar .nav-tabs>li.active>a:hover {
  color: #ff9211 !important;
}


.navbar-we-mega-menu .nav > li,
body > header nav ul li {
  float: left;
  margin-left: 0px;
  border-left: none;
  padding-left: 0px;
}

.navbar-we-mega-menu .nav-collapse .nav > li.level-1 {
    float: none;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom:10px;
    padding-bottom:10px;

}


.navbar-we-mega-menu .nav > li:first-child,
body > header nav ul li:first-child {
  margin-left: 0;
  border: 0 none;
  padding-left: 0;
}

.navbar-we-mega-menu .nav-collapse .nav > li > a,
.navbar-we-mega-menu .nav-collapse .dropdown-menu a{
  padding:5px 0;
  font-size:16px;
}

.navbar-we-mega-menu .span12.mega-col-nav .mega-inner{
  padding:0px;
}
.navbar-we-mega-menu .mega-nav > li a, .navbar-we-mega-menu .dropdown-menu .mega-nav > li a{
  margin-left:0px;
}

@media (max-width: 991px){
  body > header .region-we-mega-menu {
    background: transparent;
    padding: 0;
    margin: 0;
  }
  .navbar-we-mega-menu.navbar ul a:focus {
    color: #000;
  }
}
  .btn-close {
    background: #ff9211;
    box-shadow: none;
    top: 12px;
  }

  body > header .navbar-toggle:focus,
  body > header .navbar-toggle:hover {
    background: #ff9211;
  }
  body > header .navbar-toggle,
  body > header nav label {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 12px;
    background: #ff9211;
    font-family: arial, sans-serif;
    height: 48px;
    width: 48px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 40px;
    -moz-osx-font-smoothing: auto;
    cursor: pointer;
    margin-top: 12px;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    margin: 0;
      padding: 16px 13px;
      box-shadow: none;
      -webkit-box-shadow: none;
      border-radius: 0px;
  }

  body > header #block-tb-megamenu-main-menu  input:checked ~ .menu-block-wrapper ul,
  body > header #block-tb-megamenu-main-menu  input:checked + .menu-block-wrapper ul,
  body > header nav  input:checked ~ .menu-block-wrapper ul,
  body > header nav  input:checked + .menu-block-wrapper ul {
    display: block;
  }




  body > header nav  input:not(:checked) ~ .menu-block-wrapper ul,
  body > header nav  input:not(:checked) + .menu-block-wrapper ul {
    display: none;
  }

  .col-view-2 .views-row:nth-child(2n+3),
  .col-view-3 .views-row:nth-child(3n+4),
  .col-view-4 .views-row:nth-child(4n+5),
  .col-view-5 .views-row:nth-child(5n+6) {
    clear: none;
  }

  main {
    padding: 0;
  }

  body > header {
    position: relative;
    height: auto;
  }

  body > header .container {
    height: auto;
    min-height: 72px;
  }

  body > header nav {
    clear: both;
    width: 100%;
  }

  body > header nav ul {
    margin-top: 12px;
    margin-bottom: 0;
  }

  body > header nav ul li, body > header nav ul li:first-child {
    float: none;
    width: 100%;
    border: 0 none;
    border-bottom: 1px solid #f3f3f3;
    margin: 0;
    line-height: 24px;
    padding: 12px 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  body > header nav ul li:first-child {
    border-top:1px solid #f3f3f3;
  }

  body > header nav ul li:last-child {
    border-bottom: 0 none;
  }

  body > header nav ul li.active,
  body > header nav ul li.active-trail {
    border-bottom: 1px solid #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 0;
  }

  body > header nav ul li,
  body > header nav ul li a,
  body > header nav ul li a:visited {
    color: #000;
  }

  body > header nav ul li.active:hover,
  body > header nav ul li.active-trail a:hover {
    background: #fff;
  }






  body > header nav ul li a:after {
     display: none;
  }

  aside.col.s4,
  footer section.col.s4 {
    width: 100%;
  }

  body.node-type-systempage main > .container,
  main > .container {
    background: none;
  }

  body.node-type-solution main::after {
    background-size: cover;
  }





}

/* --- FULL WINDOW --- */
.container.fullwindow {
  width: 100%;
}

.container.fullwindow > section {
  width: 100%;
  text-align: center;
  padding: 0;
}

body.node-type-product .gallery-slides{
  width: auto !important;
  height:auto !important;
}
body.node-type-product .gallery-slides .gallery-slide{
  float:none;
}


/*body.node-type-solution-section main .views-row{
  padding-top:48px;
}
body.node-type-solution-section main .views-row-1{
  padding-top:24px;
}*/


/*body.node-type-solution-section main .views-row .parallax {
  height: 280px;
  background-position: center 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/banners/banner-survey.jpg");
  position: relative;
  margin-bottom: 48px;
  margin-top: -24px;
}

body.node-type-solution-section #node-marine .parallax {background-image: url("../img/banners/banner-marine.jpg");}
body.node-type-solution-section #node-mining-construction .parallax {background-image: url("../img/banners/banner-mining-construction.jpg");}
body.node-type-solution-section #node-agriculture .parallax {background-image: url("../img/banners/banner-agriculture.jpg");background-position: center center;}
body.node-type-solution-section #node-survey .parallax {background-image: url("../img/banners/banner-survey.jpg");}
body.node-type-solution-section #node-gis .parallax {background-image: url("../img/banners/banner-gis.jpg");}
body.node-type-solution-section #node-unmanned-systems .parallax {background-image: url("../img/banners/banner-unmanned-systems.jpg");}
body.node-type-solution-section #node-scientific .parallax {background-image: url("../img/banners/banner-scientific.jpg");}

body.node-type-solution-section .parallax:after {
  content: ' ';
  width: 100%;
  height: 280px;
  background: url("../img/industries-overview-overlay.png") no-repeat bottom center;
  position: absolute;
  top: 0;
  left: 0
}

body.node-type-solution-section .block-views-solution .views-row h2,
body.node-type-solution-section .block-views-solution .views-row .field-name-body {
  margin-left: auto;
  margin-right: auto;
  max-width: 620px;
  min-width: 280px;
  padding: 0 20px;
}
*/

/* solution section after update 21-8-18 */
body.node-type-solution-section main .views-row{
  padding-top:10px;
  text-align: center;
    padding: 0 10px;
    margin-bottom:20px;
}

body.node-type-solution-section main .views-row .node{
  border: solid 1px #CCC;
}

@media all and (min-width: 640px) {
  body.node-type-solution-section main .views-row .node{
    min-height: 498px;
  }
}
@media all and (min-width: 960px) {
  body.node-type-solution-section main .views-row .node{
    min-height: 402px;
  }
}

body.node-type-solution-section #content #block-views-block-solution-block-1 .views-row:hover .node{
  border:solid 1px #ff9211;
}

body.node-type-solution-section main .views-row .parallax {
  height: 120px;
  background-position: center 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/banners/banner-survey.jpg");
  position: relative;
  margin-bottom: 18px;
}

body.node-type-solution-section #node-referencestations .parallax {background-image: url("../img/banners/banner-referencestations.png");}
body.node-type-solution-section #node-railway .parallax {background-image: url("../img/banners/banner-railway.jpg");}
body.node-type-solution-section #node-marine .parallax {background-image: url("../img/banners/banner-marine.jpg");}
body.node-type-solution-section #node-mining_construction .parallax,
body.node-type-solution-section #node-mining-construction .parallax {background-image: url("../img/banners/banner-mining-construction.jpg");}
body.node-type-solution-section #node-agriculture .parallax {background-image: url("../img/banners/banner-agriculture.jpg");background-position: center center;}
body.node-type-solution-section #node-survey .parallax {background-image: url("../img/banners/banner-survey.jpg");}
body.node-type-solution-section #node-gis .parallax {background-image: url("../img/banners/banner-gis.jpg");}
body.node-type-solution-section #node-unmanned_systems .parallax,
body.node-type-solution-section #node-unmanned-systems .parallax {background-image: url("../img/banners/banner-unmanned-systems.jpg");}
body.node-type-solution-section #node-scientific .parallax {background-image: url("../img/banners/banner-scientific.jpg");}
body.node-type-solution-section #node-autonomousx .parallax,
body.node-type-solution-section #node-autonomous .parallax {background-image: url("../img/banners/banner-autonomousx.jpg");}


body.node-type-solution-section .parallax:after {
  content: ' ';
  width: 100%;
  height: 120px;
  background: url("../img/industries-overview-overlay.png") no-repeat bottom center;
  position: absolute;
  top: 0;
  left: 0
}

body.node-type-solution-section main .views-row .field-name-body{
  padding:0px 15px;
}




/* --- PARALLAX HOMEPAGE --- */
body.front .parallax {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}

body.banner-referencestations .parallax {background-image: url("../img/banners/banner-referencestations.png");}
body.banner-railway .parallax {background-image: url("../img/banners/banner-railway.jpg");}
body.banner-marine .parallax {background-image: url("../img/banners/banner-marine.jpg");}
body.banner-mining_construction .parallax,
body.banner-mining-construction .parallax {background-image: url("../img/banners/banner-mining-construction.jpg");}
body.banner-agriculture .parallax {background-image: url("../img/banners/banner-agriculture.jpg");}
body.banner-survey .parallax {background-image: url("../img/banners/banner-survey.jpg");}
body.banner-gis .parallax {background-image: url("../img/banners/banner-gis.jpg");}
body.banner-unmanned_systems .parallax,
body.banner-unmanned-systems .parallax {background-image: url("../img/banners/banner-unmanned-systems.jpg");}
body.banner-scientific .parallax {background-image: url("../img/banners/banner-scientific.jpg");}
body.banner-autonomousx .parallax,
body.banner-autonomous .parallax {background-image: url("../img/banners/banner-autonomousx.jpg");}

/* --- EXTRA --- */
.element-invisible {
  display: none;
}

.profile h3 {
  border: 0 none;
}

#block-views-affiliate-affiliate-footer > h2 {
  font-size: 16px;
}

#footer .field.field-name-field-description {
  font-size: 13px;
}



/* Responsive - MOBILE ONLY */
@media all and (max-width: 640px) {
  /* Hide Google maps iframes */
/*  .field-name-field-google-maps iframe { display:none; }*/

  /* Google maps icon */
/*  .field-name-field-google-maps-link {
    display:block;
    float:right;
      background:url('../img/gmaps.png') no-repeat center;
      width:48px;
      height:48px;
      margin-right:20px;
  }*/

  /* Make sure we don't clear for the floating icon */
  body.node-type-contact-section #content article .view-affiliate .views-row .field p {
    clear:none;
  }



  /* insights */
  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-odd{
    margin:0 20px 20px 0;
  }
  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row-even{
    margin:0;
  }
  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-element-container .views-row{
    width:auto;
/*    height: 270px;*/
  }

  /* PAGE: SUPPORT */
  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row,
  body.node-type-support-section #content #block-views-support-support-page .views-row{
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    border-top: none;
    width:auto !important;
  }

  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row{
    border-bottom:solid 1px #ccc;
  }

  body.node-type-support-section #content #block-views-block-support-category-block-1 .views-row:after{
    display: none !important;
  }


  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-element-container .views-row div.wrapper{
/*    width:auto;
    border-left:solid 1px #CCC;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
    background: #FFF;
    margin-top: 0px;
    z-index: 99;
    position: relative;
    padding-top:20px;*/

    height:33px;
      padding: 8px;
      line-height: 17px !important;
      margin-top: -33px;
  }

  body.node-type-blog-section #content #block-views-block-blog-block-1 .views-element-container .views-row div.wrapper span:first-child{
    font-size:14px;
    line-height: 17px;
  }


body.node-type-blog-section #content #block-views-block-blog-block-1 .views-row img {
    width: 100%;
}




  .node-event.node-full .image-wrapper{
    width:120px;
  }




}
/* Very very tiny screens, prevent the address getting cut into multiple lines */
@media all and (max-width: 400px) {
  .field-name-field-google-maps-link {
    float:none;
    margin:0 0 20px 20px;
  }


  /* events */
  .node-event.node-full-section .block-views-event .name-wrapper {
    clear:both;
    float:none;
/*    padding-top:20px;*/
  }

}

 /* TB Mega menu overrides */
 .tb-megamenu {
    background-color: transparent;
}


 /* social share */
 .sbtnf:hover{
  color:#fff;
  filter: brightness(115%) !important;
 }

.social-share{
  border:solid 1px #e1e1e1;
  padding:20px;
  margin-top:40px;
}

.sbtnf, .sbtnf:visited{
  width:auto !important;
    padding-left: 10px;
    padding-right: 10px;
    outline: none !important;
}

[class^="icon-"]:before, [class*=" icon-"]:before{
  margin-right: 0.5em !important;
}


/*.page-node-388 #block-views-core-form-conv h2{
  display: none !important;
}*/

#block-septentrio-septentrio-block-3{
  padding:0 0 20px 0 !important;
}

#block-septentrio-septentrio-block-3 p.no-padding{
  padding:0px !important;
  margin-bottom:0px;
}

#block-septentrio-septentrio-block-3 img{
  width:100% !important;
  height:auto !important;
  margin-bottom: 10px;
}
#block-septentrio-septentrio-block-3 .promo-text{
  padding:0 20px;
}

#block-septentrio-septentrio-block-3 .promo-text p{
  margin-bottom:0px;
}
#block-views-block-product-category-block-1.col-view-4 .views-row:after {
  display: block;
}
#block-views-block-product-category-block-1.col-view-4 .views-row-6:after {
  display: none;
}

@media all and (min-width: 640px) {
  #block-views-block-product-category-block-1.col-view-4 .views-row-2:after,
  #block-views-block-product-category-block-1.col-view-4 .views-row-4:after,
  #block-views-block-product-category-block-1.col-view-4 .views-row-6:after {
    display: none;
  }
}


/* custom styling product category promoted block */
@media all and (min-width: 768px) {
  #block-views-block-product-category-block-1.col-view-4 .views-row{
    width: 33.333333%;
  }
  #block-views-block-product-category-block-1.col-view-4 .views-row-4 {
    clear:both;
  }
  #block-views-block-product-category-block-1.col-view-4 .views-row-5 {
    clear:none;
  }
  #block-views-block-product-category-block-1.col-view-4 .views-row-2:after,
  #block-views-block-product-category-block-1.col-view-4 .views-row-4:after {
    display: block;
  }
  #block-views-block-product-category-block-1.col-view-4 .views-row-3:after {
    display: none;
  }
}
@media all and (min-width: 1200px) {
  .front #promoted .container{
    width:100%;
  }
  .front #promoted .container .col.s12{
    width:100%;
  }

  #block-views-block-product-category-block-1.col-view-4 .views-row{
    width: 16.666666%;
  }
  #block-views-block-product-category-block-1.col-view-4 .views-row-3:after {
    display: block;
  }
  #block-views-block-product-category-block-1.col-view-4 .views-row-4 {
    clear:none;
  }
}

body.front #block-views-block-product-category-block-1 figure img{
  max-width: 100%;
  min-height:auto;
}

.node-product .field-name-field-product-status {
  opacity: .5;
  margin-bottom: 10px;
}

.node-product .field-name-field-datasheet-url {
  margin-bottom: 50px;
}

node-blog.node-teaser-list h3 {
  margin-top: 12px;
}

#block-septentrio-septentrio-block-3 {
  padding: 0 0 20px 0;
}


#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
    cursor: pointer;
}

#cboxPrevious:active,
#cboxNext:active,
#cboxClose:active,
#cboxSlideshow:active {
    outline: 0;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#cboxOverlay {
    background: #000;
}

#colorbox {
    outline: 0;
}

#cboxWrapper {
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#cboxTopLeft {
    width: 15px;
    height: 15px;
}

#cboxTopCenter {
    height: 15px;
}

#cboxTopRight {
    width: 15px;
    height: 15px;
}

#cboxBottomLeft {
    width: 15px;
    height: 10px;
}

#cboxBottomCenter {
    height: 10px;
}

#cboxBottomRight {
    width: 15px;
    height: 10px;
}

#cboxMiddleLeft {
    width: 15px;
}

#cboxMiddleRight {
    width: 15px;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    bottom: 28px;
    left: 0;
    color: #535353;
    width: 100%;
    padding: 4px 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 60px;
    color: #949494;
}

.cboxSlideshow_on #cboxSlideshow {
    position: absolute;
    bottom: 0px;
    right: 30px;
    background: url(../img/controls.png) no-repeat -75px -50px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -101px -50px;
}

.cboxSlideshow_off #cboxSlideshow {
    position: absolute;
    bottom: 0px;
    right: 30px;
    background: url(../img/controls.png) no-repeat -25px -50px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -49px -50px;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/controls.png) no-repeat -75px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(../img/controls.png) no-repeat -50px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxLoadingOverlay {
    background: #fff;
}

#cboxLoadingGraphic {
    background: url(../img/loading_animation.gif) no-repeat center center;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/controls.png) no-repeat -25px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose:hover {
    background-position: -25px -25px;
}

#block-languageswitcher li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #000;
  line-height: 1;
  margin-bottom: 0;
}
#block-languageswitcher li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
#block-languageswitcher a {
  font-weight: normal;
  font-size: 14px !important;
}

.node-product.node-full .field-name-field-picture {
  margin-bottom: 30px;
}

.embedded-entity .field-name-field-media-image {
  text-align: center;
}
.embedded-entity.align-right {
  float: none;
}
.embedded-entity.align-left {
  float: none;
}

.node-page.node-teaser {
  padding: 15px;
  border: 1px solid #f3f3f3;
  margin-bottom: 30px;
}
.node-page.node-teaser:after {
  content: ' ';
  display: table;
  clear: both;
}
a:hover .node-page.node-teaser {
  background: #f3f3f3;
}
.node-page.node-teaser .field-name-field-image {
  float: left;
  width: 25%;
}
.node-page.node-teaser .summary {
  float: left;
  width: 75%;
  clear: none !important;
  padding-left: 30px;
  margin: 0;
}
.node-page.node-teaser .summary p {
  font-size: 21px;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
}
.node-page.node-teaser .summary p:first-line {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.8;
}

.file--package-x-generic:before {
  content: url(../img/package-x-generic.png);
  display: inline;
  padding-right: 3px;
}
.file--application-pdf:before {
  content: url(../img/application-pdf.png);
  display: inline;
  padding-right: 3px;
}
.sep-custom-access-datasheet {
  position: relative;
}
.sep-custom-access-download legend {
  margin: 0;
}
.sep-custom-access-download legend span {
  color: #333;
  font-size: 14px;
}

.product-64 img,
.product-65 img,
.product-345 img {
  margin-top: 18px;
}

div[role="contentinfo"] {
  background: #ff9210;
  color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}


/* Mosaic dev kit form */
.webform-submission-mosaic-dev-kit-form {
  margin-bottom: 30px;
}
.webform-submission-mosaic-dev-kit-form .webform-confirmation {
	background: #f3f3f3;
	padding: 15px;
}

.page-node-440 .node-product {
  position: relative;
}
/*
.page-node-440 .node-product header {
  order: -2;
}
.page-node-440 .node-product .field-name-field-picture {
  order: -1;
}

@media only screen and (min-width: 480px) {
  .page-node-440 .node-product .field-name-field-body p {
    padding-right: 50%;
  }
  .page-node-440 .node-product .field-name-field-picture {
    position: absolute;
    width: 50%;
    right: 0;
    top: 60px;
  }
}
*/
@media only screen and (min-width: 480px) {
  .page-node-440 .node-product .field-name-field-picture {
    position: absolute;
    right: 0;
    width: 50%;
  }
  .page-node-440 .node-product .field-name-field-picture + h2,
  .page-node-440 .node-product .field-name-field-description {
    padding-right: 50%;
  }
}


#block-views-block-company-section-block-4 {
  width: calc(50% - 20px);
  float: right;
  margin-bottom: 30px;
}

@media (max-width: 640px) {
  #block-views-block-company-section-block-4 {
    width: 100%;
  }
}

#block-views-block-company-section-block-3 .views-row {
  border-bottom: 1px solid #ccc;
}
#block-views-block-company-section-block-3 .views-row .views-row,
#block-views-block-company-section-block-3 .views-row:last-child {
  border-bottom: none;
}

.sep-custom-access-support label {
  font-size: 20px;
}

.sep-custom-access-support table {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .sep-custom-access-support table {
    width: 976px;
  }
}

@media only screen and (max-width: 991px) {
  .sep-custom-access-support table tbody tr td {
    display: inline-block;
     width: 100% !important;
  }
}

#block-views-block-solution-block-2,
.view-id-company_section.view-display-id-block_5 {
  max-width: 960px;
  padding: 0 10px;
  margin-left: auto;
  margin-right: auto;
}
.view-id-company_section.view-display-id-block_5 {
  margin-top: 30px;
}
.view-id-product.view-display-id-block_1 .view-content {
  margin: 0 -10px;
}
.view-id-product.view-display-id-block_1 .views-row {
  float: left;
  width: 50%;
  padding: 0 10px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 640px) {
  .view-id-product.view-display-id-block_1 .views-row {
    width: 25%;
  }
}

.view-id-solution.view-display-id-block_2 .view-content {
  margin: 0 -10px;
}
.view-id-solution.view-display-id-block_2 .views-row {
  float: left;
  width: 50%;
  padding: 0 10px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 640px) {
  .view-id-solution.view-display-id-block_2 .views-row {
    width: 33.3333%;
  }
}
@media only screen and (min-width: 960px) {
  .view-id-solution.view-display-id-block_2 .views-row {
    width: 25%;
  }
}

.sep-custom-access-support,
.node-page .field-name-body {
  max-width: 960px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}
.sep-custom-access-support {
  margin-top: 30px;
}
.sep-custom-access-support .form-item {
  max-width: 520px;
}

.maintenance .container {
  text-align: center;
  margin-top: 100px;
}

.maintenance h1:before {
  content: '';
  display: block;
  width: 122px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left:  auto;
  margin-right: auto;
  margin-bottom: 30px;
  background-image: url("../img/logo.png");
}