/*
Theme Name: Hammond Power Solutions Inc.
Theme URI: http://inspiratica.ca/
Description: Hammond Power Solutions Inc. custom theme.
Author: Inspiratica
Author URI: http://inspiratica.ca/
Version: 1.0
*/

/*******************************************************************************
* Reset
******************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

img {
    margin: auto;
}

sub, sup {
    margin: 0;
    padding: 0;
    border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    background: #1b1c21;
}

body {
    min-width: 960px;
    line-height: 1;
    background: #ffffff;
}

li {
    margin-left: 1.5em;
}

blockquote, q {
    quotes: none;
}

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

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

td, th {
    padding: 10px;
    border: 1px solid #000000;
}

table p {
    margin: 0;
}

/* Fix for poorly formatted wysiwyg html */
table p[align=right] {
    text-align: right;
}

/* Font Reset */
body, input, select, textarea {
    font-size: 14px;
    line-height: 20px;
    color: #444444;
    font-family: 'PT Sans', sans-serif;
}

strong, b {
    font-weight: 700;
}

em, i {
    font-style: italic;
}

p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
    /*text-align: justify;*/
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

blockquote {
    width: 120px;
    padding-right: 30px;
    padding-left: 35px;
    float: left;
    color: #000000;
    font-style: italic;
    background: url(images/quote_black.png) no-repeat left top;
}

blockquote p {
    text-align: left;
}

small {
    font-size: 0.8em;
}

/**
 * Heading Styles
 */
h1, h3, h4, h5, h6 {
    color: #000000;
    line-height: 1;
}

h1 {
    font-size: 44px;
}

h2 {
    font-size: 22px;
    font-weight: bold;
    /*text-transform: uppercase;*/
    line-height: 1;
    color: #9d4e41;
}

h3 {
    margin-bottom: 10px;
    font-size: 20px;
}

h3 a {
    font-weight: 400;
    color: #000000;
}

h3 span {
    font-weight: 700;
    color: #9d4e41;
}

h4 {
    font-size: 18px;
}

h5 {
    line-height: 2;
    font-size: 14px;
}

.clearfix {
    zoom: 1;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.l-constrained {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

.l-slim {
    margin: 0;
}

.l-grid1 {
    margin: 0 10px;
    float: left;
    width: 220px;
}

.l-gridCon1 {
    margin: 0;
    float: left;
    width: 240px;
}

.l-grid1-5 {
    margin: 0 0 0 10px;
    float: left;
    width: 350px;
}

.l-grid2 {
    margin: 0 10px;
    float: left;
    width: 460px;
}

.l-gridCon2 {
    margin: 0;
    float: left;
    width: 480px;
}

.l-grid3 {
    margin: 0 10px;
    float: left;
    width: 700px;
}

.l-gridCon3 {
    margin: 0;
    float: left;
    width: 720px;
}

.l-grid4 {
    margin: 0 10px;
    float: left;
    width: 940px;
}

.l-gridCon4 {
    margin: 0;
    float: left;
    width: 960px;
}

.l-grid-inline {
    float: none;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.l-push1 {
    margin-left: 240px;
}

.l-push2 {
    margin-left: 480px;
}

.l-push3 {
    margin-left: 720px;
}

.l-pull1 {
    margin-left: -240px;
}

.l-pull2 {
    margin-left: -480px;
}

.l-pull3 {
    margin-left: -720px;
}

.l-pushOut1 {
    float: right;
    margin-right: -240px;
}

.l-content {
    position: relative;
    border: 1px solid #ececec;
    border-width: 1px 0;
    zoom: 1;
}

.l-content:before, .l-content:after {
    content: "";
    display: table;
}

.l-content:after {
    clear: both;
}

.l-content + .l-content,
.widget-title + .l-content {
    margin-top: -1px;
}

.l-content h3,
.l-content h4,
.l-content h5 {
    line-height: 1.4;
    margin-bottom: 0.1em;
}

.l-content ul {
    margin-bottom: 0.5em;
}

.l-content ul a {
    font-weight: normal;
    color: #000000;
}

.l-content ul a:hover {
    color: #9d4e41;
}

.l-padded-h, .l-padded {
    padding-left: 20px;
    padding-right: 20px;
}

.l-padded-v, .l-padded {
    padding-top: 20px;
    padding-bottom: 20px;
}

.l-padded-h-s, .l-padded-s {
    padding-left: 10px;
    padding-right: 10px;
}

.l-padded-v-s, .l-padded-s {
    padding-top: 10px;
    padding-bottom: 10px;
}

.l-right, .alignright {
    float: right;
}

.l-left, .alignleft {
    float: left;
}

.l-center {
    text-align: center;
}

.alignright {
    margin: 6px 0 6px 30px;
}

.alignleft {
    margin: 6px 30px 6px 0;
}

.l-borderR {
    border-right: 1px solid #ececec;
    margin-right: -1px;
}

.l-summaryfooter {
    clear: both;
    height: 42px;
    background: #ececec;
}

.l-standOut-top {
    margin-top: -35px;
}

.l-half {
    margin-left: 1.5%;
    width: 48.5%;
    float: left;
}

.b-grid {
    background-image: url(images/grey-grid.png);
}

.b-map, .b-lmap {
    background: url(images/map-trans10.png) no-repeat right -20px;
}

.b-lmap {
    background-color: #f1f1f1;
    background-position: left -20px;
}

.b-cols {
    background: url(images/cols.png) repeat-y center top;
}

.red {
    font-weight: 700;
    color: #9d4e41;
}

.hero {
    font-size: 22px;
    color: black;
}

.hero small {
    padding: 10px 0;
    display: block;
    color: #444444;
}

.subtle {
    font-size: 14px;
    color: #666666;
    font-style: italic;
    text-transform: capitalize;
}

.site-content {
    padding-bottom: 25px;
    position: relative;
    /*z-index:20;*/
    z-index: 1;
    background: #ffffff;
}

.site-content.l-push1 {
    border-left: 1px solid #ececec;
    margin-left: 239px;
}

.site-content.l-gridCon2.l-push1 {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    margin-left: 239px;
}

.site-content.l-push3 {
    border-left: 1px solid #ececec;
    margin-left: 719px;
}

/**
 * Media Element
 */
.media {
    margin: 10px;
    display: block;
}

.media, .bd {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

.media .img {
    margin-right: 10px;
    float: left;
}

.media .img img {
    display: block;
}

.media .imgExt {
    margin-left: 10px;
    float: right;
}

.media-blocked {
    margin: 0;
    padding: 20px;
    background: #f2f2f2;
}

.media-blocked .img {
    margin-right: 20px;
}

.media-blocked h4 {
    font-size: 16px;
    margin: 10px 0;
}

.media-blocked p {
    font-size: 10px;
    line-height: 18px;
}

/**
 * Main header styles
 */
header.main {
    height: 124px;
}

header.main > .l-constrained {
    background: #ffffff;
}

.header--menu {
    float: right;
    background: #9d4e41;
}

.header--menu .btn {
    height: 35px;
    line-height: 35px;
}

.header-logo {
    float: left;
    width: 217px;
    height: 63px;
    background-size: contain;
    overflow: hidden;
    line-height: 124px;
    text-indent: 120%;
    /*background-image: url(images/logo.png);*/
    background-repeat: no-repeat;
    /*background-position:center;*/
    margin-top: 43px;
}

.header-logo-img {
    float: left;
}

/**
 * Header Search
 */
.header-search {
    float: right;
    background: #000000;
}

.hs-is-hidden {
    margin-left: -125px;
}

.header-search .searchfield {
    color: #000000;
    padding: 5px;
    /*width: 115px; height: 35px;*/
    background: #ffffff;
    border: none;
    outline: 1px solid #000000;
}

.header-search .searchfield:focus {
    outline: 1px solid #ffffff;
}

.header-search .mag-button {
    margin: 0;
    padding: 0;
    /*float: right;*/
    width: 45px;
    height: 35px;
    overflow: hidden;
    text-indent: 200%;
    cursor: pointer;
    background: #000000 url(images/search.png) no-repeat center;
    border: none;
}

/**
 * Main footer styles
 */
footer.main {
    clear: both;
    background: #15161a;
}

footer.main .menu a {
    color: #ffffff;
}

.footer--content {
    font-size: 12px;
}

.footer--content a {
    color: #ffffff;
}

.footer--content .l-content {
    padding-left: 15px;
    float: left;
    width: 380px;
    border-width: 0 0 0 5px;
    border-color: #9d4e41;
}

.footer--content p {
    font-size: 11px;
    margin: 0;
}

.footer--content h3 {
    color: #ffffff;
}

.footer--content em {
    font-style: normal;
    color: #ffffff;
}

.footer--end {
    clear: both;
    margin-top: 30px;
    height: 64px;
    line-height: 64px;
}

.footer--legal {
    float: left;
    font-size: 12px;
}

.footer--links {
    float: right;
}

.footer--icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(images/footer_logo.png) no-repeat left top;
}

.footer--icon-linkedin {
    margin-left: 15px;
    background-position: 0 0;
}

.footer--icon-fbook {
    margin-left: 5px;
    background-position: -24px 0;
}

.footer--icon-hps {
    margin-left: 20px;
    width: 72px;
    height: 64px;
    /*background-position: 0 -24px;*/
}

/**
 * Footer block styles
 */
.fblock {
    float: right;
    width: 160px;
}

.fblock--header {
    padding-left: 12px;
    height: 30px;
    background: #474747;
    line-height: 30px;
}

.fblock--header-dark {
    background: #333333;
}

.fblock--header-light {
    background: #9d4e41;
}

.fblock--header h3 {
    margin: 0;
    line-height: 30px;
}

/**
 * Link styles
 */
a {
    text-decoration: none;
    font-weight: 700;
    color: #9d4e41;
}

a p {
    font-size: 14px;
    font-weight: 400;
    color: #444444;
}

/**
 * State styles
 */
.is-active {
    color: #ffffff;
    background: #000000;
}

.is-active + .oblist .is-active {
    background: #ffffff;
    color: #9d4e41;
}

/**
 * Post components
 */
.description {
    margin-top: 20px;
    padding: 20px 0;
    border: 1px solid #ececec;
    border-width: 1px 0;
}

.thumb {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    display: block;
}

.irpost-summary h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.post-thumb-container + .post-content {
    margin-left: 200px;
}

.post-thumb-container + .post-content > .l-padded {
    padding-left: 0;
}

.post-thumb-container {
    float: left;
    text-align: left;
    width: 200px;
}

/**
 * Menu styles
 */
.menu {
    list-style-type: none;
}

.menu > .menu-item {
    display: inline-block;
    position: relative;
    margin-left: 0;
    /*padding: 12px;*/
}

.menu-item > .sub-menu {
    display: none;
}

#menu-main-menu {
    clear: right;
    float: right;
}

.menu-main > .menu-item > a {
    padding: 12px;
    display: block;
    position: relative;
    z-index: 1010;
    height: 65px;
    line-height: 65px;
    font-weight: 400;
    color: #000000;
}

.menu-main > .menu-item > .sub-menu {
    padding-top: 89px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    list-style-type: none;
    overflow: visible;
    /*background: url(images/down_arrow_black.png) no-repeat right 10px;*/
}

.menu-main > .menu-item:hover > .sub-menu {
    display: block;
    /*background-image: url(images/down_arrow_red.png);*/
}

.menu-main .sub-menu > .menu-item {
    margin-left: 0;
    background: #ffffff;
    float: left;
    clear: left;
    border-left: 5px solid #9d4e41;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.menu-main .sub-menu > .menu-item > a {
    padding: 15px 20px;
    display: block;
    width: 186px;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    white-space: nowrap;
    border-bottom: 1px solid #ececec;
}

.menu-main .sub-menu > .menu-item > a:hover {
    color: #9d4e41;
}

/**
 * Flag styles
 */
.flag {
    margin-right: 5px;
    width: 16px;
    height: 13px;
    display: inline-block;
    background-image: url(images/flags.png);
    background-repeat: no-repeat;
}

.flag-us {
    background-position: 0 0;
}

.flag-ca {
    background-position: 0 -13px;
}

/**
 * Button styles
 */
.btn {
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    height: 42px;
    line-height: 42px;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
    background-color: #9d4e41;
}

a.btn:hover,
a:hover .btn {
    background-color: #ab5547;
}

.btn-emph {
    padding: 0 30px;
    font-size: 20px;
}

.btn-dark {
    background-color: black;
}

a.btn-dark:hover,
a:hover .btn-dark {
    background-color: #333333;
}

/**
 * To top link
 */
.totop {
    padding-left: 10px;
    position: absolute;
    right: 0;
    bottom: -6px;
    z-index: 3;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    background: #ffffff;
}

/**
 * Widget styles
 */
.sidebar {
    border-top: 1px solid #ececec;
}

.sidebar .widget-container {
    border-left: none;
    border-bottom: 1px solid #ececec;
}

.widget-container p {
    line-height: 1.3;
    margin: 0;
}

.widget-container .post-date {
    color: #000000;
    display: block;
}

.widget-title {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 15px;
    border: 1px solid #ececec;
    border-width: 0 0 1px;
}

h3.widget-title {
    margin: 0;
    line-height: 1;
}

.sidebar h3.widget-title-block {
    padding-left: 20px;
}

.sidebar h3.widget-title, .widget_hps_competitor_code_search .l-padded-h {
    background: #f2f2f2;
}

.sidebar .l-padded-h > .widget-title {
    padding-left: 20px;
    margin-left: -20px;
    margin-right: -20px;
}

/**
 * Object list styles
 */
.oblist {
    display: block;
    color: #000000;
    list-style-type: none;
}

.oblist--item {
    margin-left: 0;
    padding: 9px 0;
    line-height: 1.5;
    border-top: 1px solid #ececec;
}

.oblist--item > a {
    margin: -9px 0;
    padding: 9px 0;
    display: block;
}

.oblist--item > a:hover {
    background-color: #f2f2f2;
    color: #000000;
}

.oblist--item > .oblist {
    margin-top: 9px;
    margin-bottom: -9px;
    border-top: 1px solid #ececec;
}

.oblist--item:first-child {
    border-top: none;
}

.oblist.l-padded, .oblist.l-padded-v {
    padding-top: 10px;
    padding-bottom: 10px;
}

.oblist-dark {
    color: #999999;
    font-size: 12px;
}

.oblist-dark .oblist--item {
    padding: 6px 5px;
    border-color: #333333;
}

.oblist-dark .oblist--item a {
    color: #ffffff;
    display: inline;
    text-transform: uppercase;
}

.oblist-dark .oblist--item a:hover {
    background: none;
}

/**
 * Product tooltip styles
 */
.prodnav {
    position: relative;
}

.prodnav .tipdisplay {
    padding: 10px 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 100;
    display: block;
    width: 240px;
    line-height: 20px;
    color: #ffffff;
    background: #9d4e41;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.prodnav .tipdisplay::before {
    content: "";
    position: absolute;
    left: -4px;
    top: 50%;
    margin-top: -4px;
    display: block;
    width: 0;
    height: 0;
    border-width: 4px 4px 4px 0;
    border-style: solid;
    border-color: transparent #9d4e41 transparent transparent;
}

.arrowlist li, .arrowed {
    padding-left: 15px;
    background: url(images/arrow.png) no-repeat left 15px;
}

.arrowlist > .oblist--item > a {
    margin-left: -15px;
    padding-left: 15px;
}

.arrowlist > .oblist--item > a:hover {
    background-repeat: no-repeat;
    background-position: left 15px;
    background-image: url(images/arrow.png);
}

.arrowlist > .oblist--item > a.is-active,
.arrowlist > .oblist--item > a.is-active:hover {
    padding-left: 25px;
    color: #ffffff;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: 5px 17px;
    background-image: url(images/arrow_white_down.png);
}

.aarrowlist li, .aarrowed {
    padding-left: 15px;
    background: url(images/arrow_grey_thin.png) no-repeat left 17px;
}

.aarrowlist > .oblist--item > a {
    color: #000000;
    font-weight: 400;
    margin-left: -15px;
    padding-left: 15px;
}

.aarrowlist > .oblist--item > a:hover {
    background-repeat: no-repeat;
    background-position: left 17px;
    color: #9d4e41;
    /*background-color: #fff;*/
    background-image: url(images/arrow_red_thin.png);
}

.aarrowlist > .oblist--item > a.is-active,
.aarrowlist > .oblist--item > a.is-active:hover {
    color: #9d4e41;
    background-repeat: no-repeat;
    background-position: left 17px;
    background-image: url(images/arrow_red_thin.png);
}

.dotlist li, .dotted {
    padding-left: 15px;
    background: url(images/single-dot.png) no-repeat left 16px;
}

.dotlist > .oblist--item > a {
    margin-left: -15px;
    padding-left: 15px;
}

/**
 * Page header styles
 */
.phead {
    background: #f2f2f2;
}

.phead--links {
    position: relative;
    padding-left: 20px;
    padding-right: 75px;
    line-height: 42px;
    height: 42px;
    background: #000000;
    /*width: 625px;*/
    white-space: nowrap;
    overflow: hidden;
}

.phead--links > a.breadcrumb {
    color: #80807e;
}

.phead--links > span.breadcrumb {
    color: #ffffff;
    font-weight: 700;
}

.phead--links > .breadcrumb {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 250px;
}

.phead--links > .arrowed {
    margin-left: 10px;
    padding-left: 11px;
    background-position: left 18px;
}

.phead--links > .btn {
    position: absolute;
    top: 0;
    right: 0;
}

.phead--content {
    padding: 20px;
}

.phead--content-center-v {
    /*padding-top: 0;
    padding-bottom: 0;
    height: 140px;
    line-height: 140px;*/
}

.phead--content-center-v h1 {
    font-size: 32px;
}

.phead--content-center-v .post-thumb-container {
    line-height: 140px;
    margin-bottom: 20px;
}

.phead--content-center-v .post-thumb-container img {
    vertical-align: middle;
}

.phead--content-center-v .post-content {
    float: none;
    width: 680px;
    margin-left: 0;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.phead--content-center-v .post-thumb-container + .post-content {
    width: 480px;
}

.family-image {
    display: block;
}

.phead-special {
    background: url(images/trans.png);
    background-color: rgba(0, 0, 0, 0.5);
}

.phead-special h1 {
    color: #ffffff;
}

.phead-special .phead--content {
    padding: 30px;
}

.phead-special .phead--body,
.phead-home .phead--body {
    margin-top: 21px;
}

.phead-home {
    margin: 42px 0;
    width: 650px;
    color: #ffffff;
    background: none;
}

.phead-home .phead--links {
    padding: 0;
    background: none;
}

.phead-home .phead--links .btn {
    float: left;
}

.phead-home .phead--content {
    background: url(images/trans.png);
    background: rgba(0, 0, 0, 0.5);
}

.phead-home .phead--body {
    font-size: 16px;
}

.phead-home h1 {
    color: #ffffff;
}

.phead-nolinks {
    margin-top: 42px;
}

/**
 * Meta data
 */
.meta {
    font-size: 12px;
}

.meta-large {
    font-size: 14px;
}

.meta, .meta dt, .meta dd {
    display: inline;
}

.meta dt {
    color: #000000;
}

.meta dd {
    margin-right: 10px;
}

/**
 * CTA styles
 */

.cta {
    margin: 10px;
    padding-left: 25px;
    display: block;
    height: 74px;
    font-size: 20px;
    line-height: 74px;
    color: #ffffff;
    background: #000000;
}

.cta .btn-emph {
    float: right;
    height: 74px;
    line-height: 74px;
}

/**
 * Readmore styles
 */
.readmore {
    margin: 2px 25px;
    float: right;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
}

.readmore-left {
    margin: 2px 0;
    float: left;
}

/**
 * Product Block styles
 */
.prodblock {
    margin-bottom: 20px;
    width: 220px;
    /*height: 470px;*/
    font-weight: normal
}

.prodblock--figure {
    text-transform: uppercase;
    font-weight: 700;
    color: white;
    background: #333333;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.prodblock--figure > img {
    display: block;
}

.prodblock--figure > figcaption {
    padding: 12px;
    position: relative;
    display: block;
    line-height: 1.1;
}

.prodblock--figure > figcaption::before {
    content: '';
    position: absolute;
    left: 14px;
    top: -12px;
    border: 6px solid #333333;
    border-color: transparent transparent #333333;
}

.prodblock--title {
    margin: 0 12px;
    padding-top: 18px;
    color: black;
    font-weight: 700;
}

.prodblock--content {
    font-size: 14px;
    padding: 12px;
    color: #666666;
}

.prodblock:hover {
    background-color: #9d4e41;
}

.prodblock:hover > .prodblock--figure {
    background: none;
}

.prodblock:hover figcaption::before {
    border-bottom-color: #9d4e41;
}

.prodblock:hover > .prodblock--title {
    color: #ffffff;
    padding-top: 17px;
    border-top: 1px solid #ab695d;
}

.prodblock:hover > .prodblock--content {
    color: #ffffff;
}

/**
 * Sideblock styles
 */
.sideblock {
    margin-left: 10px;
    margin-right: 10px;
}

.sidebar .sideblock {
    background: #f1f1f1;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sideblock > img {
    display: block;
}

.sideblock--content {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #444444;
}

.sideblock--content .l-content {
    border-color: #dfdfdf;
    font-size: 14px;
}

.sideblock a.arrowed {
    font-size: 14px;
    display: block;
    height: 38px;
    line-height: 38px;
}

.event-data h4 {
    font-size: 14px;
    margin-bottom: 5px;
}

.sideblock--content .event-data {
    color: black;
    font-size: 12px;
    line-height: 13px;
}

/**
 * Slider styles
 */
.slider {
    position: relative;
    display: block;
}

.slider .phead--links > .btn {
    float: left;
    position: relative;
    top: auto;
    right: auto;
}

.slider--slides {
    position: relative;
    overflow: hidden;
}

.slider--controls {
    position: absolute;
    top: -56px;
    right: 20px;
    display: block;
    height: 56px;
    line-height: 56px;
}

.slider--controls span {
    vertical-align: middle;
    display: inline-block;
    width: 10px;
    height: 42px;
    background: url(images/dot.png) no-repeat left bottom;
    cursor: pointer;
}

.slider--controls .is-active {
    cursor: default;
    background-position: left top;
}

.slider--controls-inside {
    position: static;
    top: 0;
    right: 0;
    height: 10px;
    line-height: 10px;
}

.slider--controls-inside span {
    height: 10px;
    background-position: left -58px
}

.slider--controls-inside .is-active {
    background-position: left -16px
}

.slider--slide {
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    display: block;
    zoom: 1;
}

/* Fix for $.fn.fadeOut() not working in IE 8 */
.slider--slide * {
    zoom: 1;
    filter: inherit;
}

.slider--slide > img {
    display: block;
}

.is-slide-ready {
    left: 100%;
}

.is-slide-hidden {
    left: -100%;
}

.slider-large {
    margin-bottom: -146px;
}

.slider-large .slider--controls {
    top: -202px;
    left: 0px;
    right: auto;
}

.slider-jumbo {
    display: block;
    height: 300px;
    width: 100%;
}

.slider-jumbo .slider--controls {
    top: 237px;
    right: 0;
    left: auto;
}

.slider-jumbo .slider--controls span,
.slider-large .slider--controls span {
    margin-left: 5px;
    width: 14px;
    background-image: url(images/bigdot.png);
}

.slider-jumbo .slider--slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.slider-jumbo .slider--slide {
    padding-bottom: 31.25%;
    width: 100%;
}

.slider-jumbo img {
    position: absolute;
    display: block;
    width: 100%;
}

.slider-jumbo .l-constrained {
    position: relative;
    /*z-index: 15;*/
}

.slider-jumbo .is-slide-ready,
.slider-large .is-slide-ready {
    left: 0;
}

.slider-jumbo .is-slide-hidden,
.slider-large .is-slide-hidden {
    left: 0;
}

/**
 * Pagination styles
 */
.wp-pagenavi {
    margin-top: 15px;
    text-align: right;
    clear: both;
}

.wp-pagenavi .pages {
    margin: 0;
    padding: 0;
    font-weight: 400;
    float: left;
    background: none;
}

.wp-pagenavi .pages span {
    margin: 0;
    padding: 0;
    background: none;
    font-weight: 700;
    color: #9d4e41;
}

.wp-pagenavi a, .wp-pagenavi span {
    margin: 0 2px;
    padding: 0 15px;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    font-weight: 700;
    background-color: #ececec;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background: #000000;
    color: #ffffff;
}

.wp-pagenavi span.current {
    font-weight: bold;
}

.wp-pagenavi span.extend {
    padding-left: 0;
    padding-right: 0;
    width: 20px;
}

/**
 * Stock Styles
 */
.stockimage {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.stockimage > img {
    display: block;
    margin: 0 auto 10px;
}

.stockimage > .stock-span-picker {
    line-height: 1.5;
    padding-left: 10px;
    padding-right: 10px;
}

.stock-history {
    width: 100%;
    margin-bottom: 20px;
}

.stock-information {
    font-size: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    *zoom: 1;
}

.stock-information table {
    text-align: left;
    float: left;
    margin: 0 1%;
    width: 23%;
}

.stock-history tr:nth-child(2n),
.stock-information tr:nth-child(2n) {
    background: #f2f2f2;
}

.stock-history th,
.stock-information th {
    text-align: left;
    font-weight: 700;
}

.stock-history td,
.stock-history th,
.stock-information td,
.stock-information th {
    padding: 2px;
    border: none;
}

.stock-simple {
    width: 200px;
    margin: 0;
}

.stock-simple table {
    float: none;
    width: 100%;
    margin: 0;
}

.stock-date-picker {
    clear: both;
    margin: 10px 0 0;
    padding: 5px 0;
    text-align: center;
    background: #f2f2f2;
    border: 1px solid #ececec;
}

.stock-date-picker label {
    margin-left: 20px;
}

/**
 * Datepicker Styles
 */
.ui-widget {
    padding: 10px;
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.ui-datepicker-prev {
    float: left;
}

.ui-datepicker-title {
    text-align: center;
    font-weight: 700;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
    border-color: #ececec;
    text-align: center;
    padding: 0;
}

.ui-datepicker-calendar th {
    padding: 4px 8px;
    font-weight: bold;
}

.ui-datepicker-other-month {
    background: #f2f2f2;
}

.ui-datepicker-calendar td a {
    padding: 5px;
    display: block;
}

.ui-datepicker-calendar td a:hover,
.ui-datepicker-current-day a {
    background: #9d4e41;
    color: #ffffff;
}

/**
 * Form Styles
 */
#inspi-form-4131 .inspi-form-field-checkbox label,
#inspi-form-6673 .inspi-form-field-checkbox label {
    display: inline;
}

#inspi-form-message {
    height: 300px;
}

.inspi-form .row-fluid {
    margin-bottom: 20px;
}

.inspi-form .required {
    color: #9d4e41;
}

.inspi-form label {
    display: block;
    line-height: 1.5;
}

.inspi-form textarea,
.inspi-form input[type="text"],
.inspi-form input[type="url"],
.inspi-form input[type="email"],
.inspi-form input[type="submit"],
.inspi-form select {
    margin: 0;
    padding: 5px;
    display: block;
    background: #f2f2f2;
    border: 1px solid #ececec;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inspi-form textarea:focus,
.inspi-form input[type="text"]:focus,
.inspi-form select:focus {
    outline: 1px solid #9d4e41;
}

.inspi-form input[type="submit"] {
    padding: 0 20px;
    float: right;
    width: auto;
    height: 42px;
    line-height: 42px;
    color: #ffffff;
    background: #000000;
    border: none;
}

.inspi-form input[type="submit"]:hover {
    background: #9d4e41;
}

.inspi-form input[type="checkbox"] {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.inspi-form textarea {
    -moz-resize: vertical;
    resize: vertical;
}

.submit-box {
    padding-top: 39px;
    text-align: right;
}

#inspi-form-4134 .inspi-form-field-checkbox {
    padding-top: 39px;
}

#inspi-form-4134 .inspi-form-field-checkbox label {
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 88%;
    float: right;
}

#inspi-form-4134 .inspi-form-field-checkbox .inspi-checkbox {
    float: left;
    margin-top: 13px;
}

#inspi-form-4134 .error {
    color: red;
}

#inspi-form-4134 .inspi-form-field-checkbox .error {
    padding: 0;
}

#inspi-form-4131 .inspi-checkbox,
#inspi-form-6673 .inspi-checkbox {
    margin-top: 4px;
    float: left;
}

#inspi-form-4131 .inspi-form-field.inspi-form-field-checkbox {
    clear: both;
}

#inspi-form-4131 .inspi-form-result {
    color: #9d4e41;
}

.submit-box .inspi-form-submit {
    display: inline-block;
}

.wpcf7-form label {
    display: block;
    line-height: 1.5;
}

.wpcf7-form textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="submit"],
.wpcf7-form select {
    margin: 0;
    padding: 5px;
    display: block;
    background: #f2f2f2;
    border: 1px solid #ececec;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wpcf7-form textarea:focus,
.wpcf7-form input[type="text"]:focus,
.wpcf7-form select:focus {
    outline: 1px solid #9d4e41;
}

.wpcf7-form input[type="submit"] {
    padding: 0 20px;
    float: right;
    width: auto;
    height: 42px;
    line-height: 42px;
    color: #ffffff;
    background: #000000;
    border: none;
}

.wpcf7-form input[type="checkbox"] {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.wpcf7-form textarea {
    -moz-resize: vertical;
    resize: vertical;
}

.wpcf7-display-none {
    display: none;
}

.wpcf7-response-output {
    padding: 10px 20px;
    line-height: 20px;
    color: #ffffff;
    background: #b7270f;
}

.wpcf7-not-valid-tip {
    line-height: 40px;
    padding: 5px 10px;
    color: #ffffff;
    background: #b7270f;
}

.wpcf7-mail-sent-ok {
    background: #7cab45;
}

#wpcf7-f2111-p88-o1 .row-fluid {
    margin-bottom: 20px;
}

.form--row {
    margin-bottom: 10px;
    display: block;
    clear: both;
    overflow: auto;
    *zoom: 1;
}

.form--half {
    margin-left: 4%;
    float: left;
    width: 48%;
}

.form--half:first-child {
    margin-left: 0;
}

.form--half .ajax-loader {
    margin: 12px 10px 0 0;
    float: right;
}

.dl-special {
    overflow: hidden;
    *zoom: 1;
}

.dl-special dt {
    clear: both;
    font-weight: 700;
    width: 25%;
    float: left;
}

.dl-special dd {
    float: right;
    width: 75%;
}

.oblist--item > a {
    padding-right: 10px;
}

.btn, .menu-item {
    float: left;
}

#searchform {
    float: left;
}

/*#searchform input{float:left;}*/
/*#page{position:relative; z-index:1;}*/
#header {
    position: relative;
    z-index: 2;
}

#header .l-constrained {
    z-index: 1;
}

#primary aside.sidebar.l-gridCon1.l-pull1 {
    position: relative;
    z-index: 999;
}

.stock-span-picker {
    margin: 0 12px;
}

.stock-span-picker-cont {
    margin: -10px 0 20px;
}

.menu-footer-wrap a {
    display: block;
    padding: 12px;
}

.clear {
    clear: both;
}

#image_widget-2 .slider--slide img {
    width: 220px;
    height: auto;
}

.no-result {
    font-weight: bold;
    color: #000000;
    border: none;
    padding: 20px 0;
}

#wpcf7-f3505-w1-o1 {
    padding: 0 20px;
    margin: 10px auto;
}

#wpcf7-f3505-w1-o1 input {
    margin: 5px 0;
    padding: 15px;
}

#wpcf7-f3505-w1-o1 #nl-submit {
    width: 100%;
    padding: 0;
}

.sidebar .widget_newsletter_widget {
    padding: 10px;
}

.widget_newsletter_widget h3.widget-title {
    padding: 30px 0 30px 80px;
    background: #f2f2f2 url('images/emailnewsletter.png') 25px center no-repeat;
}

.nl-banner {
    background: url(./images/newsletter-banner.png) no-repeat;
    background-size: cover;
    min-height: 243px;
}

#nl {
    background: #9d4e41;
    color: #ffffff;
    padding: 25px;
}

#nl a {
    margin-top: 20px;
    background: black;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    color: #ffffff;
}

#nl a i {
    margin-right: 5px;
}

#nl p {
    text-align: left;
}

#text-2 h3 {
    padding-left: 20px;
}

input.hoverbutton:hover {
    background: #9d4e41;
}

.sidebar.l-gridCon1.l-pushOut1 {
    background: #ffffff;
}

.clear-margin-top {
    margin-top: 0 !important;
}

aside.sidebar.l-gridCon1.l-pushOut1 {
    border: none;
}

/*Competitor widget*/
#competitor-form {
    padding: 0 20px;
}

#res-info p span {
    width: 50%;
    text-align: center;
}

#res-name {
    float: left;
    margin-bottom: 12px;
}

#res-model {
    float: right;
}

.hid {
    display: none;
}

#res-tbl .border-r {
    border-right: 1px solid black;
}

#res-suggestion i {
    margin-right: 5px;
}

#res-links ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 10px;
}

#res-links ul li:before {
    content: "\25ba\00a0";
    color: #9d4e41;
}

#res-suggestion-wrapper {
    padding: 0 20px 20px;
    cursor: pointer;
    position: relative;
}

#res-suggestion {
    padding-top: 20px;
    border-top: 1px solid #252525;
}

#res-suggestion-info {
    position: absolute;
    background: #9d4e41;
    padding: 20px 16px;
    z-index: 99999;
    width: 291px;
    top: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.leftside {
    left: 100%;
}

.rightside {
    right: 100%;
}

.leftside:before, .rightside:after {
    content: "";
    position: absolute;
    top: 20px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}

.rightside:after {
    right: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #9d4e41;
}

.leftside:before {
    left: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #9d4e41;
}

.widget_hps_competitor_code_search .widget-title {
    padding-right: 20px;
    font-size: 17px;
}

#hps_competitor_code_search-3 .widget-title {
    padding-right: 0;
}

#competitor-form-wrapper {
    background: #9d4e41;
    border: none;
}

#competitor-form-info {
    display: block;
    padding-left: 65px;
    font-size: 13px;
    color: #ffffff;
    background: url('images/competitor-info-icon.png') left center no-repeat;
}

#competitor-input-area {
    margin: 15px 0;
    background: black;
}

#competitor-code {
    margin: 0;
    width: 70%;
    height: 44px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px 0 10px 11px;
    float: left;
}

#competitor-submit {
    padding: 0;
    background: black;
    display: block;
    float: left;
    width: 30%;
    font-size: 22px;
    height: 44px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    border: none;
    cursor: pointer;
}

#res-tbl-wrapper {
    background: #000000;
    color: #ffffff;
    border: none;
}

#res-tbl {
    padding: 20px 20px 0;
}

#res-name #res-title {
    font-size: 20px;
    color: #ffffff;
    display: block;
}

#res-name, #res-error {
    color: #ffffff;
    font-size: 14px;
}

#res-name span {
    font-size: 23px;
}

#res-links a {
    color: #bfbfbf;
    font-size: 14px;
}

#res-links a:hover {
    color: #ffffff;
}

/*------------Newsletter Page------------*/
#newsletter-info {
    position: relative;
}

#newsletter-info .newsletter-info-title {
    background: #f2f2f2;
    width: 100%;
    position: relative;
}

.newsletter-info-sliders {
    background: url(./images/newsletter-info-bg.png) no-repeat;
    background-size: cover;
    min-height: 105px;
}

h3.newsletter-intro-title {
    margin-bottom: 20px;
}

#newsletter-info .newsletter-info-title h3 {
    padding-right: 40px;
    padding-left: 146px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
}

#newsletter-info .newsletter-info-title .btn {
    position: absolute;
    right: 0;
    top: 0;
    background: #000000;
    height: 60px;
    line-height: 60px;
}

/*
#newsletter-info .newsletter-info-title .btn:hover{
	background: #9d4e41;
}
*/
#newsletter-info .newsletter-info-paragraph {
    background: #9d4e41 url('images/emailnewsletter.png') 146px center no-repeat;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    padding: 27px 20px 7px 208px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}

#newsletter-info .newsletter-info-cover {
    position: absolute;
    left: 20px;
    top: 18px;
}

#wpcf7-f3505-p3739-o1 {
    margin-top: 38px;
}

#wpcf7-f3505-p3739-o1 .newsletter {
    height: 42px;
    padding-left: 10px;
}

#wpcf7-f3505-p3739-o1 label {
    margin-bottom: 0;
    display: inline;
}

#wpcf7-f3505-p3739-o1 .required:after {
    content: "*";
    color: #9d4e41;
    font-size: 24px;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: 3px;
}

#wpcf7-f3505-p3739-o1 .submit-box {
    padding-top: 34px;
}

#wpcf7-f3505-p3739-o1 .submit-box .required {
    line-height: 42px;
    display: inline-block;
    width: 210px;
    text-align: right;
}

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
}

.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%;
}

.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%;
}

.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%;
}

.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%;
}

.row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%;
}

.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%;
}

.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%;
}

.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%;
}

.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%;
}

.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%;
}

.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%;
}

table.faq-tbl thead, table.faq-tbl tbody, table.faq-tbl td, table.faq-tbl th, table.faq-tbl tr {
    border: none;
}

table.faq-tbl, table.faq-tbl tr, table.faq-tbl td {
    border: 1px solid rgb(236, 236, 236);
}

table.faq-tbl thead {
    border-bottom: 2px solid #9d4e41;
}

table.faq-tbl tr.dark {
    background: rgb(246, 246, 246);
}

table.faq-tbl th {
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    padding: 20px;
    color: #000000;
}

table.faq-tbl td {
    padding: 15px;
    font-weight: 400;
}

table.faq-tbl tr td:first-child {
    width: 266px;
}

#faq-search {
    width: 30px;
    background: #000000;
    color: #ffffff;
    padding-left: 10px;
    display: inline-block;
}

.phead--links.faq--links > .breadcrumb {
    float: left;
}

.social-links, .social-links-header {
    display: inline-block;
    width: 24px;
    height: 23px;
    vertical-align: middle;
    margin-right: 0.8em;
}

.social-links-header {
    float: left;
    margin-right: 6px;
    width: 16px;
    height: 15px;
    margin-top: 10px;
    margin-left: 8px;
}

.social-links-header i {
    line-height: 35px;
    font-size: 20px;
    color: #c99894;
}

.social-links-header.facebook {
    background: url(./images/icons/facebook-icon.png) no-repeat;
}

.social-links-header.linkedin {
    background: url(./images/icons/linkedin-icon.png) no-repeat;
}

.social-links-header.twitter {
    background: url(./images/icons/twitter-icon.png) no-repeat;
}

.social-links:hover, .social-links-header:hover {
    background-position: 0 100%;
}

.facebook {
    background: url(./images/facebook-icon.png) no-repeat;
}

.linkedin {
    background: url(./images/linkedin-icon.png) no-repeat;
}

.twitter {
    background: url(./images/twitter-icon.png) no-repeat;
}

#search-solution {
    margin-top: 5px;
}

#search-solution .solution-info {
    padding: 10px 30px;
    float: left;
    background: #9d4e41;
    font-size: 20px;
    color: #ffffff;
}

#searchform .search-text {
    height: 30px;
    width: 307px;
    margin: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.no-border {
    border: none !important;
}

#faq-single-main-title {
    text-align: left;
}

h4.faq-single-title {
    float: left;
    font-size: 14px;
    display: inline-block;
    line-height: 38px;
    vertical-align: middle;
    margin-right: 15px;
}

.faq-single-tag {
    padding: 9px;
    background: #9d4e41;
    color: #ffffff;
    margin-right: 5px;
    display: inline-block;
    float: left;
}

.faq-single-tag:hover {
    background: #000000;
}

.faq-content p {
    margin-bottom: 0;
}

.faq-title {
    font-size: 22px;
    margin-top: 20px;
    padding-bottom: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #ececec;
}

.border-bottom {
    border-bottom: 1px solid #ececec;
}

#faq-lists {
    list-style: none;
    margin-top: 0px;
}

#faq-tags a {
    float: left;
    padding: 10px 9px;
    border: 1px solid #ececec;
    margin-right: 5px;
    margin-bottom: 5px;
}

#faq-tags a:hover {
    background: #9d4e41;
    color: #ffffff;
}

.pmeta {
    padding: 25px 10px 0;
}

.pmeta dl.meta {
    color: #010101;
}

#faq-lists .faq-list {
    width: 30%;
    margin-right: 3%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: none;
    border-bottom: 1px solid #ececec;
}

#faq-lists .faq-list a {
    color: #9d4e41;
    font-weight: bold;
}

#hps_widget-2 .l-padded-v, #hps_widget-2 .l-padded {
    padding: 10px 0;
}

.search-input-bar {
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
    transition: opacity 3s ease-in-out;
}

.search-input-bar:focus::-webkit-input-placeholder {
    opacity: 0;
}

.search-input-bar:focus::-moz-placeholder {
    opacity: 0;
}

.search-input-bar:focus::-moz-placeholder {
    opacity: 0;
}

.search-input-bar:focus:-ms-input-placeholder {
    opacity: 0;
}

.post-content .search-result-item {
    border-top: none;
    padding-top: 0;
}

.small-title {
    font-size: 28px;
}

.icps-result-wrap .flip-item {
    border-bottom: 1px solid #ececec;
    padding-bottom: 40px;
    margin-bottom: 40px;
    display: table;
    width: 100%;
}

.icps-result-wrap .flip-item:last-child {
    border: none;
    margin-bottom: 0;
}

.icps-result-wrap .flip-item .wp-post-image,
.icps-result-wrap .flip-item .flip-info {
    display: table-cell;
    vertical-align: middle;
}

.icps-result-wrap .flip-item .wp-post-image {
    max-width: 150px;
    height: auto;
    margin-right: 10px;
}

.icps-result-wrap .flip-info {
    /*padding-left: 150px;*/
}

ul.icps-result-lists li {
    margin: 0;
    list-style: none;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
}

ul.icps-result-lists li a,
ul.icps-result-lists li span {
    color: #9d4e41;
    font-weight: bold;
}

ul.icps-result-lists li a:hover,
ul.icps-result-lists li a:focus {
}

ul.icps-result-lists li span {
    margin-right: 10px;
}

.flip-info h3 {
    font-size: 30px;
}

.flip-info h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

.flip-info h4 {
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 16px;
}

.flip-info .oblist--item {
}

.flip-info .oblist--item a {
    color: #9d4e41;
    font-weight: bold;
}

.flip-info .oblist--item:last-child {
    border-bottom: 1px solid #ececec;
}

h2 .relevanssi-query-term {
    color: #000000;
}

.search-result-item .relevanssi-query-term {
    font-weight: 800;
}

#footer p, .footer--legal {
    color: #999999;
}

#hps_competitor_code_search-3 .widget-title {
    font-size: 17px;
}

.faq-banner {
    width: 100%;
    display: block;
    background: url(images/technical-support.png) no-repeat;
    height: 144px;
    background-size: cover;
    margin: 10px 0;
}

#faq-banner {
    display: block;
    padding-top: 20px;
}

#faq-banner .widget-title {
    font-weight: normal;
}

#faq-banner .l-padded-h {
    background: #f2f2f2;
    text-align: left;
}

#faq-banner .faq-banner-text {
    background: #9d4e41;
    padding: 14px 14px;
    min-height: 67px;
}

#faq-banner .faq-banner-text p {
    font-size: 13px;
    color: #ffffff;
    padding-left: 53px;
    padding-top: 17px;
    min-height: 45px;
    background: url('images/tech-support-icon.png') left center no-repeat;
}

li.last-nav-menu-item, #menu-main-menu li:last-child .sub-menu li {
    margin-left: -141px;
}

.header-menu-li {
    float: left;
    margin-left: 0;
    position: relative;
}

.header-menu-li .btn {
    padding: 0 30px;
}

.sub-menu {
}

.header-menu-li .sub-menu {
    display: none;
}

.menu.menu-main {
    float: left;
}

li.header-menu-li:hover .sub-menu {
    display: block;
}

.header-menu-li .sub-menu {
    padding-top: 36px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
    width: 100%;
    list-style-type: none;
    overflow: visible;
}

.header-menu-li .sub-menu .menu-item.menu-item-type-post_type {
    width: 100%;
}

.header-menu-li .sub-menu .menu-item.menu-item-type-post_type a {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.hps_product_search_wrapper {
    padding: 38px 0 0 20px;
}

.hps_product_search_wrapper h2 {
    margin-bottom: 20px;
}

.hps_product_search_wrapper ul {
    margin-bottom: 30px;
}

.hps_product_search_wrapper ul li:before {
    content: "\25ba\00a0";
    color: #9d4e41;
}

.hps_product_search_wrapper ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 10px 8px;
}

.hps_product_search_wrapper ul li a {
    color: #444444;
    font-size: 14px;
    font-weight: normal;
}

.hps_product_search_wrapper ul li a:hover {
    color: #9d4e41;
}

.more-page-grid.l-grid1-5.l-grid-inline.l-padded-v-s {
    float: left;
}

h1.hps-reactor-title {
    font-size: 20px;
    padding: 30px 0;
    font-weight: 500;
}

table.hps-reactor-table.table.table-hover {
    border-color: #ececec;
    width: 100%;
}

tr.hps-reactor-header th {
    font-weight: bold;
    font-size: 18px;
}

tr.hps-reactor-label th {
    font-size: 14px;
    font-style: italic;
    border-bottom: 2px solid #9d4e41;
}

.hps-reactor-table td, .hps-reactor-table th {
    border: none;
}

.hps-reactor-table tr.hps-reactor-header th {
    border-top: 1px solid #ececec;
}

.hps-reactor-table tr.hps-reactor-header th:first-child,
.hps-reactor-table tr.hps-reactor-label th:first-child {
    border-left: 1px solid #ececec;
}

.hps-reactor-table tr.hps-reactor-header th:last-child,
.hps-reactor-table tr.hps-reactor-label th:last-child {
    border-right: 1px solid #ececec;
}

.hps-reactor-table td {
    border: 1px solid #ececec;
    padding: 5px 0;
}

tr.hps-reactor-label th,
tr.hps-reactor-header th {
}

td.text-center {
    text-align: center;
}

.hps-reactor-bg td {
    background: #f6f6f6;
}

.hps-reactor-table {
    margin-bottom: 30px;
}

h1.hps-reactor-page-title {
    font-size: 28px;
}

/*Global Sites Menu*/
li.header-menu-li.hps-sites-menu {
    width: 80px;
    padding-left: 42px;
}

li.header-menu-li.hps-sites-menu.hps-menu-global {
    background: url('images/icons/global.png') no-repeat left center;
}

li.header-menu-li.hps-sites-menu a.btn {
    padding-left: 0;
    background: none;
    color: #ffffff;
    padding-right: 0;
}

.header-menu-li.hps-sites-menu .sub-menu {
    padding-top: 35px;
}

.menu-main .sub-menu li.menu-item.hps-sites-menu {
    border: none;
    padding-left: 42px;
    width: 80px;
}

.menu-main .sub-menu li.menu-item.hps-menu-europe {
    background: url('images/icons/europe.png') no-repeat left center;
}

.menu-main .sub-menu li.menu-item.hps-menu-asia {
    background: url('images/icons/asia.png') no-repeat left center;
}

.menu-main .sub-menu li.menu-item.hps-sites-menu a {
    padding: 0;
    line-height: 35px;
    border: none;
    color: #ffffff;
}

li.header-menu-li.has-child a.btn:after {
    content: '\F0DD';
    font-family: 'FontAwesome';
    color: #8d8d8d;
    line-height: 23px;
    padding-left: 20px;
}

.inspi-form .inspi-form-field input.error,
.inspi-form .inspi-form-field textarea.error,
.inspi-form .inspi-form-field select.error {
    border: 1px solid #cc0000;
}

label.error {
    color: #cc0000;
}

.inspi-form-result-message p {
    color: #9d4e41;
    font-size: 18px;
    font-weight: bold;
}