/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *        user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}
/**
 * Remove default margin.
 */
body {
    margin: 0;
}
/* HTML5 display definitions
     ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}
/* Links
     ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}
/* Text-level semantics
     ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}
/**
 * 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;
}
/* Embedded content
     ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}
/* Grouping content
     ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
/* Forms
     ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *        Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}
/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**
 * 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 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}
/* Tables
     ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
img {
    border: none;
}
a {
    text-decoration: none;
    color: #77a7b9;
}
a:hover {
    text-decoration: underline;
}
a:active {
    background-color: transparent;
}
figure {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
    font-size: 62.5%;
}
html body {
    color: #252525;
    background: #ffffff;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6;
    position: relative;
}
html body #wrapper {
    position: relative;
}
#nav {
    border-color: #77a7b9;
    border-width: 1px 0;
    border-style: solid;
    background: #ffffff;
    display: none;
    text-transform: uppercase;
    clear: both;
    height: 42px;
}
#nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#nav a {
    padding: 6px 40px 6px 40px;
    display: block;
    color: #252525;
    background: #ffffff;
    position: relative;
    line-height: 1.7;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    font-size: 18px;
    font-size: 1.8rem;
}
#nav a .caret {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    width: 40px;
    z-index: 101;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
#nav a .caret:before {
    position: absolute;
    top: 13px;
    right: 11px;
}
#nav a:hover,
#nav a:focus,
#nav li.active-drop a {
    text-decoration: none;
}
#nav > ul > li > a:hover,
#nav > ul > li > a:focus,
#nav > ul > li.active-drop > a:hover,
#nav > ul > li.active-drop > a:focus {
    background: #6b97a7;
    color: #ffffff;
}
#nav > ul > li.active.active-drop > a,
#nav > ul > li.active.active-drop > a:hover,
#nav > ul > li.active.active-drop > a:focus {
    background: #6b97a7;
    color: #ffffff;
}
#nav > ul > li.active a {
    background: #77a7b9;
    color: #ffffff;
}
#nav > ul > li.active-drop a {
    background: #77a7b9;
    color: #ffffff;
}
#nav > ul > li.active-drop ul li a:hover,
#nav > ul > li.active-drop ul li a:focus {
    background: #6b97a7;
    color: #ffffff;
}
#nav > ul > li.active.active-drop ul li a {
    background: #77a7b9;
    color: #ffffff;
}
#nav > ul > li.active.active-drop ul li a:hover,
#nav > ul > li.active.active-drop ul li a:focus {
    background: #6b97a7;
    color: #ffffff;
}
#nav > ul > li {
    float: left;
    position: relative;
}
#nav > ul > li > a .caret {
    opacity: 0.2;
}
#nav > ul > li > ul {
    width: 220px;
    position: absolute;
    left: 0;
    display: none;
}
#nav > ul > li > ul > li ul {
    display: none;
}
#nav > ul > li > ul a {
    border-bottom: 1px solid #9ccadb;
}
#nav > ul > li > ul a .caret {
    border-left: 1px solid #9ccadb;
}
#nav > ul > li > ul > li:last-child a {
    border-bottom: none;
}
#nav > ul > li > ul > li > a {
    padding: 6px 20px 6px 20px;
}
#nav > ul > li > ul > li > a.dropdown-toggle {
    padding: 6px 38px 6px 20px;
}
#nav > ul > li > ul > li > ul > li > a {
    padding: 6px 20px 6px 30px;
    font-size: 15px;
}
#nav > ul > li > ul > li > ul > li > a.dropdown-toggle {
    padding: 6px 38px 6px 30px;
    font-size: 15px;
}
#nav > ul > li > ul > li > ul > li > ul > li > a {
    padding: 6px 20px 6px 40px;
    font-size: 14px;
}
#nav > ul > li > ul > li > ul > li > ul > li > a.dropdown-toggle {
    padding: 6px 38px 6px 40px;
    font-size: 14px;
}
#nav > ul > li.dropdown.mega-menu,
#nav > ul li.dropdown.mega-menu.active.active-drop {
    position: static;
}
#nav > ul > li.dropdown.mega-menu ul,
#nav > ul li.dropdown.mega-menu.active.active-drop ul {
    background: #6b97a7;
}
#nav > ul > li.dropdown.mega-menu.active-drop ul {
    background: #77a7b9;
}
#nav > ul > li.dropdown.mega-menu > ul {
    width: 100%;
}
#nav > ul > li.dropdown.mega-menu > ul > li {
    float: left;
    width: 154px;
    margin: 0 3px;
}
#nav > ul > li.dropdown.mega-menu > ul > li:last-child a {
    border-bottom: 1px solid #9ccadb;
}
#nav > ul > li.dropdown.mega-menu > ul > li a .caret {
    display: none;
}
#nav > ul > li.dropdown.mega-menu > ul > li ul {
    display: block !important;
}
#nav > ul > li.dropdown.mega-menu > ul > li ul a {
    font-size: 14px;
    padding: 6px 15px 6px 25px;
}
#nav > ul > li.dropdown.mega-menu > ul > li ul ul a {
    padding: 6px 15px 6px 35px;
}
#nav > ul > li.dropdown.mega-menu > ul > li ul ul ul a {
    padding: 6px 15px 6px 45px;
}
#nav > ul > li.dropdown.mega-menu > ul > li ul ul ul ul {
    display: none !important;
}
/* Drop down menu */
.main-menu-holder {
    position: relative;
}
.support-menu-holder {
    margin: 0 auto;
    padding: 9px 0 5px;
    font-size: 16px;
    line-height: 19px;
}
.support-menu-inner-wrap {
    position: relative;
}
.support-menu {
    display: none;
}
.support-menu ul:first-child {
    padding-right: 31px;
}
.support-menu ul {
    float: left;
    list-style: none;
    padding: 0 0 2px 27px;
    border-right: 1px solid #6b97a7;
    margin: 0;
}
.support-menu ul:first-child li:first-child {
    padding: 0;
}
.support-menu ul:first-child li {
    padding: 0 0 0 31px;
}
.support-menu ul li {
    float: left;
    padding: 1px 32px 0 0;
}
.support-menu a {
    color: #404040;
}
/* Mobile navigation */
.mobile-navigation {
    position: absolute;
    width: 220px;
    right: -220px;
    height: 0;
    background: #464646;
    border-left: 1px solid #000;
    overflow-x: hidden;
    padding: 0;
    -webkit-box-shadow: inset 2px 0 5px #000000;
    -moz-box-shadow: inset 2px 0 5px #000000;
    box-shadow: inset 2px 0 5px #000000;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
.mobile-navigation #nav-mobile {
    margin: 0 0 0 5px;
}
.mobile-navigation #nav-mobile ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mobile-navigation #nav-mobile ul li ul {
    display: none;
}
.mobile-navigation #nav-mobile ul li a {
    padding: 10px 20px;
    margin: 0 0 0 -3px;
    display: block;
    border-bottom: 1px solid #252525;
    background: #464646;
    color: #ccc;
    position: relative;
}
.mobile-navigation #nav-mobile ul li a .caret {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    border-left: 1px solid #282828;
    border-right: 1px solid #282828;
    z-index: 101;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
.mobile-navigation #nav-mobile ul li a .caret.fa-chevron-down:before {
    position: absolute;
    top: 13px;
    left: 11px;
}
.mobile-navigation #nav-mobile ul li a .caret.fa-chevron-up:before {
    position: absolute;
    top: 13px;
    left: 11px;
}
.mobile-navigation #nav-mobile ul ul li a {
    padding: 10px 35px;
    background: #3c3c3c;
}
.mobile-navigation #nav-mobile ul ul li ul li a {
    padding: 10px 50px;
    background: #333232;
}
.mobile-navigation #nav-mobile ul ul li ul li ul li a {
    padding: 10px 65px;
    background: #282828;
}
/* Move content to the left when mobile menu is open */
.mobile-nav-active #wrapper {
    left: -220px;
}
.mobile-nav-active .mobile-navigation {
    top: 0;
    right: 0;
    bottom: 0;
    height: auto;
}
/* Mobile menu toggle button */
.menu-toggle-container {
    padding-bottom: 10px;
}
.menu-toggle-container .menu-toggle {
    display: block;
    float: right;
    background: #77a7b9;
    padding: 5px 5px 2px 5px;
    color: #FFFFFF;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1.3em;
}
#header {
    padding: 36px 0px 20px;
    position: relative;
    z-index: 101;
}
#header .layout-container {
    position: relative;
    padding: 36px 10px 0px;
}
.logo {
    font-size: 36px;
    line-height: 36px;
    font-weight: normal;
    padding: 0;
    display: block;
    float: left;
}
.logo a {
    color: #252525;
    text-decoration: none;
    text-transform: uppercase;
}
.logo span {
    font-size: 24px;
}
.logo-image-wrapper .logo-image {
    display: inline-block;
}
.logo-image-wrapper .logo-image img {
    max-width: 100%;
}
.social {
    border: none;
    float: right;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #77a7b9;
}
.social .social-holder {
    overflow: hidden;
}
.social .social-network {
    list-style: none;
    padding: 0;
    margin: 7px 0 0 0;
    display: none;
}
.social .social-network li {
    float: left;
    padding: 0 0 0 10px;
}
.social .social-network li a {
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    display: block;
    width: 22px;
    height: 22px;
    background: #FFF;
    border-radius: 11px;
}
.social .social-network li a:before {
    position: absolute;
    font-size: 15px;
}
.social .social-network li a.twitter:before {
    top: 4px;
    left: 10003px;
}
.social .social-network li a.facebook:before {
    top: 4px;
    left: 10006px;
}
.social .social-network li a.linkedin:before {
    top: 4px;
    left: 10004px;
}
.social form.search input[type="text"]::-webkit-input-placeholder,
.social form.search input[type="url"]::-webkit-input-placeholder {
    color: #ffffff;
}
.social form.search input[type="text"]:-moz-placeholder,
.social form.search input[type="url"]:-moz-placeholder {
    color: #ffffff;
}
.social form.search input[type="text"]::-moz-placeholder,
.social form.search input[type="url"]::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}
.social form.search input[type="text"]:-ms-input-placeholder,
.social form.search input[type="url"]:-ms-input-placeholder {
    color: #ffffff;
}
.support-menu-holder {
    float: right;
}
form.search {
    float: right;
    width: auto;
    padding: 0 0 0 20px;
}
form.search .row {
    background: #6b97a7;
    overflow: hidden;
    padding: 0 11px;
    width: 91%;
    position: relative;
}
form.search .focus {
    border: 1px solid #9ecaed !important;
    box-shadow: 0 0 10px #9ecaed !important;
}
form.search input[type="text"],
form.search input[type="url"] {
    outline: none !important;
    box-shadow: none !important;
    background: none;
    border: none;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    float: left;
    padding: 8px 0;
    height: 20px;
    width: 81%;
}
form.search input[type="text"]::-webkit-input-placeholder,
form.search input[type="url"]::-webkit-input-placeholder {
    color: #252525;
}
form.search input[type="text"]:-moz-placeholder,
form.search input[type="url"]:-moz-placeholder {
    color: #252525;
}
form.search input[type="text"]::-moz-placeholder,
form.search input[type="url"]::-moz-placeholder {
    color: #252525;
    opacity: 1;
}
form.search input[type="text"]:-ms-input-placeholder,
form.search input[type="url"]:-ms-input-placeholder {
    color: #252525;
}
form.search input[type="submit"] {
    background: url("../../../idium/Jesse/assets/img/bg-search.png") no-repeat 0 0;
    float: right;
    padding: 0;
    width: 18px;
    height: 17px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    border: none;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 103;
    opacity: .5;
    margin: 10px 12px 0 0;
}
form.search input[type="submit"]:hover {
    background-position: -18px 0;
}
form#search div.row {
    border: 1px solid #6b97a7;
    width: 89%;
    margin: 1px;
}
/**
 *  Set outline on form elements with important because some plugins disable outline
 */
input:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 10px #9ecaed !important;
    outline: 1px solid #9ecaed !important;
}
/* form.search */
h1 {
    font-size: 28px;
    font-size: 2.8rem;
    color: #252525;
    margin: 0 0 1px;
    font-weight: normal;
}
h2 {
    font-size: 26px;
    font-size: 2.6rem;
    color: #252525;
    margin: 0 0 1px;
    font-weight: normal;
}
h3 {
    font-size: 24px;
    font-size: 2.4rem;
    color: #252525;
    margin: 0 0 4px;
    font-weight: normal;
}
h4 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #252525;
    margin: 0 0 2px;
    font-weight: normal;
}
h5 {
    font-size: 20px;
    font-size: 2rem;
    color: #252525;
    margin: 0 0 2px;
    font-weight: normal;
}
h6 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #252525;
    margin: 0 0 2px;
    font-weight: normal;
}
#content.idium-no-sidebar {
    float: none;
    width: 100%;
}
#middle {
    padding: 9px 10px 39px;
}
#middle .content-wrapper {
    position: relative;
    padding: 0;
    clear: both;
}
#middle .content-wrapper #content {
    padding: 35px 0 38px;
}
.page #middle .content-wrapper #content,
.single #middle .content-wrapper #content {
    padding: 20px 0 38px;
}
/* article list and article header */
h1.title {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.5;
    padding: 18px 0;
    margin: 0;
}
article .intro {
    padding: 0 0 7px;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}
article .intro p {
    margin: 0;
}
article .header {
    padding: 0 0 10px;
    margin: 0 0 30px 0;
}
article .header img {
    display: block;
    width: 100%;
}
article .header .metadata {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
article img {
    max-width: 100%;
    height: auto;
}
article .alignleft {
    float: left;
    width: auto;
    padding: 4px 9px 0 0;
    margin: 0 12px 0 0;
}
article .alignright {
    float: right;
    padding: 4px 0 0 9px;
    margin: 0 0 0 12px;
}
article .aligncenter {
    display: block;
    margin: 0 auto;
}
article .wp-caption {
    border: 1px solid #eaeaea;
    padding: 5px;
    background: #f7f7f7;
}
article .author,
article .category {
    font-style: italic;
    display: block;
}
article .author .date {
    display: inline-block;
    margin: 0 5px;
}
article blockquote {
    border-left: 5px solid #77a7b9;
    padding: 0 0 0 20px;
    font-style: italic;
}
article .description .date {
    display: block;
    font-size: 14px;
    padding: 0 0 3px;
    color: #333333;
}
article .read-more {
    display: inline;
    color: #77a7b9;
}
article .read-more:before {
    content: "\00a0";
}
article .read-more:hover {
    color: #77a7b9;
    text-decoration: underline;
}
.article-holder article h1 {
    font-size: 26px;
    font-size: 2.6rem;
}
.pagination,
.woocommerce-pagination {
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.pagination ul,
.woocommerce-pagination ul {
    padding: 0;
}
.pagination ul li:before,
.woocommerce-pagination ul li:before {
    content: '';
    margin: 0;
}
.pagination ul li,
.woocommerce-pagination ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 6px;
}
.pagination ul li a,
.woocommerce-pagination ul li a {
    color: #252525;
}
.pagination ul li a:hover,
.woocommerce-pagination ul li a:hover {
    text-decoration: none;
    color: #77a7b9;
}
.pagination ul li span.current,
.woocommerce-pagination ul li span.current {
    color: #77a7b9;
}
.inner h1.title {
    padding: 0 0 25px;
}
.list h1.title {
    padding: 0 0 18px;
}
#content p {
    margin: 0 0 18px;
}
/* Comments */
ol.commentlist {
    list-style: none;
    padding: 0;
    margin: 0 0 13px 0;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
ol.commentlist li {
    padding: 15px;
}
ol.commentlist li:nth-child(2n+1) {
    background: #EEE;
}
ol.commentlist li:before {
    content: '';
    float: none;
    width: 0;
    margin: 0;
}
ol.commentlist .comment-author img {
    margin-right: 15px;
}
ol.commentlist .children > .comment {
    padding: 15px;
    background: transparent;
    border-left: 2px solid #252525;
    margin: 0 0 20px 0;
}
ol.commentlist ul {
    list-style: none;
    padding: 6px 0 26px;
    margin: 0;
}
ol.commentlist ul li {
    padding: 0;
}
/* General Forms */
input,
textarea,
select {
    vertical-align: middle;
    color: #252525;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
input[type=text],
input[type=email],
input[type=password],
input[type=file],
textarea,
input[type=submit],
input[type=url] {
    -webkit-appearance: none;
}
/* Forms in content and footer */
#content input[type="button"],
#footer input[type="button"],
#content input[type="submit"],
#footer input[type="submit"] {
    background: #77a7b9;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    border: none;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
#content textarea,
#footer textarea,
#content input[type="text"],
#footer input[type="text"],
#content input[type="email"],
#footer input[type="email"],
#content input[type="password"],
#footer input[type="password"],
#content input[type="url"],
#footer input[type="url"] {
    color: #252525;
    background: #f7f7f7;
    border: solid 1px #dedede;
    width: 100%;
    padding: 8px 12px 11px;
    -webkit-box-shadow: inset 0 -3px #dedede;
    -moz-box-shadow: inset 0 -3px #dedede;
    box-shadow: inset 0 -3px #dedede;
    font-size: 15px;
    font-size: 1.5rem;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
#footer label {
    color: #ffffff;
}
#footer input[type=submit] {
    background: #dedede;
    color: #252525;
}
#footer .gform_wrapper label {
    color: #ffffff;
}
#footer .gform_wrapper li:after {
    display: none !important;
}
.gform_wrapper {
    padding: 0;
    clear: both;
}
.gform_wrapper .gf_progressbar,
.gform_wrapper .gf_progressbar_wrapper {
    width: 100%;
}
.gform_wrapper select {
    color: #252525;
    background: #f7f7f7;
    border: solid 1px #dedede;
    padding: 8px 12px 11px;
    height: 41px !important;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 -3px #dedede;
    -moz-box-shadow: inset 0 -3px #dedede;
    box-shadow: inset 0 -3px #dedede;
}
.gform_wrapper .top_label select.large {
    width: 100%;
}
.gform_wrapper select[multiple="multiple"] {
    height: auto !important;
}
.gform_wrapper h5 {
    color: #252525;
    margin: 0 0 22px;
}
.gform_wrapper .ginput_container {
    padding: 0 0 15px;
}
.gform_wrapper li {
    border: none;
    padding: 5px 0!important;
}
.gform_wrapper .gform_page_footer,
.gform_wrapper .gsection {
    margin: 0;
}
.gform_wrapper .gform_footer {
    padding-top: 5px;
    margin-top: 5px;
}
.gform_wrapper label {
    display: block;
    margin: 8px 1px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
.gform_wrapper .gfield_radio li input {
    margin-left: 1px;
}
.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gform_wrapper .gfield_radio li label {
    margin: 0 0 0 024px;
}
.gform_wrapper input[type="text"],
.gform_wrapper .gform_wrapper textarea {
    font-size: 14px;
    font-size: 1.4rem;
}
.gform_wrapper input[type="submit"] {
    font-size: 14px;
    font-size: 1.4rem;
}
.gform_wrapper input[type="text"]::-webkit-input-placeholder,
.gform_wrapper input[type="email"]::-webkit-input-placeholder {
    color: #737373;
}
.gform_wrapper input[type="text"]:-moz-placeholder,
.gform_wrapper input[type="email"]:-moz-placeholder {
    color: #737373;
}
.gform_wrapper input[type="text"]::-moz-placeholder,
.gform_wrapper input[type="email"]::-moz-placeholder {
    color: #252525;
    opacity: 1;
}
.gform_wrapper input[type="text"]:-ms-input-placeholder,
.gform_wrapper input[type="email"]:-ms-input-placeholder {
    color: #737373;
}
.gform_wrapper .ginput_complex .ginput_full input[type=text],
.gform_wrapper .ginput_complex .ginput_full input[type=url],
.gform_wrapper .ginput_complex .ginput_full input[type=email],
.gform_wrapper .ginput_complex .ginput_full input[type=tel],
.gform_wrapper .ginput_complex .ginput_full input[type=number],
.gform_wrapper .ginput_complex .ginput_full input[type=password] {
    width: 100% !important;
}
.gform_wrapper .ginput_complex .ginput_right input[type=text],
.gform_wrapper .ginput_complex .ginput_right input[type=url],
.gform_wrapper .ginput_complex .ginput_right input[type=email],
.gform_wrapper .ginput_complex .ginput_right input[type=tel],
.gform_wrapper .ginput_complex .ginput_right input[type=number],
.gform_wrapper .ginput_complex .ginput_right input[type=password],
.gform_wrapper .ginput_complex .ginput_right select {
    width: 100% !important;
}
.hide-line {
    background: #fff;
    height: 80px;
    display: none;
    position: absolute;
    right: 235px;
    bottom: 0;
    z-index: 100;
    width: 10px;
}
#sidebar .widget {
    overflow: hidden;
    padding: 0 0 29px;
    line-height: 26px;
}
#sidebar .widget .widget-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 0 8px;
    padding: 0 0 8px;
    border-bottom: 1px solid #eaeaea;
}
#sidebar .widget_tag_cloud .widget-title {
    margin: 0 0 15px;
}
#sidebar form.search {
    overflow: hidden;
    float: none;
    padding: 0 0 30px;
    width: 100%;
}
#sidebar form.search .row {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    background: #f7f7f7;
    width: 100%;
    padding: 0 11px;
    border: 1px solid #dedede;
}
#sidebar form.search input[type="text"] {
    color: #252525;
    width: 87%;
    outline: none;
}
#sidebar form.search input[type="submit"] {
    margin: 9px 8px 0 0;
}
#sidebar form.search input[type="submit"]:hover {
    background-position: -18px 0;
}
#sidebar ul {
    padding: 0;
    overflow: hidden;
    line-height: 20px;
}
#sidebar ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 11px 20px 8px;
    margin: 0;
}
#sidebar ul ul {
    margin: 11px -12px 0;
    border-top: 1px solid #eaeaea;
}
#sidebar ul ul ul {
    margin: 11px -6px 0;
}
#sidebar ul ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
#sidebar ul ul li:before {
    content: '›';
    color: #252525;
    margin: 0 3px 0 0;
}
#sidebar a {
    color: #252525;
}
#sidebar ul ul li a {
    color: #252525;
    text-decoration: none;
}
#sidebar ul li a:hover {
    text-decoration: underline;
}
#sidebar ul ul li a:hover,
#sidebar ul ul li:hover:before,
#sidebar ul ul li.active a,
#sidebar ul ul li.active:before {
    color: #77a7b9;
}
#sidebar .tagcloud {
    padding: 0 0 33px;
}
#sidebar .tagcloud a {
    float: left;
    margin: 0 3px 3px 0;
    font-size: 16px;
    line-height: 19px;
    display: block;
    padding: 7px 12px 7px;
    background: #77a7b9;
    color: #fff;
}
#footer {
    clear: both;
    background: #77a7b9;
}
#footer .widget-title {
    font-size: 24px;
    font-size: 2.4rem;
    color: #ffffff;
    margin: 0 0 3px;
}
#footer .footer-column-widget {
    margin-bottom: 20px;
}
#footer #copyright {
    display: block;
    text-align: right;
    padding: 0 20px 20px 0;
}
#footer #copyright a.idium-url {
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    color: #252525;
    text-decoration: none;
}
#footer #copyright a.idium-url:hover {
    text-decoration: none;
}
#footer #copyright a.idium-url span {
    padding: 0 3px 0 5px;
    text-transform: lowercase;
    font-size: 14px;
    font-size: 1.4rem;
}
#footer #copyright a.idium-url img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}
.footer-holder {
    max-width: 1280px;
    margin: 0 auto;
    padding: 34px 10px;
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    line-height: 19px;
}
.footer-holder .column {
    padding: 0 0 14px;
    width: 100%;
}
.footer-holder h3 {
    color: #ffffff;
    margin: 0 0 13px;
}
.footer-holder a {
    color: #ffffff;
}
.footer-holder ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-holder ul li {
    padding: 0 0 5px 8px;
    position: relative;
}
.footer-holder ul li:after {
    background: #fff;
    position: absolute;
    top: 8px;
    left: 0;
    content: '';
    width: 4px;
    height: 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.footer-holder p {
    margin: 0;
}
.footer-holder p a {
    text-decoration: underline;
}
.footer-holder p a:hover {
    text-decoration: none;
}
.footer-holder .social-network {
    display: block;
}
/**
 * MODULE: Breadcrumbs
 */
nav.breadcrumbs {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 8px 0 8px;
    border-bottom: 1px solid #eaeaea;
    list-style: none;
    /* Dont use this clearfix unless you really have to, rather enter the class in the markup if possible. At least group your selector so we dont bloat the code */
    zoom: 1;
}
nav.breadcrumbs:before,
nav.breadcrumbs:after {
    content: "";
    display: table;
}
nav.breadcrumbs:after {
    clear: both;
}
nav.breadcrumbs span {
    float: left;
    padding: 0 2px 0 0;
}
nav.breadcrumbs ul {
    float: left;
    padding: 0;
    margin: 5px 0;
    list-style: none;
}
nav.breadcrumbs ul li {
    float: left;
    padding: 0 5px 0 0;
}
nav.breadcrumbs ul li.idium-crumb-home:before {
    content: '';
    margin: 0 3px 0 0;
}
nav.breadcrumbs ul li.idium-crumb:before {
    color: #6993a3;
    content: '›';
    margin: 0 4px 0 0;
}
nav.breadcrumbs ul li.idium-crumb-active:before {
    color: #252525;
    content: '›';
    margin: 0 4px 0 0;
}
nav.breadcrumbs ul li:first-child {
    padding: 0;
}
/* Columns (mainly section module) */
.two-columns,
.three-columns,
.four-columns,
.five-columns,
.six-columns {
    padding: 0 10px;
    text-align: center;
}
.two-columns .column > h3,
.three-columns .column > h3,
.four-columns .column > h3,
.five-columns .column > h3,
.six-columns .column > h3 {
    margin: 0 0 4px;
}
.two-columns .heading,
.three-columns .heading,
.four-columns .heading,
.five-columns .heading,
.six-columns .heading {
    font-size: 26px;
    font-size: 2.6rem;
}
.two-columns .column,
.three-columns .column,
.four-columns .column,
.five-columns .column,
.six-columns .column {
    display: inline-block;
    margin: 0;
    padding: 0 5px 35px;
    width: 100%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
.two-columns p,
.three-columns p,
.four-columns p,
.five-columns p,
.six-columns p {
    margin: 0;
    color: #252525;
}
.two-columns img,
.three-columns img,
.four-columns img,
.five-columns img,
.six-columns img {
    margin: 0 0 11px;
    display: block;
    width: 100%;
    height: auto;
}
.two-columns .column a,
.three-columns .column a,
.four-columns .column a,
.five-columns .column a,
.six-columns .column a {
    cursor: pointer;
    display: block;
    text-decoration: none;
}
.two-columns .column a > :hover,
.three-columns .column a > :hover,
.four-columns .column a > :hover,
.five-columns .column a > :hover,
.six-columns .column a > :hover {
    color: #252525;
    text-decoration: none;
}
.two-columns .readmore,
.three-columns .readmore,
.four-columns .readmore,
.five-columns .readmore,
.six-columns .readmore {
    color: #252525;
}
.two-columns .readmore > :hover,
.three-columns .readmore > :hover,
.four-columns .readmore > :hover,
.five-columns .readmore > :hover,
.six-columns .readmore > :hover {
    text-decoration: none;
}
/**
 * MODULE: Slogan
 */
.slogan {
    padding: 0 0 36px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    font-size: 26px;
    color: #252525;
}
.slogan span {
    display: block;
}
.slogan h2 {
    font-size: 36px;
    margin: 0 0 2px;
}
/**
 * MODULE: Sections
 */
.shortcut {
    padding: 40px 0 0;
    position: relative;
    border-bottom: 1px solid #eaeaea;
}
.news {
    padding-top: 40px;
}
.idium-section .column:hover {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.idium-section .idium-linked-post {
    color: #252525;
    text-decoration: none;
}
.idium-section .idium-linked-post:hover {
    color: #252525;
    text-decoration: none;
}
.idium-section .idium-linked-post .read-more {
    display: inline;
    color: #77a7b9;
}
.idium-section .idium-linked-post .read-more:before {
    content: "\00a0";
}
.idium-section .idium-linked-post .read-more:hover {
    color: #77a7b9;
    text-decoration: none;
}
.idium-section .idium-linked-post .span-read-more {
    display: inline;
}
.idium-section .idium-linked-post .span-read-more:before {
    content: "\00a0";
}
.idium-section .idium-section-header {
    overflow: hidden;
    padding: 0 0 26px;
}
.idium-section .idium-section-header .idium-section-more {
    float: right;
    margin: 7px 0 0;
    padding: 10px 17px 11px 15px;
    background: #77a7b9;
    color: #fff;
    font-size: 16px;
}
.idium-section .idium-section-header.screenreader-container .idium-section-more {
    margin-bottom: 26px;
}
.idium-section .idium-section-title {
    font-size: 36px;
    color: #252525;
}
.idium-section .date {
    display: block;
    font-size: 14px;
    padding: 0 0 3px;
    color: #333333;
}
/**
 * MODULE: Slider
 */
.cycle-slideshow {
    padding: 0 10px 12px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    /* Dont use this clearfix unless you really have to, rather enter the class in the markup if possible. At least group your selector so we dont bloat the code */
    zoom: 1;
}
.cycle-slideshow:before,
.cycle-slideshow:after {
    content: "";
    display: table;
}
.cycle-slideshow:after {
    clear: both;
}
.cycle-slideshow img {
    display: block;
    width: 100%;
    height: auto;
}
.cycle-slideshow .img-holder {
    position: relative;
    overflow: hidden;
}
.cycle-slideshow .caption {
    color: #fff;
    font-size: 18px;
    padding: 14px 2% 16px;
    position: relative;
    background: #000;
    max-height: 75px;
}
.cycle-slideshow h2 {
    color: #fff;
    margin: 0 0 3px;
    font-size: 36px;
}
.cycle-slideshow p {
    margin: 0;
}
.cycle-slideshow .slider-nav-btn {
    display: block;
    position: absolute;
    z-index: 500;
    color: white;
    font-size: 32px;
}
.cycle-slideshow .slider-nav-btn:hover {
    text-decoration: none;
}
.cycle-slideshow .btn-next {
    display: block;
    position: absolute;
    z-index: 500;
    color: white;
    font-size: 32px;
    right: 10px;
    top: 30%;
}
.cycle-slideshow .btn-next:hover {
    text-decoration: none;
}
.cycle-slideshow .btn-prev {
    display: block;
    position: absolute;
    z-index: 500;
    color: white;
    font-size: 32px;
    left: 10px;
    top: 30%;
}
.cycle-slideshow .btn-prev:hover {
    text-decoration: none;
}
.cycle-slideshow .btn-pause {
    display: block;
    position: absolute;
    z-index: 500;
    color: white;
    font-size: 32px;
    top: 10px;
    left: 10px;
}
.cycle-slideshow .btn-pause:hover {
    text-decoration: none;
}
.cycle-slideshow .cycle-pager {
    width: 100%;
    padding: 15px 0 0;
    overflow: hidden;
}
.cycle-slideshow .cycle-pager ul {
    padding: 0;
    text-align: center;
}
.cycle-slideshow .cycle-pager ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 2px;
}
.cycle-slideshow .cycle-pager ul li a {
    background: #eaeaea;
    width: 10px;
    height: 10px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.cycle-slideshow .cycle-pager ul li.active a,
.cycle-slideshow .cycle-pager ul li a:hover {
    background: #77a7b9;
}
.accessibility-top {
    position: relative;
    margin: 0 auto;
    max-width: 1280px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
.accessibility-top ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.accessibility-top ul li {
    float: left;
    padding: 0 32px 0 0;
}
.accessibility-top ul li a {
    color: #252525;
    display: block;
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    top: -28px;
    left: -10000px;
    z-index: 101;
}
.accessibility-top ul li a:focus {
    left: 0;
}
.accessibility-tools > li > a {
    cursor: pointer;
}
.accessibility-tools .zoom-text-container {
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    width: 100%;
    z-index: 200;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    border: 2px solid #000;
    background: #FFFFFF;
}
.accessibility-tools .zoom-text-container .zoom-text {
    display: block;
    width: 100%;
    padding: 1.5em 1em;
    color: #000;
    font-size: 3.8rem;
    line-height: 1.5;
    font-weight: bold;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.screenreader {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
 * Extends the .screenreader class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.screenreader.focusable:active,
.screenreader.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    padding-bottom: 26px;
}
/**
 * Lets make container with screenreader content only taking no spece when no eolements are focused
 */
.screenreader-container {
    padding: 0!important;
    margin: 0!important;
    width: auto!important;
    height: auto!important;
}
/* Contrast */
.contrast * {
    background: #000 !important;
    color: yellow !important;
    /* Placeholder styling has to be separate selectors */
}
.contrast * *:focus {
    border: 2px solid yellow!important;
}
.contrast *:before {
    background: #000 !important;
    color: yellow !important;
}
.contrast * .cycle-pager a {
    color: yellow!important;
    width: 1px!important;
    height: 1px!important;
    margin: 9px auto!important;
}
.contrast * .cycle-pager li {
    width: 20px!important;
    height: 20px!important;
    margin: 10px!important;
    border-radius: 20px!important;
    background: yellow !important;
}
.contrast * .cycle-pager a:focus {
    color: yellow!important;
    width: 10px!important;
    height: 10px!important;
    margin: 3px auto!important;
}
.contrast * .news .readmore {
    color: yellow!important;
}
.contrast * input::-webkit-input-placeholder {
    color: yellow!important;
}
.contrast * input:-moz-placeholder {
    color: yellow!important;
}
.contrast * input::-moz-placeholder {
    color: yellow!important;
}
.contrast * input:-ms-input-placeholder {
    color: yellow!important;
}
.contrast #footer {
    border-top: 1px solid yellow;
}
/*
 * 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 visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
    zoom: 1;
}
/**
 * Main menu items have diffrent height under FireFox and Chrome
 *
 * @target   this hack targets all firefox versions to date
 * @problem  diffrences between calculations line-height relative to body line-height
 * @solution set explicitly in FireFox to suppress diffrences
 */
@-moz-document url-prefix() {
    #nav a {
        line-height: 30px;
    }
}
@media only screen and (min-width: 480px) {
    #footer .social-network {
        display: none;
    }
    #header .social-network {
        display: block;
        float: right;
    }
    .cycle-slideshow .caption {
        background: #000;
    }
    .cycle-slideshow .btn-next,
    .cycle-slideshow .btn-prev {
        top: 30%;
    }
    #copyright {
        padding: 0 20px 20px 0;
    }
    .two-columns .column,
    .four-columns .column {
        width: 50%;
        padding: 0 10px 35px;
    }
    #content .article-holder .article {
        border-bottom: 1px solid #EAEAEA;
        padding: 20 0 20px;
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 768px) {
    .mobile-nav-active #wrapper {
        left: -320px;
    }
    .mobile-nav-active #footer {
        left: -320px;
    }
    .mobile-navigation {
        width: 320px;
        right: -320px;
    }
    #header {
        padding: 0px 0 20px;
    }
    #header .layout-container {
        padding: 36px 10px 0px;
    }
    #header .menu-toggle-container {
        margin-top: 20px;
        padding-bottom: 0;
    }
    #content {
        float: none;
        width: 100%;
    }
    #content .article-holder .article {
        /* Dont use this clearfix unless you really have to, rather enter the class in the markup if possible. At least group your selector so we dont bloat the code */
        zoom: 1;
        border-bottom: 1px solid #EAEAEA;
        padding: 0 0 33px;
        margin-bottom: 37px;
    }
    #content .article-holder .article:before,
    #content .article-holder .article:after {
        content: "";
        display: table;
    }
    #content .article-holder .article:after {
        clear: both;
    }
    #content .article-holder .alignleft {
        float: left;
        margin: 0;
        padding: 2px 18px 0 0;
        width: 35%;
    }
    #content .article-holder .alignleft img {
        width: 100%;
    }
    #content .article-holder .description {
        overflow: hidden;
        padding: 0 31px 0 0;
    }
    #sidebar,
    .inner #sidebar {
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #footer .footer-holder {
        padding: 34px 0;
    }
    #footer .column {
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
        float: left;
        padding: 0 10px 14px;
        width: 25%;
    }
    .cycle-slideshow .slide {
        width: 100%;
    }
    .cycle-slideshow .caption {
        background: rgba(0, 0, 0, 0.47);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 96%;
        max-height: 100px;
    }
    .cycle-slideshow .caption p,
    .cycle-slideshow .caption h2 {
        max-width: 960px;
        margin: 0 auto;
    }
    .cycle-slideshow .btn-next,
    .cycle-slideshow .btn-prev {
        top: 40%;
    }
    .four-columns {
        padding: 0 5px;
        text-align: left;
    }
    .four-columns .column {
        padding: 0 10px 35px;
        width: 50%;
    }
    .three-columns {
        overflow: hidden;
        margin: 0 -10px;
        padding: 0 5px;
    }
    .three-columns .column {
        width: 33.33%;
        padding: 0 20px 34px;
        text-align: left;
    }
    .two-columns .column {
        text-align: left;
    }
    .slogan {
        padding: 0 10px 35px;
    }
}
@media screen and (min-width: 782px) {
    body.logged-in.admin-bar {
        margin-top: 32px;
    }
}
@media screen and (max-width: 782px) {
    body.logged-in.admin-bar .mobile-navigation {
        margin-top: 46px;
    }
}
@media only screen and (min-width: 980px) {
    #wrapper {
        padding: 0;
    }
    #wrapper #header {
        padding: 37px 0 0 0;
    }
    #wrapper #header .layout-container {
        margin: 0 auto;
        padding: 0;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    .fullwidth #wrapper #header .layout-container {
        max-width: 100%;
    }
    .mobile-navigation {
        display: block;
    }
    #nav,
    .support-menu {
        display: block;
    }
    #nav > ul {
        width: 100%;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    .support-menu {
        margin: 0 0 28px 0;
        border-bottom: 1px solid #77a7b9;
    }
    .support-menu-holder {
        max-width: 100%;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    .main-menu-holder {
        clear: both;
    }
    .menu-toggle-container {
        display: none;
    }
    .menu-toggle-container .menu-toggle {
        display: none;
    }
    .sticky-header #header {
        position: fixed;
        width: 100%;
        background: #fff;
    }
    .sticky-header .support-menu,
    .sticky-header .support-menu-holder {
        margin-bottom: 0;
    }
    .sssticky-header #wrapper #header {
        padding-top: 0;
    }
    .sticky-header #header .logo {
        display: none;
    }
    .logo,
    .logo-container {
        margin: 0 auto 20px;
        float: none;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    .logo a,
    .logo-container a {
        display: block;
    }
    .social-holder {
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    #middle {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    .home #middle {
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
    }
    #content {
        float: left;
        width: 70%;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    #content.idium-with-sidebar {
        border-right: 1px solid #eaeaea;
    }
    #content .article {
        padding: 0px 0 22px 0;
    }
    #content .article .article-content-wrapper,
    #content #respond,
    #content #comments,
    #content ol.commentlist {
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
        padding: 0 6% 0 0;
    }
    #sidebar {
        float: right;
        margin: 0;
        padding: 45px 0 0 4%;
        width: 30%;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    .content-longest #content {
        border-right: 1px solid #eaeaea;
    }
    form.search {
        width: 245px;
    }
    .idium-section {
        max-width: 100%;
    }
    .cycle-slideshow {
        max-width: 1280px;
        margin: 30px auto 0 auto;
        padding: 0 0 13px;
    }
    .cycle-slideshow .caption p,
    .cycle-slideshow .caption h2 {
        max-width: 1260px;
    }
    .fullwidth .cycle-slideshow {
        max-width: 100%;
        margin-top: 0;
    }
    .slogan {
        max-width: 100%;
        margin: 0 auto;
    }
    .shortcut,
    .news {
        margin: 0 auto;
        max-width: 1280px;
        width: 100%;
    }
    .shortcut {
        padding: 40px 10px 0;
    }
    .news {
        padding: 33px 10px 0;
    }
    .four-columns {
        padding: 0;
        margin: 0 -20px;
    }
    .four-columns .column {
        width: 25%;
        padding: 0 20px 36px;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    .three-columns {
        margin: 0 -20px;
    }
    .three-columns .column {
        padding: 0 20px 34px;
    }
    #footer .footer-holder {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }
    #footer .footer-holder .column {
        display: inline-block;
        padding: 0 10px 1px;
        vertical-align: top;
        width: 26.1%;
    }
    #footer .footer-holder .last-column {
        padding: 0;
        width: 21%;
    }
}
@media only screen and (min-width: 1280px) {
    .logo,
    .logo-container,
    .social-holder,
    #wrapper #header .layout-container,
    #nav > ul,
    .slogan,
    .shortcut,
    .news,
    .support-menu-inner-wrap,
    #footer .footer-holder,
    #footer #copyright {
        max-width: 1280px;
        margin: 0 auto;
    }
    .cycle-slideshow {
        max-width: 1280px;
    }
    .support-menu,
    .slogan,
    .shortcut,
    .news {
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    .logo-container {
        margin: 0 auto 20px auto;
    }
}
@media only screen and (min-width: 1300px) {
    #middle {
        padding: 0;
    }
    #footer .column {
        padding: 0;
    }
}
@media print {
    * {
        background: none !important;
        color: #000 !important;
    }
    body {
        font: 13px/18px Arial, Helvetica, sans-serif;
    }
    #nav,
    #sidebar,
    #footer,
    #slider,
    .social,
    .support-menu,
    .carousel,
    .news-header .view-more,
    .breadcrumbs,
    .form-area,
    .pagination,
    .read-more {
        display: none!important;
    }
    #header {
        padding: 0 0 5%;
    }
    .logo {
        font-weight: normal;
        font-size: 28px;
        line-height: 34px;
    }
    .slogan {
        padding: 0 0 16pt;
        text-align: center;
    }
    .slogan h2 {
        font-size: 21px;
        line-height: 24px;
        font-weight: normal;
        margin: 0 0 1%;
    }
    .four-columns .column {
        display: inline-block;
        padding: 0 1% 4%;
        vertical-align: top;
        width: 46%;
    }
    .four-columns img,
    .news img {
        max-width: 100%;
        padding: 0 0 5pt;
    }
    .four-columns p {
        margin: 0;
    }
    .news-header > h2 {
        font-size: 21px;
        font-weight: normal;
        line-height: 24px;
        text-align: center;
        margin: 0 0 2%;
    }
    .four-columns .column > h3,
    .news h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 1%;
    }
    .news {
        padding: 5% 0 0;
    }
    .news .column:first-child {
        page-break-after: always;
    }
    .news .column {
        padding: 0 0 15pt;
        overflow: hidden;
    }
    .news img {
        float: left;
        padding: 0 12pt 0 12pt;
    }
    .news p {
        margin: 0;
    }
    #content .alignleft {
        float: left;
        margin: 0 10pt 0 0;
        padding: 0;
    }
    #content .article-holder p {
        margin: 0;
    }
    #content .article {
        margin: 0 0 3%;
        overflow: visible;
    }
    #content .article:after {
        content: '';
        display: block;
        clear: both;
    }
    .article-holder h2 {
        font-weight: normal;
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }
    h1.title {
        font-size: 24px;
        line-height: 28px;
        font-weight: normal;
        margin: 0 0 2%;
    }
    .intro {
        font-size: 16px;
        line-height: 20px;
    }
    .author,
    .category {
        font-style: italic;
    }
    #content .alignright {
        float: right;
        margin: 0 0 0 2%;
        page-break-before: always;
        width: 30%;
    }
    #content .article-holder .alignleft {
        width: 30%;
    }
    #content img {
        display: block;
        height: auto;
        width: 99%;
    }
    h1 {
        font-size: 28px;
        line-height: 30px;
        margin: 0;
    }
    h2 {
        font-size: 26px;
        font-weight: normal;
        line-height: 29px;
        margin: 0 0 1%;
    }
    h3 {
        font-size: 24px;
        font-weight: normal;
        line-height: 27px;
        margin: 0 0 1%;
    }
    h4 {
        font-size: 22px;
        font-weight: normal;
        line-height: 25px;
        margin: 0 0 2%;
    }
    h5 {
        font-size: 20px;
        font-weight: normal;
        line-height: 23px;
        margin: 0 0 2%;
    }
}
.woocommerce .button,
.woocommerce-page .button {
    border: 0;
    background: #77a7b9;
    color: #ffffff;
    margin: 0.5em 0;
    padding: 0.5em;
    font-size: 18px;
    font-size: 1.8rem;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.woocommerce .button:hover,
.woocommerce-page .button:hover,
.woocommerce .button:focus,
.woocommerce-page .button:focus {
    opacity: 0.8;
}
.woocommerce #sidebar .widget.woocommerce.widget_shopping_cart .button,
.woocommerce-page #sidebar .widget.woocommerce.widget_shopping_cart .button {
    padding: 0.5em 0.2em;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
}
#content .woocommerce input.button {
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.woocommerce table.shop_table {
    width: 100%;
}
.woocommerce table.shop_table tr th,
.woocommerce table.shop_table tr td {
    padding: 0.6em;
}
.woocommerce table.shop_table tbody tr,
.woocommerce table.shop_table tfoot tr {
    border-bottom: 1px solid #eaeaea;
}
.woocommerce table.shop_table thead tr {
    background: #000000;
    color: #ffffff;
    text-align: left;
}
.woocommerce table.shop_table dl.variation {
    margin: 0;
}
.woocommerce table.shop_table dl.variation dt {
    float: left;
    clear: left;
}
.woocommerce table.shop_table dl.variation dd {
    margin: 0 0 0 6px;
    float: left;
    font-weight: bold;
}
.woocommerce #content .quantity,
#content .woocommerce .quantity {
    margin-right: 5px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 80px;
    font-size: 20px;
    font-size: 2rem;
}
.woocommerce #content .quantity .minus,
#content .woocommerce .quantity .minus,
.woocommerce #content .quantity .plus,
#content .woocommerce .quantity .plus {
    background: #fff;
    color: #252525;
    border: 1px solid #eaeaea;
    height: 18px;
    padding: 0;
    position: absolute;
    right: 0;
    width: 21px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.woocommerce #content .quantity .minus:hover,
#content .woocommerce .quantity .minus:hover,
.woocommerce #content .quantity .plus:hover,
#content .woocommerce .quantity .plus:hover {
    opacity: 0.8;
}
.woocommerce #content .quantity .minus,
#content .woocommerce .quantity .minus {
    bottom: 0;
}
.woocommerce #content .quantity .plus,
#content .woocommerce .quantity .plus {
    top: 0;
}
.woocommerce #content .quantity input.qty,
#content .woocommerce .quantity input.qty {
    -moz-appearance: textfield;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #252525;
    float: left;
    font-weight: bold;
    height: 30px;
    width: 56px;
    text-align: center;
}
p.woocommerce-info {
    background: #f6f6f6;
    border: 1px solid #eaeaea;
    color: #000000;
    padding: 0.6em;
}
p.woocommerce-info a {
    color: #000;
    text-decoration: underline;
    display: block;
}
p.woocommerce-info a:hover {
    text-decoration: none;
}
.woocommerce-error {
    list-style: none;
    padding: 0.6em;
    background: #FFBABA;
    border: 1px solid #D8000C;
}
.woocommerce-message {
    background: #f6f6f6;
    padding: 0.6em;
    border: 1px solid #eaeaea;
    border-left: 4px solid #77a7b9;
    margin-bottom: 1.5em;
}
.woocommerce-message a.button {
    background: none;
    color: #77a7b9;
}
.woocommerce ins {
    text-decoration: none;
}
.woocommerce mark {
    background: none;
}
.woocommerce ul.products {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
    clear: both;
}
.woocommerce ul.products li.product {
    width: 100%;
    margin: 0 0 40px 0;
}
.woocommerce ul.products li.product a {
    position: relative;
    display: block;
}
.woocommerce ul.products li.product > a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.woocommerce ul.products li.product img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.woocommerce ul.products li.product h3 {
    padding: .5rem 0;
    margin: 0;
    line-height: 30px;
}
.woocommerce ul.products li.product .price {
    display: block;
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 22px;
    font-size: 2.2rem;
    color: #777777;
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount {
    color: #e42626;
}
.woocommerce ul.products li.product .price .amount {
    color: #85ad74;
}
.woocommerce ul.products li.first {
    clear: both;
}
.woocommerce ul.products .onsale {
    padding: 0.5em 0.6em;
    background: #85ad74;
    color: #ffffff;
    position: absolute;
    top: 20px;
    left: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    z-index: 999;
}
.woocommerce .woocommerce-ordering {
    margin: 0 0 1em 0;
}
.woocommerce #content div.product {
    position: relative;
}
.woocommerce #content div.product .images {
    width: 100%;
    margin-bottom: 10px;
}
.woocommerce #content div.product .images a {
    display: block;
}
.woocommerce #content div.product .images a > img,
.woocommerce #content div.product .images > img {
    width: 100%;
    height: auto;
}
.woocommerce #content div.product .images .thumbnails {
    padding-top: 1em;
}
.woocommerce #content div.product .images .thumbnails a {
    float: left;
    width: 30.75%;
    margin-right: 3.8%;
}
.woocommerce #content div.product .images .thumbnails a.first {
    clear: both;
}
.woocommerce #content div.product .images .thumbnails a.last {
    margin-right: 0;
}
.woocommerce #content div.product .images .thumbnails a img {
    display: block;
    width: 100%;
    height: auto;
}
.woocommerce #content div.product .onsale {
    padding: 0.6em 0.7em;
    background: #85ad74;
    color: #ffffff;
    position: absolute;
    top: 20px;
    left: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem;
    z-index: 999;
}
.woocommerce #content div.product .price {
    color: #85ad74;
    display: block;
    font-size: 26px;
    font-size: 2.6rem;
}
.woocommerce #content div.product .price .from {
    color: #252525;
}
.woocommerce #content div.product .price del,
.woocommerce #content div.product .price del .amount {
    color: #e42626;
}
.woocommerce #content div.product form.cart {
    margin-bottom: 10px;
}
.woocommerce #content div.product form.cart .button {
    margin-left: 0;
    display: block;
}
.woocommerce #content div.product form.cart select {
    border: 1px solid #eaeaea;
}
.woocommerce #content div.product form.cart .variations .label {
    padding-right: 1em;
}
.woocommerce #content div.product form.cart .variations .label,
.woocommerce #content div.product form.cart .variations .value {
    padding-bottom: 0.8em;
}
.woocommerce #content div.product form.cart .variations .reset_variations {
    margin-left: 5px;
}
.woocommerce #content div.product .product_meta > span {
    display: block;
}
.woocommerce #content div.product .woocommerce-tabs {
    margin-bottom: 20px;
}
.woocommerce #content div.product ul.tabs {
    list-style: none;
    /* Dont use this clearfix unless you really have to, rather enter the class in the markup if possible. At least group your selector so we dont bloat the code */
    zoom: 1;
    padding: 0;
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 0;
}
.woocommerce #content div.product ul.tabs:before,
.woocommerce #content div.product ul.tabs:after {
    content: "";
    display: table;
}
.woocommerce #content div.product ul.tabs:after {
    clear: both;
}
.woocommerce #content div.product ul.tabs li {
    float: left;
    margin: 0 1px 0 0;
    position: relative;
    z-index: 2;
}
.woocommerce #content div.product ul.tabs li a {
    display: block;
    background: #000000;
    color: #ffffff;
    padding: 0.5em 1em;
    color: #fff;
}
.woocommerce #content div.product ul.tabs li a:hover,
.woocommerce #content div.product ul.tabs li a:focus {
    background: #ccc;
    color: #000;
    text-decoration: none;
}
.woocommerce #content div.product ul.tabs li.active a {
    background: #ccc;
    color: #000;
    text-decoration: none;
}
.woocommerce #content div.product .panel.entry-content {
    padding: 4%;
    border: 1px solid #eaeaea;
    position: relative;
    top: -1px;
    z-index: 1;
}
.woocommerce #content div.product .panel.entry-content h2 {
    margin-bottom: 8px;
}
.woocommerce #content div.product .shop_attributes p {
    margin: 0;
}
.woocommerce #content div.product .shop_attributes th {
    margin-right: 1em;
    display: block;
    text-align: left;
}
.woocommerce #content div.product .related h2,
.woocommerce #content div.product .upsells h2 {
    margin-bottom: 10px;
}
.woocommerce #content div.product .related .price,
.woocommerce #content div.product .upsells .price {
    font-size: 22px;
    font-size: 2.2rem;
}
.woocommerce .pp_woocommerce h3 {
    margin-bottom: 20px;
}
.woocommerce .pp_woocommerce label {
    display: block;
}
.woocommerce .pp_woocommerce textarea {
    border: 1px solid #eaeaea;
    width: 100%;
}
.woocommerce .pp_woocommerce input[type="submit"] {
    border: 0;
    background: #77a7b9;
    color: #ffffff;
    margin: 0.5em 0;
    padding: 0.5em;
    font-size: 18px;
    font-size: 1.8rem;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.woocommerce .pp_woocommerce input[type="submit"]:hover,
.woocommerce .pp_woocommerce input[type="submit"]:focus {
    opacity: 0.8;
}
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart th.product-price,
.woocommerce-cart table.cart td.product-thumbnail,
.woocommerce-cart table.cart th.product-thumbnail {
    display: none;
}
.woocommerce-cart table.cart td.product-remove {
    padding: 0 0.5em;
}
.woocommerce-cart table.cart td.product-remove a {
    display: block;
    color: #000;
    font-size: 2em;
    font-weight: bold;
}
.woocommerce-cart table.cart td.product-remove a:hover {
    text-decoration: none;
    opacity: 0.6;
    color: red;
}
.woocommerce-cart table.cart .coupon {
    display: block;
    background: #f6f6f6;
    padding: 1em;
    margin: 0 0 0.5em;
}
.woocommerce-cart table.cart .coupon label {
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 0.3em;
    color: #000;
}
.woocommerce-cart table.cart .coupon .input-text {
    padding: 0.2em;
}
.woocommerce-cart table.cart .coupon .button {
    margin: 0 0 0 10px;
    padding: 0.3em 0.5em;
}
.woocommerce-cart #content .actions {
    padding-top: 10px;
}
.woocommerce-cart #content .actions input.checkout-button {
    margin-left: 10px;
}
.woocommerce-cart .cross-sells {
    margin-top: 20px;
}
.woocommerce-cart .cross-sells h2 {
    margin-bottom: 15px;
}
.woocommerce-cart .cart_totals {
    margin: 25px 0;
}
.woocommerce-cart .cart-collaterals table {
    width: 100%;
}
.woocommerce-cart .cart-collaterals table tr {
    border-bottom: 1px solid #eaeaea;
}
.woocommerce-cart .cart-collaterals table tr th {
    width: 70%;
    text-align: left;
    padding: 0.5em 0;
}
.woocommerce-cart .cart-collaterals table tr td {
    text-align: right;
    padding: 0.5em 0;
}
.woocommerce-cart .cart-collaterals table tr td strong {
    font-weight: normal;
}
.woocommerce-cart .cart-collaterals table tr.total strong {
    font-weight: bold;
}
.woocommerce-cart .cart-collaterals table .shipping ul {
    list-style: none;
    margin: 0;
}
.woocommerce-checkout .col-2 {
    position: relative;
}
.woocommerce-checkout p#shiptobilling {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 16px;
    font-size: 1.6rem;
    width: 70%;
    text-align: right;
}
.woocommerce-checkout p#shiptobilling label.checkbox {
    position: relative;
    top: 2px;
    margin-left: 5px;
}
.woocommerce-checkout .chzn-container {
    font-size: 18px;
    font-size: 1.8rem;
}
.woocommerce-checkout #content input,
.woocommerce-checkout #content textarea {
    font-size: 18px;
    font-size: 1.8rem;
}
.woocommerce-checkout abbr.required {
    border-bottom: none;
}
.woocommerce-checkout #order_review_heading {
    margin: 30px 0 10px 0;
}
.woocommerce-checkout .shop_table tfoot th {
    text-align: left;
}
.woocommerce-checkout .shop_table .product-total,
.woocommerce-checkout .shop_table tr.cart-subtotal td,
.woocommerce-checkout .shop_table tr.shipping td,
.woocommerce-checkout .shop_table tr.total td,
.woocommerce-checkout .shop_table tr.discount td {
    text-align: right;
}
.woocommerce-checkout .shop_table #shipping_method {
    list-style: none;
    margin: 0;
}
.woocommerce-checkout #payment {
    border: 1px solid #eaeaea;
    padding: 1em;
    margin-top: 1.5em;
}
.woocommerce-checkout #payment ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce-checkout #payment ul li {
    padding: 0.2em 0;
}
.woocommerce-checkout #payment ul li label {
    margin: 0 0.3em;
    font-weight: bold;
}
.woocommerce-checkout #payment ul li label img {
    margin-left: 6px;
}
.woocommerce-checkout #payment label.checkbox {
    display: inline;
    position: relative;
    margin-right: 6px;
}
.woocommerce-checkout #payment .form-row.place-order {
    margin-top: 1em;
}
.woocommerce-checkout #payment p.terms {
    margin-top: 10px;
    float: right;
    font-weight: bold;
}
.woocommerce-checkout .order_details {
    list-style: none;
    padding: 0;
}
.woocommerce-checkout table.order_details {
    margin-top: 10px;
}
.woocommerce-checkout table.order_details tfoot td {
    text-align: right;
}
.woocommerce-checkout header h2 {
    margin-top: 1em;
}
.woocommerce-checkout dl.customer_details {
    margin: 0;
    /* Dont use this clearfix unless you really have to, rather enter the class in the markup if possible. At least group your selector so we dont bloat the code */
    zoom: 1;
}
.woocommerce-checkout dl.customer_details:before,
.woocommerce-checkout dl.customer_details:after {
    content: "";
    display: table;
}
.woocommerce-checkout dl.customer_details:after {
    clear: both;
}
.woocommerce-checkout dl.customer_details dt {
    float: left;
    clear: left;
}
.woocommerce-checkout dl.customer_details dd {
    margin: 0 0 0 6px;
    float: left;
}
.woocommerce-checkout .addresses {
    clear: both;
    margin-top: 1em;
}
.woocommerce-account h2 {
    margin-top: 15px;
}
.woocommerce-account table.shop_table {
    margin: 10px 0;
}
.woocommerce-account table.shop_table td.order-total .amount {
    font-weight: bold;
}
.woocommerce-account table.shop_table td.order-actions {
    text-align: right;
}
.woocommerce-account table.shop_table td.order-actions a.view {
    padding: 0.3em 0.7em;
}
.woocommerce-account table.shop_table tr .order-date,
.woocommerce-account table.shop_table tr .order-status {
    display: none;
}
.woocommerce-account mark {
    font-weight: bold;
}
.woocommerce-account table.order_details .product-total {
    text-align: right;
}
.woocommerce-account table.order_details tfoot th {
    text-align: left;
}
.woocommerce-account table.order_details tfoot td {
    text-align: right;
}
.woocommerce-account dl.customer_details {
    margin: 0;
    /* Dont use this clearfix unless you really have to, rather enter the class in the markup if possible. At least group your selector so we dont bloat the code */
    zoom: 1;
}
.woocommerce-account dl.customer_details:before,
.woocommerce-account dl.customer_details:after {
    content: "";
    display: table;
}
.woocommerce-account dl.customer_details:after {
    clear: both;
}
.woocommerce-account dl.customer_details dt {
    float: left;
    clear: left;
}
.woocommerce-account dl.customer_details dd {
    margin: 0 0 0 6px;
    float: left;
}
.woocommerce-account .addresses {
    clear: both;
    margin-top: 1em;
}
.woocommerce-account abbr.required {
    border-bottom: none;
}
.woocommerce-account #content form .chzn-container {
    font-size: 18px;
    font-size: 1.8rem;
}
.woocommerce-account #content form input,
.woocommerce-account #content form textarea {
    font-size: 18px;
    font-size: 1.8rem;
}
#sidebar .widget.woocommerce ul.product_list_widget li,
#footer .woocommerce ul.product_list_widget li {
    /* Dont use this clearfix unless you really have to, rather enter the class in the markup if possible. At least group your selector so we dont bloat the code */
    zoom: 1;
    clear: both;
}
#sidebar .widget.woocommerce ul.product_list_widget li:before,
#footer .woocommerce ul.product_list_widget li:before,
#sidebar .widget.woocommerce ul.product_list_widget li:after,
#footer .woocommerce ul.product_list_widget li:after {
    content: "";
    display: table;
}
#sidebar .widget.woocommerce ul.product_list_widget li:after,
#footer .woocommerce ul.product_list_widget li:after {
    clear: both;
}
#sidebar .widget.woocommerce ul.product_list_widget a,
#footer .woocommerce ul.product_list_widget a {
    display: block;
    font-weight: bold;
    margin: 0 0 5px;
}
#sidebar .widget.woocommerce ul.product_list_widget a:hover,
#footer .woocommerce ul.product_list_widget a:hover {
    opacity: 0.8;
    text-decoration: none;
}
#sidebar .widget.woocommerce ul.product_list_widget img,
#footer .woocommerce ul.product_list_widget img {
    float: right;
    width: 48px;
    height: auto;
}
#sidebar .widget.woocommerce.widget_shopping_cart .quantity,
#footer .woocommerce.widget_shopping_cart .quantity {
    clear: left;
}
#sidebar .widget.woocommerce.widget_shopping_cart dl.variation,
#footer .woocommerce.widget_shopping_cart dl.variation {
    /* Dont use this clearfix unless you really have to, rather enter the class in the markup if possible. At least group your selector so we dont bloat the code */
    zoom: 1;
    margin: 0 0 6px 0;
}
#sidebar .widget.woocommerce.widget_shopping_cart dl.variation:before,
#footer .woocommerce.widget_shopping_cart dl.variation:before,
#sidebar .widget.woocommerce.widget_shopping_cart dl.variation:after,
#footer .woocommerce.widget_shopping_cart dl.variation:after {
    content: "";
    display: table;
}
#sidebar .widget.woocommerce.widget_shopping_cart dl.variation:after,
#footer .woocommerce.widget_shopping_cart dl.variation:after {
    clear: both;
}
#sidebar .widget.woocommerce.widget_shopping_cart dl.variation dt,
#footer .woocommerce.widget_shopping_cart dl.variation dt {
    float: left;
    clear: left;
    margin: 0 0 6px;
}
#sidebar .widget.woocommerce.widget_shopping_cart dl.variation dd,
#footer .woocommerce.widget_shopping_cart dl.variation dd {
    margin: 0 0 6px 6px;
    float: left;
    font-weight: bold;
}
#sidebar .widget.woocommerce.widget_shopping_cart p.buttons,
#footer .woocommerce.widget_shopping_cart p.buttons {
    margin: 0;
}
#sidebar .widget.woocommerce.widget_shopping_cart p.buttons a,
#footer .woocommerce.widget_shopping_cart p.buttons a {
    width: 48%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    color: #ffffff;
    margin: 0;
}
#sidebar .widget.woocommerce.widget_shopping_cart p.buttons a.checkout,
#footer .woocommerce.widget_shopping_cart p.buttons a.checkout {
    margin-left: 2%;
}
#sidebar .widget.woocommerce.widget_shopping_cart p.buttons a:hover,
#footer .woocommerce.widget_shopping_cart p.buttons a:hover {
    text-decoration: none;
    opacity: 0.8;
}
#sidebar .widget.woocommerce.widget_price_filter .price_slider,
#footer .woocommerce.widget_price_filter .price_slider {
    margin-bottom: 1em;
}
#sidebar .widget.woocommerce.widget_price_filter .price_slider_amount,
#footer .woocommerce.widget_price_filter .price_slider_amount {
    text-align: right;
}
#sidebar .widget.woocommerce.widget_price_filter .price_slider_amount .button,
#footer .woocommerce.widget_price_filter .price_slider_amount .button {
    float: left;
    margin-top: 0;
}
#sidebar .widget.woocommerce.widget_price_filter .price_label,
#footer .woocommerce.widget_price_filter .price_label {
    padding-top: 8px;
}
#sidebar .widget.woocommerce.widget_price_filter .ui-slider,
#footer .woocommerce.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
    margin-top: 20px;
    background: #EEE;
}
#sidebar .widget.woocommerce.widget_price_filter .ui-slider .ui-slider-handle,
#footer .woocommerce.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0.9em;
    height: 0.9em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #77a7b9;
    cursor: pointer;
    background: #FFF;
    outline: none;
    top: -0.3em;
}
#sidebar .widget.woocommerce.widget_price_filter .ui-slider .ui-slider-handle:last-child,
#footer .woocommerce.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;
}
#sidebar .widget.woocommerce.widget_price_filter .ui-slider .ui-slider-range,
#footer .woocommerce.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background: #77a7b9;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
#sidebar .widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content,
#footer .woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
#sidebar .widget.woocommerce.widget_price_filter .ui-slider-horizontal,
#footer .woocommerce.widget_price_filter .ui-slider-horizontal {
    height: .5em;
}
#sidebar .widget.woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range,
#footer .woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
#sidebar .widget.woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range-min,
#footer .woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
    left: -1px;
}
#sidebar .widget.woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range-max,
#footer .woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
    right: -1px;
}
#footer .woocommerce ul.product_list_widget li {
    margin-bottom: 5px;
}
#footer .woocommerce ul.product_list_widget li img {
    width: 30px;
}
#footer .woocommerce ul.product_list_widget li:after {
    width: 4px;
    height: 4px;
    background: #FFF;
}
@media only screen and (min-width: 480px) {
    .woocommerce ul.products {
        /* Dont use this clearfix unless you really have to, rather enter the class in the markup if possible. At least group your selector so we dont bloat the code */
        zoom: 1;
    }
    .woocommerce ul.products:before,
    .woocommerce ul.products:after {
        content: "";
        display: table;
    }
    .woocommerce ul.products:after {
        clear: both;
    }
    .woocommerce ul.products li.product {
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
        width: 50%;
        padding: 0 10px;
        float: left;
    }
    .woocommerce ul.products li.product:nth-child(2n+1) {
        clear: both;
    }
    .woocommerce .woocommerce-result-count {
        float: left;
    }
    .woocommerce .woocommerce-ordering {
        float: right;
        margin-right: 10px;
    }
}
@media only screen and (min-width: 768px) {
    .woocommerce ul.products li.product {
        width: 25%;
    }
    .woocommerce ul.products li.product:nth-child(2n+1) {
        clear: none;
    }
    .woocommerce ul.products li.product:nth-child(4n+1) {
        clear: both;
    }
    .woocommerce #content div.product .images {
        float: left;
        width: 48%;
        margin-bottom: 20px;
    }
    .woocommerce #content div.product .summary {
        float: right;
        width: 48%;
        margin-bottom: 20px;
    }
    .woocommerce #content div.product .woocommerce-tabs {
        clear: both;
    }
    .woocommerce-cart table.cart td.product-price,
    .woocommerce-cart table.cart th.product-price,
    .woocommerce-cart table.cart td.product-thumbnail,
    .woocommerce-cart table.cart th.product-thumbnail {
        display: table-cell;
    }
    .woocommerce-cart table.cart td.product-thumbnail img {
        width: 50px;
        margin-top: 5px;
    }
    .woocommerce-account table.my_account_orders tr .order-date,
    .woocommerce-account table.my_account_orders tr .order-status {
        display: table-cell;
    }
}
@media only screen and (min-width: 980px) {
    .woocommerce ul.products {
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
        padding: 0 6% 0 0;
    }
    .woocommerce .woocommerce-ordering {
        padding-right: 6%;
    }
    .woocommerce #content div.product {
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
        padding: 0 6% 0 0;
    }
    /*.woocommerce-checkout form.checkout .col-1,
    .woocommerce-checkout form.checkout .col-2 {
      float: left;
      width: 50%;
      margin-bottom: 3%;
    }*/
    #sidebar .widget.woocommerce p.buttons a {
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
    }
    #sidebar .widget.woocommerce p.buttons a.checkout {
        margin-left: 0;
    }
}