/*** ALGEMEEN ***/
/* Bourbon 4.0.2
 * http://bourbon.io
 */
/*
* Butler SCSS General Settings V0.1
*/
/**-- MIXINS --**/
/** GET TEXT COLOR **/
/** SELECTED TEXT **/
/** DROP CAPS **/
/** PULSE ELEMENT **/
/** WORD WRAP **/
/** CARD STACK **/
/** ZEBRA STRIPE TABLE **/
/** FILE UPLOAD INPUT **/
/** LOADER **/
/** HIDE ELEMENT **/
/** VERTICAL ALIGN **/
/* BACKGROUND SIZE */
/* COLUMNS */
/* FLEX */
/* ORDER IN FLAX BOX */
/* BOX SIZING */
/* BOX */
/* TRANSITION */
/* OPACITY */
/* FONT FACE */
/** STICKY FOOTER **/
/** ARROW **/
/** BORDER RADIUS **/
/* BOX SHADOW */
/* ROTATE */
/** LIST BULLETS **/
/** FONT SIZE **/
/** Placeholder text **/
/** Backface visibility **/
/*-- Variables: --*/
.btn-cust-primary {
  background: #92dc03 !important;
  border-color: #92dc03 !important; }
  .btn-cust-primary:hover {
    background: #71aa02 !important;
    border-color: #71aa02 !important; }

.noTxt, #navWrapper #headerNavigation:before {
  font-size: 0px;
  line-height: 0px;
  text-indent: -100px; }

.fa-icon, #headerImage:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.image-blur, .fixedHeaderImage #headerImage img {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); }

h1, h2, h3, h4, h5 {
  color: #323232;
  font-weight: normal;
  line-height: 1.2em; }

body {
  font-size: 11px; }

h1 {
  font-size: 5em; }

h2 {
  font-size: 4em; }

h3 {
  font-size: 3em; }

h4 {
  font-size: 2em; }

h5 {
  font-size: 1.5em; }

h1 a, h2 a, h3 a, h4 a, h5 a {
  color: inherit; }

a {
  color: #000;
  font-weight: bold; }
  a:hover {
    color: #71aa02; }

.viewUsOnLink, .shareThisLink {
  margin: 5px 2px 0px 0px;
  display: inline-block;
  float: none;
  background: #92dc03;
  color: #fff;
  padding: 20px 10px 0px 15px;
  width: 25px;
  height: 30px;
  position: relative;
  overflow: hidden;
  text-align: right;
  font-size: 35px; }
  .viewUsOnLink:hover, .shareThisLink:hover {
    background: #71aa02 !important;
    color: #fff !important; }

.border-box, #navWrapper #headerNavigation #mainNavigation li, #navWrapper #headerNavigation #mainNavigation li ul, .superbox .superbox-show, .portfolioItem {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.small-rounded-corners, .viewUsOnLink, .shareThisLink, .button, #contentWrapper #content #mainContent .backToOverview, .snapponOverviewItem .snapponOverviewItemContentWrapper .readMoreBtn, form.mailForm #submitForm, .page_lay_out_tileList .singleProduct .productContent .readMore, .c2a-button, #contentWrapper #content #mainContent .contentBlock .contentBlock-text .contentBlock-c2a, #contentWrapper #content #mainContent .contentBlock-c2a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.no-rounded-corners, .snapponOverviewItem .snapponOverviewItemContentWrapper .readMoreBtn {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.no-shadow, .superbox .superbox-show, .superbox .superbox-show .superbox-current-img {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

.shadow-1, .button, #contentWrapper #content #mainContent .backToOverview, .snapponOverviewItem .snapponOverviewItemContentWrapper .readMoreBtn, form.mailForm #submitForm, .page_lay_out_tileList .singleProduct .productContent .readMore, .c2a-button, #contentWrapper #content #mainContent .contentBlock .contentBlock-text .contentBlock-c2a, #contentWrapper #content #mainContent .contentBlock-c2a, #headerWrapper #pageHeader, #navWrapper #headerNavigation, #headerImage {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); }

.button, #contentWrapper #content #mainContent .backToOverview, .snapponOverviewItem .snapponOverviewItemContentWrapper .readMoreBtn, form.mailForm #submitForm, .page_lay_out_tileList .singleProduct .productContent .readMore {
  padding: 5px 10px;
  background: #fff; }

.c2a-button, #contentWrapper #content #mainContent .contentBlock .contentBlock-text .contentBlock-c2a, #contentWrapper #content #mainContent .contentBlock-c2a {
  padding: 12px 20px;
  background: #92dc03;
  color: #fff;
  float: none;
  clear: both;
  display: inline-block; }
  .c2a-button:hover, #contentWrapper #content #mainContent .contentBlock .contentBlock-text .contentBlock-c2a:hover, #contentWrapper #content #mainContent .contentBlock-c2a:hover {
    background: #71aa02; }

body {
  font-size: 13px; }

#headerWrapper {
  position: relative;
  z-index: 500; }
  #headerWrapper #pageHeader {
    position: fixed;
    top: 0px;
    width: 100%;
    max-width: 100%;
    height: 79px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #323232; }
    #headerWrapper #pageHeader .mainNavigationToggle:before {
      color: #fff;
      content: "\f0c9";
      display: inline-block;
      font: normal normal normal 24px FontAwesome;
      font-size: 40px;
      color: #fff;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 21px;
      left: 21px;
      cursor: pointer; }
    #headerWrapper #pageHeader #companyName, #headerWrapper #pageHeader #companySlogan {
      display: none; }
    #headerWrapper #pageHeader #companyLogo {
      width: 53px;
      margin-left: 86px;
      top: 21px; }
      #headerWrapper #pageHeader #companyLogo:after {
        opacity: 0;
        content: "\f105";
        display: inline-block;
        font: normal normal normal 24px FontAwesome;
        font-size: 40px;
        color: #fff;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 0px;
        right: -43px;
        cursor: pointer; }

.home #companyLogo {
  opacity: 0; }

#navWrapper {
  display: none;
  opacity: 0;
  background-color: transparent;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1000; }
  #navWrapper.show {
    display: block;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background-color 3s;
    -webkit-transition: background-color 3s; }
  #navWrapper .mainNavigationClose:before {
    content: "Sluiten \f00d";
    display: inline-block;
    font: normal normal normal 20px FontAwesome;
    font-family: "FontAwesome", Helvetica, Arial, sans-serif;
    color: #aaa;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 6px;
    left: 187px;
    cursor: pointer;
    z-index: 999999; }
  #navWrapper #headerNavigation {
    max-width: auto;
    overflow: scroll;
    max-width: 300px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px !important;
    background: #fff;
    z-index: 999998; }
    #navWrapper #headerNavigation:before {
      content: "Butler";
      display: block;
      height: 79px;
      width: 100%;
      background: #323232 url("http://newbutler.butler-cms.com/images/logo-big.png") center center no-repeat; }
    #navWrapper #headerNavigation #mainNavigation {
      height: 100%;
      padding-bottom: 22px;
      margin-top: -1px; }
      #navWrapper #headerNavigation #mainNavigation.fixed {
        position: relative;
        opacity: 1; }
      #navWrapper #headerNavigation #mainNavigation li {
        display: block;
        width: 100%;
        margin: 0px;
        background: none; }
        #navWrapper #headerNavigation #mainNavigation li.current {
          background: #92dc03;
          color: #fff; }
        #navWrapper #headerNavigation #mainNavigation li a {
          border: none;
          display: block;
          color: #323232;
          padding: 12px; }
          #navWrapper #headerNavigation #mainNavigation li a:hover {
            background: #92dc03;
            color: #fff; }
        #navWrapper #headerNavigation #mainNavigation li ul {
          display: block;
          position: relative;
          top: 0px;
          left: 0px;
          width: 100%; }
          #navWrapper #headerNavigation #mainNavigation li ul li {
            display: block; }
            #navWrapper #headerNavigation #mainNavigation li ul li a {
              padding-left: 2em; }
            #navWrapper #headerNavigation #mainNavigation li ul li ul li a {
              padding-left: 3em; }
            #navWrapper #headerNavigation #mainNavigation li ul li ul li ul li a {
              padding-left: 4em; }
            #navWrapper #headerNavigation #mainNavigation li ul li ul li ul li ul li a {
              padding-left: 5em; }
      #navWrapper #headerNavigation #mainNavigation .sf-sub-indicator {
        display: none; }
      #navWrapper #headerNavigation #mainNavigation .opensubmenu > li {
        display: block;
        visibility: visible; }

#headerImage {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #000;
  height: 90%;
  top: 0px; }
  #headerImage img {
    width: 100%;
    opacity: 0.5;
    height: auto; }
  #headerImage hgroup {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 2; }
    #headerImage hgroup .companyLogoHgroup {
      opacity: 1;
      width: auto !important;
      margin-bottom: 20px;
      margin-left: 0px !important; }
    #headerImage hgroup h1, #headerImage hgroup h2 {
      margin: 0;
      color: #fff; }
    #headerImage hgroup h2 {
      font-size: 5em; }
  #headerImage:after {
    content: "\f103";
    display: block;
    width: 36px;
    height: 36px;
    margin-left: -18px;
    position: absolute;
    bottom: 13px;
    text-align: center;
    line-height: 36px;
    font-size: 50px;
    left: 50%;
    opacity: 0.6;
    color: #fff;
    z-index: 3; }

.home #contentWrapper #content #mainContent #itemHeader {
  display: block !important; }
  .home #contentWrapper #content #mainContent #itemHeader h2 {
    font-size: 3em !important; }

#sliderWrapper #snapponAreaSlider {
  display: none !important; }

#contentWrapper {
  position: relative; }
  #contentWrapper #content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 0px 0px !important;
    overflow: hidden;
    height: 100%; }
    #contentWrapper #content #mainContent {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0px !important;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 40px; }
      #contentWrapper #content #mainContent #breadcumbs {
        opacity: 0;
        position: fixed;
        top: 29px;
        font-size: 30px;
        left: 216px;
        z-index: 600; }
        #contentWrapper #content #mainContent #breadcumbs .breadcumb {
          display: none;
          float: none;
          clear: both;
          line-height: 1em;
          color: #fff;
          margin-bottom: 20px; }
          #contentWrapper #content #mainContent #breadcumbs .breadcumb.currentPage {
            display: block; }
        #contentWrapper #content #mainContent #breadcumbs .breadcumb-spacer {
          display: none; }
      #contentWrapper #content #mainContent #breadcumbs.opened {
        background: #fff;
        padding: 15px 20px;
        top: 14px;
        left: 196px; }
        #contentWrapper #content #mainContent #breadcumbs.opened .breadcumb {
          color: #000;
          display: block; }
      #contentWrapper #content #mainContent #itemHeader {
        max-width: 1200px;
        margin: 0 auto;
        display: none; }
      #contentWrapper #content #mainContent > section[itemprop='description'], #contentWrapper #content #mainContent .itemEditor {
        max-width: 900px;
        margin: 0 auto; }
      #contentWrapper #content #mainContent .contentBlockWrapper {
        float: none;
        background: #000; }
      #contentWrapper #content #mainContent .contentBlock {
        max-width: 1200px;
        border-bottom: none;
        display: inline-block; }
        #contentWrapper #content #mainContent .contentBlock .contentBlock-text {
          text-align: center; }
          #contentWrapper #content #mainContent .contentBlock .contentBlock-text h3.contentBlock-title {
            margin-bottom: 10px; }
          #contentWrapper #content #mainContent .contentBlock .contentBlock-text .contentBlock-c2a {
            float: none;
            margin-top: 20px; }
        #contentWrapper #content #mainContent .contentBlock:first-child {
          margin-top: 0px !important; }
          #contentWrapper #content #mainContent .contentBlock:first-child .contentBlock-c2a {
            margin-top: 0px; }
      #contentWrapper #content #mainContent .contentBlockColSpan1 {
        width: 33.33% !important;
        margin: 20px 0px 0px !important;
        max-width: 400px;
        float: none; }
        #contentWrapper #content #mainContent .contentBlockColSpan1 .contentBlock-image-link img {
          width: 60%; }
      #contentWrapper #content #mainContent .contentBlockColSpan2 {
        width: 66.66% !important;
        margin: 20px 0px 0px !important;
        max-width: 800px;
        float: none; }
      #contentWrapper #content #mainContent .contentBlockColSpan4, #contentWrapper #content #mainContent .contentBlockColSpan3 {
        margin: 20px auto 0px !important;
        width: 100% !important;
        float: none; }
        #contentWrapper #content #mainContent .contentBlockColSpan4 p, #contentWrapper #content #mainContent .contentBlockColSpan3 p {
          width: 100%;
          max-width: 900px;
          margin: 0px auto; }
        #contentWrapper #content #mainContent .contentBlockColSpan4 .itemToolBar p, #contentWrapper #content #mainContent .contentBlockColSpan3 .itemToolBar p {
          width: 40px;
          margin: 3px; }
        #contentWrapper #content #mainContent .contentBlockColSpan4 ul, #contentWrapper #content #mainContent .contentBlockColSpan3 ul {
          max-width: 700px;
          margin: 10px auto; }
      #contentWrapper #content #mainContent .contentBlockWrapper {
        position: relative;
        overflow: hidden;
        padding: 150px 0px;
        background: #000;
        margin: 50px 0px;
        color: #fff !important;
        width: 100%;
        height: auto; }
        #contentWrapper #content #mainContent .contentBlockWrapper h1, #contentWrapper #content #mainContent .contentBlockWrapper h2, #contentWrapper #content #mainContent .contentBlockWrapper h3, #contentWrapper #content #mainContent .contentBlockWrapper h4, #contentWrapper #content #mainContent .contentBlockWrapper h5, #contentWrapper #content #mainContent .contentBlockWrapper p {
          color: #fff; }
        #contentWrapper #content #mainContent .contentBlockWrapper .contentBlockWrapper-image {
          position: absolute;
          top: 0px;
          left: 0px;
          height: 100%;
          width: 100%;
          opacity: 0.5;
          background-size: cover;
          background-attachment: fixed; }
        #contentWrapper #content #mainContent .contentBlockWrapper .contentBlock-image, #contentWrapper #content #mainContent .contentBlockWrapper .contentBlock-image-link {
          display: none; }
        #contentWrapper #content #mainContent .contentBlockWrapper:last-child {
          margin-bottom: 0px !important; }
      #contentWrapper #content #mainContent .contentBlock-c2a .c2aLinkArrow {
        display: none; }
      #contentWrapper #content #mainContent .productImage {
        float: none;
        display: block;
        width: 100%;
        max-width: 200px;
        margin: 0px auto 15px auto; }
      #contentWrapper #content #mainContent .backToOverview {
        margin-bottom: 20px;
        display: inline-block; }
      #contentWrapper #content #mainContent #relatedProducts {
        padding-top: 30px; }
    #contentWrapper #content #sideBar {
      display: none !important; }

.home #mainContent {
  margin-bottom: -28px; }

table thead tr th {
  padding: 5px; }
  table thead tr th[scope='col'] {
    border-bottom: 2px solid #fff;
    font-size: 1.8em;
    font-weight: normal;
    color: #92dc03; }
table tbody tr th {
  border-right: 2px solid #fff;
  padding: 5px;
  font-weight: normal; }
table tbody tr td {
  padding: 5px;
  vertical-align: middle; }

.snapponOverviewItem {
  max-width: 900px;
  display: inline-block;
  margin-bottom: 20px; }
  .snapponOverviewItem .snapponOverviewItemImageWrapper {
    width: 20%; }
  .snapponOverviewItem .snapponOverviewItemContentWrapper {
    width: 78%;
    text-align: justify; }
    .snapponOverviewItem .snapponOverviewItemContentWrapper .readMoreBtn {
      background: #fff;
      color: #92dc03;
      top: 0px;
      float: none;
      margin-top: 10px;
      display: inline-block;
      margin-top: 5px; }
    .snapponOverviewItem .snapponOverviewItemContentWrapper.noImage {
      width: 100%;
      text-align: center; }
      .snapponOverviewItem .snapponOverviewItemContentWrapper.noImage .readMoreBtn {
        display: none; }

.superbox {
  max-width: 900px;
  margin: 0 auto; }
  .superbox .superbox-show {
    background: #ececec;
    width: 100%;
    padding: 20px 20px 81px; }
    .superbox .superbox-show .superbox-current-img {
      border: none; }
    .superbox .superbox-show .superbox-close {
      background: none;
      opacity: 1;
      top: 2px;
      right: 2px; }
      .superbox .superbox-show .superbox-close:before {
        content: "\f00d ";
        font-size: 2em;
        color: #000;
        line-height: 1em;
        font-family: FontAwesome; }
    .superbox .superbox-show .superbox-item-content {
      background: none;
      opacity: 1; }
      .superbox .superbox-show .superbox-item-content h4 {
        color: #000; }
      .superbox .superbox-show .superbox-item-content section {
        color: #000; }

form.mailForm {
  max-width: 900px;
  margin: 0 auto; }
  form.mailForm label {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 2px; }
  form.mailForm input, form.mailForm textarea {
    float: left;
    width: 100%;
    padding: 10px;
    margin-top: 3px;
    margin-bottom: 10px;
    font-size: 0.9em;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px; }
    form.mailForm input:focus, form.mailForm textarea:focus {
      border: none;
      border-bottom: 1px solid #92dc03;
      outline: none; }
  form.mailForm #submitForm {
    background: #92dc03;
    margin: 20px auto;
    display: inline-block;
    padding: 10px 20px;
    float: none; }
  form.mailForm table {
    width: 100%;
    padding: 0px; }
    form.mailForm table tbody tr th {
      font-weight: bold;
      border-bottom: 1px solid #000;
      padding: 17px 10px 4px; }
    form.mailForm table tbody tr td:first-child, form.mailForm table tbody tr th:first-child {
      text-align: left; }

.fb-comments {
  max-width: 700px; }
  .fb-comments iframe body .pluginSkinLight {
    width: 100% !important; }

.snappon .snapponFooter {
  margin-top: 10px; }
  .snappon .snapponFooter .snappon-c2a-btn {
    padding: 0px;
    background: none; }

.page_lay_out_tileList .singleProduct {
  max-width: 900px;
  width: 100%;
  margin: 0px auto 10px;
  position: relative; }
  .page_lay_out_tileList .singleProduct > a {
    width: 15%;
    display: block;
    padding-bottom: 15%;
    height: 0px;
    float: none;
    position: relative;
    overflow: hidden; }
    .page_lay_out_tileList .singleProduct > a img {
      padding: 0px;
      border: 0px;
      width: 100%; }
  .page_lay_out_tileList .singleProduct .productContent {
    width: 82%;
    margin-left: 2%;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 17%;
    right: 0px;
    bottom: 0px; }
    .page_lay_out_tileList .singleProduct .productContent .readMore {
      position: absolute;
      bottom: 10px;
      right: 10px; }
      .page_lay_out_tileList .singleProduct .productContent .readMore .moreArrow {
        display: none; }

.portfolioItem {
  width: 33%;
  position: relative;
  height: 0px;
  padding-top: 33% !important;
  float: left;
  margin: 0px 0.33% 5px 0px !important; }
  .portfolioItem .portfolioItemImage {
    position: absolute;
    top: 0px;
    left: 0px; }

.adr .company {
  font-weight: 600; }
.adr .tel, .adr .fax, .adr .email, .adr .website, .adr > span:before {
  line-height: 1.8em;
  font-family: "FontAwesome", Helvetica, Arial, sans-serif;
  margin-left: 30px; }
.adr > span:before {
  content: "\f015 ";
  margin-right: 1em;
  position: absolute;
  left: -29px;
  color: inherit; }
.adr > span li {
  margin-left: 37px !important; }
.adr > span li:first-child {
  margin-left: 27px !important; }
  .adr > span li:first-child:before {
    content: ": "; }
.adr .tel:before {
  content: "\f095 ";
  margin-right: 1em; }
.adr .fax:before {
  content: "\f02f ";
  margin-right: 1em; }
.adr .email:before {
  content: "\f003 ";
  margin-right: 1em; }
.adr .website:before {
  content: "\f0ac ";
  margin-right: 1em; }
.adr strong {
  display: none; }

#pageEnd {
  top: 0px; }
  #pageEnd #footerWrapper {
    border-top: 1px solid #d1d1d1;
    background: #ebebeb; }
    #pageEnd #footerWrapper #pageFooter > section {
      border: none; }
      #pageEnd #footerWrapper #pageFooter > section h3 {
        font-size: 2em;
        color: #9e9e9e; }
      #pageEnd #footerWrapper #pageFooter > section .snappon-c2a-btn {
        color: #71aa02; }
        #pageEnd #footerWrapper #pageFooter > section .snappon-c2a-btn:hover {
          color: #92dc03; }
  #pageEnd #webdeveloperBar {
    display: none;
    background: #92dc03; }
    #pageEnd #webdeveloperBar #webdeveloper {
      margin-bottom: 0px;
      padding: 20px 0px; }
      #pageEnd #webdeveloperBar #webdeveloper .spacer, #pageEnd #webdeveloperBar #webdeveloper #webdeveloperCredits {
        display: none; }

#adminBar, #snapponBar {
  right: 0px !important;
  left: initial !important; }

.fixedHeaderImage #companyLogo {
  opacity: 1; }
  .fixedHeaderImage #companyLogo:after {
    opacity: 1 !important; }
.fixedHeaderImage #headerImage {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 499; }
  .fixedHeaderImage #headerImage img {
    transition: all 1s;
    -webkit-transition: all 1s; }
  .fixedHeaderImage #headerImage hgroup {
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s; }
  .fixedHeaderImage #headerImage:after {
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s; }
.fixedHeaderImage #breadcumbs {
  opacity: 1 !important;
  transition: opacity 1s;
  -webkit-transition: opacity 1s; }

.noHeaderImage #companyLogo {
  opacity: 1;
  transition: opacity 1s;
  -webkit-transition: opacity 1s; }
  .noHeaderImage #companyLogo:after {
    opacity: 1 !important;
    transition: opacity 1s;
    -webkit-transition: opacity 1s; }
.noHeaderImage #breadcumbs {
  opacity: 1 !important;
  transition: opacity 1s;
  -webkit-transition: opacity 1s; }
.noHeaderImage #itemHeader {
  display: block !important;
  transition: opacity 1s;
  -webkit-transition: opacity 1s; }

@media screen and (min-width: 768px) {
  form.mailForm label {
    display: inline-block;
    float: left;
    width: 18%;
    text-align: right; }
  form.mailForm textarea {
    height: 100px; }
  form.mailForm input, form.mailForm textarea {
    width: 77%; }
    form.mailForm input:focus, form.mailForm textarea:focus {
      border: none;
      border-bottom: 1px solid #92dc03;
      outline: none; }
  form.mailForm table {
    width: 79%; } }
@media (max-height: 480px) {
  #headerImage hgroup {
    -webkit-transform: translate(-50%, 30%);
    -moz-transform: translate(-50%, 30%);
    -ms-transform: translate(-50%, 30%);
    -o-transform: translate(-50%, 30%);
    transform: translate(-50%, 30%); }
    #headerImage hgroup h1 {
      font-size: 3em !important; }
    #headerImage hgroup h2 {
      font-size: 2.5em !important; }
    #headerImage hgroup .companyLogoHgroup {
      max-width: 200px !important;
      margin-bottom: 10px !important; } }
@media (max-width: 480px) {
  h1, h2, h3, h4, h5, h6, p, ul {
    max-width: 94%;
    margin-left: auto;
    margin-right: auto; }

  #contentWrapper #content #mainContent #sortableContentBlocks .contentBlockColSpan1 {
    width: 100% !important; } }
@media (max-width: 768px) {
  #contentWrapper #content #mainContent #sortableContentBlocks .contentBlockColSpan1 {
    float: left; }

  #navigationToggle {
    display: none !important; }

  nav#headerNavigation {
    background: #92dc03; }

  #companyLogo {
    left: 0px;
    position: relative;
    top: 21px; }
    #companyLogo:after {
      display: none !important; }

  #breadcumbs {
    display: none; }

  #headerImage h1 {
    font-size: 4em !important; }

  #headerImage h2 {
    font-size: 3em !important; }

  #headerNavigation {
    padding: 0px !important; }
    #headerNavigation #mainNavigation {
      padding-right: 0px !important; }
      #headerNavigation #mainNavigation li, #headerNavigation #mainNavigation li#homeIcon {
        overflow-x: visible !important;
        overflow-y: visible !important; }
        #headerNavigation #mainNavigation li a, #headerNavigation #mainNavigation li#homeIcon a {
          font-size: inherit !important;
          line-height: inherit !important;
          text-indent: inherit !important;
          width: auto !important;
          height: auto !important;
          padding: inherit !important;
          background: none !important;
          border: none !important;
          font-weight: inherit !important;
          margin-bottom: inherit !important;
          color: inherit !important;
          border-bottom: none !important;
          -webkit-box-shadow: none !important;
          -moz-box-shadow: none !important;
          box-shadow: none !important;
          -o-box-shadow: none !important; }

  #headerNavigation {
    max-width: auto !important;
    overflow: scroll !important;
    max-width: 300px !important;
    height: 100% !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    background: #fff !important; }
    #headerNavigation:before {
      content: "Butler";
      display: block;
      height: 79px;
      width: 100%;
      background: #323232 url("http://newbutler.butler-cms.com/images/logo-big.png") center center no-repeat;
      border-bottom: 1px solid #eee; }
    #headerNavigation #mainNavigation {
      height: 100% !important;
      padding-bottom: 22px !important; }
      #headerNavigation #mainNavigation.fixed {
        position: relative !important;
        opacity: 1 !important; }
      #headerNavigation #mainNavigation li, #headerNavigation #mainNavigation li#homeIcon {
        display: block !important;
        width: 100% !important;
        margin: 0px !important;
        background: none !important; }
        #headerNavigation #mainNavigation li.current, #headerNavigation #mainNavigation li#homeIcon.current {
          background: #92dc03 !important;
          color: #fff !important; }
        #headerNavigation #mainNavigation li a, #headerNavigation #mainNavigation li#homeIcon a {
          border: none !important;
          display: block !important;
          color: #323232 !important;
          padding: 12px !important; }
          #headerNavigation #mainNavigation li a:hover, #headerNavigation #mainNavigation li#homeIcon a:hover {
            background: #92dc03 !important;
            color: #fff !important; }
        #headerNavigation #mainNavigation li ul, #headerNavigation #mainNavigation li#homeIcon ul {
          display: block !important;
          padding: 0px !important;
          position: relative !important;
          top: 0px !important;
          left: 0px !important;
          width: 100% !important; }
          #headerNavigation #mainNavigation li ul li, #headerNavigation #mainNavigation li#homeIcon ul li {
            display: block !important; }
            #headerNavigation #mainNavigation li ul li a, #headerNavigation #mainNavigation li#homeIcon ul li a {
              padding-left: 2em !important; }
            #headerNavigation #mainNavigation li ul li ul li a, #headerNavigation #mainNavigation li#homeIcon ul li ul li a {
              padding-left: 3em !important; }
            #headerNavigation #mainNavigation li ul li ul li ul li a, #headerNavigation #mainNavigation li#homeIcon ul li ul li ul li a {
              padding-left: 4em !important; }
            #headerNavigation #mainNavigation li ul li ul li ul li ul li a, #headerNavigation #mainNavigation li#homeIcon ul li ul li ul li ul li a {
              padding-left: 5em !important; }
      #headerNavigation #mainNavigation .sf-sub-indicator {
        display: none; }
      #headerNavigation #mainNavigation .opensubmenu > li {
        display: block;
        visibility: visible; } }
@media (max-width: 1200px) {
  .page_lay_out_tileList .singleProduct {
    width: 94%; } }
@media screen and (max-width: 767px) {
  .table-responsive, table {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch; }
    .table-responsive > .table, table > .table {
      margin-bottom: 0; }
      .table-responsive > .table > thead > tr > th, table > .table > thead > tr > th,
      .table-responsive > .table > thead > tr > td,
      table > .table > thead > tr > td,
      .table-responsive > .table > tbody > tr > th,
      table > .table > tbody > tr > th,
      .table-responsive > .table > tbody > tr > td,
      table > .table > tbody > tr > td,
      .table-responsive > .table > tfoot > tr > th,
      table > .table > tfoot > tr > th,
      .table-responsive > .table > tfoot > tr > td,
      table > .table > tfoot > tr > td {
        white-space: nowrap; }
    .table-responsive > .table-bordered, table > .table-bordered {
      border: 0; }
      .table-responsive > .table-bordered > thead > tr > th:first-child, table > .table-bordered > thead > tr > th:first-child,
      .table-responsive > .table-bordered > thead > tr > td:first-child,
      table > .table-bordered > thead > tr > td:first-child,
      .table-responsive > .table-bordered > tbody > tr > th:first-child,
      table > .table-bordered > tbody > tr > th:first-child,
      .table-responsive > .table-bordered > tbody > tr > td:first-child,
      table > .table-bordered > tbody > tr > td:first-child,
      .table-responsive > .table-bordered > tfoot > tr > th:first-child,
      table > .table-bordered > tfoot > tr > th:first-child,
      .table-responsive > .table-bordered > tfoot > tr > td:first-child,
      table > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0; }
      .table-responsive > .table-bordered > thead > tr > th:last-child, table > .table-bordered > thead > tr > th:last-child,
      .table-responsive > .table-bordered > thead > tr > td:last-child,
      table > .table-bordered > thead > tr > td:last-child,
      .table-responsive > .table-bordered > tbody > tr > th:last-child,
      table > .table-bordered > tbody > tr > th:last-child,
      .table-responsive > .table-bordered > tbody > tr > td:last-child,
      table > .table-bordered > tbody > tr > td:last-child,
      .table-responsive > .table-bordered > tfoot > tr > th:last-child,
      table > .table-bordered > tfoot > tr > th:last-child,
      .table-responsive > .table-bordered > tfoot > tr > td:last-child,
      table > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0; }
      .table-responsive > .table-bordered > tbody > tr:last-child > th, table > .table-bordered > tbody > tr:last-child > th,
      .table-responsive > .table-bordered > tbody > tr:last-child > td,
      table > .table-bordered > tbody > tr:last-child > td,
      .table-responsive > .table-bordered > tfoot > tr:last-child > th,
      table > .table-bordered > tfoot > tr:last-child > th,
      .table-responsive > .table-bordered > tfoot > tr:last-child > td,
      table > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0; } }