.postWrapper {
    padding-bottom: 25px;
    clear: both;
}

.postTitle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    margin-bottom: 15px;
}

.postTitle h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h3 {
    font-size: 10px;
    margin: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.postContent {
    padding-bottom: 10px;
}

.postContent ul{
    list-style: disc outside;
    margin-bottom: 1.5em;
}

.postContent ul li{
    margin-left: 2em;
}

.postContent ol{
    list-style: decimal outside;
    margin-bottom: 1.5em;
}

.postContent ol li{
    margin-left: 2em;
}

.postDetails {

}

.postBookmarks {
    padding-bottom: 10px;
}

.postBookmarks h4 {

    font-size: 12px;
    font-weight: bold;
}

.postBookmarks a.bm {
    display: inline-block;
}

.postBookmarks img {
    display: inline;
}

.commentWrapper {
    padding-bottom: 15px;
}

.commentTitle {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
}

.commentTitle div {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #0a263c;
    line-height: 1.35;
}

.commentContent {
    padding-bottom: 0px;
}

.commentDetails {
    margin-bottom: 5px;
    padding: 0px;
}

.commentDetails h4.username {
    display: inline;
}

.postError {
    font-size: 16px;
}

.tags {
    font-weight: bold;
    padding-bottom: 10px;
}

.tags UL {
    display: inline;
}

.tags UL LI {
    font-weight: normal;
    display: inline;
    padding-right: 6px;
}

.tags h4 {
    font-size: 12px;
    font-weight: bold;
}

.menu-tags, .menu-categories, .menu-recent {
    margin: 5px 9px;
}

.menu-tags h5, .menu-categories h5, .menu-recent h5 {
    font-size: 11px;
}

.block-blog .menu-tags UL LI {
    display: inline;
    padding: 2px;
    margin-left: 10px;
}

.block-blog .menu-categories UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
    font-size: 11px;
}

.tagcloud {
    /* text-align:center; */
}

.tag-count-1 {
    font-size: 1em !important;
}

.tag-count-2 {
    font-size: 1.2em !important;
}

.tag-count-3 {
    font-size: 1.4em !important;
}

.tag-count-4 {
    font-size: 1.6em !important;
}

.tag-count-5 {
    font-size: 1.8em !important;
}

.tag-count-6 {
    font-size: 2em !important;
}

.tag-count-7 {
    font-size: 2em !important;
}

.tag-count-8 {
    font-size: 2em !important;
}

.tag-count-9 {
    font-size: 2em !important;
}

.tag-count-10 {
    font-size: 2em !important;
}

.block-blog .head h4 {
    padding-left: 20px;
}

.block-blog .block-title strong {
    background-image: url(http://cdn.smappee.com/skin/frontend/base/default/aw_blog/images/icon_blog.png);
    background-repeat: no-repeat;
    padding-left: 21px;
    text-align: left;
}

.postWrapper .poster {
    display: inline;
}

.input-box.aw-blog-comment-area {
    width: 100%;
}

.widget-latest .title {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.35;
    margin: 0 0 5px;
}

.widget-latest li {
    font-size: 12px;
    padding: 5px 10px;
}

.block-blog .menu-categories {
    margin: 0;
    padding: 5px 9px;
}

A.awblog_current_comment {
    text-decoration: none !important;
    font-weight: bold !important;
}
/* CONTAINER */
.cookienotice-container {font: inherit;background: #ddd;z-index: 9999;padding: 10px;}
.cookienotice-content {margin: 0 auto;display: block;clear: both;overflow: auto;}

/* MESSAGE */
.cookienotice-message {float: left;}
.cookienotice-page-link {}
.cookienotice-page-link:hover {}

/* BUTTON */
.cookienotice-button-container {float: right;}
.cookienotice-button {cursor: pointer;}
.cookienotice-container .cookienotice-button:hover {}
.cookienotice-container a.cookienotice-button:active {}

/* BAR */
.cookienotice-bar {clear: both;width: 100%;}
.cookienotice-bar-top {position: absolute;top: 0;left: 0;}
.cookienotice-bar-bottom {position: fixed;top: auto;bottom: 0;left: 0;}
.cookienotice-bar .cookienotice-content {width: 960px;}

/* BOX */
.cookienotice-box {position: fixed;top: 0;left: 0;width: 240px;border-radius: 4px;top: auto;bottom: auto;left: auto;right: auto;}
.cookienotice-box-top-left {left: 30px;top: 30px;}
.cookienotice-box-top-right {right: 30px;top: 30px;}
.cookienotice-box-bottom-right {right: 30px;bottom: 30px;}
.cookienotice-box-bottom-left {left: 30px;bottom: 30px;}
.cookienotice-box .cookienotice-content {}
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: 'DINPro';
    src: url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINWeb.eot');
    src: url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINWeb.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINWeb.woff') format('woff'),
         url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINComp.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINPro';
    src: url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINWeb-Bold.eot');
    src: url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINWeb-Bold.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINWeb-Bold.woff') format('woff'),
         url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINComp-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro';
    src: url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINWeb-Light.eot');
    src: url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINWeb-Light.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINWeb-Light.woff') format('woff'),
         url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/DINComp-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src:url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/icomoon-16.eot');
    src:url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/icomoon-16.eot?#iefix') format('embedded-opentype'),
        url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/icomoon-16.woff') format('woff'),
        url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/icomoon-16.ttf') format('truetype'),
        url('http://cdn.smappee.com/skin/frontend/smappee/default/fonts/icomoon-16.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[data-icon]:before {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-easysetup:before {
  content: "\e906";
}
.icon-house:before {
  content: "\e907";
}
.icon-houseinaction:before {
  content: "\e908";
}
.icon-leak:before {
  content: "\e909";
}
.icon-learnsave:before {
  content: "\e90a";
}
.icon-smarthome:before {
  content: "\e90b";
}
.icon-checked:before {
  content: "\e904";
}
.icon-offer:before {
  content: "\e905";
}
.icon-qty-add:before {
  content: "\e902";
}
.icon-qty-remove:before {
  content: "\e903";
}
.icon-close:before {
  content: "\e80c";
}
.icon-video:before {
  content: "\e80b";
}
.icon-check:before {
  content: "\e80a";
}
.icon-control:before {
  content: "\e800";
}
.icon-data:before {
  content: "\e801";
}
.icon-learn:before {
  content: "\e802";
}
.icon-nav-left:before {
  content: "\e803";
}
.icon-nav-up:before {
  content: "\e901";
}
.icon-nav-down:before {
  content: "\e900";
}
.icon-nav-right:before {
  content: "\e804";
}
.icon-quote-left:before {
  content: "\e805";
}
.icon-quote-right:before {
  content: "\e806";
}
.icon-save:before {
  content: "\e807";
}
.icon-setup:before {
  content: "\e808";
}
.icon-solar:before {
  content: "\e809";
}
.icon-cloud:before {
  content: "\e622";
}
.icon-dot:before {
  content: "\e623";
}
.icon-earth:before {
  content: "\e624";
}
.icon-heart:before {
  content: "\e625";
}
.icon-mascot:before {
  content: "\e626";
}
.icon-one:before {
  content: "\e627";
}
.icon-two:before {
  content: "\e629";
}
.icon-three:before {
  content: "\e628";
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #E9E9E9;
    text-shadow: none;
}

::selection {
    background: #E9E9E9;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}





/* BOOTSTRAP STYLING */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
     transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
     transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
     transition-timing-function: ease;
}








/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   BALDWIN's custom styles
   ========================================================================== */

body { font-family: DINPro; color: #19312a; font-weight: 300; }

a { color: #19312a; }
h1 { font-size: 40px; font-weight: 300; }
h2 { font-size: 31px; font-weight: 300; }
h4 { font-weight: 300; font-size: 18px; margin: 0; color: #19312a; }
.bold { font-weight: 700; }
.center { text-align: center; }

button.button:focus{ outline: 0;}

/*
html {
    background-color: #8c9894;
}
*/

body {
    background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/bg_fixed_gradient.png) repeat-x;
    background: -webkit-linear-gradient(top, #f3f4f4 0px, #f4f5f5 120px, #ffffff 427px);
    background: linear-gradient(to bottom, #f3f4f4 0px, #f4f5f5 120px, #ffffff 427px);
    background-position: center 110px;
    background-attachment: fixed;
}
body[class*='blog-'], body.customer-account-pages, body.cms-page-view:not(.cms-werking) {
    background: #fff;
}
body[class*='blog-'] .header-container, body.customer-account-pages .header-container, body.cms-page-view:not(.cms-werking) .header-container {
    border-bottom: 1px solid #f4f4f4;
}
@media (min-width: 992px) and (max-width: 1199px) {
  body[class*='blog-'] .header-container, body.customer-account-pages .header-container, body.cms-page-view:not(.cms-werking) .header-container {
    padding-bottom: 20px;
  }
}
.main-container, .header, .inner-lang-acc-menu, .footer { width: 1100px; margin: 0 auto; }
.main-container { margin-top: 110px; position: relative; }
@media (max-width: 991px){
    .main-container{
        margin-top: 0;
        width: 100%;
        max-width: 1100px;
    }
}


.messages, .messages ul { list-style-type: none; margin-left: 0; }
.messages { background-color: #fff; color: #8fc73e;
	text-align: center; border-radius: 5px;
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 1em;
	padding: 0;
	min-height: 4em;
	border: 2px solid #8fc73e;
	line-height: 2em;
}
.messages ul{ padding: 0 5px;}

.col2-right-layout .col-main { width: 690px; float: left; }
.col2-right-layout .col-right { width: 355px; float: left; margin-left: 55px; }

label.required { position: relative;  display: inline-block;}
label.required em { position: absolute; right: -8px; }
p.required {  font-size: 12px; margin: 0; }
.radio, .checkbox { margin-right: 7px; }
form .validation-advice { font-size: 13px; }

.col2-left-layout .col-left { float: left; width: 260px; padding-left: 40px; padding-top: 40px; }
.col2-left-layout .col-main { float: right; width: 800px; }

.buttons-set .button, .checkout-types button, .product-options-bottom .button, .products-grid li .actions button, .btn-tax-validation {
	font: 1em DINpro;
	border:none;
    background-color: #8fc73e;
    color: #FFF;
    border-radius: 3px;
	font-weight: normal;
	padding: 0.5em 1em;
}

#continue-to-cart-link {
    font-family: DINpro;
	border: 2px solid #8fc73e;
    color: #FFF;
    border-radius: 3px;
    font-weight: normal;
}

#continue-to-cart-link a {
    display: inline-block;
    background-color: #8fc73e;
    height: 4em;
    padding-right: 1.4em;
    padding-left: 1.4em;
}

#continue-to-cart-link a:hover {

}

#continue-to-cart-link span:before{
	font: 1.5em 'icomoon';
	content: '\E616';
	speak: none;
	-webkit-font-smoothing: antialiased;
	display: list-item;
    text-align: center;
	margin-top: 10px;
	list-style: none;
}
#continue-to-cart-link{
    display: none;
}




.buttons-set .button:disabled, .checkout-types button:disabled, .product-options-bottom .button:disabled {
    background-color: #b0b5b5;
    color: #ddd;
}

/*input.radio { opacity: 0; }
input.radio + .label, input.radio + label { position: relative; }
input.radio + .label:before, input.radio + label:before { content: ""; display: block; position: absolute; top: -2px; left: -20px; pointer-events: none; }
input.radio + .label:before, input.radio + label:before { width: 15px; height: 15px; background: #fff; border: 1px solid black; border-radius: 5px; box-shadow: 2px 2px 6px #ccc; line-height: 0.8; font-size: 22px; }
input.radio:checked + .label:before, input.radio:checked + label:before { content: "✔"; }*/

.radio-wrap { position: relative; margin: 0 7px 0 0; }
.radio-wrap input.radio { position: relative; z-index: 100; opacity: 0; width: 19px; height: 20px; }
.radio-wrap input.radio { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } /* IE8 fix */
/* TODO: radiobutton vervangen door image*/
.radio-wrap .radio-replaced { position: absolute; top: -2px; left: -2px; width: 26px; height: 27px; background-image: url('http://cdn.smappee.com/skin/frontend/smappee/default/images/radio_button.png'); background-position: 0 0; }
.radio-wrap input.radio:checked + .radio-replaced { background-position: 0 -27px; }
#checkoutSteps li.control .radio-wrap input.radio, #checkoutSteps .form-list .radio-wrap input.radio { width: 19px; }
#checkoutSteps .form-list .radio-wrap input.radio { border: 0; border-radius: 0; padding: 0; }

input, textarea, select { font-family: DINpro; font-weight: 300; color: #19312a; }

.right { float: right; }
.left { float: left; }

#admin_messages { padding: 0; margin: 0; }

.vat_validation-messages { width: 600px; list-style: none !important; padding: 0 !important; }

.pager .pages ol { list-style-type: none; margin: 0;  }
.pager .pages ol li { float: left; margin: 0 3px; }
.pager .pages > strong { float: left; }
.pager .pages ol li a { text-decoration: none; }
.pager .pages ol li.current { color: #b0b5b5; }

.pager .amount { float: left; }
.pager .limiter { float: right; margin-top: 12px; }

.global-site-notice { position: absolute; top: 5px; left: 5px; width: 600px; z-index: 10001; background: orange; padding: 10px; box-shadow: 0 5px 8px #DDDDDD; font-size: 12px; }
.global-site-notice > div, .global-site-notice > div > p { height: 100%; }
.demo-notice p { margin: 0; text-align: center; }

iframe[name='google_conversion_frame'] {
font-size: 0 !important;
height: 0 !important;
line-height: 0 !important;
margin-top: -13px;
width: 0 !important;
position: absolute;
}

/*HEADER*/
.header-container { padding: 0; color: #b0b5b5; font-weight: 300; position: fixed; top: 0; left: 0; right: 0; z-index: 10000; background: #fff; }
@media (min-width: 992px) and (max-width: 1199px) {
  .header-container {
    padding-bottom: 21px;
  }
}
.header { height: 38px; padding: 20px 0; /*background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/header-border.png) no-repeat bottom center;*/ }

@media (max-width: 991px) {
    .header { height: 127px; }
}



.header h1 { margin: 0; line-height: 16px;}
.header a.logo { float: left; }
.header a.logo img { width: 193px; }

.lang-acc-menu { background: #f4f3f3; color: #19312a; padding: 0; font-size: 14px; }
.lang-acc-menu .form-language { float: right; margin-left: 13px; padding: 7px 0 4px; }
.lang-acc-menu .form-language select { color: #b0b5b5; font-weight: 300; background-color: #fff; border:1px solid #b0b5b5; box-shadow: none; border-radius: 5px; }
.lang-acc-menu .links { float: right; margin: 0; padding: 0; list-style-type: none;  }
.lang-acc-menu .links li { float: left; padding: 7px 0 4px; }
.lang-acc-menu .links li:after { content: " /" }
.lang-acc-menu .links li#my-smappee-link,
.lang-acc-menu .links li#partnersLink,
.lang-acc-menu .links li#supportLink,
.lang-acc-menu .links li#blogLink,
.lang-acc-menu .links li#newsLink,
.lang-acc-menu .links li#reviewsLink{ margin-right: 20px; }
.lang-acc-menu .links li.last { margin-left: 3px; }
.lang-acc-menu .links li#my-smappee-link:after,
.lang-acc-menu .links li#partnersLink:after,
.lang-acc-menu .links li#supportLink:after,
.lang-acc-menu .links li#blogLink:after,
.lang-acc-menu .links li#newsLink:after,
.lang-acc-menu .links li#reviewsLink:after,
.lang-acc-menu .links li.last:after { content: ""; }
.lang-acc-menu a { color: #19312a; text-decoration: none; }
.lang-acc-menu a:hover { color: #b0b5b5; }
.lang-acc-menu .cart-link { padding: 6px 16px; background-color: #dee1e1; float: right; text-decoration: none; position: relative; margin-left: 20px; display: block; }
.lang-acc-menu .cart-link .cart-count { position: absolute; background-color: #97c21c; border-radius: 50%; width: 13px; height: 13px; color:#FFF; font-weight: normal; text-align: center; bottom: 10px; /*0;*/ right: 0; font-size: 10px; }
.lang-acc-menu .cart-link .fs1 { display: inline-block; padding: 0px 8px 0 0; color: #8e9a97; }
.lang-acc-menu .cart-link .fs1:before { vertical-align: middle; }

#continent-country-list-wrapper { position: relative; }
#current-country { display: inline-block; text-align: right; margin-right: 6px; cursor: pointer; }
#current-country:after {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(255, 255, 255, 0);
    border-right: 4px solid rgba(255, 255, 255, 0);
    border-top: 7px solid #163029;
    content: ' ';
    position: absolute;
    top: 6px;
    right: -6px;
}


#continent-country-list { display: none; background: #fff; position: absolute; right: 0;/*-160px;*/ width: 360px; z-index: 10001; padding: 20px; margin: 0; }
#continent-country-list { box-shadow: 0 5px 8px #DDDDDD; border-radius: 5px; border: 1px solid #EEE; }
#continent-country-list-wrapper:hover #continent-country-list { display: block !important; }
#continent-country-list-wrapper > img { vertical-align: top; width: 22px; height: 14px; margin: 1px 1px 0 0; }
#continent-country-list > div { vertical-align: top; width: 49%; float: left; }
#continent-country-list ul { list-style: none; margin: 0; padding: 0; }
#continent-country-list h5 { color: #19312a; font-weight: normal; margin: 1em 0 0 0; font-size: 16px; }
#continent-country-list a { color: #888; text-decoration: none; }
#continent-country-list a:hover { color: #19312a; }
#continent-country-list .active { background: transparent; }
#continent-country-list .active a { text-decoration: underline; }
#continent-country-list .more-link { clear: both; margin: 0; padding: 0.4em 0 0 0; }
#continent-country-list .more-link a { color: #19312a; }
#continent-country-list .more-link a:hover { color: #888; }
#continent-country-list-close { display: none; position: absolute; right: 15px; top: 10px; font-size: 18px; }

.header .mainmenu { float: right; position: relative; z-index: 900; }
.header .mainmenu > ul { list-style-type: none; margin: 0; padding: 0; }
.header .mainmenu > ul > li { float: left; margin-left: 30px; font-size: 18px; position: relative; }
.header .mainmenu > ul > li a { text-decoration: none; color: #19312a; padding-bottom: 18px; }
.header .mainmenu > ul > li a:hover { color: #b0b5b5; }
.header .mainmenu > ul > li .submenu { display: none; position: absolute; margin: 20px 0 0; padding: 0; left:30px;  }
.header .mainmenu > ul > li .submenu a:hover, .header .mainmenu li .submenu li.active a { text-decoration: underline; color: #b0b5b5; /*#19312a;*/ }
.header .mainmenu > ul > li > ul { display: none; position: absolute; top: 36px; margin: 0; padding: 4px 0 0 0; width: 290px; z-index: 900; }
.header .mainmenu > ul > li > ul > li { display: inline-block; margin-right: 20px; }
.header .mainmenu > ul > li > a { display: inline-block; padding: 0 5px; line-height: 37px;}
.header .mainmenu > ul > li > a.buy-link { background: #8fc73e;/*#FFF;*/ color: #FFF; /*#8b9795; */ border:2px solid #8fc73e; /*#8b9795;*/ border-radius: 20px; padding: 5px 20px 4px 20px; margin-top: -1px; line-height: 140%; font-weight: 400;}
.header .mainmenu > ul > li > a.buy-link:hover, .cms-werking .buy-btn a:hover, body .button:hover, #continue-to-cart-link a:hover { background-color: #7fa32f; -webkit-transition: all .5s linear; transition: all .5s linear; }
.header .mainmenu > ul > li > a.buy-link:hover{ background-color: #7fa32f; /*#8b9795;*/ color: #FFF; border-color: #7fa32f;}
.header .mainmenu > ul > li > span { color: #8fc73e; display: block; font-size: 12px; margin-top: 6px; text-align: center; font-weight: 400; }

@media(min-width: 992px){
  html:lang(fr) .header .mainmenu > ul > li{ margin-left: 24px;}
  html:lang(fr) .header .mainmenu > ul > li:first-child{ margin-left: 0;}
}


.baldwin-product-configurator-smappee-index .buy-link + ul,
.catalog-category-view .buy-link + ul
    { display: block !important; }
.baldwin-product-configurator-smappee-index h1 { text-transform: none; }


/*
.cms-support .support-link,
.blog-cat-view .news-link,
.blog-post-view .news-link,
*/
.page-monitor .discover-link,
.page-solar-monitor .solar-link,
.page-gas-water-monitor .gaswater-link,
.page-pro .pro-link,
.faq-index-index .faq-link { color: #b0b5b5 !important; }

.breadcrumbs { margin-top: 10px; /*visibility: hidden;*/ display: none;}
.breadcrumbs ul { list-style-type: none; margin: 0; padding: 0; font-size: 12px;  }
.breadcrumbs ul li { float: left; color: #58585a; }
.breadcrumbs ul li a { color: #58585a; text-decoration: none; }
.breadcrumbs:before,
.breadcrumbs:after {
    content: " ";
    display: table;
}
.breadcrumbs:after {
    clear: both;
}

.main { margin-top: 40px; }

/*HOME*/
.cms-home #div-interaktingslider { margin-bottom: 20px; box-shadow: 0 5px 8px #DDDDDD; border-radius: 20px; }
.cms-home #div-interaktingslider #frame { width:1100px; border:none; background-image: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/slider-back.png); height: 509px; }
.cms-home #div-interaktingslider #frame div { background-color: transparent; }
.cms-home #div-interaktingslider #frame #middle-center { margin: 0; border: 0; background-color: transparent; position: relative; }
.cms-home #div-interaktingslider #frame #middle-center, .cms-home #div-interaktingslider #frame #middle-center #slide-content,
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide { width: 1100px; height: 509px; }
.cms-home #div-interaktingslider #frame #middle-center #slide-commands { position: absolute; z-index: 999; margin: 0; right: 30px; bottom: 10px; text-align: right; border:none; display: none; }
.cms-home #div-interaktingslider #frame #middle-center #slide-commands a { text-indent: -10000px; direction: ltr; height: 9px; width: 9px; padding: 0; border-radius: 6px; border: none; background-color: #C2C2C2; }
.cms-home #div-interaktingslider #frame #middle-center #slide-commands a.active { background-color: #8FC73E; }
.cms-home #div-interaktingslider #frame #middle-center #slide-commands a#prev, .cms-home #div-interaktingslider #frame #middle-center #slide-commands a#next { display: none; }

.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide h1 { font-size: 58px; font-weight: 300; color: #19312a; font-family: DINPro; text-transform: none; margin-bottom: 20px; border-bottom: 1px solid #19312a; padding-bottom: 20px; margin-top:55px; }
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide img { position: absolute; top: -5px; left: -5px; border-radius: 5px; }
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide p { font-family: DINPro; color: #19312a; line-height: 30px; font-weight: 300; font-size: 21px; margin-bottom: 20px; }
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide strong { font-weight: 300; color: #8FC73E; }
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide ul { margin-top: 10px; margin-bottom: 20px; margin-left: 30px; list-style-type: none; font-family: DINPro; color: #FFF; line-height: 30px; font-weight: 300; font-size: 21px; }
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide ul strong { padding-left: 30px; }
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide a { font-weight: bold; padding: 5px 10px 3px; background-color: #fff; border-radius: 3px; text-decoration: none; font-size: 19px; color: #19312a; box-shadow: 2px 2px 3px #CCCCCC; border: 1px solid #EEEEEE; }
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide strong a { background-color: #8FC73E; color: #FFF; text-shadow:none; font-weight: normal; border:none; }
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide .bottom-content img { position: inherit; }
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide .bottom-content { position: absolute; bottom: 45px; right: 90px; }

.cms-home #div-interaktingslider .content { position: absolute; top: 35px; left: 35px; width: 43%;  }

.cms-home-16 .main { margin-top: 0; }

.cms-home .blocks .block { padding: 20px; margin-right: 14px; width: 315px; height: 275px; float: left; box-shadow: 0 5px 8px #DDDDDD; border-radius: 5px; border: 1px solid #EEE; position: relative; }
.cms-home .blocks .block-right { margin-right: 0; }
.cms-home .blocks .block-left a { text-decoration: none; }
.cms-home .blocks .block-left ol { padding-left:25px; }
.cms-home .blocks .block-left ol li { margin-bottom: 15px; }
.cms-home .blocks .block a:hover { text-decoration: none; }
.cms-home .blocks .block h2 { margin: 0; text-align: left; font-size: 30px; font-weight: 300; }
.cms-home .blocks .block h2 a { color: #8FC73E; text-decoration: none; }
.cms-home .blocks .block h2 a:hover { color: #19312a; }
.cms-home .blocks .block img { border-radius: 5px; }

.cms-home .postdate { font-size: 14px; font-weight: normal; color: #B0B5B5; }
.cms-home .postTitle { text-align: left; border-bottom: none; }
.cms-home .blocks .block-right .postTitleN h3 { font-weight: 700; font-size: 16px; color:#19312a; text-align: left; border: none; margin: 0; }
.cms-home .blocks .block .postTitleN h3 a { color: #19312a; text-decoration: none; }
.cms-home .block-right .postWrapper { border:none; margin: 0; }

.cms-home .blocks .block .button { background-color: #8FC73E; border: medium none; text-decoration: none; border-radius: 3px 3px 3px 3px; box-shadow: 3px 3px 4px #CCCCCC; color: #FFFFFF; font-family: DINpro; font-size: 18px; font-weight: normal; padding: 4px 10px 2px; }

.cms-home .block-middle .postsubtitle { line-height: 30px; font-weight: 600; }
.cms-home .block-middle .postContent { padding-bottom: 1px; position: relative; padding: 0;/*0 0 0 15px;*/ }
/*.cms-home .block-middle .postContent:before { display: block; content: "\201C"; font-size: 25px; position: absolute; left: 0; top: 0; color: #7a7a7a; font-family: georgia; }
.cms-home .block-middle .postContent:after { display: block; content: "\201C"; font-size: 25px; position: absolute; left: 0; top: 0; color: #7a7a7a; font-family: georgia; }*/
.cms-home .block-middle .postContent .closing-quote { font-size: 25px; color: #7a7a7a; font-family: georgia; line-height: 0; }
.cms-home .block-middle .postContent p { margin-top: 0; }
.cms-home .block-middle .postWrapper { border-bottom: 0; margin-bottom: 0; }
.cms-home .block .readalllink { text-align: center; padding-top: 10px; position: absolute; bottom: 15px; }
.cms-home .block .postContent { line-height: 23px; }


/* NEW HOME Q4 2015 */
body.cms-home{ background: #FFF;}

body.cms-home .begin-slide-container .container{
    position: relative;
    min-height: 450px;
    overflow: hidden;
}

body.cms-home .usp-list-container{
    position: relative;
}

body.cms-home .begin-slide-container .slide-image{
    position: relative;
    right: 0;
    z-index: -1;

    width: auto;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: -50px;
}

@media (min-width: 450px) {

    body.cms-home .begin-slide-container .slide-image{
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

}

@media (min-width: 991px) {

    body.cms-home .begin-slide-container .container{
        min-height: 450px; /* 500px; */
    }

    body.cms-home .begin-slide-container .slide-image img{
        max-width: 100%;
    }

    body.cms-home .begin-slide-container .slide-image{
        position: absolute;
        bottom: -2%; /*-6%; /*-50px;*/
        right: 0;
        z-index: -1;
        width: 55%;
    }

}

@media (min-width: 1100px) {

    body.cms-home .begin-slide-container .container{
        min-height: 480px;
    }

}

@media (min-width: 1199px) {

    body.cms-home .begin-slide-container .container{
        min-height: 500px;
    }

    body.cms-home .begin-slide-container .slide-image{
        bottom: -7%; /*-6%;*/
        width: 63%;
        right: -3%;
    }

    body.cms-home .begin-slide-container .container{ overflow: visible;}

}
@media (min-width: 1300px) {

    body.cms-home .begin-slide-container .slide-image{
        bottom: -7%;
        width: 66%;
        right: -8%;
    }
}
@media (min-width: 1400px) {

    body.cms-home .begin-slide-container .slide-image{
        bottom: -8%;
        width: 69%;
        right: -12%;
    }
}


body.cms-home .begin-slide-container .slide-content{
    position: relative;
    /*z-index: 999999;*/
    margin-top: 40px;
}
.end-slide-container {
    overflow: hidden;
    width: 100%;
}

body.cms-home .begin-slide-container .slide-content h1{ line-height: 120%; color: #97c21c; margin: 0 auto 0.67em auto;}

body.cms-home .begin-slide-container .slide-content .content > ul{
    width: 75%;
    margin: 0 auto;
    list-style: none;
    padding:0;
}
body.cms-home .begin-slide-container .slide-content .content > ul li {
    padding-left: 1.2em;
    text-indent: -1.1em;
}
body.cms-home .begin-slide-container .slide-content .content > ul li:before {
    content: "• ";
    color: #97c21c;
    font-size: 22px;
}

body.cms-home .begin-slide-container .slide-content .cta{ margin-top: 1em;}
body.cms-home .begin-slide-container .slide-content .video-link-container{ margin: 10px auto 20px auto;}
body.cms-home .begin-slide-container .slide-content .video-link-container a{ color: #8e9a97;}

@media (min-width: 1199px) {
    body.cms-home .begin-slide-container .slide-content .video-link-container{ margin: 10px auto 100px auto;}
}
/*@media (min-width: 991px) {

    body.cms-home .begin-slide-container .slide-content .content{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

}*/

/* NEW HOME 2016 */
body.cms-home-16 .main-container { max-width: 100%; /*margin-top: 110px;*/ }
body.cms-home-16 .main-container .col-main { padding: 0 !important; }

body.cms-home-16 .main-container .banner-top .widget-static-block > div{ position: relative;}
body.cms-home-16 #introvideo { /*width: 100%; height: 100%;*/ max-width: 100%; left: 0; right: 0; position: absolute; top: -50%; z-index: -1;}

body.cms-home-16 .btn-green { background-color: #99C031; color: #FFF; text-decoration: none; border-radius: 100px; padding: 0 35px; line-height: 42px; display: inline-block; font-size: 16px; font-weight: 400; }
body.cms-home-16 .btn-green:hover, body.cms-home-16 .btn-green:focus { background-color: #E7E9E8; color:#44504C; }

body.cms-home-16 .main-container .banner-top { /*background-image: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/img_banner_top.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;*/
  height: 375px; text-align: center; position: relative; overflow:hidden; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ }
body.cms-home-16 .main-container .banner-top h1 { color: #FFF; margin-top: 75px; font-size: 20px; text-shadow: 0 0 6px #888; }
body.cms-home-16 .main-container .banner-top p { font-size: 16px; color:#FFF; padding: 0 30px; text-shadow: 0 0 6px #888; }
body.cms-home-16 .main-container .banner-top a.video { color:#FFF; font-size: 16px; text-decoration: none; display: inline-block; text-shadow: 0 0 6px #888; }
body.cms-home-16 .main-container .banner-top a.video:before { display: block; font-family: 'icomoon'; font-size: 45px; content: "\e008"; color: #FFF; }

@media (min-width: 768px) {
  body.cms-home-16 .main-container .banner-top h1 { font-size: 33px; }
  body.cms-home-16 .main-container .banner-top p { font-size: 22px; }
  body.cms-home-16 .main-container .banner-top a.video { font-size: 22px; }
}

@media (max-width: 991px) {
  body.cms-home-16 .main-container .banner-top { background-image: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/img_banner_top.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 375px; text-align: center; position: relative; overflow:hidden; }

  body.cms-home-16 #introvideo { display: none;}
}

/* HOME VIDEO FIX (bg, video on top) */
@media (min-width: 992px) {

  body.cms-home-16 .main-container .banner-top {
    background-image: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/img_banner_top.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;
  }
  body.cms-home-16 .main-container .banner-top .widget > div > * { position: relative; z-index: 2;}
  body.cms-home-16 .main-container .banner-top .widget > div > #introvideo { z-index: 1;}

}

body.cms-home-16 .prods { max-width: 870px; margin: 0 auto; list-style-type: none; margin-top: 50px; margin-bottom: 50px; padding:0; }
body.cms-home-16 .prods li { text-align: center; position: relative; padding-left: 25px; padding-right: 25px; box-sizing: border-box; margin-bottom: 30px; }
body.cms-home-16 .prods li img { max-width: 200px; }
body.cms-home-16 .prods .btn-green { line-height: 33px; font-size: 16px; font-weight: 400;}
body.cms-home-16 .prods h3 { font-size: 19px; font-weight: 400; margin-bottom: 0; }
body.cms-home-16 .prods p { font-size: 16px; min-height: 63px;}

body.cms-home-16 .prods .product-block{ cursor: pointer;}

@media (min-width: 768px) {
  body.cms-home-16 .prods li { width: 33.33%; float: left; }
}

body.cms-home-16 .gray-bg { background-color: #F3F4F4; }

body.cms-home-16 .usp-banner { text-align: center; padding-top: 30px; padding-bottom: 20px; }
body.cms-home-16 .usp-banner h2 { font-size: 20px; }
body.cms-home-16 .usps { max-width: 1100px; list-style-type: none; text-align: center; margin: 30px auto; padding: 0; }
body.cms-home-16 .usps li { height: 190px; float: left; width: 50%; text-align: center; box-sizing: border-box; padding: 0 20px; font-size: 16px;}
body.cms-home-16 .usps li a { text-decoration: none; display: inline-block; }
body.cms-home-16 .usps li a:before { width: 109px; height: 109px; color: #99C031; background-color: #FFF; border-radius: 50%; line-height:109px; display: block; font-family: 'icomoon'; margin: 0 auto 15px; font-size: 38px; }
body.cms-home-16 .usps li a.data-icon:before { content: "\e908"; }
body.cms-home-16 .usps li a.recognition-icon:before { content: "\e907"; }
body.cms-home-16 .usps li a.control-icon:before { content: "\e90b"; }
body.cms-home-16 .usps li a.save-icon:before { content: "\e90a"; }
body.cms-home-16 .usps li a.fee-icon:before { content: "\e906"; }
body.cms-home-16 .usps li a.supplier-icon:before { content: "\e909"; }

@media (min-width: 768px) {
  body.cms-home-16 .usp-banner h2 { font-size: 33px; }
  body.cms-home-16 .usps li { width: 16.66%; height: auto; font-size: 12px; padding: 0; }
}
@media (min-width: 992px) {
  body.cms-home-16 .usps li { font-size: 16px; padding: 0 15px; }
}

body.cms-home-16 .promo-reviews-banner { max-width: 1100px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; }
body.cms-home-16 .promo-reviews-banner .fifty { box-sizing: border-box; padding: 0 15px; }
body.cms-home-16 .promo-reviews-banner .promo-call { border-left: 1px solid #E5E6E1; }
body.cms-home-16 .f-reviews ul { list-style-type: none; padding: 0; }
body.cms-home-16 .f-reviews ul li { margin-bottom: 10px; width: 100%; display: inline-block; }
body.cms-home-16 .f-reviews ul li .rlogo { float: left; text-align: center; padding: 0 10px; width: 30%; box-sizing: border-box; }
body.cms-home-16 .f-reviews ul li .rlogo img { max-width: 100%; }
body.cms-home-16 .f-reviews ul li .rcontent { width: 70%; float: right; padding-top: 0; }
body.cms-home-16 .f-reviews ul li .rcontent a { color: #737C79; font-size: 16px; text-decoration: none; }
body.cms-home-16 .f-reviews ul li .rcontent a:after { content: " >"; }
body.cms-home-16 .f-reviews .btn-all { width: 100%; text-align: center; }
body.cms-home-16 .f-reviews .btn-all a { background-color: #E7E9E8; color: #44504C; text-decoration: none; border-radius: 100px; padding: 0 50px; line-height: 42px; font-size: 16px; font-weight: 400; display: inline-block; }
body.cms-home-16 .f-reviews .btn-all a:hover, body.cms-home-16 .f-reviews .btn-all a:focus { background-color: #99C031; color: #FFF; }
body.cms-home-16 .promo-call { text-align: center; margin-top: 75px; }
body.cms-home-16 .promo-call h3 { font-weight: 400; font-size: 20px; line-height: 29px; color: #44504C; }
body.cms-home-16 .promo-call .img-box { position: relative; }
body.cms-home-16 .promo-call .img-box .label { background-color:#DF5858; color: #FFF; border-radius: 4px; position: absolute; top: 50px; right: 105px; font-size: 15px; padding: 2px 10px; }
body.cms-home-16 .promo-call p { font-size: 16px; margin-bottom: 5px; }
body.cms-home-16 .promo-call .price { margin-bottom: 68px; }
body.cms-home-16 .promo-call .price .old-price, body.cms-home-16 .promo-call .price .new-price { display: inline; position: relative; }
body.cms-home-16 .promo-call .price .old-price:after { border-top: 2px solid #DF5858; content: ""; left: 0; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
body.cms-home-16 .promo-call .price .new-price { color: #DF5858; font-weight: 700; font-size: 26px; }
body.cms-home-16 .promo-call .btn-green { padding: 0 50px; }

@media (min-width: 768px) {
  body.cms-home-16 .promo-reviews-banner .fifty { width: 50%; float: left; }
  body.cms-home-16 .f-reviews ul li { margin-bottom: 20px; }
  body.cms-home-16 .f-reviews ul li .rcontent { padding-top: 0; }
  body.cms-home-16 .promo-call { margin-top: 0; }
  body.cms-home-16 .promo-call h3 { font-size: 24px; }
  body.cms-home-16 .promo-call .price { margin-bottom: 20px; }
}
@media (min-width: 991px) {
  body.cms-home-16 .f-reviews ul li { margin-bottom: 10px; }
  body.cms-home-16 .promo-call .price { margin-bottom: 68px; }
}

body.cms-home-16 .yotpo-reviews-banner { padding: 0 15px; }
body.cms-home-16 .yotpo-reviews-banner .yotpo-reviews-carousel { max-width: 1100px; margin: 60px auto; }

body.cms-home-16 .f-blogposts-banner { max-width: 1100px; margin: 0 auto; padding: 50px 20px; }
body.cms-home-16 .f-blogposts-banner ul { margin: 0; list-style-type: none; padding: 0; }
body.cms-home-16 .f-blogposts-banner ul li { margin-bottom: 20px; box-sizing:border-box; padding: 0 10px; }
body.cms-home-16 .f-blogposts-banner ul li p { font-size: 14px; color: #4E4E4E; margin: 10px 0; }
body.cms-home-16 .f-blogposts-banner ul li h4 { font-size: 16px; margin-bottom: 10px; color: #15241F; font-weight: 400; }
body.cms-home-16 .f-blogposts-banner ul li img { width: 100%; }
body.cms-home-16 .f-blogposts-banner ul li a { font-size: 14px; color: #737C79; text-decoration: none; margin-bottom: 10px; }
body.cms-home-16 .f-blogposts-banner ul li a:after { content: " >" }
body.cms-home-16 .f-blogposts-banner .btn-all { width: 100%; text-align: center; margin-top: 50px; }
body.cms-home-16 .f-blogposts-banner .btn-all a{ background-color: #E7E9E8; color: #44504C; text-decoration: none; border-radius: 100px; padding: 0 35px; line-height: 42px; font-size: 16px; font-weight: 400; display: inline-block; }

@media (min-width: 768px) {
  body.cms-home-16 .f-blogposts-banner { padding: 50px 0; }
  body.cms-home-16 .f-blogposts-banner ul li { float: left; width: 33.33%; }
}

body.cms-home-16 .bottom-banner { background-image: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/bg-foot.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; height: 350px; }
body.cms-home-16 .bottom-banner h2 { color: #FFF; margin-bottom: 0; margin-top: 120px; font-size: 20px; }
body.cms-home-16 .bottom-banner p { color: #FFF; margin-top: 0; font-size: 16px; }
body.cms-home-16 .bottom-banner .buy-btn a { font-size: 27px; }

@media (min-width: 768px) {
  body.cms-home-16 .bottom-banner h2 { font-size: 33px; }
  body.cms-home-16 .bottom-banner p { font-size: 22px; }
}

body.cms-home-16 .footer-container { margin-top: 0; }

/*CMS VIDEO*/
.cms-discover-smappee .std p a { padding: 5px 10px 3px; border-radius: 3px; text-decoration: none; font-size: 25px; box-shadow: 2px 2px 3px #CCCCCC; background-color: #8FC73E; color: #FFF; text-shadow:none; font-weight: normal; border:none; }
.cms-discover-smappee .std p { text-align: center; }

/*CMS ONTDEK SMAPPEE*/
.cms-werking .main-container { width: 100%; background-color: #f4f4f4;  }
.cms-werking .main { margin-top: 0; }
.cms-werking .main .container { max-width: 1100px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; }
@media (max-width: 991px) {
    .cms-werking .main .container { width: 100%; }
    .cms-werking .main-container { margin-top: 0; }
}

body.cms-werking .slider-box0 { width: 100%; background-color: #FFF; }
.cms-werking .slider-box0 li > div { background-repeat: no-repeat; background-size: cover; height: 500px; }
.cms-werking .slider-box0, .cms-werking .slider-box0 a { color: #fff; text-decoration: none; }
.cms-werking .slider-box0 .slider0-overlay { position: absolute; top: 29%; left: 0; right: 0; bottom: 0; z-index: 99;}

.cms-werking .slider-box0 h1 { margin: 0 0 0.6em 0; font-size: 33px; text-transform: none; font-weight: 300; color: #FFF; }
.cms-werking .slider-box0 p { max-width: 720px; margin: 20px auto; }
.cms-werking .slider-box0 .links { list-style: none; padding: 0; font-size: 20px; font-weight: 400; margin: 1.5em auto; max-width: 900px; position: relative; }
.cms-werking .slider-box0 .links > li { display: inline; margin-right: 0.8333em; margin-left:0; }
.cms-werking .slider-box0 .links > li:last-child { margin-right: 0; }
.cms-werking .slider-box0 .links > li a { border: 2px solid #fff; border-radius: 25px; padding: 10px 20px; text-decoration: none; }
.cms-werking .slider-box0 .links > li a:hover { opacity: 0.75; }
.cms-werking .slider-box0 .links span { vertical-align: top; position: absolute; margin-left: -28px; margin-top: 2px; }
.cms-werking .slider-box0 .smappee-device { position: absolute; max-width: 100%; bottom: -215px; width: 594px; height: 394px; left: 50%; margin-left: -297px; }
.cms-werking .slider-box0 .smappee-device img { display: inline-block; margin: 0 auto; position: absolute; left: 0; right: 0; z-index: 2000; max-width: 100%; }
.cms-werking .slider-box0 { margin-bottom: 130px; }
.cms-werking .slider-box0 #slider0 > li { background-color: #000; }
.cms-werking .slider-box0 #slider0 > li div { opacity: 0.8; }
/*@media (max-width: 407px) {
    .cms-werking .slider-box0 .links { display: none; }
}*/

.cms-werking .slider-box0 .bx-wrapper .bx-viewport { left: 0; height: 500px; }

.cms-werking .slider-box0 .slider0-overlay { top: 15%; }

.cms-werking .bx-controls-direction { display: none; }

.slider-box .bx-wrapper .bx-viewport { box-shadow: none; background-color: transparent; border:none; margin-bottom: 1.25em; }
.slider-box .bx-wrapper .bx-viewport > ul { list-style: none; margin: 0; padding: 0; }
.slider-box { text-align: center; font-size: 19px; color:#929997; position: relative; }
.slider-box h1, .slider-box h2, .slider-box h3 { font-size: 30px; font-weight: 300; color: #19312a; margin: 0; line-height: 1.16; }
.slider-box h1 strong, .slider-box h2 strong, .slider-box h3 strong { font-weight: 500; }
.slider-box p { font-size: 20px; color:#929997; font-weight: 300; }
html:lang(de) .slider-box p, html:lang(fr) .slider-box p { max-width: 850px; }
.slider-box p a { color: #97C21C; }

.cms-werking .bx-wrapper #slider0 li:first-child > div{ background-position: top right;}

.cms-werking .slider-box0 .smappee-device{
  z-index: 1;
}
.cms-werking .slider-box0 .slider-text{
  z-index: 2;
  position: relative;
}


@media (max-width: 767px) {
.cms-werking .slider-box0 .slider0-overlay { top: 10%; }
.cms-werking .slider-box0 .smappee-device { margin-left: 0; left: 0; right: 0; width: 100%; bottom: -219px; }
.cms-werking .slider-box0 .smappee-device img { width: 100%; max-width: 587px; }
/*html:lang(de) .cms-werking .slider-box0 .slider0-overlay { top: 3%; }*/
.cms-werking .slider-box0 h1 { font-size: 20px; }
.cms-werking .slider-box0 .links { font-size: 16px; }
.slider-box p { font-size: 16px; }
.cms-werking .slider-box0 .slider0-overlay { top: 0; height: 100%; }
.cms-werking .slider-box0 .slider0-overlay .container { height: 100%; }
.cms-werking .slider-box0 .slider0-overlay .slider-text { top: 40%; position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
}
@media (max-width: 555px) {
    .cms-werking .slider-box0 .smappee-device {
        bottom: -270px;
    }
}
@media (max-width: 470px) {
    .cms-werking .slider-box0 .smappee-device {
        bottom: -300px;
    }
    .cms-werking .slider-box0 .slider0-overlay .slider-text { top: 50%; position: relative;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.cms-werking .forty { width: 40% }
.cms-werking .fifty { width: 50% }
.cms-werking .sixty { width: 60% }
@media (max-width: 767px) {
    .cms-werking .forty { width: 100% }
    .cms-werking .fifty { width: 100% }
    .cms-werking .sixty { width: 100% }
    .cms-werking .align-left, .cms-werking .align-right { float: none; }
}
.cms-werking .align-left { float: left; }
.cms-werking .align-right { float: right; }
.cms-werking .bg-white { background-color: #FFF;}
.cms-werking .box h2 { margin-bottom: 20px; font-size: 33px; }
.cms-werking .box h2 strong { font-weight: 500; }
.cms-werking .box p { font-size: 20px; }
.cms-werking .box img { max-width: 100%; }
.cms-werking .box video { max-width: 100%; }

@media (max-width: 767px) {
    .cms-werking .box h2 { font-size: 20px; }
    .cms-werking .box p { font-size: 16px; }
    .cms-werking .box1 img, .cms-werking .box2 img, .cms-werking .box3 img { max-width: 75%; }
}

.cms-werking .box1 { padding-bottom:50px; }
.cms-werking .box1 .align-left { text-align: right; }
.cms-werking .box1 .align-right { padding-top: 90px; padding-left:40px; box-sizing: border-box; }
.cms-werking .box1 .align-right h2 { margin-top: 0; }

@media(min-width: 768px){
  .cms-werking.cms-smappee-solar-monitor .box1 .align-right{ padding-top: 50px; padding-left: 0;}
  .cms-werking.cms-smappee-solar-monitor .box1 .align-left{ padding-top: 50px; text-align: center;}
}

.cms-werking .box2 { padding-top: 40px; padding-bottom: 45px; }
.cms-werking .box2 .align-left { padding-left: 80px; box-sizing:border-box; }
.cms-werking .box2 .align-right { box-sizing: border-box; padding-left: 50px; }

.cms-werking .box3 { text-align: center; padding-bottom: 70px; padding-top: 20px;}
.cms-werking .box3 p { max-width: 700px; text-align: left; margin: 0 auto; }
.cms-werking .box3 .info-container{ float: right; width: 60%;}
.cms-werking .box3 video{ float: left; max-width: 40%; max-height: 320px;}

@media(min-width: 991px){
    .cms-werking .box3 video{
      max-width: 25%;
      margin-left: 8%;
      max-height: 260px;
    }
}

.cms-werking .box4 { padding-top: 50px; padding-bottom: 50px; }
.cms-werking .box4 .align-left { padding-right: 15px; box-sizing: border-box; }
.cms-werking .box4 { padding-left: 15px; box-sizing: border-box; }

.cms-werking .box5 { text-align: center; padding-bottom: 70px; padding-top: 65px; }
.cms-werking .box5 p { max-width: 700px; text-align: left; margin: 0 auto; }
.cms-werking .box5 h2 { margin-top: 0; }

.cms-werking .box6 { text-align: center; padding-top: 65px; padding-bottom: 75px; }
.cms-werking .box6 p { max-width: 700px; text-align: left; margin: 0 auto; }
.cms-werking .box6 #solar-icon{ margin-bottom: 20px;}
.cms-werking .box6 #solar-icon i{ color: #97c21c; font-size: 81px; line-height: 81px; vertical-align: middle; /*margin-right: 20px;*/}
.cms-werking .box6 #solar-icon i:last-child{ margin-right: 0;}
.cms-werking .box6 #solar-icon i.icon-heart{ font-size: 44px; line-height: 81px; margin: 0; width: 100%; text-align: center; display: inline-block;}
.cms-werking .box6 #solar-icon #heart-container{ display: inline-block; width: 64px; text-align: center; margin-left: 5px; margin-right: 12px;}

.cms-werking .box7 { padding-top: 15px; padding-bottom: 50px; }
.cms-werking .box7 h2 { text-align: center; }
.cms-werking .box7 p { max-width: 700px; text-align: left; margin: 0 auto 40px; }
.cms-werking .box7 .refs p { width: 100%; text-align: center; }
.cms-werking .box7 .refs a { display: inline-block; padding: 3px; max-width: 100%; }
.cms-werking .box7 .landing-main-container .testimonial-container .slide-content > h2{ display: none;}

.cms-werking .box8 { background-image: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/bg-foot.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 120px 0; }
.cms-werking .box8 h2 { text-align: center; color: #FFF; margin-bottom: 0; }
.cms-werking .box8 p { text-align: center; color: #FFF; margin-top: 0; }
.cms-werking .box8 .buy-btn a { background-color: #97C21C; text-decoration: none; border-radius: 50px; color: #FFFFFF; font-size: 27px;
    padding: 0.4em 1em 0.3em;
}

.cms-werking .box9{ padding-top: 50px; padding-bottom: 50px;}
.cms-werking .box9 .app-icons{ text-align: center;}
.cms-werking .box9 .app-icons img{ display: inline-block; width: auto; max-width: 100%; height: auto; }
/*.cms-werking .box9 .app-icons img:first-child{
    clear: both;
    display: block;
    margin: 0 auto 10px auto;
}*/
.cms-werking .box9 h2{ text-align: center;}
.cms-werking .box9 p{
    max-width: 700px;
    text-align: left;
    margin: 0 auto;
}
@media (max-width: 630px){
  .cms-werking .box9 .app-icons img{ display: block; width: auto; max-width: 100%; height: auto; clear: both; margin: 0 auto;}
}

.cms-werking .box.box-allinone{ padding-bottom: 20px;}
.cms-werking .box.box-allinone .align-right{ text-align: center; margin-top: -30px;}


@media (max-width: 767px) {
    .cms-werking .box h2 { text-align: center; }

    .cms-werking .box1 .align-left { text-align: center; }
    .cms-werking .box1 .align-right { padding-top: 20px; padding-right: 0; padding-left: 0; }

    .cms-werking .box2 .align-right { text-align: center; padding-left: 0; }
    .cms-werking .box2 .align-left { padding-left: 0; }

    .cms-werking .box3 .info-container{ float: none; width: 100%;}
    .cms-werking .box3 video{ float: none; width: 100%; max-width: 80%;}

    .cms-werking .box4 .align-left { text-align: center; }

    .cms-werking .box6 #solar-icon i{ font-size: 3.2em;/*64px;*/ line-height: 100%;/*64px;*/ margin-right: 0;/*15px;*/}
    .cms-werking .box6 #solar-icon i.icon-heart{ font-size: 1.6em;/*32px;*/ line-height: 100%;/*32px;*/ margin-right: 0;/*17px;*/}
    .cms-werking .box6 #solar-icon #heart-container{ width: 36px; margin-left: 0;/*5px;*/ margin-right: 4px; /*12px;*/}
    .cms-werking .box7 .refs a img { max-width: 100px; height: auto; }
}

    /*Heart anim*/
    .cms-werking .box6 #solar-icon i.icon-heart {
        -webkit-animation: pulse2 1s linear infinite;
        -moz-animation: pulse2 1s linear infinite;
        -ms-animation: pulse2 1s linear infinite;
        animation: pulse2 1s linear infinite;
    }

    @keyframes "pulse2" {
     0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
     }
     50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
     }
     100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
     }

    }

    @-moz-keyframes pulse2 {
     0% {
       -moz-transform: scale(1.1);
       transform: scale(1.1);
     }
     50% {
       -moz-transform: scale(0.8);
       transform: scale(0.8);
     }
     100% {
       -moz-transform: scale(1);
       transform: scale(1);
     }

    }

    @-webkit-keyframes "pulse2" {
     0% {
       -webkit-transform: scale(1.1);
       transform: scale(1.1);
     }
     50% {
       -webkit-transform: scale(0.8);
       transform: scale(0.8);
     }
     100% {
       -webkit-transform: scale(1);
       transform: scale(1);
     }

    }

    @-ms-keyframes "pulse2" {
     0% {
       -ms-transform: scale(1.1);
       transform: scale(1.1);
     }
     50% {
       -ms-transform: scale(0.8);
       transform: scale(0.8);
     }
     100% {
       -ms-transform: scale(1);
       transform: scale(1);
     }
    }

@-webkit-keyframes smappee-device-glow {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes smappee-device-glow {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.cms-werking .slider-box0 .smappee-device-lights {
    -webkit-animation: smappee-device-glow 2s infinite alternate;
    animation:         smappee-device-glow 2s infinite alternate;
}
.cms-werking .footer-container { margin-top: 0; }



/*MANIFESTO*/
.cms-brand-manifesto .std p { width: 335px; margin-right: auto; margin-left: auto; }

/* GLOBAL LAYOUT */
.catalog-product-view .col-main,
.checkout-cart-index .col-main,
.checkout-onepage-index .col-main { /*box-shadow: 0 5px 8px #ddd;*/ border: 1px solid #E1E6E4; border-radius: 5px; background: #fff; }


/*CATEGORY VIEW*/

body.catalog-category-view{
    background: none;
}

.catalog-category-view .main-container .main{ margin-top: 10px;}

.catalog-category-view .col-main .messages { margin: 0; }

.catalog-category-view .header .mainmenu li .submenu,
.catalog-product-view .header .mainmenu li .submenu,
.header .mainmenu li .buy-link:hover .submenu {
    display: block;
}
.catalog-category-view .category-usps-container{
    background: #f3f4f4;
    color: #19312a;
    text-align: center;
}
.catalog-category-view .category-usps-container ul{
    margin: 10px auto;
    padding: 0;
    display: inline-block;
}
.catalog-category-view .category-usps-container ul li{
    display: block;
    position: relative;
    margin: 4px 0;
    text-align: left;
}
.catalog-category-view .category-usps-container ul li:first-child{ margin-left: 0;}
.catalog-category-view .category-usps-container ul li:last-child{ margin-right: 0;}
.catalog-category-view .category-usps-container ul li:before{
    display: inline-block;
    font-family: 'icomoon';
    font-size: 1em;
    content: "\e80a";
    color: #97c21c;
    line-height: 22px;
    margin-right: 6px;
}

.catalog-category-view .col-main h1 { margin: 0; padding-top: 35px; text-transform: none; font-size: 46px; }
.catalog-category-view .col-main h2 { margin-top: 0; }
.catalog-category-view .col-main h3 { margin-bottom: 0; font-size: 31px; font-weight: 300; padding-top: 177px; }
.catalog-category-view .col-main hr {  height: 1px; border:none; background-image: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/small-hr.png); background-repeat: no-repeat; background-position: 98px center; }

.catalog-category-view .col-main p a.button-link,
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide a.biggreenbutton { display: inline-block; color: #FFF; background-color: #8FC73E; font-weight: bold; font-size: 36px; box-shadow: 3px 3px 4px #ccc; text-decoration: none; padding: 12px 20px 8px; border-radius: 5px;  }
.catalog-category-view .col-main p.plugtype-warning { margin: 0; color: #b0b5b5; font-size: 14px; padding: 0 20px; text-align: center;}
.cms-home #div-interaktingslider #frame #middle-center #slide-content .slide a.simplelink { border:0; text-decoration: underline; font-weight: normal; box-shadow: none; font-size:1em; padding: 0; }



.catalog-product-view .cat-nav-container,
.catalog-category-view .cat-nav-container{
    background: #f4f4f4;
    padding: 30px 0 14px 0;
}

.catalog-product-view .cat-nav-container .category-description,
.catalog-category-view .cat-nav-container .category-description{
    width: 80%;
    margin: 0 auto;
}

.catalog-product-view .cat-nav-container .category-description p,
.catalog-category-view .cat-nav-container .category-description p{
    color: #929997;
    text-align: center;
}

.catalog-product-view .cat-nav-container .page-title.category-title,
.catalog-category-view .cat-nav-container .page-title.category-title{
  display: none;
}

.catalog-product-view .submenu-container,
.catalog-category-view .submenu-container{
    display: block;
    text-align: center;
}
.catalog-product-view .submenu-container > ul.submenu,
.catalog-category-view .submenu-container > ul.submenu {
    position: relative;
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
}
.catalog-product-view .submenu-container > ul.submenu li,
.catalog-category-view .submenu-container > ul.submenu li {
    display: block;
    float: left;
    /* border-bottom: 2px solid #86928F;
    border-top: 2px solid #86928F;
    border-right: 1px solid #86928F; */
}
/*
.catalog-product-view .submenu-container > ul.submenu li:first-child,
.catalog-category-view .submenu-container > ul.submenu li:first-child {
    border-left: 2px solid #86928F;
    border-right: 1px solid #86928F;
    border-radius: 8px 0 0 8px;
}
.catalog-product-view .submenu-container > ul.submenu li:last-child,
.catalog-category-view .submenu-container > ul.submenu li:last-child {
    border-right: 2px solid #86928F;
    border-radius: 0 8px 8px 0;
}
*/
.catalog-product-view .submenu-container > ul.submenu li a,
.catalog-category-view .submenu-container > ul.submenu li a {
    color: #86928F;
    text-decoration: none;
    display: block;
    padding: 0 23px;
}
.catalog-product-view .submenu-container > ul.submenu li a.active,
.catalog-category-view .submenu-container > ul.submenu li a.active {
    /* background-color: #86928f; */
    color: #19312a !important;
}

#continue-to-cart-link { float: right; margin-top: 0; }
#continue-to-cart-link a { color: #fff; text-decoration: none; }


@media(max-width: 559px){
    .catalog-category-view .submenu-container > ul.submenu li{
        margin: 2px 0;
        width: 100%;
        /* border-right: 2px solid #86928F;
        border-left: 2px solid #86928F;
        border-radius: 8px !important; */
    }
    .catalog-category-view .submenu-container > ul.submenu li a{
        /* border-radius: 4px !important;
        padding: 7px 14px 3px 14px; */
    }
}


@media(min-width: 768px){
    .catalog-category-view .category-usps-container ul{
        height: 40px;
        line-height: 40px;
        margin: 9px auto 0 auto;
    }
    .catalog-category-view .category-usps-container ul li{
        float: left;
        margin: 0 20px;
    }
    .catalog-category-view .category-description{
        width: 80%;
        margin: 0 auto;
    }

    .catalog-product-view .submenu-container > ul.submenu li a,
    .catalog-category-view .submenu-container > ul.submenu li a {
      /* padding: 0 28px; */
      border: 1px solid #DEE1E1;
      border-radius: 100px;
      padding: 8px 20px 3px 20px;
      margin: 0 6px;
    }

    .catalog-product-view .submenu-container > ul.submenu li a.active,
    .catalog-category-view .submenu-container > ul.submenu li a.active {
      /* padding: 0 28px; */
      border: 1px solid #DEE1E1;
      border-radius: 100px;
      padding: 8px 20px 3px 20px;
      background-color: #dee1e1;
    }

}


@media(min-width: 992px){
    .catalog-category-view .main-container.col1-layout{
        margin-top: 0;
    }
    .catalog-category-view .category-usps-container{
        margin-top: 110px;
    }
    .catalog-category-view .submenu-container > ul.submenu {
      margin-bottom: 0;
    }
}


/* PRODUCT GRID*/
.catalog-category-view .category-products{ margin-top: 25px; }
.category-products { margin-top: 15px; }
.category-title { /*float: left;*/ visibility: hidden; height: 0; }

    /* .accessories-list .col-main,
    .category-extras .col-main{ border: 0; margin-top: 70px; } */

.products-grid { list-style: none; padding: 0; margin: 0; clear: both; }
.products-grid li.item{ padding: 0 5px; margin-bottom: 30px;}
.products-grid li.item .item-info{ border-radius: 5px; border: 1px solid #EEE; background: #fff; text-align: center; position: relative;}

.products-grid li.item .item-info .labelicon{
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 50%;
  background: #eec462;
  color: #FFF;
  text-transform: uppercase;
  width: 41px;
  height: 41px;
}
html[lang="nl"] .products-grid li.item .item-info .labelicon{
  width: 48px;
  height: 48px;
}
html[lang="fr"] .products-grid li.item .item-info .labelicon{
  width: 48px;
  height: 48px;
}
html[lang="fr"] .products-grid li.item .item-info .labelicon .labeltext{
  font-size: 9px;
}
html[lang="es"] .products-grid li.item .item-info .labelicon .labeltext{
  font-size: 10px;
}
.products-grid li.item .item-info .labelicon .labeltext{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  font-family: DINPro;
  font-size: 12px;
  line-height: 100%;
}
/*
.products-grid li.item .item-info .labelicon .labeltext-wrapper{ position: relative; padding-bottom: 100%;}
.products-grid li.item .item-info .labelicon .labeltext-wrapper .labeltext{
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  color: white;
  font-size: 24px;
  text-align: center;
}
*/


.products-grid li.item .item-info img { width: 175px; height: auto; max-width: 100%; display:block; border-radius: 5px 5px 0 0; margin: 0 auto;}
.products-grid li.item .item-info .name-price-container{ margin-bottom: 0; /*25px;*/ background: #EEE; padding: 10px 20px; text-align: center;}
.products-grid li h2 { font-size: 21px; /*30px;*/ line-height: 28px; /*34px;*/ font-weight: 300; margin: 0; }
.products-grid li h2 a{ text-decoration: none;}
.products-grid li .price-box { font-size: 24px; font-weight: 500; margin: 0; /*10px 0 0 0;*/ }
.products-grid li .price-box .rental-price-description{ display: none;}

.products-grid li .desc { color: #929997; font-size: 19px; padding: 0 20px; /*min-height: 115px;*/ text-align: left;}
.products-grid li .desc ul{
    padding-left: 0;
    margin: 0 auto;
    width: 74%; /*80%;*/
    margin-bottom: 20px;
}
.products-grid li .desc ul li{
    margin: 4px 0;
    font-size: 16px;
    color: #19312a;
}
.products-grid li .desc ul.plugin-notification,
.mini-products-list ul.plugin-notification,
#crosssell-products-list ul.plugin-notification{
  margin-bottom: 10px;
  min-height: 1px !important;
}
.products-grid li .desc ul.plugin-notification li.img-notif,
.mini-products-list ul.plugin-notification li.img-notif,
#crosssell-products-list ul.plugin-notification li.img-notif{
  display: none;
  list-style: none;
}

.mini-products-list ul.plugin-notification,
#crosssell-products-list ul.plugin-notification {
  margin: 1em 0 0 0;
  padding: 0;
  list-style: none;
}

#crosssell-products-list.products-grid li .actions {
    text-align: center;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -66px;
}
#crosssell-products-list.products-grid li.item .item-info{ min-height: 360px;}


.products-grid li.item .item-info .country-note{
    font-size: 16px;
    text-align: center;
    margin: 0 0 3px 0;
    color: #929997;
    display: inline-block;
}

.products-grid li.item .item-info .country-note strong{
  font-weight: 300;
}

.products-grid li.item .item-info #change_country_of_installation{
    position: relative;
    bottom: auto;
    right: auto;
    display: block;
    text-align: center;
    margin: 0 0 15px 0;
    color: #929997;
    display: inline-block;
}
.products-grid li.item .item-info #change_country_of_installation a{ color: #929997;}
.products-grid li.item .item-info #change_country_of_installation strong{
    margin-right: 6px;
    font-weight: 300;
}

.products-grid li .actions {
    text-align: center;
    padding: 10px;
    /* position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -66px;*/
}
.products-grid li .actions label { display: none;}

.products-grid li .actions button.btn-cart-add {
    color: #FFFFFF;
    background: #97c21c;
    text-decoration: none;
    border-radius: 50px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    font-size: 1.25em;
    padding: 10px 20px;
}

.products-grid li input.qty { width: 32px; height: 32px; text-align: center; font-weight: 500; border: 1px solid #e1e6e4; /* margin: 0 0 10px 0; */ display: block; float:left; margin: 0 5px; border-radius: 4px; }

.products-grid li .qty-wrapper{ display: inline-block;}
/* .checkout-cart-index #shopping-cart-table td input.qty { border: 1px solid #e1e6e4; padding: 0 10px 0 0; width: 25px; background-color: #FFF; border-radius: 4px; text-align: right; line-height: 32px; display: block; float: left; margin: 0 5px;} */
.products-grid li a.qty{
    text-decoration: none;
    color: #9faba9;
    line-height: 32px;
    display: block; float: left;
}

.products-grid li a.qty.icon-qty-add{ margin-right: 8px;}


.products-grid li form {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.products-grid li form .qty-wrapper {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.products-grid li form .button-wrapper {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}





.products-grid li .actions a.discover-link{ display: block; margin: 0 0 15px 0;/*25px 0 15px 0;*/}


/* Category specific */
.monitors-list .products-grid li.item,
.plugs-list .products-grid li.item{
    display: block;
    width: 100%;
    box-sizing: border-box;
}


/* extras category specific */
.extras-list.category-extras .col-main { border: 0; }
.extras-list.category-extras .col-main h2 { margin-top: 20px; font-size: 34px; font-weight: 400; }

.extras-list .products-grid { list-style: none; padding: 0; margin: 0; clear: both; }
.extras-list .products-grid li { padding: 20px; border-radius: 5px; border: 1px solid #EEE; background: #fff; margin-bottom: 30px; }

.extras-list .products-grid li .img-container { width: 100%; text-align: center;}
.extras-list .products-grid li .left { width: 100%;}
.extras-list .products-grid li .right { width: 100%; text-align: center; padding-top: 20px; }

.extras-list .products-grid li .img-container img{ width: auto; height: auto; max-width: 100%;}
.extras-list .products-grid li h2 { font-size: 54px; font-weight: 300; margin: 0; }
.extras-list .products-grid li .price-box { font-size: 34px; font-weight: 500; margin: 10px 0; }
.extras-list .products-grid li .desc { color: #929997; font-size: 19px; min-height: 115px; padding: 0;}
.extras-list .products-grid li .actions { text-align: center; padding: 0; }
.extras-list .products-grid li .actions label { font-weight: 500; font-size: 20px; }
.extras-list .products-grid li .actions button.btn-cart-add { color: #8FC73E; border: none; background-color: transparent; margin-top: 0; /*20px;*/ margin-bottom: 0; /*30px;*/ box-shadow: none; text-transform: none; font-size: 17px; }
.extras-list .products-grid li .actions button.btn-cart-add .fs1 { background-color: #FFF; font-size: 90px; letter-spacing: -12px; }
.extras-list .products-grid li input.qty { width: 32px; text-align: center; font-weight: 500; border: 1px solid #e1e6e4; display: block; margin: 0 auto 10px auto;}



@media(min-width: 768px){

    .monitors-list .products-grid li.item,
    .plugs-list .products-grid li.item{
        width: 50%;
        float: left;
    }

    .monitors-list .products-grid li.item:nth-child(2n+3),
    .plugs-list .products-grid li.item:nth-child(2n+3){
        clear: left;
    }

    .monitors-list .products-grid li h2 {
        font-size: 21px;
        line-height: 28px;
    }

    .monitors-list .products-grid li .desc ul{
        min-height: 170px;
    }

    .extras-list .products-grid li,
    .extras-list .products-grid li .img-container,
    .extras-list .products-grid li .left,
    .extras-list .products-grid li .right{
        box-sizing: border-box;
    }

    .extras-list .products-grid li .img-container { float: left; width: 30%;}
    .extras-list .products-grid li .left { float: left; width: 50%; padding: 0 20px;}
    .extras-list .products-grid li .right { float: left; width: 20%; text-align: center; padding-top: 20px; }

    .extras-list .products-grid li .actions button.btn-cart-add { margin-top: 20px; margin-bottom: 30px; }

}



@media(min-width: 991px){

    .monitors-list .products-grid li.item,
    .plugs-list .products-grid li.item{
        width: 33.3333%;
        float: left;
    }

    .monitors-list .products-grid li.item:nth-child(2n+3),
    .plugs-list .products-grid li.item:nth-child(2n+3){
        clear: none;
    }
    .monitors-list .products-grid li.item:nth-child(3n+4),
    .plugs-list .products-grid li.item:nth-child(3n+4){
        clear: left;
    }

    .monitors-list .products-grid li h2 {
        /*font-size: 30px;
        line-height: 34px;*/
    }

    .extras-list .products-grid li .img-container { float: left; width: 30%;}
    .extras-list .products-grid li .left { float: left; width: 56%;}
    .extras-list .products-grid li .right { float: left; width: 14%; text-align: center; padding-top: 20px; }

}



/* Crosssells */
.checkout-cart-index .category-products.crosssell .item{ width: 100%; float: left; box-sizing: border-box;}
.checkout-cart-index .products-grid li.item .item-info a.product-image{ display: block; text-align: center;}
.checkout-cart-index .products-grid li.item .item-info a.product-image img{ display: inline-block;}

@media(min-width: 768px){
    .checkout-cart-index .category-products.crosssell .item{ width: 50%; float: left;}
}

@media(min-width: 991px){
    .checkout-cart-index .category-products.crosssell .item{ width: 33.3333%; float: left;}
}

@media(max-width: 1101px){
    .checkout-cart-index .main-container .col-main{ border: 0;}
}


/*PRODUCT VIEW*/
.catalog-product-view .col-main{ border: 0; border-radius: 0; background: none;}

.catalog-product-view .col-main .product-wrapper{ border: 1px solid #E1E6E4; border-radius: 5px; background: #FFF;}

.catalog-product-view .product-left,
.catalog-product-view .product-right{ width: 100%; box-sizing: border-box;}
.catalog-product-view .product-right{ padding: 0;}
.catalog-product-view .product-right{ padding: 0 20px;}

.catalog-product-view .product-img-box{ width: 100%; margin-bottom: 10px;}
.catalog-product-view .product-img-box .product-image{ margin: 0;}
.catalog-product-view .product-img-box img{ width: auto; max-width: 100%; height: auto; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.catalog-product-view .more-views ul { list-style-type: none; margin: 0; padding: 0; }
.catalog-product-view .more-views ul li { float: left; width: 33.3333%; overflow: hidden; padding: 4px; box-sizing: border-box;}
.catalog-product-view .more-views ul li img { width: auto; max-width: 100%; height: auto; cursor: pointer;}

.catalog-product-view .product-name h1{ font-size: 30px; margin-bottom: 5px;}

.catalog-product-view p.availability{ display: none;}

.catalog-product-view .price-box .price { display: inline-block; font-size: 32px; font-weight: 500;}
.catalog-product-view .price-box .price + .suffix { font-size: 32px; font-weight: 500; }
.catalog-product-view .price-box .rental-price-description{ font-size: 19px; font-weight: 500;}
.catalog-product-view .price-box .rental-price-description .price{ font-size: 19px; font-weight: 500;}

.catalog-product-view .rental-description { margin-top: 0; }

.catalog-product-view .product-view .yotpo{ display: block; height: 1%; zoom: 1; margin: 20px 0;}
.catalog-product-view .product-view .yotpo:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.catalog-product-view .product-view .yotpo + .add-to-cart{ clear: both; margin-top: 20px;}

.catalog-product-view .short-description{ margin: 25px 0;}
.catalog-product-view .short-description ul{ padding-left: 15px;}

.catalog-product-view .add-to-cart label{ display: none;}

.catalog-product-view .add-to-cart input.qty { width: 32px; height: 32px; /* text-align: center; */ font-weight: 500; border: 1px solid #e1e6e4; /* margin: 0 0 10px 0; */ border-radius: 4px; margin: 0; text-align: right; line-height: 37px; padding-right: 10px;}

.catalog-product-view .add-to-cart a.qty{
    text-decoration: none;
    color: #9faba9;
    line-height: 32px;
}

.catalog-product-view .add-to-cart a.icon-qty-add{ margin-right: 10px;}

.catalog-product-view .add-to-cart button.btn-cart{
    color: #FFFFFF;
    background: #97c21c;
    text-decoration: none;
    border-radius: 50px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    font-size: 1.25em;
    padding: 10px 20px;
    border: 0;
    box-shadow: none;
}

.catalog-product-view .product-collateral .box-collateral{
    border-top: 1px solid #E1E6E4;
}
.catalog-product-view .product-collateral .box-collateral h2{
    font-size: 24px;
    line-height: 26px;
    cursor: pointer;
}
.catalog-product-view .product-collateral .box-collateral h2 .ico{
    float: right;
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
}
.catalog-product-view .product-collateral .box-collateral > div .content{
    padding-bottom: 16px;
}
.catalog-product-view .product-collateral .box-collateral .video{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.1818%; /*51%;*/
}
.catalog-product-view .product-collateral .box-collateral .video iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.catalog-product-view .block-related{ border: 1px solid #f4f4f4; margin-bottom: 20px;}

.catalog-product-view .block-related .block-intro{ background: #f4f4f4; padding: 2px 18px;}
.catalog-product-view .block-related .block-intro .highlight-red{ color: #de5656; font-weight: 700;}
.catalog-product-view .block-related .block-intro .highlight-red .icon-offer{
  margin-right: 10px;
  font-size: 24px;
  float: left;
  margin-top: -2px;
}

.catalog-product-view .block-related .block-content{ padding: 0;}
.catalog-product-view .block-related .block-content ol.mini-products-list{ margin: 0; list-style: none; padding-left: 0; box-sizing: border-box;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item{ display: block; clear:both; width: 100%; padding: 25px 18px; border-top: 1px solid #f4f4f4; box-sizing: border-box;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item:first-child{ border-top: 0;}

.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product{ float: left;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-image{ float: left; width: 100%; text-align: center; margin-bottom: 20px;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-image img{ max-width: 100%; width: auto; display: inline-block;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details{ float: left;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details .product-name{ font-size: 28px; font-weight: 500; margin:0 30px 5px 0; float: left;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details .product-name a{ text-decoration: none;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details .price-box{ float: left; font-size: 28px;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details .price-box .price{ font-size: 28px;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details .price-box .old-price{ margin: 0;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details .price-box .old-price .price{ font-size: 18px; text-decoration: line-through;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details .price-box .special-price{ margin: 0;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details .price-box .special-price .price{ font-size: 28px;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details .price-box .price-label{display: none;}

.catalog-product-view .block-related .block-content ol.mini-products-list li.item .input-box{ float: left; margin-top: 2px;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .input-box .radio-wrap{ margin-right: 0;}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .input-box .radio-wrap.chkb:before{
  background-image: url('http://cdn.smappee.com/skin/frontend/smappee/default/images/checkbox_button.png');
  background-position: 0 0;
  height: 27px;
  margin-left: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 26px;
}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .input-box .radio-wrap.chkb.checked:before{
  background-position: 0 -27px;
}
.catalog-product-view .block-related .block-content ol.mini-products-list li.item .input-box .radio-wrap input.related-checkbox{
  display: inline;
  float: left;
  margin: 0 !important;
  width: 26px;
  height: 27px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
}




@media(min-width: 600px){

    .catalog-product-view .block-related .block-content ol.mini-products-list li.item .product{ width: 90%;}
    .catalog-product-view .block-related .block-content ol.mini-products-list li.item .input-box{ float: right; width: 10%;}
    .catalog-product-view .block-related .block-content ol.mini-products-list li.item .input-box .radio-wrap{ float: right;}

    .catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-image{ width: 20%;}
    .catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details{ padding-left: 10px; width: 80%;}
    .catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details .product-name{ margin:0 30px 5px 0;}

}

@media(min-width: 768px){

    .catalog-product-view .product-left{ width: 40%; float: left;}
    .catalog-product-view .product-right{ width: 60%; float: left;}

}


@media(min-width: 991px){

    .catalog-product-view .breadcrumbs{ display: block; margin-top: 30px; padding-left: 25px;}

    .catalog-product-view .product-name h1{ font-size: 40px;}

    .catalog-product-view .block-related .block-content ol.mini-products-list li.item .product .product-details{ width: 77%;}

}

/*
.product-left { float: left; width: 382px; margin-right: 35px; }
.product-img-box p { margin: 0; }
.product-img-box .product-image { display: none;  }
.product-img-box .zoomPad { border-right:1px solid #e1e6e4; border-bottom:1px solid #e1e6e4; }
.more-views ul { list-style-type: none; margin: 0; padding: 0; }
.more-views ul li { float: left; border-right:1px solid #e1e6e4; border-bottom:1px solid #e1e6e4; height: 125px; overflow: hidden; }
.more-views ul li img { margin-top: -35px; }
.product-right { float: left; width: 515px; padding-right: 25px; border-right:1px solid #e1e6e4; }
.product-column { float: right; width: 130px; padding: 10px 5px; position: absolute; min-height: 540px; margin-left: 958px; margin-top: 30px; }

.product-img-box .slider-box .bx-wrapper .bx-viewport { margin-bottom: 20px; left: 0;
}
.product-img-box .slider-box .prev-nxt-nav a { font-size: 40px; }
.product-img-box .slider-box ul li img { border: none; }

.catalog-product-view p, .catalog-product-view ul { margin: 0; }
.catalog-product-view .box-description { float:left; font-size: 14px; width: 50%; padding-top: 19px; color: #929997; }
.catalog-product-view .short-description { float:left; width: 47%; margin-right: 3%; color: #929997; }
.catalog-product-view .short-description h3 { margin: 0; font-size: 14px; }
.catalog-product-view .short-description ul { margin: 0 0 0 20px; font-size: 14px; padding: 0; }
.catalog-product-view .short-description p { font-size: 14px; color: #929997; }
.catalog-product-view #cboxLoadedContent p { margin-bottom: 1em; }

#colorbox #cboxLoadedContent { overflow: hidden !important; }

.catalog-product-view .product-right { padding-bottom: 30px; }
.catalog-product-view .product-right > ul { padding: 0 0 0 15px; margin-top: -10px; }

.catalog-product-view #extra-info-phases ul { list-style-type: none; padding: 0; }
.catalog-product-view #extra-info-phases ul li { float: left; text-align: center; margin: 0 5px; }

.catalog-product-view .options-list li a.popuplink { text-decoration: underline; font-weight: 600; }

.catalog-product-view .main { margin-top: 110px; }


.product-column > .availability, .product-column > .price-box-bundle, .product-column > .price-box { display: none; }
.product-options-bottom { text-align: center; width: 130px; }
.product-options-bottom .add-to-cart label, .product-options-bottom .add-to-cart input { display: none; }
.product-options-bottom .add-to-cart .btn-cart-add { color: #8FC73E; border: none; background-color: transparent; margin-top: 20px; margin-bottom: 30px; }
.product-options-bottom .add-to-cart .btn-cart-add .fs1 { background-color: #FFF; font-size: 90px; letter-spacing: -12px; }
.product-options-bottom .price-as-configured .price { display: block; font-size: 32px; font-weight: 500; }
.product-options-bottom .price-as-configured .label { font-size: 20px; font-weight: 500; }
.product-options-bottom .attr-holder { font-size: 14px; color: #929997; }
.product-options-bottom .attr-holder dt { margin-top: 10px; }
.product-options-bottom .attr-holder dd { font-weight: bold; margin: 0; }

a.popuplink { text-decoration: underline;}

.product-options > dl { display: none; }

#product-options-wrapper .options-list .price-notice .price { margin-left: 5px; }

.product-right .product-options dt, .product-right .product-options dd { border: 1px solid #E1E6E4; padding: 10px; }
.product-right .product-options dt { border-bottom: 0; padding-bottom: 0; font-size: 16px; }
.product-right .product-options dt.country_of_installation { border-radius: 5px 5px 0 0; }
.product-right .product-options dd { border-top: 0; border-bottom-width: 0; padding-top: 0; margin: 0 0 0 0; position: relative; }
.product-right .product-options dd .qty-holder.disabled { display: none; }
.product-right .product-options dd .options-list { list-style: none; padding: 0; }
.product-right .product-options dd select.options-list { max-width: 220px; text-align: right; }
.product-right .product-options dd select.options-list option { text-align: left; }
.product-right .product-options dd.last { border-bottom: 1px solid #E1E6E4; border-radius: 0 0 5px 5px; }

.product-right .product-options dt.installation label { float: left; }

.product-right .product-options dd.smappee-configurator > p { float: left; width: 50%; font-size: 14px; color: #929997; }
.product-right .product-options dd.smappee-configurator > .input-box { float: right; width: 49%; text-align: right; margin-top: -1.25em; }
.product-right .product-options dt.phase-selection + dd.smappee-configurator > .input-box,
.product-right .product-options dt.country_of_installation + dd.smappee-configurator > .input-box { margin-top: -2.75em; }
html:lang(nl) .product-right .product-options dt.phase-selection + dd.smappee-configurator > .input-box { margin-top: -1.25em; }

.product-right .product-options dd.smappee-configurator > .input-box li { margin-left: 20px; }
.product-right .product-options dd.smappee-configurator #error_messages { clear: both; padding-top: 10px; font-weight: bold; }
.product-right .product-options .radio-wrap { float: right; margin-right: 0; }
.product-right .product-options .radio-wrap input { margin-right: 0; }
.product-right .product-options .options-list label { text-align: right; margin-right: 10px; float: right; }
#change_country_of_installation { position: absolute; bottom: 10px; right: 10px; }
#change_country_of_installation a { color: #929997; }

.product-right .product-options label.required { width: 80%; }
.product-right .product-options dt.country_of_installation label.required { width: 49%; }

.product-right h1 { font-size: 54px; margin-top: 20px; margin-bottom: 0; }
.product-right h3 { clear: both; font-size: 20px; font-weight: 500; }
.product-right #not-configured-warning { float: right; display: block; margin-bottom: -30px; }

.product-right .extra_content_bottom { margin-bottom: 1em; font-size: 12px; }
.product-right .product-options a.popuplink { font-weight: bold; }

.product-right .product-note { color: #929997; font-size: 19px; }

#cboxCloseButtons { position:absolute; bottom:0; right:0; }
#cboxCloseButtons button { cursor:pointer; border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; display:inline-block; color:#444; margin-left: 20px; }
#cboxCloseButtons #cboxCancel { font-weight: 300; }
*/












/* TESTIMONIALS */
.cms-testimonials .cat-testimonials .postTitle h3 {display: none;}
.cms-testimonials .cat-testimonials .postContent .aw-blog-read-more {display: none;}
.cms-testimonials h2 a{ text-decoration: none;}
.cms-testimonials h2{ border-top: 1px solid #e1e6e4; padding-top: 30px; margin-top: 30px; margin-bottom:10px;}
.cms-testimonials h2:first-child{border-top: 0; margin-top: 0;}

/*CART*/
.checkout-cart-index .cart-content { padding: 0 20px; }
.checkout-cart-index h1 { border-bottom: 1px solid #e1e6e4;  padding-left: 40px;}

.checkout-cart-index .cart-content > form > fieldset{ float: none; clear: both;}

#shopping-cart-table { width: 100%; }
#shopping-cart-table thead th { border-bottom: 1px solid #e1e6e4; }
#shopping-cart-table thead th.first { border-bottom: none; }
#shopping-cart-table td.qty.loading { background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/opc-ajax-loader.gif) no-repeat center bottom; }
#shopping-cart-table td.qty{ min-width: 80px;}

.checkout-cart-index .cart-empty { padding-left: 40px; }

.checkout-cart-index .cart-content { padding-left: 40px; }
.checkout-cart-index h2.product-name { margin: 15px 0 0 0; }
.checkout-cart-index h2.product-name a { font-size: 30px;  text-decoration: none; }
.checkout-cart-index #shopping-cart-table th { font-size: 20px;  padding: 0 5px; }
.checkout-cart-index #shopping-cart-table td { padding: 0 5px; }
.checkout-cart-index #shopping-cart-table tbody tr.even td { padding-bottom: 0; /*40px;*/ }
.checkout-cart-index #shopping-cart-table tbody td:nth-child(2) { vertical-align: middle; }
.checkout-cart-index #shopping-cart-table tbody td:nth-child(4) { vertical-align: middle; padding-top:28px; }
.checkout-cart-index #shopping-cart-table tbody td:nth-child(5) { vertical-align: middle; padding-top:28px; }
.checkout-cart-index #shopping-cart-table td a { text-decoration: none; }
.checkout-cart-index #shopping-cart-table td.a-center { text-align: center; }
.checkout-cart-index #shopping-cart-table tbody td.a-right { text-align: right; }
.checkout-cart-index #shopping-cart-table thead th.a-right { text-align: right; }
.checkout-cart-index #shopping-cart-table tbody td.last a { color:#B0B5B5; font-size: 13px; white-space: nowrap; }
.checkout-cart-index #shopping-cart-table td .item-options { font-size: 15px; }

.checkout-cart-index #shopping-cart-table td.qty{ white-space: nowrap; width: 80px;}
.checkout-cart-index #shopping-cart-table td input.qty { border: 1px solid #e1e6e4; padding: 0 10px 0 0; width: 25px; height: 32px; background-color: #FFF; border-radius: 4px; text-align: right; line-height: 32px; display: block; float: left; margin: 0 5px;}
.checkout-cart-index #shopping-cart-table td a.qty{
    text-decoration: none;
    color: #9faba9;
    line-height: 32px;
    display: block; float: left;
}
.checkout-cart-index form.loading #shopping-cart-table td a.qty{
    color: #d2dedc;
}


.checkout-cart-index #shopping-cart-table td .cart-price { font-size: 25px; }
.checkout-cart-index #shopping-cart-table .continue-link { font-size: 15px; color: #b0b5b5; }
.checkout-cart-index #shopping-cart-table .continue-link a { /*color: #b0b5b5;*/ }
.checkout-cart-index #shopping-cart-table .btn-update { background-color: transparent; border: none; float: right; }
.checkout-cart-index #shopping-cart-table tfoot td.last { border-bottom: 1px solid #e1e6e4; }

.checkout-cart-index .continue-shopping-container{ float: left; margin-bottom: 15px;}
.checkout-cart-index .continue-shopping-container a:hover{ text-decoration: none;}

@media(min-width: 991px){
  .checkout-cart-index .continue-shopping-container{ margin-bottom: 0; padding-left: 8px;}
}

.checkout-cart-index .cart-collaterals { margin-left: 127px; /* 155px; */ margin-top: 10px; }
.checkout-cart-index .discount-form label { color: #B0B5B5; font-size: 15px; }
.checkout-cart-index .discount-form { position: relative; width: 275px; }
.checkout-cart-index .discount-form input { border: 1px solid #e1e6e4; width: 190px; padding: 6px 80px 6px 3px; font-size: 16px; }
.checkout-cart-index .coupon-button { position: absolute; right: 0; top: 23px; color: #B0B5B5; font-size: 15px; background-color: transparent; box-shadow: none; border: none; }
.checkout-cart-index .coupon-button:hover { color: #19312a; }
.checkout-cart-index .cancel-button { float: left; margin-top: 10px; }

.checkout-cart-index #discount-coupon-form { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e1e6e4; margin-left: 5px; }
.checkout-cart-index #shipping-zip-form { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e1e6e4; }
.checkout-cart-index #shipping-zip-form label[for="postcode"], .checkout-cart-index #shipping-zip-form .validate-postcode { display: none; }
.checkout-cart-index #co-shipping-method-form { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e1e6e4; }

#shopping-cart-totals-table { font-size: 18px; }
#shopping-cart-totals-table tfoot tr:first-child { font-size: 25px;}
#shopping-cart-totals-table tfoot tr:first-child td{ border-top: 1px solid #e1e6e4; padding-top: 5px;}
#shopping-cart-totals-table tfoot strong { font-weight: normal; }
#shopping-cart-totals-table tfoot tr:nth-child(2),
#checkout-review-table tfoot tr:last-child { display: none;}

.cart-collaterals .totals { float: right; text-align: right; font-size: 20px; }
.cart-collaterals #shopping-cart-totals-table { width: 100%; margin-bottom: 10px; }
.cart-collaterals #shopping-cart-totals-table tr td { padding-left: 20px; padding-right: 10px; }
.cart-collaterals .shipping .form-list { font-size: 15px; padding: 0; list-style-type: none; }

.cart-collaterals .shipping .form-list label {  }
.cart-collaterals .shipping .form-list select { border: 1px solid #e1e6e4; padding: 3px; margin-bottom: 5px; width: 217px; }
.cart-collaterals .shipping .form-list input { border: 1px solid #e1e6e4; padding: 3px; margin-bottom: 5px; width: 210px; }

.cart-collaterals #co-shipping-method-form ul { list-style-type: none; padding: 0; font-size: 15px; margin-top: 0; }
.cart-collaterals #co-shipping-method-form dt { font-weight: bold; }
.cart-collaterals #co-shipping-method-form dd { margin: 0; }

.checkout-types { list-style-type: none; }


@media(max-width: 991px){
    .checkout-cart-index .page-title h1{ padding-left: 0;}

    .checkout-cart-index .discount-form input{ box-sizing: content-box;}
}

@media(max-width: 768px){
    .checkout-cart-index .col-main .cart-content{
        padding: 0;
    }
    .checkout-cart-index .col-main .cart-content form {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        padding: 0;
    }
    .checkout-cart-index .col-main .cart-content form .data-table{
        width: 100%;
    }
    .checkout-cart-index .cart-collaterals{
        margin-left: 0;
    }
    .checkout-cart-index #discount-coupon-form{
        margin-left: 0;
    }

}

@media(min-width: 540px) and (max-width: 768px){
    .checkout-cart-index #discount-coupon-form .discount{
        margin-left: 155px;
    }
}







/* CHECKOUT */
.back-link a { text-decoration: none; color: #B0B5B5; font-weight: 600; }
.checkout-onepage-index .main-container.col1-layout .main .col-main { padding: 20px 0 !important; }
.checkout-onepage-index .page-title h1 { margin: 20px 0 0; border-bottom: 1px solid #e1e6e4; padding-left: 40px; }
html[lang="es"] .checkout-onepage-index .page-title h1 { font-size: 30px; line-height: 56px; }
.checkout-onepage-index .image { visibility: hidden; float: left; padding-top: 34px; box-sizing: border-box; width: 27%;}
.checkout-onepage-index .image img{ width: auto; max-width: 100%;}
/*.checkout-onepage-index .image img { border: 1px solid #ededed; }*/
.checkout-onepage-index .btn-continue { float:right; cursor:pointer; color:#6a6f71; line-height: 24px; }

.checkout-onepage-index  #login-form label, .checkout-onepage-index #co-shipping-form label,
.checkout-onepage-index #co-billing-form label { display: inline-block; font-weight: bold; margin-bottom: 5px; }
.checkout-onepage-index .form-list li { margin-bottom: 5px; }

#checkoutSteps { position:relative; list-style-type:none; width: 73%; float: right; padding-left: 0; padding-top: 5px; padding-right: 0; /*20px;*/ margin-top: -80px; box-sizing: border-box;}
#checkoutSteps .section .step { margin-top: 110px; }
#checkoutSteps .section .step-title { position: absolute; top: 0; left: 0; display:block; width: auto; /*145px;*/ height:49px; }
#checkoutSteps .section .step-title.last { display:block; }
#checkoutSteps .step-title .title { width: 100%; font-size: 17px;  }
#checkoutSteps .section .step-title .number { color: #B0B5B5; font-size: 13px; }
#checkoutSteps .section.active .step-title .number { color:#8FC73E; }
#checkoutSteps .section.active .step-title:after { content: "•"; color: #000; font-size: 30px; position: absolute; bottom: -54px; left: -6px; }

.configurator-list { float: right; width: 175px; }

@media(max-width: 991px){
    .checkout-onepage-index .page-title h1{ padding-left: 25px;}

    .checkout-onepage-index .image { display: none;}
    .checkout-onepage-index #checkoutSteps{ width: 100%; box-sizing: border-box; padding: 0 25px;}
    .checkout-onepage-index #checkoutSteps .section{ position: relative;}
    .checkout-onepage-index #checkoutSteps .section .step-title{ position: relative;}
    .checkout-onepage-index #checkoutSteps .section.active .step-title{ padding-top: 100px; margin-bottom: 70px;}
    .checkout-onepage-index #checkoutSteps .section .step{ margin-top: 20px;}

    #checkoutSteps li.section .step form ul.form-list li .input-box .validation-advice{ padding-left: 0 !important;}
    #checkoutSteps p.required{ margin: 0 !important;}

    #checkoutSteps .form-list input,
    #checkoutSteps .form-list select{ width: 100% !important;}

    .vat_validation-messages{ width: 100% !important;}

    #checkoutSteps li.control .radio-wrap input.radio,
    #checkoutSteps .form-list .radio-wrap input.radio{ width: 19px !important;}

    #checkoutSteps .btn-tax-validation{ margin-left: 0;}

    #checkout-review-table h2.product-name{ font-size: 21px !important;}
    #checkout-review-table td .cart-price{ font-size: 20px !important;}

    #checkoutSteps #checkout-agreements .agree label{ float: none !important;}
}


#checkoutSteps .section .step-title{ display: none;}
#checkoutSteps .section.active .step-title{ display: block;}
#checkoutSteps .section.active .step-title:after{ display: none;}

@media(min-width: 992px){
    #checkoutSteps .section .step-title{ display: block;}
    #checkoutSteps .section.active .step-title{ display: block;}
    #checkoutSteps .section.active .step-title:after{ display: block;}

    li#opc-billing.section .step-title { left: 0;}
    li#opc-shipping.section .step-title { left: 20%;}
    li#opc-shipping_method.section.section .step-title { left: 39%;}
    li#opc-payment.section.section .step-title { left: 60%;}
    li#opc-review.section .step-title { left: 80%;}

    html[lang="fr"] li#opc-billing.section .step-title { left: 5px;}

    html[lang="de"] li#opc-shipping.section .step-title { left: 23%;}
    html[lang="de"] li#opc-shipping_method.section .step-title { left: 43%;}
    html[lang="de"] li#opc-review.section.section .step-title { left: 79%;}

    html[lang="en"] li#opc-shipping.section .step-title { left: 24%;}
    html[lang="en"] li#opc-payment.section .step-title { left: 62%;}

    html[lang="es"] li#opc-shipping.section .step-title { left: 21%;}

    #checkoutSteps .section .step-title a h2{ max-width: 145px;}
    #checkoutSteps .section .step{padding-right: 20px;}

    html[lang="es"] #checkoutSteps .section .step-title a h2{ max-width: 155px;}
}

@media(min-width: 1100px){
    li#opc-billing.section .step-title { left: 0;}
    li#opc-shipping.section .step-title { left: 165px;}
    li#opc-shipping_method.section .step-title { left: 305px;}
    li#opc-payment.section.section .step-title { left: 470px;}
    li#opc-review.section .step-title { left: 625px;}

    html[lang="fr"] li#opc-shipping_method.section .step-title { left: 310px;}

    html[lang="de"] li#opc-shipping.section .step-title { left: 190px;}
    html[lang="de"] li#opc-shipping_method.section .step-title { left: 345px;}
    html[lang="de"] li#opc-payment.section.section .step-title { left: 480px;}

    html[lang="en"] li#opc-shipping.section .step-title { left: 185px;}
    html[lang="en"] li#opc-payment.section .step-title { left: 490px;}
}

#opc-login.section .step-title { z-index:11; }
#opc-billing.section .step-title { z-index: 10; }
#opc-shipping.section .step-title { z-index: 9; }
#opc-shipping_method.section .step-title { z-index: 8; }
#opc-payment.section .step-title { z-index: 7; }
#opc-review.section .step-title { z-index: 6; }

#checkoutSteps .section .step-title a h2 { color: #B0B5B5; margin: 0; }
#checkoutSteps .section .step-title a { text-decoration: none; }
#checkoutSteps .section.active .step-title a h2 { color:#8FC73E; }

#checkoutSteps h3 { font-size: 20px; margin-top: 0;  }
#checkoutSteps .col2-set .col-1 { width: 48%; float: left; }
#checkoutSteps .col2-set .col-2 { width: 50%; margin-left: 2%; float: left; }

#checkoutSteps .form-list, #checkoutSteps .form-list ul { list-style-type: none; padding-left: 0; }
#checkoutSteps .form-list label {  font-weight: 300; }
#checkoutSteps .form-list select { border: 1px solid #B0B5B5; border-radius: 3px 3px 3px 3px; padding: 3px; margin-bottom: 5px; width: 217px; }
#checkoutSteps .form-list input { border: 1px solid #B0B5B5; border-radius: 3px 3px 3px 3px; padding: 3px; margin-bottom: 5px; width: 210px; }
#checkoutSteps .form-list input:disabled { background: #DDDFDF; }
#checkoutSteps .form-list input.vat-country-id { width: 23px; }
#checkoutSteps .form-list .v-fix { display: inline; }
#checkoutSteps .form-list #OPS_CC_ECOM_CARDINFO_EXPDATE_MONTH, #checkoutSteps .form-list #OPS_CC_ECOM_CARDINFO_EXPDATE_YEAR { width: auto; }
#checkoutSteps .form-list input#send_giftwrapping { width: auto !important; }
#checkoutSteps .gift-messages-form h3 { font-size: 18px; }

#checkoutSteps #checkout-step-login .buttons-set .button { float: left; margin-right: 10px; }
#checkoutSteps #checkout-step-login .buttons-set .f-left { font-size: 12px; }
#checkoutSteps #checkout-step-login .buttons-set { margin-top: 30px; }

#checkoutSteps li.control { margin-top: 0; padding-left: 5px; }
#checkoutSteps li.control input { float: left; width: auto; }

#checkoutSteps .back-link { float: left; margin: 1px 14px 0 0; }

#checkout-step-billing h3 { margin-bottom: 0; }
#co-billing-form ul { margin-top: 0; list-style-type:none; padding-left:5px; }
/*#co-billing-form .provincie { display:none; padding-left:5px; }*/
#co-billing-form #controls { margin-top:20px; }
#co-billing-form #billing-new-address-form ul { margin-bottom: 0; }
#co-billing-form p.required { margin: 0 0 0 320px;  }
#co-billing-form #prof-customer { float: left; }
#co-billing-form .company { display: none; }
#co-billing-form .logged-in-billing-input label { display: block; float: none; }
#co-billing-form .logged-in-billing-input .input-box { margin-left: 0; }
#co-billing-form .logged-in-billing-input .input-box select { width: auto; }
#co-shipping-form .logged-in-shipping-input .input-box select { width: auto; }

#co-billing-form label { float: left; }
#co-billing-form .input-box { margin-left: 200px; width: 100%; }
#co-billing-form .shipping-checkbox-yes { display: none; }

.btn-tax-validation { font-size: 0.8em; padding-top: 0.5em; padding-bottom: 0.5em; margin-left: 0.5em; }

#billing-buttons-container, #shipping-buttons-container { margin-top: 20px; }

#co-shipping-method-form { padding-left: 10px; }

#co-payment-form { margin-bottom: 0; }
#co-payment-form #checkout-payment-method-load { margin-bottom: 0; }
#co-payment-form #checkout-payment-method-load dt { margin-bottom: 10px; }

#checkout-step-shipping h3 { margin-bottom: 0; }
#shipping-new-address-form ul { margin-top: 0; list-style-type:none; padding-left:5px; }
/*#shipping-new-address-form .provincie { display:none; padding-left:5px; }*/
#shipping-new-address-form #controls { margin-top:20px; }
#shipping-new-address-form #billing-new-address-form ul { margin-bottom: 0; }
#shipping-new-address-form p.required { margin: 0 0 0 320px;  }

#shipping-new-address-form label { float: left; }
#shipping-new-address-form .input-box { margin-left: 200px; }

/*#co-shipping-form .provincie { display:none; padding-left:5px; }*/
#co-shipping-form .name-firstname { float:left; }
#co-shipping-form .name-lastname { float:left;}
#co-shipping-method-form ul { list-style-type:none; padding-left:5px; margin-top: 0; }
#co-shipping-method-form dd { margin:0; }
#co-shipping-method-form li { margin-bottom:10px; }

#checkout-payment-method-load .ops-form-list { margin-top: 0; }
#checkout-payment-method-load .ops-form-list dd { margin-left: 25px; }
#checkout-payment-method-load #ops_alias_info { margin-left: 25px; font-size: 15px; }
#checkout-payment-method-load .ops-form-list .validation-advice-incorrect-brand-type { display: block; font-size: 13px; }
#checkout-step-payment .buttons-set { margin-top: 40px; }

#checkout-review-table { border-bottom: 1px solid #e1e6e4; width: 100%; border-collapse: separate; }
#checkout-review-table th { font-size: 20px; padding: 0 5px;  border-bottom: 1px solid #e1e6e4; }
#checkout-review-table h2.product-name { margin: 0;  font-size: 30px; }
#checkout-review-table th { font-size: 20px;  padding: 0 5px; }
#checkout-review-table td { padding: 0 5px; }
#checkout-review-table td.a-center { text-align: center; }
#checkout-review-table td a { text-decoration: none; }
#checkout-review-table td .item-options { font-size: 15px; }
#checkout-review-table td .cart-price { font-size: 25px; }
#checkout-review-table tbody { border-bottom: 1px solid #e1e6e4; }
#checkout-review-table tbody td.last, #checkout-review-table thead th.last { text-align: right; }
#checkout-review-table tbody tr.last td { border-bottom: 1px solid #e1e6e4 }
#checkout-review-table tfoot tr.first td { padding-top: 20px; }
#checkout-review-table tfoot tr td { font-size: 18px; }
#checkout-review-table tfoot tr td.last { text-align: right; padding-bottom: 0; }
#checkout-review-table tfoot tr.last td { font-size: 25px; padding-bottom: 0; padding-top: 5px; border-top: 1px solid #e1e6e4; }
#checkout-review-table tfoot tr.last td strong { font-weight: normal; }
#checkout-review-table tfoot tr:last-child td { padding-bottom: 20px; }
#checkout-review-table tfoot th { text-align: left; border: none; font-size: 18px; font-weight: 200; padding: 0 5px; padding-top: 20px; }

#checkout-review-table tfoot tr.first + tr td{ padding-bottom: 5px;}


#checkout-review-table-wrapper .local-taxes-and-duties { text-align: right; }

#review-buttons-container .f-left { float: left; margin-top: 0; }
#review-buttons-container .btn-checkout { float: right; }

#checkout-agreements ol { list-style-type: none; padding-left: 0; }
#checkout-agreements .agree label { margin: 0 0 0 5px; font-size: 15px; line-height: 25px; }

@media(min-width: 991px){
    #checkout-agreements ol .agree{ float: none; width: 100%; text-align: right;}
    #checkout-agreements ol .agree .radio-wrap{ display: inline-block; float: none; top: 4px; margin-right: 0;}
    #checkout-agreements ol .agree label{ display: inline-block; float: none;}
}

#checkoutSteps li.section .step form ul.form-list li label{ display: inline-block; width: 200px; text-align: left;}
#checkoutSteps li.section .step form ul.form-list li label.required em{ position: relative; right: auto; margin-left: 2px;}
#checkoutSteps li.section .step form ul.form-list li .input-box{ margin-left: 0; width: auto;}
#checkoutSteps li.section .step form ul.form-list li .input-box .validation-advice{ padding-left: 200px;}
#checkoutSteps li.section .step form ul.form-list li.shipping-checkbox-yes label,
#checkoutSteps li.section .step form ul.form-list li.shipping-checkbox-no label{ width: auto;}

#checkoutSteps #opc-shipping_method .step form ul.form-list li label { width: auto; display: inline-block; }

#co-shipping-form .name-lastname,
#co-shipping-form .name-firstname{
    float: none;
}




.checkout-onepage-success .external_visitors_thank_you_message { font-weight: bold; margin-bottom: 5em; }





/*LOGIN*/
.account-login h1 { margin: 0; padding-left: 40px; }
.account-login h2 { font-size: 20px; font-weight: bold; margin-top: 0;  }
.account-login .col2-set { padding-left: 40px; }
.account-login .col2-set .col-1 { float: left; width: 50%; }
.account-login .col2-set .col-2 { float: left; width: 48%; margin-left: 2%; }
.account-login .col2-set .col-1 .content,
.account-login .col2-set .col-2 .content{ min-height: 217px;}
.account-login .form-list, .account-login .form-list ul { list-style-type: none; padding-left: 0; }
.account-login .form-list label {  font-weight: 300; }
.account-login .form-list select { border: 1px solid #B0B5B5; border-radius: 3px 3px 3px 3px; padding: 3px; margin-bottom: 5px; width: 217px; }
.account-login .form-list input { border: 1px solid #B0B5B5; border-radius: 3px 3px 3px 3px; padding: 3px; margin-bottom: 5px; width: 210px; }
.account-login .buttons-set .button { float: left; margin-right: 10px; }
.account-login .buttons-set .f-left { font-size: 12px;  }
.account-login .buttons-set { margin-top: 30px; }

@media(max-width: 991px){
    .account-login h1 {padding-left: 0;}
    .account-login .col2-set{ padding: 20px 0 0 0;}
    .account-login .col2-set .col-1,
    .account-login .col2-set .col-2{
        width: 100%;
        clear: both;
        margin: 0 0 50px 0;
    }
    .account-login .col2-set .col-1 .content,
    .account-login .col2-set .col-2 .content{
        min-height: 1px;
    }

    .account-login .col2-set input{ width: 100%; max-width: 480px;}

}

/* CREATE */
.customer-account-create h1 { margin: 0; padding-left: 40px; }
.customer-account-create h2 { font-size: 20px; font-weight: bold; margin-top: 0;  }
.customer-account-create #form-validate { padding-left: 40px; }
.customer-account-create #form-validate .fieldset { float: left; width: 50%; }
.customer-account-create #form-validate .col-2 { float: left; width: 48%; margin-left: 2%; }
.customer-account-create .form-list, .customer-account-create .form-list ul { list-style-type: none; padding-left: 0; }
.customer-account-create .form-list label {  font-weight: 300; }
.customer-account-create .form-list select { border: 1px solid #B0B5B5; border-radius: 3px 3px 3px 3px; padding: 3px; margin-bottom: 5px; width: 217px; }
.customer-account-create .form-list input { border: 1px solid #B0B5B5; border-radius: 3px 3px 3px 3px; padding: 3px; margin-bottom: 5px; width: 210px; }
.customer-account-create .form-list input.checkbox { width: auto; float: left; margin-right: 5px; }
.customer-account-create .buttons-set .button { float: left; margin-right: 10px; }
.customer-account-create .buttons-set .f-left { font-size: 12px; }
.customer-account-create .buttons-set { margin-top: 30px; }
.customer-account-create .buttons-set .back-link { float: left; margin: 2px 10px 0 0; line-height: 19px; }

@media(max-width: 991px){
    .customer-account-create h1 {padding-left: 0;}
    .customer-account-create #form-validate{ padding: 20px 0 0 0;}

    .customer-account-create #form-validate .fieldset{
        width: 100%;
        clear: both;
        margin: 0 0 20px 0;
    }

    .customer-account-create #form-validate .fieldset input{
        width: 100%; max-width: 480px;
    }

}





/*FORGOT PASSWORD*/
.customer-account-forgotpassword h1 { padding-left:40px; }
.customer-account-forgotpassword h2 { font-size: 20px; font-weight: bold; margin-top: 0;  }
.customer-account-forgotpassword #form-validate { padding-left: 40px; }
.customer-account-forgotpassword .form-list { list-style-type: none; padding-left: 0; }
.customer-account-forgotpassword .form-list label {  font-weight: 300; }
.customer-account-forgotpassword .buttons-set .button { float: left; margin-right: 10px; }
.customer-account-forgotpassword .buttons-set { margin-top: 30px; }
.customer-account-forgotpassword .buttons-set .back-link { float: left; margin: 4px 10px 0 0; line-height: 19px; }

@media(max-width: 991px){
    .customer-account-forgotpassword h1 {padding-left: 0;}
    .customer-account-forgotpassword #form-validate{ padding: 20px 0 0 0;}

    .customer-account-forgotpassword #form-validate input{ width: 100%; max-width: 480px;}
}




/*RESET PASSWORD*/
.customer-account-resetpassword h1 { padding-left:40px; }
.customer-account-resetpassword h2 { font-size: 20px; font-weight: bold; margin-top: 0;  }
.customer-account-resetpassword #form-validate { padding-left: 40px; }
.customer-account-resetpassword .form-list { list-style-type: none; padding-left: 0; }
.customer-account-resetpassword .form-list label {  font-weight: 300; }
.customer-account-resetpassword .form-list input { border: 1px solid #B0B5B5; border-radius: 3px 3px 3px 3px; margin-bottom: 5px; padding: 3px; width: 210px; }
.customer-account-resetpassword .buttons-set .button { float: left; margin-right: 10px; }
.customer-account-resetpassword .buttons-set { margin-top: 30px; }
.customer-account-resetpassword .buttons-set .back-link { float: left; margin: 4px 10px 0 0; line-height: 19px; }

@media(max-width: 991px){
    .customer-account-resetpassword h1 {padding-left: 0;}
    .customer-account-resetpassword #form-validate{ padding: 20px 0 0 0;}

    .customer-account-resetpassword #form-validate input{ width: 100%; max-width: 480px;}
}




/*MY ACCOUNT*/
.customer-account-pages .col2-left-layout.main-container *{ box-sizing: border-box;}
.customer-account-pages .col2-left-layout.main-container{ box-sizing: border-box; padding: 0 25px;}
.customer-account-pages .col2-left-layout.main-container .col-main{ float: left; padding: 0 0 0 25px !important; width: 78%;}
.customer-account-pages .col2-left-layout .col-left { padding-left: 0; width: 22%; }

.customer-account-pages .col2-left-layout .col-left .block-account ul { margin: 0; padding: 0; list-style-type: none;  }
.customer-account-pages .col2-left-layout .col-left .block-account ul li a { color: #B0B5B5; text-decoration: none; }
.customer-account-pages .col2-left-layout .col-left .block-account ul li.current, .col-left .block-account ul li:hover { color: #8FC73E; }
.customer-account-pages .col2-left-layout .col-left .block-account ul li strong { font-weight: normal; }
.customer-account-pages .col2-left-layout .col-left .block-account .block-title{ display: none;}

.my-account .box-head h2, .my-account .box-title h3 { float: left;  }
.my-account .box-head a { line-height: 100px; margin:25px 0 25px 15px;  }
.my-account .box-title a { line-height: 60px; margin:18px 0 18px 15px;  }

.my-account .col2-set .col-1 { width: 50%; float: left; }
.my-account .col2-set .col-2 { float: left; width: 48%; margin-left: 2%; }
.my-account .pager { font-size: 12px; }

.my-account #my-orders-table { width: 100%; }
.my-account #my-orders-table .nobr { white-space: nowrap; }
.my-account #my-orders-table .nobr a { text-decoration: none; }
.my-account #my-orders-table th, .my-account #my-orders-table td { padding: 5px 10px; text-align: left; }
.my-account #my-orders-table thead tr { border-bottom: 1px solid #e1e6e4;  }
.my-account #my-orders-table th:first-child, .my-account #my-orders-table td:first-child { padding-left: 0;  }
.my-account #my-orders-table h3.product-name { font-size: 25px; font-weight: 300; }
.my-account #my-orders-table tfoot { border-top: 1px solid #e1e6e4; }
.my-account #my-orders-table tfoot tr td { font-size: 18px; text-align: right; }
.my-account #my-orders-table tfoot tr.grand_total td { font-size: 25px; }

.my-account .title-buttons a {  }

.my-account .form-list { list-style-type: none; padding-left: 0; }
.my-account .form-list label {  font-weight: 300; }
.my-account .form-list select { border: 1px solid #B0B5B5; border-radius: 3px 3px 3px 3px; padding: 3px; margin-bottom: 5px; width: 217px; }
.my-account .form-list input { border: 1px solid #B0B5B5; border-radius: 3px 3px 3px 3px; padding: 3px; margin-bottom: 5px; width: 210px; }
.my-account .form-list input:disabled { background: #DDDFDF; }
.my-account .form-list input.checkbox { width: auto; float: left; margin-right: 10px; margin-top:4px; }
.my-account .form-list input.vat-country-id { width: 23px; }
.my-account #prof-customer { float: left; }
#checkrsp ul, #billing\:checkrsp { list-style: disc; padding: 0; font-weight: bold; }
#checkrsp ul { padding: 0 0 0 16px;  }

.customer-account-edit .my-account .back-link, .newsletter-manage-index .my-account .back-link, .customer-address-form .my-account .back-link { float: left; margin: 4px 20px 0 0; }
.customer-account-edit .my-account .buttons-set, .customer-address-form .my-account .buttons-set { margin-top: 20px; }
.customer-account-edit #form-validate #dummy { display: none; }

.customer-address-index .title-buttons h1 { float: left; margin-right: 25px; }
.customer-address-index .title-buttons .button { margin-top: 40px; }

.customer-address-form .form-list .company { display: none; }

.my-account .addresses-list ol { list-style-type: none; margin: 0; padding: 0; }

.customer-account-pages .pager select{
    border: 1px solid #B0B5B5;
    border-radius: 3px 3px 3px 3px;
    padding: 3px;
    margin-bottom: 5px;
    width: auto;
}

@media(max-width: 991px){
    .customer-account-pages .col2-left-layout.main-container .col-main{ padding: 0 !important; width: 100%;}
    .customer-account-pages .col2-left-layout .col-left { padding: 0; width: 100%; margin-bottom: 20px; }
    .customer-account-pages .col2-left-layout .col-left .block-account .block-title{ display: block;}
    .customer-account-pages .col2-left-layout .col-left .block-account .block-title strong{
        border: none;
        color: white;
        margin-left: 0;
        background-color: #19312a;
        border-radius: 5px;
        padding: 11px 10px 8px 10px;
        font-size: 14px;
        font-family: DINpro;
        font-weight: 300;
        text-decoration: none;
        display: inline-block;
        width: 100%;
        text-align: center;
        cursor: pointer;
    }
    .customer-account-pages .col2-left-layout .col-left .block-account .block-content{ display: none;}
    .customer-account-pages .col2-left-layout .col-left .block-account .block-content ul{ margin-top: 5px;}
    .customer-account-pages .col2-left-layout .col-left .block-account .block-content ul li{ line-height: 30px; text-align: center;}

    .my-account .col2-set .col-1,
    .my-account .col2-set .col-2{ width: 100%; margin: 0;}

    .my-account .box-title h3{ margin-bottom: 4px;}
    .my-account .box-title a{ line-height: 100%; margin: 0; clear: both; display: block;}

    .my-account .box-head h2{ margin-bottom: 0;}
    .my-account .box-head a{ line-height: 100%; margin: 0; clear: both; display: block;}

    .my-account .box-account .col2-set .box .box-content .col-1{ margin: 20px 0;}

    .customer-account-pages #form-validate input:not(.checkbox):not(.radio){ width: 100%; max-width: 480px;}
}

@media(max-width: 768px){

    .my-account .box-account,
    .table-wrapper{
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        padding: 0;
    }
    .my-account .box-account .data-table,
    .table-wrapper .data-table{
        width: 100%;
    }

    .customer-address-index .title-buttons h1{
        margin-bottom: 0;
    }
    .customer-address-index .title-buttons .button{
        margin-top: 0;
        display: block;
        clear: both;
    }

}






/*BLOG*/
.block-blog h1 { margin: 0; line-height: 40px; }
.block-blog h5 { font-weight: 300; text-transform: uppercase; font-size: 15px; margin-top: 5px; margin-bottom: 10px; }
.block-blog .menu-recent { margin:0; }
.block-blog .menu-recent ul { margin: 0 0 0 6px; padding: 0; }
.block-blog .menu-recent ul li a { font-size: 15px; }

.postWrapper h1, .postWrapper h2 { font-size: 24px; font-weight: 300; margin-bottom: 0; line-height: 33px; border-bottom: 1px solid #e1e6e4; }
.postWrapper h2 a, .block-blog .menu-recent ul li a { text-decoration: none; }
.postWrapper h3 { font-size: 18px; border-bottom: 1px solid #e1e6e4; font-weight: 300; }
.postWrapper h3 .date { display: list-item; list-style-type: disc; margin-left: 20px; }
.postWrapper h4 { color: #8fc73e; font-size: 27px; margin-top: 0; }
.postWrapper .aw-blog-read-more:before { content: ">> "; }

.postWrapper { border-bottom: 1px solid #e1e6e4; padding-bottom: 20px; margin-bottom: 30px; }

/*.blog-post-view .postWrapper p { float: right; width: 58%; margin: 5px 0; }*/

.postWrapper img { float: left; margin-right: 20px; margin-bottom: 5px; max-width: 100%; height: auto;}

.postWrapper .postTitle { border-bottom: none; }

.blog-cat-view .toolbar { font-size: 12px; }
.blog-cat-view .toolbar .sorter { display: none; }

.baldwin-extendedblog-index-index .postContent img { display: none; }
.baldwin-extendedblog-index-index .postContent .aw-blog-read-more { display: none; }
.baldwin-extendedblog-index-index .postTitle h3 { display: none; }

.blog-index-list #messages_product_view { display: none; }

body[class*='blog-'] .col-main > ul.submenu { list-style-type: none; padding: 0; margin: 0 0 80px 0; /*border:4px solid #86928f;*/ border-radius: 10px; font-size: 18px; }
body[class*='blog-'] .col-main > ul.submenu li { float: left; border-bottom: 2px solid #86928F; border-top: 2px solid #86928F; border-left: 1px solid #86928F; border-right: 1px solid #86928F; }
body[class*='blog-'] .col-main > ul.submenu li:first-child { border-left: 2px solid #86928F; border-right: 1px solid #86928F; border-radius: 8px 0 0 8px; }
body[class*='blog-'] .col-main > ul.submenu li:last-child { border-right: 2px solid #86928F; border-left: 1px solid #86928F; border-radius: 0 8px 8px 0; }
body[class*='blog-'] .col-main > ul.submenu li a { color: #86928F; text-decoration: none; display: block; padding: 5px 14px; }
body[class*='blog-'] .col-main > ul.submenu li.active a { background: #86928F; color: #fff; }



body[class*='blog-'] .col-main > ul.submenu{ display: none;}
body[class*='blog-'] .main-container .col-main{ width: 100%; padding: 0 25px; box-sizing: border-box; margin: 0;}
body[class*='blog-'] .col2-right-layout .col-right{ width: 100%; padding: 0 25px; box-sizing: border-box; margin: 0 0 50px 0;}
body[class*='blog-'] .col2-right-layout .sidebar .block-blog ul{ list-style: none; padding-left: 0; margin: 0;}
body[class*='blog-'] .col2-right-layout .sidebar .block-blog ul li{ margin: 0 0 10px 0;}
body[class*='blog-'] .col2-right-layout .sidebar .block-blog ul li a {color: #B0B5B5; text-decoration: none;}

.blog-index-list .col2-right-layout .sidebar .block-subscribe{ display: none;}

body[class*='blog-'] .toolbar select{
    border: 1px solid #B0B5B5;
    border-radius: 3px 3px 3px 3px;
    padding: 3px;
    margin-bottom: 5px;
    width: auto;
}
body[class*='blog-'] .toolbar .sorter{ float: right; display: none;}
body[class*='blog-'] .blogpostlist img{ width: auto; max-width: 100%; float: none !important; display: block; margin: 5px auto;}

@media(min-width: 768px){
    body[class*='blog-'] .blogpostlist img{ display: inline-block; max-width: 200px !important;}

    body[class*='blog-'] .blogpostlist img[style*="float:left"],
    body[class*='blog-'] .blogpostlist img[style*="float: left"] {
      margin: 5px 15px 0px 0px;
      float: left !important;
    }
    body[class*='blog-'] .blogpostlist img[style*="float:right"],
    body[class*='blog-'] .blogpostlist img[style*="float: right"] {
      margin: 5px 0px 0px 15px;
      float: right !important;
    }
}

@media(min-width: 991px){
    body[class*='blog-'] .main-container .col-main{ float: left; padding: 0 25px; width: 70%;}
    body[class*='blog-'] .col2-right-layout .col-right{ float: left; width: 30%; position: relative;}
    body[class*='blog-'] .col2-right-layout .col-right .block-blog{ position: fixed; padding-right: 25px;}
}

/* Blog detail */
.blog-post-view .main-container.col2-right-layout .col-main{ margin-bottom: 40px;}

.blog-post-view .col2-right-layout .sidebar .block-blog{ display: none;}

.blog-post-view .col2-right-layout .sidebar .block-subscribe{
    background: #f3f4f4;
    padding: 27px;
    border-radius: 5px;
}
.blog-post-view .col2-right-layout .sidebar .block-subscribe h4{ margin-top: 0; font-size: 17px; font-weight: 300; margin-bottom: 10px; text-align: left;}
.blog-post-view .col2-right-layout .sidebar .block-subscribe p{ font-size: 14px; text-align: left; margin: 10px 0 12px 0;}
.blog-post-view .col2-right-layout .sidebar .block-subscribe .button{
    border: none;
    color: white;
    margin-left: 0;
    background-color: #19312a;
    border-radius: 5px;
    padding: 11px 10px 8px 10px;
    font-size: 14px;
    font-family: DINpro;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
}
.blog-post-view .col2-right-layout .sidebar .block-subscribe input{
    box-sizing: border-box;
    width: 100%; /*250px;*/
    font-size: 14px;
    border-radius: 5px;
    padding: 11px 10px 8px 10px;
    color: #a2aca9;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 5px;
    border: 1px solid #f3f4f4;
    -webkit-box-shadow: inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
    -moz-box-shadow: inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
    box-shadow: inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
}
.blog-post-view .col2-right-layout .sidebar .block-subscribe .actions{ text-align: right;}




.blog-post-view .postCTA{
    background: #f3f4f4;
    padding: 27px;
    border-radius: 5px;
}
.blog-post-view .postCTA h2{
    margin-top: 0;
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 12px;
    text-align: left;
    border-bottom: 0;
}
.blog-post-view .postCTA .button{
    border: none;
    color: white;
    margin-left: 0;
    background-color: #19312a;
    border-radius: 5px;
    padding: 11px 10px 8px 10px;
    font-size: 14px;
    font-family: DINpro;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
}
.blog-post-view .postCTA p{ margin-top: 0;}
.blog-post-view .postCTA p:last-child{ margin-bottom: 0;}


.blog-post-view #postComment ul.form-list{ list-style: none; padding-left: 0;}
.blog-post-view #postComment button.button{
    font: 1em DINpro;
    border: none;
    background-color: #8fc73e;
    color: #FFF;
    border-radius: 3px;
    font-weight: normal;
    padding: 0.5em 1em;
    margin-top: 10px;
}


.blog-post-view .col-main .toolbar:before,
.blog-post-view .col-main .toolbar:after{
  content: " ";
  display: table;
}
.blog-post-view .col-main .toolbar:after{ clear: both;}
.blog-post-view .col-main .toolbar{ margin-bottom: 10px;}

.blog-post-view .commentWrapper{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #DDD;}

.blog-post-view .col-main .tags{ display: none;}

.blog-post-view .col-main .addthis_sharing_toolbox{ margin: 0 0 30px 0;}
.blog-post-view .col-main .addthis_sharing_toolbox .lbl { float: left;
    margin-right: 5px;
    font-size: 16px;
    line-height: 16px; }

@media(min-width: 991px){
    .blog-post-view .main-container.col2-right-layout .col-main{ margin-bottom: 0;}
}



/*SUPPORT*/
.cms-support h1 { margin: 0; }
.cms-support h2 { /*margin: 0;*/ margin-bottom: 0; font-size: 30px; }
.cms-support h3 { margin:15px 0; border-top: 1px solid #e1e6e4; border-bottom: 1px solid #e1e6e4; }
.cms-support h4 { margin:5px 0; font-size: 16px; }
.cms-support h4 a { text-decoration: none;
	color: #8c9894;
}
.cms-support h4.active a{
	font-weight: bold;
}

.cms-support h4.active a, .cms-support h4 a:hover { color: #19312a;}
.cms-support p { margin-top: 0; }
.cms-support .expand_heading, .cms-support .toggle_container { margin-left: 10px; }

.cms-support #contactForm .form-list { padding: 0; list-style-type: none; }
.cms-support #contactForm .form-list label {  }
.cms-support #contactForm .form-list input, .cms-support #contactForm .form-list textarea { border: 1px solid #e1e6e4; width: 350px; margin-bottom: 5px }
.cms-support #contactForm { width: 350px }
.cms-support #contactForm .button { float: right; }

.cms-support .col-right h2 {  margin-top: 30px; /*60px;*/ }
.cms-support .col-right h2 a { color: #8FC73E;}
.cms-support .col-right h3 { border: none; font-weight: 300; margin: 22px auto; }
.cms-support .col-right h3 a { text-decoration: none; }
.cms-support .col-right iframe { width: 355px; height: 209px; }


.cms-support .col2-right-layout .col-main{ box-sizing: border-box; width: 100%; padding: 0 25px; margin-bottom: 30px;}
.cms-support .col2-right-layout .sidebar{ box-sizing: border-box; width: 100%; padding: 0 25px; margin: 0;}

.cms-support .col2-right-layout .col-main h2 a{ text-decoration: none;}

.cms-support .col-main ul li a{ text-decoration: none; color: #8c9894; font-size: 16px; font-weight: 300;}

.cms-support .col-main ul{ padding-left: 20px; margin-top: 0;}

.cms-support .video iframe{ border: 0; display: inherit;}
.cms-support .video .iframe-container{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
}
.cms-support .video .iframe-container iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0; top: 0;
}

.cms-support .col-main .video{ margin-bottom: 20px;}

.cms-support .cta-container{
    background: #f3f4f4;
    padding: 27px;
    border-radius: 5px;
}
.cms-support .cta-container h2{ margin-top: 0; font-size: 17px; font-weight: 300; margin-bottom: 10px;}
.cms-support .cta-container a.button{
    border: none;
    color: white;
    margin-left: 0;
    background-color: #97c21c; /*#19312a;*/
    border-radius: 5px;
    padding: 11px 10px 8px 10px;
    font-size: 14px;
    font-family: DINpro;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
}
.cms-support .cta-container p:last-child{ margin-bottom: 0;}

.cms-support h4.expand_heading a{ position: relative;}
.cms-support h4.expand_heading a:after {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(255, 255, 255, 0);
    border-right: 4px solid rgba(255, 255, 255, 0);
    border-top: 7px solid #163029;
    content: ' ';
    position: absolute;
    top: 4px;
    right: -13px;
}
.cms-support h4.expand_heading.active a:after{
    border-bottom: 7px solid #163029;
    border-top: 0;
}

@media(min-width: 991px){
    .cms-support .main-container.col2-right-layout .main .col-main{ width: 70%; padding: 0 50px 0 0 !important; margin-bottom: 0;}
    .cms-support .main-container.col2-right-layout .main .sidebar{ width: 30%; padding: 0; margin: 0;}

    .cms-support .col-main .video{ width: 48%; float: left;}
    .cms-support .col-main .video:first-of-type{ margin-right: 2%;}
    .cms-support .col-main .video:nth-of-type(2n+1){ margin-right: 2%;}
}



/*CONTACT*/
.contacts-index-index .contactblocktop{ margin-bottom: 40px;}
.contacts-index-index #contactForm .form-list { padding: 0; list-style-type: none; }
.contacts-index-index #contactForm .form-list label {  }
.contacts-index-index #contactForm .form-list input, .contacts-index-index #contactForm .form-list textarea { border: 1px solid #e1e6e4; width: 350px; margin-bottom: 5px }
.contacts-index-index #contactForm { width: 350px }
.contacts-index-index #contactForm .button { float: right; }

.contacts-index-index .contactform { float: left; width: 50%; }
.contacts-index-index .contactgegevens, .contacts-index-index .presscontact { float: left; }
.contacts-index-index .contactgegevens { margin-right: 50px; }


.contacts-index-index .contact-data { margin-top: 20px; float: left; width: 100%; display: block; clear: both;}
.contacts-index-index .contact-data .col{ float: left; width: 100%; clear: both;}
.contacts-index-index .contact-data .col .technical-contact,
.contacts-index-index .contact-data .col .general-contact,
.contacts-index-index .contact-data .col .press-contact,
.contacts-index-index .contact-data .col .address-contact{
  width: 100%; display: block; clear: both; margin-bottom: 10px;}
.contacts-index-index .contact-data h3{ margin-bottom: 4px;}
.contacts-index-index .contact-data p{ margin-top: 0;}


.cms-supportform #contactForm .form-list { padding: 0; list-style-type: none; }
.cms-supportform #contactForm .form-list label {  }
.cms-supportform #contactForm .form-list input, .cms-supportform #contactForm .form-list textarea { border: 1px solid #e1e6e4; width: 350px; margin-bottom: 5px }
.cms-supportform #contactForm { width: 350px }
.cms-supportform #contactForm .button { float: right; }

.cms-supportform .contactform { float: left; width: 54%; }
.cms-supportform .contactgegevens, .cms-supportform .presscontact { float: left; }
.cms-supportform .contactgegevens { margin-right: 50px; }

@media(max-width: 768px){
    .contacts-index-index .contactform,
    .contacts-index-index .contactgegevens,
    .contacts-index-index .presscontact,
    .cms-supportform .contactform,
    .cms-supportform .contactgegevens,
    .cms-supportform .presscontact{
        float: none;
        width: 100%;
        display: block;
        clear: both;
        margin-bottom: 25px;
    }

    .contacts-index-index .contactform .buttons-set:before,
    .contacts-index-index .contactform .buttons-set:after,
    .cms-supportform .contactform .buttons-set:before,
    .cms-supportform .contactform .buttons-set:after{
      content: " ";
      display: table;
    }
    .contacts-index-index .contactform .buttons-set:after,
    .cms-supportform .contactform .buttons-set:after{ clear: both;}

    .contacts-index-index #contactForm,
    .cms-supportform #contactForm{ width: 100%;}

    .contacts-index-index #contactForm .form-list input,
    .contacts-index-index #contactForm .form-list textarea,
    .cms-supportform #contactForm .form-list input,
    .cms-supportform #contactForm .form-list textarea{
        width: 100%;
    }
}

@media(min-width: 580px){
  .contacts-index-index .contact-data { float: left; width: 100%; display: block; clear: both;}
  .contacts-index-index .contact-data .col{ float: left; width: 50%; clear: none;}
  .contacts-index-index .contact-data .col .technical-contact,
  .contacts-index-index .contact-data .col .general-contact,
  .contacts-index-index .contact-data .col .press-contact,
  .contacts-index-index .contact-data .col .address-contact{
    width: 100%; display: block; clear: both; margin-bottom: 10px;}
}
@media(min-width: 769px){
  .contacts-index-index .contact-data { float: left; width: 50%; display: block; clear: none; padding-left: 30px; margin-top: 0;}
  .contacts-index-index .contact-data .col{ float: left; width: 100%; clear: both;}
  .contacts-index-index .contact-data .col .technical-contact,
  .contacts-index-index .contact-data .col .general-contact,
  .contacts-index-index .contact-data .col .press-contact,
  .contacts-index-index .contact-data .col .address-contact{
    width: 100%; display: block; clear: both; margin-bottom: 10px;}
}
@media(min-width: 900px){
  .contacts-index-index .contact-data { float: left; width: 50%; display: block; clear: none; padding-left: 0;}
  .contacts-index-index .contact-data .col{ float: left; width: 50%; clear: none;}
  .contacts-index-index .contact-data .col .technical-contact,
  .contacts-index-index .contact-data .col .general-contact,
  .contacts-index-index .contact-data .col .press-contact,
  .contacts-index-index .contact-data .col .address-contact{
    width: 100%; display: block; clear: both; margin-bottom: 10px; min-height: 74px;}
}



/*WAAROM-PAGE*/
.cms-waarom ol { counter-reset: item; list-style-type: none; padding-left: 0; }
.cms-waarom ol li:before { content: counter(item) "_"; counter-increment: item; font-weight: bold; }
.cms-waarom ol li { /*text-indent: -17px;*/ margin-bottom: 15px; }

/*CHOOSE-YOUR-COUNTRY-PAGE*/
.baldwin-country-language-selector-index-index .col-main h5 { padding-top: 165px; margin-top: -165px; display: inline-block; } /* fix for fixed header, so anchors work like they are suppose to */
.baldwin-country-language-selector-index-index .col-main h5 + ul { margin: 0 0 3em 0; }



/*PARTNERS*/
#partner-links { text-align: right; margin: 0; padding: 0; list-style: none; }
#partner-links li { display: block; margin:5px 0; font-size: 18px; text-align: center;}
#partner-links a{ background: #8fc73e; color: #fff; border-radius: 20px; padding: 5px 20px 4px 20px; display: inline-block; text-decoration: none;}
#partner-links a:hover { background-color: #7fa32f; color: #fff; -webkit-transition: background-color .5s linear; transition: background-color .5s linear; }

@media(min-width: 480px){
    #partner-links li { display: inline-block; margin:0 0 0 20px; }
}

.partners-list-container{ width: 100%; }

#partners-detail-list { padding: 0; margin: 2em 0; list-style: none; max-height: 500px; overflow: scroll; overflow-x: hidden;}
#partners-detail-list ul { margin: 0; padding: 0; }
#partners-detail-list > li { box-sizing: border-box; display: block; margin: 16px 0 0; /*float: left; width: 25%; padding: 20px 10px;*/ }
#partners-detail-list > li:first-child { margin: 0; }
#partners-detail-list li > p { margin-top: 0; word-wrap: break-word; }
#postcode-filter-form { margin-bottom: 1em; }
#postcode-filter-form p:first-child { margin-top: 0; }
#postcode-filter-form ul { list-style: none; margin: 0 0 1em 0; padding: 0; }
#postcode-filter-form input { width: 80%; }

#partners-map-wrapper{ width: 100%; clear: both;}

@media(min-width: 991px){
    .partners-list-container{ width: 50%; float: left; padding-right: 25px; box-sizing: border-box;}
    #partners-map-wrapper{ width: 50%; float: left; clear: none; box-sizing: border-box;}
}


.baldwin-partners-register-create .page-title h1{ padding-left: 0;}
.baldwin-partners-register-create .intro-text ol{ padding-left: 22px; }
.baldwin-partners-register-create #form-validate{ padding-left: 0;}
.baldwin-partners-register-create .form-list input{ width: 100%; margin-bottom: 10px;}
.baldwin-partners-register-create .form-list select{ width: 100%; margin-bottom: 10px; height: 24px;}
.baldwin-partners-register-create .form-list .btn-tax-validation{ margin-left: 0;}
.baldwin-partners-register-create .form-list textarea{ width: 100%;}

@media(min-width: 991px){
    .baldwin-partners-register-create .page-title h1{ padding-left: 40px; }
    .baldwin-partners-register-create .intro-text { padding-left: 40px; }
    .baldwin-partners-register-create #form-validate{ padding-left: 40px;}
    .baldwin-partners-register-create label { float: left; }
    .baldwin-partners-register-create label[for=taxvat] a { font-size: 12px; }
    .baldwin-partners-register-create .main-container .input-box { margin-left: 200px; width: auto; }
    .baldwin-partners-register-create .form-list input{ width: 210px; margin-bottom: 5px;}
    .baldwin-partners-register-create .form-list select{ width: 217px;}
    .baldwin-partners-register-create .form-list .btn-tax-validation{ margin-left: 0.5em;}
    .baldwin-partners-register-create .form-list textarea{ width: 400px;}
}


.baldwin-partners-login-login .account-login h1 { padding-left: 0; }





/*FOOTER*/
.footer-container { border-top: 0; /*solid 4px white;*/ background: #97c21c; font-weight: 300; background-repeat: no-repeat; background-position: center top; padding-top: 15px; margin-top: 40px; color: #fff; }
@media (max-width: 991px) {
    .footer-container { border-top: 0; }
}

.footer-container a { color: #fff; text-decoration: none; }
.footer-container label { text-align: left; }
.footer-container h4 { color: #fff; font-size: 24px; margin: 0; text-align: left; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; font-weight: 400;}
.footer-container a:hover { color: #CBE77C; }
.footer-container .footer ul { list-style-type: none; margin: 0; padding:0; float: left; margin-right: 20px; }
.footer-container .footer .block { float: left; margin-left: 0;/*7px;*/ font-size: 14px; width: 15.38%; /*17%;*/ }
.footer-container .footer .block.thirdblock{ width: 18.85%;}
.footer-container .footer .block-social{ bottom: 0; width: 18%;}



.footer-container .footer .block.firstblock{ margin-left: 0;}
.footer-container .footer .block p { margin: 0; color: #fff; }
.footer-container .footer .block:not(.block-social) ul li a{
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400;
}

.footer-container .footer-extras { text-align: center; font-size: 12px; color:#fff; background-color: #97c21c; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.footer-container .footer-extras p { /*margin-top: 5px;*/ margin: 20px 0 22px 0; font-size: 14px; font-weight: 400; }
.footer-container .footer-extras p br { display: none; }
.footer-container .footer-extras .logo-footer { color: #fff; font-size: 26px; margin-top: 0; margin-bottom: 0; }
.footer-container .footer-extras ul { float: right; margin-bottom: 10px; }
.footer-container .footer-extras ul li { float: left; font-size: 25px; }
.footer-container .footer-extras img { height: auto; }
.footer-container .footer-extras p a:first-of-type{ margin-left: 12px;}
.footer-container .footer-extras p a:last-child{ margin-right: 0;}
.footer-container .footer-extras a{ text-decoration: underline; margin-right: 12px;}
.footer-container .footer-extras a:hover{ text-decoration: none;}


.footer-container .footer { margin: 25px auto; }
.footer-container .footer .block-subscribe { float: right; width: auto; margin-left: 0; padding: 0; margin-right: 0; }
.footer-container .block-subscribe .block-content { position: relative; display: inline-block; }
.footer-container .block-subscribe .input-box { float: left; }
.footer-container .block-subscribe .actions { float: left; margin: 5px 0 0 -2px; }

#newsletter-validate-detail {
    text-align: center;
}

.footer-container .block-subscribe input {
    width: 143px;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 11px 10px 8px 10px;
    color: #a2aca9;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 5px;
    border: 0;
    -webkit-box-shadow: inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
    -moz-box-shadow:    inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
    box-shadow:         inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
}
.footer-container .block-subscribe button {
    padding: 0;
    background-color: transparent;
    border:none;
    color: white;
    right: 5px;
    font-size: 20px;
    background-color: #19312a;
    border-radius: 5px;
    padding: 11px 10px 8px 10px;
    font-size: 14px;
    font-family: DINpro;
    font-weight: 300;

}
.footer-container .block-subscribe button .fs1 { line-height: 26px; }

.footer-container .footer .block-social ul{ margin-right: 0; }
.footer-container .block-social ul li { float: left; font-size: 34px; line-height: 43px; }

.footer-container .madeby { text-align: center; background: #19312a; padding: 7px 0; font-size: 14px; }

/* call back request */
#call-me-back-request {
    position: fixed;
    bottom: 0;
    left: 20px;
    z-index: 8000;
    background: #97c21b;
    border-radius: 7px 7px 0 0;
    padding: 15px 15px 10px 15px;
}

#call-me-back-request.hide-form {
    height: 80px;
}

#call-me-back-request ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#call-me-back-request p {
    font-size: 16px;
}

#call-me-back-request-form li {
    margin-bottom: 10px;
}

#call-me-back-request-form label {
    display: none;
}

#call-me-back-request-form input, #call-me-back-request-form button {
    display: block;
    width: 100%;
    font-size: 20px;
}

#call-me-back-request-form input {
    padding: 12px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0;
    border-top: 3px solid #d1d5d4;
}

#call-me-back-request-form input::-webkit-input-placeholder {
   color: #cdcfce;
}

#call-me-back-request-form input:-moz-placeholder { /* Firefox 18- */
   color: #cdcfce;
   font-weight: normal;
}

#call-me-back-request-form input::-moz-placeholder {  /* Firefox 19+ */
   color: #cdcfce;
   font-weight: normal;
}

#call-me-back-request-form input:-ms-input-placeholder {
   color: #cdcfce;
}

#call-me-back-request-form button {
    background: #88af18;
}

#call-me-back-request-form .validation-advice {
    padding: 10px 0 0 5px;
}

#call-me-back-request .trigger-button {
    display: block;
    cursor: pointer;
    color: #fff;
    font-size: 28px;
    position: relative;
    padding-right: 24px;
}

#call-me-back-request .trigger-button:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 8px 7px;
    border-color: transparent transparent #ffffff transparent;
}

#call-me-back-request .trigger-button.active:after {
    border-width: 8px 7px 0 7px;
    border-color: #ffffff transparent transparent transparent;
}

#call-me-back-request .block-content {
    display: none;
}

/* Refer a friend */
#referafriend{
    display:none;
    position: absolute;
    top:170px;
    left:50%;
    z-index:9999;
    width: 100%;
    max-width:600px;
    margin:0; /*0 0 0 -300px;*/
    /*background-color: #fff;*/
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
/*#referafriend[id]{
    position:fixed;
}*/
/*#referafriend h3 {margin-bottom: 20px;}*/
#referafriend h4 {padding: 4px 0;}
#referafriend .group-select {margin: 0;}

#referafriend-overlay{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5000;
    background-color:#000;
    -moz-opacity: 0.3;
    opacity:.30;
    filter: alpha(opacity=30);
}

#referafriend-overlay[id]{ /* IE6 and below Can't See This */
    position:fixed;
}

#referafriend.done #rafLoadMessage{
    display:none;
}
#referafriend.done #rafContent{
    display:block;
}
#referafriend.loading #rafContent{
    display:none;
}
#referafriend.loading #rafLoadMessage{
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
    display:block;
    background-color: #fff;
    width: 100px;
    padding: 10px;
    margin: 250px 0 0 120px;
}

.awraf-email-heading {
    font-weight:bold;
    margin-top:10px;
    display:block;
}

.referafriend-please-wait {
    padding-right:7px;
}
/*
#referafriend.done img{
    width:100%;
    height:100%;
}
*/
#raf-invite .group-select {
    border:1px solid #bbafa0;
    padding:22px 25px 12px 25px;
    background:#fff;
}

#referafriend-form ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#referafriend-form ul.messages {
    height: auto;
    margin-bottom: 2em;
}

#raf-invite .group-select li .input-box .input-text,#raf-invite .group-select li .input-box textarea {
    width:275px;
}

#raf-invite .buttons-set{
    border-top:1px solid #E4E4E4;
    clear:both;
    margin-top:4em;
    padding-top:8px;
    text-align:right;
}

#referafriend-cancel {
    color: #B0B5B5;
    float: left;
}

.form-button-alt#referafriend-button {
    background-color: #618499;
    border: 1px solid #406A83;
    padding:0 10px;
}

.form-button-alt#referafriend-button span {
    background: none;
    border: none;
}

#referafriend-form span.required {
    color: #EB340A;
}

.aw-raf-broadcastlink {
    width:100%;
    border:none;
    font-size:13px;
}

.aw-raf-broadcastlink-label {

    display:block;
    font-size:12px;
    font-weight:bold;
}

.aw-raf-manual-share-block {
    margin-top:15px;
    width:90%;
}

#widget {
    width: 100px!important;
    height:100px!important;
}

.awraf-social-share {
    height:30px;
}

.awraf-social-share a {
    display:block;
    width:40px;
    height:40px;
    float:left;
    border:none;
}

.raf-twitter-share {
    background: url('http://cdn.smappee.com/skin/frontend/smappee/default/images/aw_raf/share.jpg') no-repeat -146px -32px;
}

.raf-facebook-share {
    background: url('http://cdn.smappee.com/skin/frontend/smappee/default/images/aw_raf/share.jpg') no-repeat -266px -72px;
}

.raf-delicious-share {
    background: url('http://cdn.smappee.com/skin/frontend/smappee/default/images/aw_raf/share.jpg') no-repeat -264px -32px;
}

.raf-myspace-share {
    background:url('http://cdn.smappee.com/skin/frontend/smappee/default/images/aw_raf/share.jpg') no-repeat -145px -72px;
}

.awraf-balance-item {
    font-size:13px;
}

.aw-raf-table-wrapper {
    overflow-y: hidden;
    overflow-x: auto;
}

#referred-friends-table {
    font-size:13px;
}

.awraf-send-form textarea.validation-failed { background:#fff7f5 url(http://cdn.smappee.com/skin/frontend/smappee/default/images/bkg_input-failed.gif) 0 0 repeat-x !important; }
.awraf-send-form span.validation-passed,
.awraf-send-form div.validation-passed { background:url(http://cdn.smappee.com/skin/frontend/smappee/default/images/icon_ok.gif) 100% 14px no-repeat; padding-right:20px; }
.awraf-send-form span.validation-error,
.awraf-send-form div.validation-error { background:url(http://cdn.smappee.com/skin/frontend/smappee/default/images/icon_error.gif) 100% 14px no-repeat; padding-right:20px; }

.awraf-discount-coupon-form-100 .button {
    float:none!important;
    margin:5px 0 0 0!important;
}


.awraf-discount-coupon-form-100 .raf-maximum-discount {

    display:block;
    clear:both;
    margin-bottom:2px!important;

}

.awraf-discount-coupon-form-100 .buttons-set {

    margin-top:0!important;
}



/* PRO */
.cms-pro .main-container{
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}
.cms-pro .breadcrumbs{ display: none;}
.cms-pro .main{ margin-top: 0;}

.cms-pro .main-container img{ width: auto; max-width: 100%;}

.cms-pro .footer-container{ margin-top: 0;}

.cms-pro .messages{
    position: absolute;
    z-index: 99;
    max-width: 1100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.cms-pro .messages li ul{ padding: 0 40px;}

@media (max-width: 991px) {
    .cms-pro .content-container{ padding-left: 25px; padding-right: 25px;}
}

.cms-pro .main-container{ font-size: 20px;}
.cms-pro .main-container .slider-box{ font-size: 100%;}
.cms-pro .main-container h2{ font-size: 33px !important; /*2.1em !important;*/}
.cms-pro .main-container p{ font-size: 1em !important;}
.cms-pro .main-container #control ul{ font-size: 1em !important;}
.cms-pro .main-container #tech-specs p{ font-size: 0.9em !important;}
.cms-pro #smappee-pro a.button{ font-size: 1.6em !important;}
.cms-pro .main-container .button{ font-size: 1.6em !important;}

@media (max-width: 480px) {
    .cms-pro .main-container{ font-size: 16px;}
}
@media (max-width: 414px) {
    .cms-pro .main-container{ font-size: 14px;}
}
@media (max-width: 384px) {
    .cms-pro .main-container{ font-size: 13px;}
}
@media (max-width: 375px) {
    .cms-pro .main-container{ font-size: 12px;}
}
@media (max-width: 320px) {
    .cms-pro .main-container{ font-size: 10px;}
}


/*SmappeePro*/
.cms-pro #smappee-pro{
    background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/energy-monitoring.jpg) top left no-repeat;
    background-size: cover;
    padding-top: 88px;
    position: relative;
    z-index: 9;
}
.cms-pro #smappee-pro h1,
.cms-pro #smappee-pro h2,
.cms-pro #smappee-pro p{ color: #FFF;}

.cms-pro #smappee-pro h1{ font-weight: 300; font-size: 2.1em; /*42px;*/ margin-bottom: 0;}
.cms-pro #smappee-pro h2{ font-weight: 300; font-size: 42px; margin-bottom: 20px;}
.cms-pro #smappee-pro p{ font-weight: 300; font-size: 20px; max-width: 755px; margin: 0 auto;}
/*.cms-pro #smappee-pro p:first-of-type{ text-align: left;}*/

.cms-pro #smappee-pro a.button{
    color: #FFF;
    text-decoration: none;
    /*padding: 10px 30px;*/
    /*border-radius: 40px;*/
    border: 2px solid #FFF;
    display: inline-block;
    margin-top: 32px;
    margin-bottom: 190px;
    /*font-size: 32px;*/

    border-radius: 25px;
    padding: 10px 20px;
    font-size: 20px !important;
    font-weight: 400;
    line-height: 100%;
}

.cms-pro #smappee-pro a.button:hover{
  opacity: 0.75;
  background-color: transparent;
    -webkit-transition: none;
    transition: none;
}

@media (max-width: 550px) {
    .cms-pro #smappee-pro a.button{
        margin-bottom: 160px;
    }
}
@media (max-width: 450px) {
    .cms-pro #smappee-pro a.button{
        margin-bottom: 130px;
    }
}
@media (max-width: 400px) {
    .cms-pro #smappee-pro a.button{
        margin-bottom: 110px;
    }
}
@media (max-width: 350px) {
    .cms-pro #smappee-pro a.button{
        margin-bottom: 100px;
    }
}
@media (max-width: 320px) {
    .cms-pro #smappee-pro a.button{
        margin-bottom: 85px;
    }
}


.cms-pro #smappee-pro #smappee-pro-device{
    position: absolute;
    bottom: -52px;
    left: 50%;
    margin-left: -234px;
    text-align: center;

    /*left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
}
@media (max-width: 320px) {
    .cms-pro #smappee-pro #smappee-pro-device{
        bottom: -30px;
    }
}

@media (max-width: 767px) {

    .cms-pro #smappee-pro #smappee-pro-device{
        width: 80%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left:0;
        bottom: -40px;
    }

    .cms-pro #smappee-pro #smappee-pro-device img{
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
    }

}




/*RealTime*/
.cms-pro #real-time{
    position: relative;
    z-index: 8;
    background: #f3f4f4;
    padding-top: 51px;
    padding-bottom: 46px;
}

.cms-pro #real-time #wifi{
    height: 31px;
    line-height: 31px;
    margin-bottom: 25px;
}

.cms-pro #real-time h2{ font-size: 42px; margin-bottom: 20px;}
.cms-pro #real-time p{ font-weight: 300; font-size: 20px; max-width: 755px; margin: 0 auto; color:#19312a; text-align: left;}



/*Installation*/
.cms-pro #installation{ padding-top: 3.25em;/*65px;*/ padding-bottom: 2.6em;/*52px;*/}
.cms-pro #installation h2{ font-size: 42px; font-weight: 300; margin-bottom: 22px;}
.cms-pro #installation #install123{ margin-bottom: 30px;}

.cms-pro #installation #install123 i{ color: #97c21c; font-size: 65px; line-height: 65px; vertical-align: middle; margin-right: 0;}
.cms-pro #installation #install123 i:last-child{ margin-right: 0;}
.cms-pro #installation #install123 i.icon-dot{ font-size: 14px; line-height: 65px;}
.cms-pro #installation #install123 i.icon-one{ margin-right: -10px;}
.cms-pro #installation #install123 i.icon-two{ margin-right: -5px; margin-left: -5px;}
.cms-pro #installation #install123 i.icon-three{ margin-right: -5px; margin-left: -5px;}
.cms-pro #installation #install123 i.icon-cloud{ margin-left: 4px;}

.cms-pro #installation #install123 i.number-icon{ width: 65px; height: 65px; line-height: 65px;}
.cms-pro #installation #install123 i.icon-dot{ width: 14px; height: 14px; line-height: 14px; display: inline-block;}

    /* 123 anim */
    .cms-pro #installation #install123 span.dots{ width: 38px; display: inline-block;}

    .cms-pro #installation #install123 i.icon-dot{
        -webkit-animation: anim_dot 2s  infinite ease-in-out;
        -moz-animation: anim_dot 2s  infinite ease-in-out;
        -ms-animation: anim_dot 2s  infinite ease-in-out;
        animation: anim_dot 2s  infinite ease-in-out;

        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -o-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }
    .cms-pro #installation #install123 span:first-of-type i:first-child(2){
        -webkit-animation-delay: .2s;
        -moz-animation-delay: .2s;
        -ms-animation-delay: .2s;
        animation-delay: .2s;
    }
    .cms-pro #installation #install123 span:first-of-type i:nth-child(2){
        -webkit-animation-delay: .3s;
        -moz-animation-delay: .3s;
        -ms-animation-delay: .3s;
        animation-delay: .3s;
    }

    .cms-pro #installation #install123 span:nth-of-type(2) i:first-child{
        -webkit-animation-delay: .5s;
        -moz-animation-delay: .5s;
        -ms-animation-delay: .5s;
        animation-delay: .5s;
    }
    .cms-pro #installation #install123 span:nth-of-type(2) i:nth-child(2){
        -webkit-animation-delay: .7s;
        -moz-animation-delay: .7s;
        -ms-animation-delay: .7s;
        animation-delay: .7s;
    }

    .cms-pro #installation #install123 span:nth-of-type(3) i:first-child{
        -webkit-animation-delay: .9s;
        -moz-animation-delay: .9s;
        -ms-animation-delay: .9s;
        animation-delay: .9s;
    }
    .cms-pro #installation #install123 span:nth-of-type(3) i:nth-child(2){
        -webkit-animation-delay: 1.1s;
        -moz-animation-delay: 1.1s;
        -ms-animation-delay: 1.1s;
        animation-delay: 1.1s;
    }

    @keyframes "anim_dot" {
        0% { font-size: 10px;}
        12% { font-size: 14px;}
        30% { font-size: 10px;}
        50% { font-size: 10px;}
        100% { font-size: 10px;}
    }
    @-moz-keyframes anim_dot {
        0% { font-size: 10px;}
        12% { font-size: 14px;}
        30% { font-size: 10px;}
        50% { font-size: 10px;}
        100% { font-size: 10px;}
    }

    @-webkit-keyframes "anim_dot" {
        0% { font-size: 10px;}
        12% { font-size: 14px;}
        30% { font-size: 10px;}
        50% { font-size: 10px;}
        100% { font-size: 10px;}
    }

    @-ms-keyframes "anim_dot" {
        0% { font-size: 10px;}
        12% { font-size: 14px;}
        30% { font-size: 10px;}
        50% { font-size: 10px;}
        100% { font-size: 10px;}
    }

.cms-pro #installation p{ font-weight: 300; font-size: 20px; max-width: 755px; margin: 0 auto; color:#19312a; text-align: left;}

@media (max-width: 480px) {
    .cms-pro #installation{ padding-top: 3.25em; padding-bottom: 3.25em;}
    .cms-pro #installation #install123{ letter-spacing: 4px; margin-bottom: 1em;}
    .cms-pro #installation #install123 i.number-icon{ font-size:34px; width: 65px; height: 65px; line-height: 65px;}
    .cms-pro #installation #install123 i.icon-dot{ width: 8px; height: 14px; line-height: 14px;}
    .cms-pro #installation #install123 span.dots{ width: 28px;}
    .cms-pro #installation #install123 span.dots i{ float: left; line-height: 20px; margin: 0 3px;}

    .cms-pro #installation #install123 i.icon-one{ margin-right: -13px;}
    .cms-pro #installation #install123 i.icon-two{ margin-right: -11px; margin-left: -12px;}
    .cms-pro #installation #install123 i.icon-three{ margin-right: -11px; margin-left: -12px;}
    .cms-pro #installation #install123 i.icon-cloud{ margin-left: -3px;}

    @keyframes "anim_dot" {
        0% { font-size: 8px;}
        12% { font-size: 10px;}
        30% { font-size: 8px;}
        50% { font-size: 8px;}
        100% { font-size: 8px;}
    }

    @-moz-keyframes anim_dot {
        0% { font-size: 8px;}
        12% { font-size: 10px;}
        30% { font-size: 8px;}
        50% { font-size: 8px;}
        100% { font-size: 8px;}
    }

    @-webkit-keyframes "anim_dot" {
        0% { font-size: 8px;}
        12% { font-size: 10px;}
        30% { font-size: 8px;}
        50% { font-size: 8px;}
        100% { font-size: 8px;}
    }

    @-ms-keyframes "anim_dot" {
        0% { font-size: 8px;}
        12% { font-size: 10px;}
        30% { font-size: 8px;}
        50% { font-size: 8px;}
        100% { font-size: 8px;}
    }
}





/*IngeniousTech*/
.cms-pro #tech{ position: relative; background: #f3f4f4; padding: 50px 0;}
.cms-pro #tech h2{ font-size: 42px; font-weight: 300; margin-bottom: 22px; text-align: left;}
.cms-pro #tech p{ font-weight: 300; font-size: 20px; max-width: 455px; margin: 0 auto; color:#19312a; text-align: left;}
.cms-pro #tech .content-container{ max-width: 930px;}
.cms-pro #tech .image{ margin-right: 40px; /*60px;*/}

@media (max-width: 991px) {
    .cms-pro #tech .content{ width: 50%; margin: 0; margin-left: 6%;}
    .cms-pro #tech .image{ width: 44%; margin: 0;}
}
@media (max-width: 767px) {
    .cms-pro #tech .content{ width: 100%; margin: 0;}
    .cms-pro #tech .image{ width: 100%; margin: 0;}
    .cms-pro #tech h2{ text-align: center; margin-top: 12px;}
    .cms-pro #tech p{ max-width: 100%;}
}



/*Insight*/
.cms-pro #insight{ position: relative; padding: 2.5em 0 0 0;/*50px 0 0 0;*/}
.cms-pro #insight .content-container{ background: url(/media/wysiwyg/pro/phones-US.jpg) bottom right no-repeat; background-position: 100% -10%; background-size: 55% auto; padding-bottom: 50px;}
.cms-pro #insight .content-container.cur-eu{ background: url(/media/wysiwyg/pro/phones-EU.jpg) bottom right no-repeat; background-position: 100% -10%; background-size: 55% auto;}
.cms-pro #insight h2{ /*font-size: 42px;*/ font-weight: 300; margin-bottom: 22px; text-align: left;}
.cms-pro #insight p{ font-weight: 300; /*font-size: 20px;*/ max-width: 455px; margin: 0 auto; color:#19312a; text-align: left;}
.cms-pro #insight .image{ display: none;}
.cms-pro #insight .content{margin-left:8.333333333333%; width: 41.666666666665%; margin-top: 40px; margin-bottom: 35px;}

@media (max-width: 1199px) {
    .cms-pro #insight p{ margin: 0;}
    .cms-pro #insight .content{margin-left:3.333333333333%; width: 46.666666666665%;}
}
@media (max-width: 991px) {
    .cms-pro #insight .content-container,
    .cms-pro #insight .content-container.cur-eu{ background: none; background-image: none;}
    .cms-pro #insight .content{ margin-left:0; width: 50%;}
    .cms-pro #insight .image{ display: block; width: 50%;}
    .cms-pro #insight .image img{ margin-top: 60px; }
}
@media (max-width: 767px) {
    .cms-pro #insight .content-container{ padding-bottom:0;}
    .cms-pro #insight .content{ margin-left:0; width: 100%;}
    .cms-pro #insight .image{ width: 100%;}
    .cms-pro #insight h2{ text-align: center;}
    .cms-pro #insight p{ max-width: 100%;}
    .cms-pro #insight .image img{ margin-top: 20px; }
}


/*Control*/
.cms-pro #control{ position: relative; background: #f3f4f4; padding: 3.5em 0;}
.cms-pro #control .image,
.cms-pro #control .content{ width: 50%; box-sizing: border-box;}
.cms-pro #control .image{ padding-right: 10px;}
.cms-pro #control .content{ padding-left: 10px;}
.cms-pro #control h2{ /*font-size: 42px;*/ font-weight: 300; margin-bottom: 22px; text-align: left;}
.cms-pro #control p{ font-weight: 300; /*font-size: 20px;*/ margin: 0 auto; color:#19312a; text-align: left;}
.cms-pro #control ul{ font-weight: 300; /*font-size: 20px;*/ margin: 0 auto; color:#19312a; text-align: left; padding-left: 17px;}
.cms-pro #control ul li:first-child{ position: relative;}
.cms-pro #control ul li:first-child:after{ content:" "; display: block; width: 100%; height: 20px; position: absolute; bottom: 0; background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/gray-gradient.png) top left repeat-x;}
.cms-pro #control ul li.full-show:after{ display: none;}
.cms-pro #control a.readmore-control{ color: #97c21c; text-decoration: underline; text-transform: capitalize; position: relative; z-index: 2;}
.cms-pro #control a.readmore-control:hover{ color: #97c21c; text-decoration: none;}
.cms-pro #control li.hide{ display: none;}

@media (max-width: 767px) {
    .cms-pro #control .content{ margin-left:0; width: 100%; padding-left: 0;}
    .cms-pro #control .image{ width: 100%; padding-right: 0;}
    .cms-pro #control h2{ text-align: center; margin-top: 20px;}
    .cms-pro #control p{ max-width: 100%;}
}



/*Solar*/
.cms-pro #solar{ position: relative; padding: 2.5em 0;}
.cms-pro #solar #solar-icon{ margin-bottom: 20px;}
.cms-pro #solar #solar-icon i{ color: #97c21c; font-size: 81px; line-height: 81px; vertical-align: middle; /*margin-right: 20px;*/}
.cms-pro #solar #solar-icon i:last-child{ margin-right: 0;}
.cms-pro #solar #solar-icon i.icon-heart{ font-size: 44px; line-height: 81px; margin: 0; width: 100%; text-align: center; display: inline-block;}
.cms-pro #solar #solar-icon #heart-container{ display: inline-block; width: 64px; text-align: center; margin-left: 5px; margin-right: 12px;}
.cms-pro #solar h2{ /*font-size: 42px;*/ font-weight: 300; margin-bottom: 22px; text-align: center;}
.cms-pro #solar p{ font-weight: 300; font-size: 20px; max-width: 755px; margin: 0 auto; color:#19312a; text-align: left;}

@media (max-width: 767px) {
    .cms-pro #solar h2{ margin-bottom: 12px;}
    .cms-pro #solar #solar-icon i{ font-size: 3.2em;/*64px;*/ line-height: 100%;/*64px;*/ margin-right: 0;/*15px;*/}
    .cms-pro #solar #solar-icon i.icon-heart{ font-size: 1.6em;/*32px;*/ line-height: 100%;/*32px;*/ margin-right: 0;/*17px;*/}
    .cms-pro #solar #solar-icon #heart-container{ width: 36px; margin-left: 0;/*5px;*/ margin-right: 4px; /*12px;*/}
}

    /*Heart anim*/
    .cms-pro #solar #solar-icon i.icon-heart {
        -webkit-animation: pulse2 1s linear infinite;
        -moz-animation: pulse2 1s linear infinite;
        -ms-animation: pulse2 1s linear infinite;
        animation: pulse2 1s linear infinite;
    }

    @keyframes "pulse2" {
     0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
     }
     50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
     }
     100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
     }

    }

    @-moz-keyframes pulse2 {
     0% {
       -moz-transform: scale(1.1);
       transform: scale(1.1);
     }
     50% {
       -moz-transform: scale(0.8);
       transform: scale(0.8);
     }
     100% {
       -moz-transform: scale(1);
       transform: scale(1);
     }

    }

    @-webkit-keyframes "pulse2" {
     0% {
       -webkit-transform: scale(1.1);
       transform: scale(1.1);
     }
     50% {
       -webkit-transform: scale(0.8);
       transform: scale(0.8);
     }
     100% {
       -webkit-transform: scale(1);
       transform: scale(1);
     }

    }

    @-ms-keyframes "pulse2" {
     0% {
       -ms-transform: scale(1.1);
       transform: scale(1.1);
     }
     50% {
       -ms-transform: scale(0.8);
       transform: scale(0.8);
     }
     100% {
       -ms-transform: scale(1);
       transform: scale(1);
     }

    }





/*TechSpecs*/
.cms-pro #tech-specs{ position: relative; background: #f3f4f4; padding: 2.5em 0; /*50px 0;*/}
.cms-pro #tech-specs h2{ /*font-size: 42px;*/ font-weight: 300; margin-bottom: 10px; /*22px;*/ text-align: center;}
.cms-pro #tech-specs p{ font-weight: 300; font-size: 0.8em;/*16px;*/ margin: 0 auto; color:#9da1a0; text-align: center;}
.cms-pro #tech-specs p strong{ font-weight: 600;}

@media (max-width: 767px) {
    .cms-pro #tech-specs h2{ margin-bottom: 15px;}
}



/*Orderform*/
.cms-pro #order{
    background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/form-bg.jpg) top left no-repeat;
    background-size: cover;
    padding: 4em 0;
}
.cms-pro #order h2{ /*font-size: 42px;*/ font-weight: 300; margin-bottom: 25px; text-align: center; color: #FFF;}

.cms-pro #order #contact-form-container{ max-width: 740px; margin: 0 auto; background: #f3f4f4; border-radius: 20px; position: relative; padding-bottom:1.25em;/*25px;*/}

.cms-pro #order #contact-form-container button{ border-radius: 40px; position: absolute; bottom: -1em;/*-38px;*/
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cms-pro #order #contactForm{ padding: 25px 25px 1.25em 25px;}
.cms-pro #order #contactForm ul{ list-style: none; margin: 0; padding:0;}
.cms-pro #order #contactForm li.fields{ width: 100%; box-sizing: border-box; margin-bottom: 10px;}
.cms-pro #order #contactForm li.fields:first-child .field{ width: 100%; padding-right: 0 !important;}
.cms-pro #order #contactForm li.fields .field{ width: 50%; float: left; box-sizing: border-box;}
.cms-pro #order #contactForm li.fields .field:first-child{ padding-right:10px;}
.cms-pro #order #contactForm li.fields .field:nth-child(2){ padding-left:10px;}
.cms-pro #order #contactForm label{ display: none;}
.cms-pro #order #contactForm input{
    width: 100%;
    border-radius: 6px;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
    font-size: 0.9em; /*18px;*/
    padding: 13px 13px 13px 50px;
    box-sizing: border-box;
}
.cms-pro #order #contactForm input::-webkit-input-placeholder {
   color: #8c9894;
}
.cms-pro #order #contactForm input:-moz-placeholder { /* Firefox 18- */
   color: #8c9894;
}
.cms-pro #order #contactForm input::-moz-placeholder {  /* Firefox 19+ */
   color: #8c9894;
}
.cms-pro #order #contactForm input:-ms-input-placeholder {
   color: #8c9894;
}

.cms-pro #order #contactForm select::-webkit-input-placeholder {
   color: #8c9894;
}
.cms-pro #order #contactForm select:-moz-placeholder { /* Firefox 18- */
   color: #8c9894;
}
.cms-pro #order #contactForm select::-moz-placeholder {  /* Firefox 19+ */
   color: #8c9894;
}
.cms-pro #order #contactForm select:-ms-input-placeholder {
   color: #8c9894;
}

.cms-pro #order #contactForm .select-wrapper{
    position: relative;
    width: 100%;
    height: 44px;
    /*margin-top: 10px;*/
    border-radius: 6px;
    overflow: hidden;
    background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/select-arrow.png) no-repeat 95% center #FFF;
    border: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
}
.cms-pro #order #contactForm select{
    position: absolute;
    top: 0;
    left: 0;
    width: 115%; /*100%;*/
    background: transparent;
    /*width: 268px;*/
    padding: 5px 13px 5px 50px;
    font-size: 0.9em; /*18px;*/
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 44px;
    -webkit-appearance: none;
    color: #8c9894;
}
.cms-pro #order #contactForm div.radio-wrap{ width: 50%; position: relative; float: left; margin: 20px 0 0 0;}
.cms-pro #order #contactForm div.radio-wrap label{ display: block; font-size: 0.9em;/*18px;*/ text-align: left; padding-left: 40px;}
.cms-pro #order #contactForm div.radio-wrap input{
    position: absolute;
    left: 0;
    margin: 0;
}
.cms-pro #order #contactForm .radio-wrap .radio-replaced{
    top: -16px;
    left: 0;
    width: 32px;
    height: 44px;
    background-image: url('http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/radio_button_large.png');
    background-position: 0 5px;
}
.cms-pro #order #contactForm .radio-wrap input.radio:checked + .radio-replaced{
    background-position: 0 47px;
}


.cms-pro #order #contact-info{ max-width: 740px; margin: 0 auto; background: #19312a; border-radius: 20px; position: relative; padding: 14px 0 12px 0; margin-top: 3em;/*60px;*/ color: #FFF; font-size: 0.9em; text-align: center;}
.cms-pro #order #contact-info a{ text-decoration: none; color: #FFF;}
.cms-pro #order #contact-info a:hover{ text-decoration: underline;}
.cms-pro .slider-box #contact-info p{ margin: 0; color: #FFF;}

.cms-pro form .validation-advice{ text-align: left; margin-top: 4px;}


.cms-pro #order #contactForm #name{ background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/icon-name.png) 17px center no-repeat #FFF;}
.cms-pro #order #contactForm #company{ background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/icon-company.png) 17px center no-repeat #FFF;}
.cms-pro #order #contactForm #telephone{ background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/icon-phone.png) 17px center no-repeat #FFF;}
.cms-pro #order #contactForm #country{ background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/icon-location.png) 17px center no-repeat transparent;}
.cms-pro #order #contactForm #email{ background: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/icon-email.png) 17px center no-repeat #FFF;}

.cms-pro #order #contactForm select:focus,
.cms-pro #order #contactForm input:focus{ outline: none;}


@media (max-width: 767px) {
    .cms-pro #order h2{ margin-bottom: 20px;}
    .cms-pro #order #contact-form-container li.fields{ margin-bottom: 0;}
    .cms-pro #order #contact-form-container li.fields .field{ width: 100%; margin-bottom: 10px;}
    .cms-pro #order #contact-form-container li.fields .field:first-child{ padding-right: 0;}
    .cms-pro #order #contact-form-container li.fields .field:last-child{ padding-left: 0;}

    .cms-pro #order #contact-form-container button{ white-space: nowrap;}

    .cms-pro #order #contact-info{
        margin-left: 25px;
        margin-right: 25px;
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 4em;
    }

}



/* GAS WATER */
.cms-werking.page-gas-water-monitor .slider-box0 li > div{ height: 605px;}
.cms-werking.page-gas-water-monitor .bx-wrapper #slider0 li > div{ background-position: top center;}
.cms-werking.page-gas-water-monitor .bx-wrapper #slider0 li:first-child > div{ background-position: top center;}

/*.cms-werking.page-gas-water-monitor .slider-box0 .slider-text > p{ text-align: left;}*/

.cms-werking.page-gas-water-monitor .slider-box0 .smappee-device{ bottom: -270px;}
@media (min-width: 360px) {
  .cms-werking.page-gas-water-monitor .slider-box0 .smappee-device{ bottom: -250px;}
}
@media (min-width: 440px) {
  .cms-werking.page-gas-water-monitor .slider-box0 .smappee-device{ bottom: -220px;}
}
@media (min-width: 480px) {
  .cms-werking.page-gas-water-monitor .slider-box0 .smappee-device{ bottom: -200px;}
}
@media (min-width: 540px) {
  .cms-werking.page-gas-water-monitor .slider-box0 .smappee-device{ bottom: -180px;}
}
@media (min-width: 600px) {
  .cms-werking.page-gas-water-monitor .slider-box0 .smappee-device{ bottom: -160px;}
}

.cms-werking.page-gas-water-monitor .slider-box0{ margin-bottom: 150px;}



.cms-werking.page-gas-water-monitor .box.box-allinone .forty{ text-align: center;}
.cms-werking.page-gas-water-monitor .box.box-allinone{ padding-bottom: 50px;}
.cms-werking.page-gas-water-monitor .box.box-allinone img{ width: 100%; max-width: 220px;}
.cms-werking.page-gas-water-monitor .box.box-allinone div{ box-sizing: border-box;}
@media (min-width: 768px) {
  .cms-werking.page-gas-water-monitor .box.box-allinone{ padding-bottom: 70px;}

  .cms-werking.page-gas-water-monitor .box.box-allinone img{ max-width: 265px;}

  .cms-werking.page-gas-water-monitor .box.box-allinone .align-left{ text-align: right;}

  .cms-werking.page-gas-water-monitor .box.box-allinone .align-right{ margin-top: 0; padding-left: 30px;}
  .cms-werking.page-gas-water-monitor .box.box-allinone .align-right h2,
  .cms-werking.page-gas-water-monitor .box.box-allinone .align-right p{ text-align: left;}

  .cms-werking.page-gas-water-monitor .box.box-allinone .align-right h2{ line-height: 125%; margin-top: 10px;}
}



.cms-werking.page-gas-water-monitor .box5 h2{ margin-top: 20px;}



.cms-werking.page-gas-water-monitor .box3{ padding-top: 50px; padding-bottom: 50px;}
.cms-werking.page-gas-water-monitor .box3 .align-right{ margin-top: 30px;}
.cms-werking.page-gas-water-monitor .box3 .forty{ text-align: center;}
.cms-werking.page-gas-water-monitor .box3 img{ width: 100%; max-width: 240px;}
.cms-werking.page-gas-water-monitor .box3 div{ box-sizing: border-box;}
@media (min-width: 768px) {
  .cms-werking.page-gas-water-monitor .box3{ padding-top: 50px; padding-bottom: 50px;}

  .cms-werking.page-gas-water-monitor .box3 img{ max-width: 220px;}

  .cms-werking.page-gas-water-monitor .box3 .align-left{ text-align: right;}

  .cms-werking.page-gas-water-monitor .box3 .align-right{ margin-top: 0; padding-left: 30px; margin-bottom: 0;}
  .cms-werking.page-gas-water-monitor .box3 .align-right h2,
  .cms-werking.page-gas-water-monitor .box3 .align-right p{ text-align: left;}

  .cms-werking.page-gas-water-monitor .box3 .align-right h2{ line-height: 125%; margin-top: 5px;}
}



.cms-werking.page-gas-water-monitor .box1{ padding-top: 50px; padding-bottom: 40px;}
.cms-werking.page-gas-water-monitor .box1 .align-right{ text-align: center;}
@media (min-width: 768px) {
  .cms-werking.page-gas-water-monitor .box1{ padding-top: 50px; padding-bottom: 50px;}

  .cms-werking.page-gas-water-monitor .box1 div{ box-sizing: border-box;}
  .cms-werking.page-gas-water-monitor .box1 .align-left{
    text-align: left;
    position: absolute;
    width: 50%;
  }

  .cms-werking.page-gas-water-monitor .box1 .align-right{
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 60%;
  }

  .cms-werking.page-gas-water-monitor .box1 .align-left h2{ margin-top: 0;}
}
@media (min-width: 992px) {
  .cms-werking.page-gas-water-monitor .box1 .align-left{
    width: 45%;
    max-width: 485px;
    padding-top: 60px;
    padding-left: 50px;
  }
}




@media (min-width: 768px) {
  .cms-werking.page-gas-water-monitor .box5 h2,
  .cms-werking.page-gas-water-monitor .box5 p{
    text-align: left;
    max-width: 100%;
  }
  .cms-werking.page-gas-water-monitor .box5 h2{
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .cms-werking.page-gas-water-monitor .box5 h2,
  .cms-werking.page-gas-water-monitor .box5 p{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .cms-werking.page-gas-water-monitor .box5 h2{
    margin-top: 30px;
  }
}


/* Storytelling pages buy button */
.slider-box0 .links > li a.buy-btn-slider {
    background-color: #99C031;
    border-color: #99C031;
    color: #FFF;
    text-decoration: none;
    /* font-size: 16px;
    font-weight: 400; */
}
.slider-box0 .links > li a.buy-btn-slider:hover,
.slider-box0 .links > li a.buy-btn-slider:focus {
    background-color: #7fa32f;
    color: #FFF;
    border-color: #7fa32f;
    opacity: 1;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}





/* MOBILE GENERAL */
.header,
.inner-lang-acc-menu,
.footer,
.main-container{ width: 100%; max-width: 1100px; }

.content-container{ width: 100%; max-width: 1100px; margin: 0 auto;}

.global-site-notice{ width: 45%; opacity: 0.9;}

@media (max-width: 991px) {
    .hidden-sm{ display: none;}
}
@media (max-width: 767px) {
    .hidden-xs{ display: none;}
}

body:not(.landing):not(.cms-pro):not(.cms-werking) .main-container .col-main{
    padding: 0 25px;
}
@media (max-width: 991px) {
    body{
        background: #FFF;
    }
}



/* MOBILE PAGE EXCEPTIONS */
.cms-pro .main-container,
.cms-index-index .main-container,
.cms-werking .main-container{ width: 100%; max-width: 100%;}

@media (max-width: 991px) {
    .cms-pro .main-container{
        margin-top: 0;
    }
}


/* HEADER MOBILE */
#mobile-menu{ display: none;}
#mobile-menu-button{ display: none;}

@media (min-width: 992px) {#mobile-menu{ display: none !important;}}

@media (max-width: 1199px) {

    .header-container .header,
    .header-container .lang-acc-menu{ padding-left: 10px; padding-right: 10px; box-sizing: border-box;}

    body.cms-page-view.cms-pro .header-container{ border-bottom: 0;}

    #continent-country-list{ right: 0;}

}

@media (max-width: 991px) {

    iframe[name="google_conversion_frame"]{ display: none;}

    .header-container > .lang-acc-menu{ display: none;}

    .header-container{
        padding-left: 25px;
        padding-right: 25px;
        position: relative;
    }

    .header-container .header,
    .header-container .lang-acc-menu{ padding: 0;}

    .header-container .header{ height: 100%; position: relative;}
    .header-container .header:before, .header-container .header:after {
      content: " ";
      display: table;
    }
    .header-container .header:after{ clear: both;}

    .header-container .header a.logo{ width: 60%; max-width: 400px;}
    .header-container .header a.logo img{ width: auto; max-width: 100%; margin: 30px 0;}

    #mobile-menu-button{
        display: block;
        width: 40%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
    }

    .header-container .header .mainmenu{ display: none;}

    #mob-menu-toggle{ float: right; cursor: pointer;}
    #mob-menu-toggle.open span{ display: none;}
    #mob-menu-toggle.open{ background: url('http://cdn.smappee.com/skin/frontend/smappee/default/images/pro/close-icon.png') center center no-repeat; background-size: contain; width: 35px;/*40px;*/ height: 30px;/*35px;*/}
    #mob-menu-toggle span{ border-radius: 2px; background: #b1b9b7;
        /*height: 7px; width: 40px; margin-bottom: 7px;*/
        height: 5px;
        width: 35px;
        margin-bottom: 5px;
        display: block;}
    #mob-menu-toggle span:last-child{ margin-bottom: 0;}

    #mobile-menu{ width: 100%; clear: both; border-top: 1px solid #aaa6a3;}
    #mobile-menu .lang-acc-menu .inner-lang-acc-menu{ width: 100%; display: block;}
    #mobile-menu .lang-acc-menu ul.links{ float: none; display: block;}
    #mobile-menu .lang-acc-menu ul.links li{ text-align: center; float: none; margin: 0;}
    #mobile-menu .lang-acc-menu ul.links li a{ line-height: 240%; display: block; font-weight: 400;}
    /*#mobile-menu .lang-acc-menu ul.links li#partnersLink + li{ float: left; width: 50%; padding-right: 14px; text-align: right; position: relative;}
    #mobile-menu .lang-acc-menu ul.links li#partnersLink + li:after{ position: absolute; margin: 0 4px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}*/
    #mobile-menu .lang-acc-menu ul.links li.last{ text-align: left; float: left; width: 50%; clear: right;}

    #mobile-menu .lang-acc-menu ul.links li:nth-last-child(2){ float: left; width: 50%; padding-right: 14px; text-align: right; position: relative;}
    #mobile-menu .lang-acc-menu ul.links li:nth-last-child(2):after{ position: absolute; margin: 0 4px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}


    #mobile-menu .lang-acc-menu .cart-link{ float: none; display: block; width: 100%; text-align: center; margin: 0; line-height: 240%; font-weight: 400;}

    #mobile-menu .lang-acc-menu .cart-link .cart-count{ position: relative; display: inline-block; right: auto; left: auto; bottom: auto; line-height: 14px; margin-left: 5px;}

    #mobile-menu .lang-acc-menu .form-language{ float: none; display: block; width: 100%; text-align: center; margin: 0; line-height: 240%; font-weight: 400;}

    #mobile-menu #continent-country-list-wrapper:hover #continent-country-list { display: block; /*none !important;*/ }
    #mobile-menu #continent-country-list-wrapper img{ margin-top: 6px;}

    #continent-country-list { right: 0; left: 0; width: 100%;}

    #current-country:after {
        top: 13px;
        right: auto;
        margin-left: 4px;
    }

    #mobile-menu .mainmenumobile ul{ list-style: none; padding: 0; display: block; text-align: center; margin: 0; background: #FFF;}
    #mobile-menu .mainmenumobile ul li{ border-top: 1px solid #f3f4f4;}
    #mobile-menu .mainmenumobile ul li a{ display: block; text-decoration: none; font-size: 1em; line-height: 350%;/*400%;*/ font-weight: 400;}
    #mobile-menu .mainmenumobile ul li a.buy-link{ display: inline; border-radius: 20px; background: #FFF; /*#97c21b;*/ border:2px solid #8b9795; color: #8b9795; padding: 10px 20px; font-weight: 300;}
    #mobile-menu .mainmenumobile ul li > span{ display: none;}

}

@media (max-width: 414px) {
    #mob-menu-toggle span{
        height: 5px;
        width: 35px;
        margin-bottom: 5px;
    }
}
@media (max-width: 320px) {
    #mob-menu-toggle span{
        height: 4px;
        width: 30px;
        margin-bottom: 4px;
    }
}

/*
Mobile header changes
*/
@media (max-width: 991px) {
    .header-container .header a.logo{
      width: 30%;
    }
    #mobile-menu-button{
      width: auto;
    }
    .header-container .header .mobile-buy-link{
      background: #8fc73e;
      color: #FFF;
      border: 2px solid #8fc73e;
      border-radius: 20px;
      padding: 5px 20px 4px 20px;
      margin-top: -1px;
      line-height: 140%;
      font-weight: 400;
      text-decoration: none;
      padding: 5px 15px; /* 10px 20px; */
      /* font-weight: 300;
      font-size: 1em; */

      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);

      margin-left: 0;
      margin-right: 0;
      right: 55px;
    }
}

@media (min-width: 992px){

  .header-container .header .mobile-buy-link{
    display: none;
  }

}




/* FOOTER MOBILE */
.footer-container .footer-extras img{ width: auto; max-width: 100%;}
.footer-container .mobile-block{ display: none;}

@media (max-width: 1199px) {

    .footer-container .footer{
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;

        /*padding-bottom: 80px;*/
        position: relative;
    }
    .footer-container .footer .block{
        /*width: 155px;*/
        width: 14.38%; /*15%;*/
        margin-left: 0; /*2%;*/
    }
    .footer-container .footer .block.thirdblock{
        width: 18.85%;
    }
    .footer-container .footer .block-social{

        bottom: 0;
        width: 18%;
        /*margin: 0;*/

    }
    .footer-container .footer .block-subscribe{
        width: auto;
    }

}


@media (max-width: 991px) {
    *{box-sizing: border-box;}

    .footer-container .footer{ padding-bottom: 0; margin: 25px 0 30px 0;}

    .footer-container .footer-extras,
    .footer-container .block{ display: none;}

    .footer-container .footer .block-subscribe{ box-sizing: border-box; width: 100%; display: block; clear: both; float: none; margin: 0 auto;}
    .footer-container .block-subscribe input{ width: 100%;}
    .footer-container .block-subscribe .form-subscribe-header,
    .footer-container .block-subscribe .block-content p{ display: none;}
    .footer-container .block-subscribe button{ top: 10px;}

    .footer-container .footer .block-social{ position: relative; display: block; clear: both; margin: 0 auto 10px auto; width: 100%; text-align: center;}
    .footer-container .footer .block-social h4{ display: none;}
    .footer-container .footer .block-social ul{ display: inline-block; margin: 0; float: none;}
    .footer-container .footer .block-social ul li{ display: inline-block; float: none;}

    .footer-container .mobile-block{ display: block; width: 80%; text-align: center; margin: 0 auto 20px auto;}
    .footer-container .mobile-block ul{ display: inline-block; width: auto; float: none; margin: 0;}
    .footer-container .mobile-block li{ display: inline-block; margin: 0 12px; line-height: 30px;}
    .footer-container .mobile-block li a{ font-size: 16px; font-weight: 400;}
}
@media (max-width: 560px) {
    html[lang="nl"] .footer-container .mobile-block ul{ max-width: 326px;}
}
@media (max-width: 640px) {
    html[lang="fr"] .footer-container .mobile-block ul{ max-width: 326px;}
}
@media (max-width: 520px) {
    html[lang="en"] .footer-container .mobile-block ul{ max-width: 280px;}
}
@media (max-width: 580px) {
    html[lang="de"] .footer-container .mobile-block ul{ max-width: 300px;}
}






/* COOKIE NOTICE */
.cookienotice-bar .cookienotice-content{ width: 100%;}
.cookienotice-bar-bottom { box-sizing:border-box; }






/* LANDING PAGES */
/* */

/* General stuff */
.landing .main-container{ max-width: 100%; margin-top: 0;}
.landing .landing-main-container{ width: 100%;}
.landing .footer-container{ margin-top: 0;}

.landing .darkfader{
    position: fixed;
    z-index: 99999;
    top: 0; bottom: 0; left: 0; right:0;
    background: #000;
    opacity: 0.75;
    width: 100%;
    height: 100%;
    display: none;
}

.landing .main-container .hidden-mobile{
    display: none;
}
.landing .main-container img{
    display: block;
    max-width: 100%;
    height: auto;
}
.landing .main-container *{
    box-sizing: border-box;
}

.landing .main-container .container{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px;

}
.landing .main-container h1{
    text-align: center;
    font-size: 33px;
}
@media (max-width: 991px) {
    .landing .main-container h1{
        font-size: 20px;
    }
}
.landing .main-container a.button{
    color: #FFFFFF;
    background: #97c21c;
    text-decoration: none;
    border-radius: 50px;
    /* padding: 0.4em 1em 0.3em; */
    text-align: center;
    margin: 0 auto;
    display: inline-block;

    font-size: 1.25em; /* 36px; */
    padding: 10px 20px;
}

@media (max-width: 991px) {
    .landing .main-container a.button{
        font-size: 1.10em;
    }
}

.landing .main-container a.sub-button{
    color: #8e9a97;
    border: 2px solid #8e9a97;
    background: transparent;
    text-decoration: none;
    border-radius: 50px;
    padding: 0.4em 1em 0.3em;
    text-align: center;
    margin: 0 auto;
    display: inline-block;

    font-size: 1.25em; /* 36px; */
}

.landing .main-container a.link{
    color: #8e9a97;
    text-decoration: underline;
}


.landing .main-container .cta{
    text-align: center;
    margin-top: 1.5em;
}

.landing .main-container .relative{
    position: relative;
}

.landing .main-container .center-center{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}



/* First slide */
.landing .begin-slide-container .slide-content,
.landing .begin-slide-container .slide-image{
    width: 100%;
    float: left;
}

.landing .begin-slide-container .slide-image img{
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.landing .begin-slide-container .slide-content h1,
.landing .begin-slide-container .slide-content h2{
    text-align: center;
    margin: 0 auto;
}

.landing .begin-slide-container .slide-content h2{
    font-size: 24px;
}

.landing .begin-slide-container .slide-content p.or{ margin: 0.5em auto;}

.landing .begin-slide-container .slide-content .video-link-container{
    margin: 0 auto 2em auto;
    color: #8e9a97;
}
.landing .begin-slide-container .slide-content .video-link-container .icon-video{
    position: relative;

    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.landing .begin-slide-container .slide-content .video-link-container .icon-video:before{
    position: absolute;
    left: 6px;
    top: 2px;
}

.landing .begin-slide-container .video-modal{
    display: none;

    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    z-index: 999999;
}

.landing .begin-slide-container .video-modal .iframe-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 51%;
}
.landing .begin-slide-container .video-modal .iframe-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.landing .begin-slide-container .video-modal .icon-close{
    position: absolute;
    top: -10px;
    right: -10px;
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background: #000;
    padding: 5px;
}

.landing-main-container *{ box-sizing: border-box;}

/* USP list container */
.landing-main-container .usp-list-container{
    background: #97c21c;
    color: #FFF;
}
.landing-main-container .usp-list-container h2{
    text-align: center;
}
.landing-main-container .usp-list-container ul{
    width: 85%; /* 100%; */
    padding:0 0 0 30px;
    margin: 2em auto; /* 2em 0; */
}
.landing-main-container .usp-list-container ul li{
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 0.75em;
}
.landing-main-container .usp-list-container ul li:before{
    display: block;
    font-family: 'icomoon';
    font-size: 1em;
    content: "\e80a";
    color: #FFF;
    position: absolute;
    left: -25px;
    width: 25px;
    height: 25px;
    line-height: 100%;
}

/* USP icon container */
.landing-main-container .usp-icon-container{
    background: #f3f4f4;
    color: #19312a;
}
.landing-main-container .usp-icon-container h2{
    font-size: 33px;
    text-align: center;
}
.landing-main-container .usp-icon-container .item{
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 15px;
}
.landing-main-container .usp-icon-container .item:nth-child(odd){
    clear: left;
    padding-right: 15px;
}
.landing-main-container .usp-icon-container .item:nth-child(even){
    clear: right;
    padding-left: 15px;
}
.landing-main-container .usp-icon-container .item .icon:before{
    color: #97c21c;
    font-size: 7em; /* 9.6875em; */ /*155px;*/
}
.landing-main-container .usp-icon-container .item p{
    font-family: 'DINPro';
    font-size: 1em;
    line-height: 120%;
}

/* Testimonials */
.landing-main-container .testimonial-container h2{
    font-size: 33px;
    text-align: center;
}

.landing-main-container .testimonial-container .testimonial-caroussel{
    width: 84%;
    margin: 0 auto;
}

.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item{ display: none;}
.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item.active{ display: block;}

.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item .testimonial-image{
    width: 100%;
    float: left;
    padding: 1em 0;
    text-align: center;
}
@media(max-width: 991px){
  .landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item .testimonial-image{
    max-width: 300px;
    margin: 0 auto;
    float: none;
  }
}



.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item .testimonial-image img{
    /*border-radius: 50%;*/
   /* width: 100%; 60%;*/
    max-width: 100%; /*200px;*/
    margin: 0 auto;
    max-height: 102px;
}

.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item blockquote{
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 1em 40px;
    text-align: center;
}
.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item blockquote:before{
    font-family: 'icomoon';
    /*font-size: 20px;*/
    content: "\e805";
    color: #8e9a97;
    margin-right: 7px;
}
.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item blockquote:after{
    font-family: 'icomoon';
    /*font-size: 20px;*/
    content: "\e806";
    color: #8e9a97;
    margin-left: 7px;
}
.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item blockquote a{
  text-decoration: none;
}
.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item small{
    font-size: 1em;
    color: #8e9a97;
    display: inline-block;
}
.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item small a{
    color: #8e9a97;
    text-decoration: none;
}



.landing-main-container .testimonial-container .testimonial-nav{
    width: auto;
    margin: 1em auto 2em auto;
    text-align: center;
}
.landing-main-container .testimonial-container .testimonial-nav a{
    border-radius: 50%;
    background: #FFF; /*#F3F4F4;*/
    margin-right: 7px;
    width: 15px;
    height: 15px;
    text-decoration: none;
    display: inline-block;
    outline: 0 !important;
}
.landing-main-container .testimonial-container .testimonial-nav a:last-child{
    margin-right: 0;
}
.landing-main-container .testimonial-container .testimonial-nav a.active,
.landing-main-container .testimonial-container .testimonial-nav a:hover{
    background: #97c21c;
}

.landing-main-container .testimonial-container .slide-content > a.link{
    display: block;
    color: #8e9a97;
    margin: 0 auto 2em auto;
    text-align: center;
}

.bg-white .landing-main-container .testimonial-container .testimonial-nav a,
.cms-index-index .landing-main-container .testimonial-container .testimonial-nav a{ background: #F3F4F4;}
.bg-white .landing-main-container .testimonial-container .testimonial-nav a.active,
.bg-white .landing-main-container .testimonial-container .testimonial-nav a:hover,
.cms-index-index .landing-main-container .testimonial-container .testimonial-nav a.active,
.cms-index-index .landing-main-container .testimonial-container .testimonial-nav a:hover{ background: #97c21c;}



/* End slide container */
.landing-main-container .end-slide-container .bg{
    min-height: 400px;
}
.landing-main-container .end-slide-container h2{
    font-size: 33px;
    color: #FFF;
    text-align: center;
}

.landing-main-container .end-slide-container p{
    color: #FFF;
}

.landing-main-container .end-slide-container .slide-content > div{
    width: 100%;
    padding: 0 15px;
    text-align: center;
}




/* LANDING PAGES - DESKTOP */
@media (min-width: 991px) {

    /* General stuff */
    .landing .main-container{ margin-top: 134px;}

    .landing .main-container .hidden-mobile{ display: block;}

    /*.landing .main-container a.button{
        font-size: 28px;
    }*/


    /* Begin slide container */
    .landing .begin-slide-container .slide-content{
        width: 55%;
        float: left;
        padding: 0 15px;
    }
    .landing .begin-slide-container .slide-image{
        width: 45%;
        float: left;
        padding: 0; /*0 15px;*/
    }
    .landing .begin-slide-container .slide-image{
        max-width: 100%;
    }



    /* USP list container */
    .landing-main-container .usp-list-container ul{
        width: 50%;
        padding-right: 0;
        margin: 2em auto;
    }



    /* USP icon container */
    .landing-main-container .usp-icon-container .item{
        width: 16.66666666666667%;
        padding: 0 15px;
    }
    .landing-main-container .usp-icon-container .item:nth-child(odd),
    .landing-main-container .usp-icon-container .item:nth-child(even){
        clear: none;
    }
    .landing-main-container .usp-icon-container .item p{
        font-size: 1em;
    }


    /* TESTIMONIAL CONTAINER */
    /*.landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item {
      min-height: 220px;
    }*/
    .landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item .testimonial-image{
        width: 20%; max-width: 200px;
    }
    .landing-main-container .testimonial-container .testimonial-caroussel .testimonial-item blockquote{
        width: 80%;
    }


}




/* FAQ */
body[class*="faq-index-"] .page-title h1{ /*margin-top: 0;*/ display: none;}

body[class*="faq-index-"] #expand-collaps{ display: none;}

body[class*="faq-index-"] .faq-listdata-table{ width: 100%;}

body[class*="faq-index-"] .faq-listdata-table .faq-question{ cursor: pointer;}

body[class*="faq-index-"] .faq-listdata-table .faq-question td{ padding: 5px 0 5px 10px; position: relative;}

body[class*="faq-index-"] .faq #searchform input{
    width: 100%; /*250px;*/
    font-size: 14px;
    border-radius: 5px;
    padding: 11px 10px 8px 10px;
    color: #a2aca9;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 5px;
    border: 1px solid #f3f4f4;
    -webkit-box-shadow: inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
    -moz-box-shadow: inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
    box-shadow: inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
}
body[class*="faq-index-"] .faq #searchform button{
    border: none;
    color: white;
    margin-left: 0;
    background-color: #19312a;
    border-radius: 5px;
    padding: 11px 10px 8px 10px;
    font-size: 14px;
    font-family: DINpro;
    font-weight: 300;
}

body[class*="faq-index-"] .faq #searchform input:focus,
body[class*="faq-index-"] .faq #searchform button:focus{
    outline: 0;
}

body[class*="faq-index-"] .main-container .col-main{ width: 100%; padding: 0 25px; box-sizing: border-box; margin: 0 0 30px 0;}
body[class*="faq-index-"] .col2-right-layout .col-right{ width: 100%; padding: 0 25px; box-sizing: border-box; margin: 0 0 30px 0;}

body[class*="faq-index-"] .col-right .video iframe{ border: 0; display: inherit;}
body[class*="faq-index-"] .col-right .video .iframe-container{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
}
body[class*="faq-index-"] .col-right .video .iframe-container iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0; top: 0;
}

body[class*="faq-index-"] .main-container .col-main .faq,
body[class*="faq-index-"] .main-container .col-main .faq-frequent-container{
    margin-bottom: 50px;
}

body[class*="faq-index-"] .main-container .col-main .faq-container{ margin-top: 35px;}

body[class*="faq-index-"] .main-container .col-main .faq-container dl.faq-list{ margin: 0;}
body[class*="faq-index-"] .main-container .col-main .faq-container dl.faq-list dt h3{
    margin: 15px 0;
    border-top: 1px solid #e1e6e4;
    border-bottom: 1px solid #e1e6e4;
}
body[class*="faq-index-"] .main-container .col-main .faq-container dl.faq-list dt h3 a{
    text-decoration: none;
}
body[class*="faq-index-"] .main-container .col-main .faq-container dl.faq-list dd{ margin-left: 0;}

body[class*="faq-index-"] .faq-listdata-table .faq-question td strong{ text-decoration: none; color: #8c9894; font-size: 16px; font-weight: 300;}
body[class*="faq-index-"] .faq-listdata-table .faq-question td strong.open{ color: #19312a; font-weight: 600;}
body[class*="faq-index-"] .faq-listdata-table .faq-answer td{ padding: 0 0 5px 10px;}
body[class*="faq-index-"] .faq-listdata-table .faq-answer td p{ margin-top: 0;}


body[class*="faq-index-"] .cta-container{
    background: #f3f4f4;
    padding: 27px;
    border-radius: 5px;
    margin-top: 20px;
}
body[class*="faq-index-"] .cta-container h2{ margin-top: 0; font-size: 17px; font-weight: 300; margin-bottom: 10px;}
body[class*="faq-index-"] .cta-container a.button{
    border: none;
    color: white;
    margin-left: 0;
    background-color: #97c21c; /*#19312a;*/
    border-radius: 5px;
    padding: 11px 10px 8px 10px;
    font-size: 14px;
    font-family: DINpro;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
}
body[class*="faq-index-"] .cta-container p:last-child{ margin-bottom: 0;}

body[class*="faq-index-"] a.more-faq{ display: none;}




@media(min-width: 991px){
    body[class*="faq-index-"] .main-container.col2-right-layout .main .col-main{ float: left; padding: 0 50px 0 0; width: 70%;}
    body[class*="faq-index-"] .col2-right-layout .col-right{ float: left; width: 30%; position: relative; padding:0;}

    body[class*="faq-index-"] .faq #searchform input{
        width: 410px;
        font-size: 14px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    body[class*="faq-index-"] .faq #searchform button{
        margin-left: -12px;
    }
}



/* OVER ONS */
@media(max-width: 560px){
    .cms-over-ons .col-main .std img{
         width: auto; max-width: 100%; float: none !important; display: block; margin: 5px auto;
    }
}




/* TESTIMONIALS - REVIEWS */
.baldwin-extendedblog-index-index.testimonials-reviews .col1-layout .col-main{ width: 100%;}
.testimonials-reviews #blog-container{ margin: 12px 0;}
.testimonials-reviews #blog-container .blogpostlist .galcolumn{ /*width: 100% !important; padding-left: 0 !important;*/}

.testimonials-reviews #blog-container .item.testimonial{ background: #96c21c; color: #FFF;}
.testimonials-reviews #blog-container .item.testimonial a{ color: #FFF;}
.testimonials-reviews #blog-container .item.review{ background: #f3f4f4;}

.testimonials-reviews #blog-container .item{ padding: 30px 24px; border-bottom: 0;}
.testimonials-reviews #blog-container .item img{ max-width: 100% !important; width: auto !important; height: auto !important;}
.testimonials-reviews #blog-container .item .post-link{ width: 100%; text-align: center;}
.testimonials-reviews #blog-container .item .post-link a{ font-size: 12px;}
.testimonials-reviews #blog-container .item .post-link a:hover{ text-decoration: none;}
.testimonials-reviews #blog-container .item .postContent p:first-child{ margin-top: 0;}


@media(min-width: 768px){
    .testimonials-reviews #blog-container{ margin: 12px -20px;}
}



/* HIDE ADD THIS POPUP */
#at-cv-lightbox{
  display: none;
}

/* YOTPO review button */
.yotpo .yotpo-testimonials-btn{ font-weight: 400;}



/* NEWSLETTER SUBSCRIBE FORM ON CMS PAGES */
.cms-page-view .main .block-subscribe{ display: block; margin-bottom: 30px;}

.cms-page-view .main .block-subscribe:before,
.cms-page-view .main .block-subscribe:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cms-page-view .main .block-subscribe:after {
    clear: both;
}
.cms-page-view .main .block-subscribe{
    *zoom: 1;
}


.cms-page-view .main .block-subscribe .form-subscribe-header{ display: none;}
.cms-page-view .main .block-subscribe .input-box { float: left; }
.cms-page-view .main .block-subscribe .actions { float: left;}
.cms-page-view .main .block-subscribe input {
    width: 190px;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 11px 10px 8px 10px;
    color: #a2aca9;
    font-weight: 300;
    border: 1px solid #D0D6D4;
    -webkit-box-shadow: inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
    -moz-box-shadow:    inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
    box-shadow:         inset 0px 3px 0px 0px rgba(208, 214, 212, 1);
}
@media(min-width: 480px){
  .cms-page-view .main .block-subscribe input{
    width: 220px;
  }
}
.cms-page-view .main .block-subscribe button {
    border:none;
    color: white;
    right: 5px;
    background-color: #19312a;
    border-radius: 5px;
    padding: 11px 10px 8px 10px;
    font-size: 14px;
    font-family: DINpro;
    font-weight: 300;
    height: 35px;
    margin-left: -2px;

}
.cms-page-view .main .block-subscribe button .fs1 { line-height: 26px; }

.cms-page-view .main #advice-validate-email-newsletter{
    position: absolute;
    left: 0;
    text-align: left;
    padding: 5px 25px;
}






/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



/* TEMP DISABLE DEMO NOTICE */
.global-site-notice.demo-notice{ display: none;}

.zoomPad{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}


/*.zoomPreload{
  display: none;
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(http://cdn.smappee.com/skin/frontend/smappee/default/images/loader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}*/


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	/*border:1px solid #999;*/
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#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{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(http://cdn.smappee.com/skin/frontend/smappee/default/images/colorbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(http://cdn.smappee.com/skin/frontend/smappee/default/images/colorbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(http://cdn.smappee.com/skin/frontend/smappee/default/images/colorbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(http://cdn.smappee.com/skin/frontend/smappee/default/images/colorbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(http://cdn.smappee.com/skin/frontend/smappee/default/images/colorbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(http://cdn.smappee.com/skin/frontend/smappee/default/images/colorbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(http://cdn.smappee.com/skin/frontend/smappee/default/images/colorbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(http://cdn.smappee.com/skin/frontend/smappee/default/images/colorbox/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(http://cdn.smappee.com/skin/frontend/smappee/default/images/colorbox/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}