@charset "UTF-8";
/*! Theme Name: scratch Theme URI: http://underscores.me/ Author: Matt Peacock Author URI: https://wp-agency.co.uk Description: Blank Theme for all WPA projects Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: scratch Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. scratch is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */
/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/
 html {
     box-sizing: border-box;
}
 *, *::after, *::before {
     box-sizing: inherit;
}
/*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/
 html {
     font-family: sans-serif;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}
 body {
     margin: 0;
}
 article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
     display: block;
}
 audio, canvas, progress, video {
     display: inline-block;
     vertical-align: baseline;
}
 audio:not([controls]) {
     display: none;
     height: 0;
}
 [hidden], template {
     display: none;
}
 a {
     background-color: transparent;
}
 a:active, a:hover {
     outline: 0;
}
 abbr[title] {
     border-bottom: 1px dotted;
}
 b, strong {
     font-weight: bold;
}
 dfn {
     font-style: italic;
}
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
}
 mark {
     background: #ff0;
     color: #000;
}
 small {
     font-size: 80%;
}
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sup {
     top: -0.5em;
}
 sub {
     bottom: -0.25em;
}
 img {
     border: 0;
}
 svg:not(:root) {
     overflow: hidden;
}
 figure {
     margin: 1em 40px;
}
 hr {
     box-sizing: content-box;
     height: 0;
}
 pre {
     overflow: auto;
}
 code, kbd, pre, samp {
     font-family: monospace, monospace;
     font-size: 1em;
}
 button, input, optgroup, select, textarea {
     color: inherit;
     font: inherit;
     margin: 0;
}
 button {
     overflow: visible;
}
 button, select {
     text-transform: none;
}
 button, html input[type="button"], input[type="reset"], input[type="submit"] {
     -webkit-appearance: button;
     cursor: pointer;
}
 button[disabled], html input[disabled] {
     cursor: default;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
     border: 0;
     padding: 0;
}
 input {
     line-height: normal;
}
 input[type="checkbox"], input[type="radio"] {
     box-sizing: border-box;
     padding: 0;
}
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
     height: auto;
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}
 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
}
 legend {
     border: 0;
     padding: 0;
}
 textarea {
     overflow: auto;
}
 optgroup {
     font-weight: bold;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 td, th {
     padding: 0;
}
/*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/
 body, button, input, select, optgroup, textarea {
     color: #404040;
     font-family: sans-serif;
     font-size: 16px;
     font-size: 1rem;
     line-height: 1.5;
}
 h1, h2, h3, h4, h5, h6 {
     clear: both;
}
 p {
     margin-bottom: 1.5em;
}
 dfn, cite, em, i {
     font-style: italic;
}
 blockquote {
     margin: 0 1.5em;
}
 address {
     margin: 0 0 1.5em;
}
 pre {
     background: #eee;
     font-family: "Courier 10 Pitch", Courier, monospace;
     font-size: 15px;
     font-size: 0.9375rem;
     line-height: 1.6;
     margin-bottom: 1.6em;
     max-width: 100%;
     overflow: auto;
     padding: 1.6em;
}
 code, kbd, tt, var {
     font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
     font-size: 15px;
     font-size: 0.9375rem;
}
 abbr, acronym {
     border-bottom: 1px dotted #666;
     cursor: help;
}
 mark, ins {
     background: #fff9c0;
     text-decoration: none;
}
 big {
     font-size: 125%;
}
/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/* FONT PATH * -------------------------- */
 @font-face {
     font-family: 'FontAwesome';
     src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
     src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
     font-weight: normal;
     font-style: normal;
}
 .fa {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
 .fa-lg {
     font-size: 1.3333333333em;
     line-height: 0.75em;
     vertical-align: -15%;
}
 .fa-2x {
     font-size: 2em;
}
 .fa-3x {
     font-size: 3em;
}
 .fa-4x {
     font-size: 4em;
}
 .fa-5x {
     font-size: 5em;
}
 .fa-fw {
     width: 1.2857142857em;
     text-align: center;
}
 .fa-ul {
     padding-left: 0;
     margin-left: 2.1428571429em;
     list-style-type: none;
}
 .fa-ul > li {
     position: relative;
}
 .fa-li {
     position: absolute;
     left: -2.1428571429em;
     width: 2.1428571429em;
     top: 0.1428571429em;
     text-align: center;
}
 .fa-li.fa-lg {
     left: -1.8571428571em;
}
 .fa-border {
     padding: .2em .25em .15em;
     border: solid 0.08em #eee;
     border-radius: .1em;
}
 .fa-pull-left {
     float: left;
}
 .fa-pull-right {
     float: right;
}
 .fa.fa-pull-left {
     margin-right: .3em;
}
 .fa.fa-pull-right {
     margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
 .pull-right {
     float: right;
}
 .pull-left {
     float: left;
}
 .fa.pull-left {
     margin-right: .3em;
}
 .fa.pull-right {
     margin-left: .3em;
}
 .fa-spin {
     -webkit-animation: fa-spin 2s infinite linear;
     animation: fa-spin 2s infinite linear;
}
 .fa-pulse {
     -webkit-animation: fa-spin 1s infinite steps(8);
     animation: fa-spin 1s infinite steps(8);
}
 @-webkit-keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg);
    }
}
 @keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg);
    }
}
 .fa-rotate-90 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .fa-rotate-180 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .fa-rotate-270 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
     -webkit-transform: rotate(270deg);
     transform: rotate(270deg);
}
 .fa-flip-horizontal {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
     -webkit-transform: scale(-1, 1);
     transform: scale(-1, 1);
}
 .fa-flip-vertical {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
     -webkit-transform: scale(1, -1);
     transform: scale(1, -1);
}
 :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
     -webkit-filter: none;
     filter: none;
}
 .fa-stack {
     position: relative;
     display: inline-block;
     width: 2em;
     height: 2em;
     line-height: 2em;
     vertical-align: middle;
}
 .fa-stack-1x, .fa-stack-2x {
     position: absolute;
     left: 0;
     width: 100%;
     text-align: center;
}
 .fa-stack-1x {
     line-height: inherit;
}
 .fa-stack-2x {
     font-size: 2em;
}
 .fa-inverse {
     color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
 .fa-glass:before {
     content: "";
}
 .fa-music:before {
     content: "";
}
 .fa-search:before {
     content: "";
}
 .fa-envelope-o:before {
     content: "";
}
 .fa-heart:before {
     content: "";
}
 .fa-star:before {
     content: "";
}
 .fa-star-o:before {
     content: "";
}
 .fa-user:before {
     content: "";
}
 .fa-film:before {
     content: "";
}
 .fa-th-large:before {
     content: "";
}
 .fa-th:before {
     content: "";
}
 .fa-th-list:before {
     content: "";
}
 .fa-check:before {
     content: "";
}
 .fa-remove:before, .fa-close:before, .fa-times:before {
     content: "";
}
 .fa-search-plus:before {
     content: "";
}
 .fa-search-minus:before {
     content: "";
}
 .fa-power-off:before {
     content: "";
}
 .fa-signal:before {
     content: "";
}
 .fa-gear:before, .fa-cog:before {
     content: "";
}
 .fa-trash-o:before {
     content: "";
}
 .fa-home:before {
     content: "";
}
 .fa-file-o:before {
     content: "";
}
 .fa-clock-o:before {
     content: "";
}
 .fa-road:before {
     content: "";
}
 .fa-download:before {
     content: "";
}
 .fa-arrow-circle-o-down:before {
     content: "";
}
 .fa-arrow-circle-o-up:before {
     content: "";
}
 .fa-inbox:before {
     content: "";
}
 .fa-play-circle-o:before {
     content: "";
}
 .fa-rotate-right:before, .fa-repeat:before {
     content: "";
}
 .fa-refresh:before {
     content: "";
}
 .fa-list-alt:before {
     content: "";
}
 .fa-lock:before {
     content: "";
}
 .fa-flag:before {
     content: "";
}
 .fa-headphones:before {
     content: "";
}
 .fa-volume-off:before {
     content: "";
}
 .fa-volume-down:before {
     content: "";
}
 .fa-volume-up:before {
     content: "";
}
 .fa-qrcode:before {
     content: "";
}
 .fa-barcode:before {
     content: "";
}
 .fa-tag:before {
     content: "";
}
 .fa-tags:before {
     content: "";
}
 .fa-book:before {
     content: "";
}
 .fa-bookmark:before {
     content: "";
}
 .fa-print:before {
     content: "";
}
 .fa-camera:before {
     content: "";
}
 .fa-font:before {
     content: "";
}
 .fa-bold:before {
     content: "";
}
 .fa-italic:before {
     content: "";
}
 .fa-text-height:before {
     content: "";
}
 .fa-text-width:before {
     content: "";
}
 .fa-align-left:before {
     content: "";
}
 .fa-align-center:before {
     content: "";
}
 .fa-align-right:before {
     content: "";
}
 .fa-align-justify:before {
     content: "";
}
 .fa-list:before {
     content: "";
}
 .fa-dedent:before, .fa-outdent:before {
     content: "";
}
 .fa-indent:before {
     content: "";
}
 .fa-video-camera:before {
     content: "";
}
 .fa-photo:before, .fa-image:before, .fa-picture-o:before {
     content: "";
}
 .fa-pencil:before {
     content: "";
}
 .fa-map-marker:before {
     content: "";
}
 .fa-adjust:before {
     content: "";
}
 .fa-tint:before {
     content: "";
}
 .fa-edit:before, .fa-pencil-square-o:before {
     content: "";
}
 .fa-share-square-o:before {
     content: "";
}
 .fa-check-square-o:before {
     content: "";
}
 .fa-arrows:before {
     content: "";
}
 .fa-step-backward:before {
     content: "";
}
 .fa-fast-backward:before {
     content: "";
}
 .fa-backward:before {
     content: "";
}
 .fa-play:before {
     content: "";
}
 .fa-pause:before {
     content: "";
}
 .fa-stop:before {
     content: "";
}
 .fa-forward:before {
     content: "";
}
 .fa-fast-forward:before {
     content: "";
}
 .fa-step-forward:before {
     content: "";
}
 .fa-eject:before {
     content: "";
}
 .fa-chevron-left:before {
     content: "";
}
 .fa-chevron-right:before {
     content: "";
}
 .fa-plus-circle:before {
     content: "";
}
 .fa-minus-circle:before {
     content: "";
}
 .fa-times-circle:before {
     content: "";
}
 .fa-check-circle:before {
     content: "";
}
 .fa-question-circle:before {
     content: "";
}
 .fa-info-circle:before {
     content: "";
}
 .fa-crosshairs:before {
     content: "";
}
 .fa-times-circle-o:before {
     content: "";
}
 .fa-check-circle-o:before {
     content: "";
}
 .fa-ban:before {
     content: "";
}
 .fa-arrow-left:before {
     content: "";
}
 .fa-arrow-right:before {
     content: "";
}
 .fa-arrow-up:before {
     content: "";
}
 .fa-arrow-down:before {
     content: "";
}
 .fa-mail-forward:before, .fa-share:before {
     content: "";
}
 .fa-expand:before {
     content: "";
}
 .fa-compress:before {
     content: "";
}
 .fa-plus:before {
     content: "";
}
 .fa-minus:before {
     content: "";
}
 .fa-asterisk:before {
     content: "";
}
 .fa-exclamation-circle:before {
     content: "";
}
 .fa-gift:before {
     content: "";
}
 .fa-leaf:before {
     content: "";
}
 .fa-fire:before {
     content: "";
}
 .fa-eye:before {
     content: "";
}
 .fa-eye-slash:before {
     content: "";
}
 .fa-warning:before, .fa-exclamation-triangle:before {
     content: "";
}
 .fa-plane:before {
     content: "";
}
 .fa-calendar:before {
     content: "";
}
 .fa-random:before {
     content: "";
}
 .fa-comment:before {
     content: "";
}
 .fa-magnet:before {
     content: "";
}
 .fa-chevron-up:before {
     content: "";
}
 .fa-chevron-down:before {
     content: "";
}
 .fa-retweet:before {
     content: "";
}
 .fa-shopping-cart:before {
     content: "";
}
 .fa-folder:before {
     content: "";
}
 .fa-folder-open:before {
     content: "";
}
 .fa-arrows-v:before {
     content: "";
}
 .fa-arrows-h:before {
     content: "";
}
 .fa-bar-chart-o:before, .fa-bar-chart:before {
     content: "";
}
 .fa-twitter-square:before {
     content: "";
}
 .fa-facebook-square:before {
     content: "";
}
 .fa-camera-retro:before {
     content: "";
}
 .fa-key:before {
     content: "";
}
 .fa-gears:before, .fa-cogs:before {
     content: "";
}
 .fa-comments:before {
     content: "";
}
 .fa-thumbs-o-up:before {
     content: "";
}
 .fa-thumbs-o-down:before {
     content: "";
}
 .fa-star-half:before {
     content: "";
}
 .fa-heart-o:before {
     content: "";
}
 .fa-sign-out:before {
     content: "";
}
 .fa-linkedin-square:before {
     content: "";
}
 .fa-thumb-tack:before {
     content: "";
}
 .fa-external-link:before {
     content: "";
}
 .fa-sign-in:before {
     content: "";
}
 .fa-trophy:before {
     content: "";
}
 .fa-github-square:before {
     content: "";
}
 .fa-upload:before {
     content: "";
}
 .fa-lemon-o:before {
     content: "";
}
 .fa-phone:before {
     content: "";
}
 .fa-square-o:before {
     content: "";
}
 .fa-bookmark-o:before {
     content: "";
}
 .fa-phone-square:before {
     content: "";
}
 .fa-twitter:before {
     content: "";
}
 .fa-facebook-f:before, .fa-facebook:before {
     content: "";
}
 .fa-github:before {
     content: "";
}
 .fa-unlock:before {
     content: "";
}
 .fa-credit-card:before {
     content: "";
}
 .fa-feed:before, .fa-rss:before {
     content: "";
}
 .fa-hdd-o:before {
     content: "";
}
 .fa-bullhorn:before {
     content: "";
}
 .fa-bell:before {
     content: "";
}
 .fa-certificate:before {
     content: "";
}
 .fa-hand-o-right:before {
     content: "";
}
 .fa-hand-o-left:before {
     content: "";
}
 .fa-hand-o-up:before {
     content: "";
}
 .fa-hand-o-down:before {
     content: "";
}
 .fa-arrow-circle-left:before {
     content: "";
}
 .fa-arrow-circle-right:before {
     content: "";
}
 .fa-arrow-circle-up:before {
     content: "";
}
 .fa-arrow-circle-down:before {
     content: "";
}
 .fa-globe:before {
     content: "";
}
 .fa-wrench:before {
     content: "";
}
 .fa-tasks:before {
     content: "";
}
 .fa-filter:before {
     content: "";
}
 .fa-briefcase:before {
     content: "";
}
 .fa-arrows-alt:before {
     content: "";
}
 .fa-group:before, .fa-users:before {
     content: "";
}
 .fa-chain:before, .fa-link:before {
     content: "";
}
 .fa-cloud:before {
     content: "";
}
 .fa-flask:before {
     content: "";
}
 .fa-cut:before, .fa-scissors:before {
     content: "";
}
 .fa-copy:before, .fa-files-o:before {
     content: "";
}
 .fa-paperclip:before {
     content: "";
}
 .fa-save:before, .fa-floppy-o:before {
     content: "";
}
 .fa-square:before {
     content: "";
}
 .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
     content: "";
}
 .fa-list-ul:before {
     content: "";
}
 .fa-list-ol:before {
     content: "";
}
 .fa-strikethrough:before {
     content: "";
}
 .fa-underline:before {
     content: "";
}
 .fa-table:before {
     content: "";
}
 .fa-magic:before {
     content: "";
}
 .fa-truck:before {
     content: "";
}
 .fa-pinterest:before {
     content: "";
}
 .fa-pinterest-square:before {
     content: "";
}
 .fa-google-plus-square:before {
     content: "";
}
 .fa-google-plus:before {
     content: "";
}
 .fa-money:before {
     content: "";
}
 .fa-caret-down:before {
     content: "";
}
 .fa-caret-up:before {
     content: "";
}
 .fa-caret-left:before {
     content: "";
}
 .fa-caret-right:before {
     content: "";
}
 .fa-columns:before {
     content: "";
}
 .fa-unsorted:before, .fa-sort:before {
     content: "";
}
 .fa-sort-down:before, .fa-sort-desc:before {
     content: "";
}
 .fa-sort-up:before, .fa-sort-asc:before {
     content: "";
}
 .fa-envelope:before {
     content: "";
}
 .fa-linkedin:before {
     content: "";
}
 .fa-rotate-left:before, .fa-undo:before {
     content: "";
}
 .fa-legal:before, .fa-gavel:before {
     content: "";
}
 .fa-dashboard:before, .fa-tachometer:before {
     content: "";
}
 .fa-comment-o:before {
     content: "";
}
 .fa-comments-o:before {
     content: "";
}
 .fa-flash:before, .fa-bolt:before {
     content: "";
}
 .fa-sitemap:before {
     content: "";
}
 .fa-umbrella:before {
     content: "";
}
 .fa-paste:before, .fa-clipboard:before {
     content: "";
}
 .fa-lightbulb-o:before {
     content: "";
}
 .fa-exchange:before {
     content: "";
}
 .fa-cloud-download:before {
     content: "";
}
 .fa-cloud-upload:before {
     content: "";
}
 .fa-user-md:before {
     content: "";
}
 .fa-stethoscope:before {
     content: "";
}
 .fa-suitcase:before {
     content: "";
}
 .fa-bell-o:before {
     content: "";
}
 .fa-coffee:before {
     content: "";
}
 .fa-cutlery:before {
     content: "";
}
 .fa-file-text-o:before {
     content: "";
}
 .fa-building-o:before {
     content: "";
}
 .fa-hospital-o:before {
     content: "";
}
 .fa-ambulance:before {
     content: "";
}
 .fa-medkit:before {
     content: "";
}
 .fa-fighter-jet:before {
     content: "";
}
 .fa-beer:before {
     content: "";
}
 .fa-h-square:before {
     content: "";
}
 .fa-plus-square:before {
     content: "";
}
 .fa-angle-double-left:before {
     content: "";
}
 .fa-angle-double-right:before {
     content: "";
}
 .fa-angle-double-up:before {
     content: "";
}
 .fa-angle-double-down:before {
     content: "";
}
 .fa-angle-left:before {
     content: "";
}
 .fa-angle-right:before {
     content: "";
}
 .fa-angle-up:before {
     content: "";
}
 .fa-angle-down:before {
     content: "";
}
 .fa-desktop:before {
     content: "";
}
 .fa-laptop:before {
     content: "";
}
 .fa-tablet:before {
     content: "";
}
 .fa-mobile-phone:before, .fa-mobile:before {
     content: "";
}
 .fa-circle-o:before {
     content: "";
}
 .fa-quote-left:before {
     content: "";
}
 .fa-quote-right:before {
     content: "";
}
 .fa-spinner:before {
     content: "";
}
 .fa-circle:before {
     content: "";
}
 .fa-mail-reply:before, .fa-reply:before {
     content: "";
}
 .fa-github-alt:before {
     content: "";
}
 .fa-folder-o:before {
     content: "";
}
 .fa-folder-open-o:before {
     content: "";
}
 .fa-smile-o:before {
     content: "";
}
 .fa-frown-o:before {
     content: "";
}
 .fa-meh-o:before {
     content: "";
}
 .fa-gamepad:before {
     content: "";
}
 .fa-keyboard-o:before {
     content: "";
}
 .fa-flag-o:before {
     content: "";
}
 .fa-flag-checkered:before {
     content: "";
}
 .fa-terminal:before {
     content: "";
}
 .fa-code:before {
     content: "";
}
 .fa-mail-reply-all:before, .fa-reply-all:before {
     content: "";
}
 .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
     content: "";
}
 .fa-location-arrow:before {
     content: "";
}
 .fa-crop:before {
     content: "";
}
 .fa-code-fork:before {
     content: "";
}
 .fa-unlink:before, .fa-chain-broken:before {
     content: "";
}
 .fa-question:before {
     content: "";
}
 .fa-info:before {
     content: "";
}
 .fa-exclamation:before {
     content: "";
}
 .fa-superscript:before {
     content: "";
}
 .fa-subscript:before {
     content: "";
}
 .fa-eraser:before {
     content: "";
}
 .fa-puzzle-piece:before {
     content: "";
}
 .fa-microphone:before {
     content: "";
}
 .fa-microphone-slash:before {
     content: "";
}
 .fa-shield:before {
     content: "";
}
 .fa-calendar-o:before {
     content: "";
}
 .fa-fire-extinguisher:before {
     content: "";
}
 .fa-rocket:before {
     content: "";
}
 .fa-maxcdn:before {
     content: "";
}
 .fa-chevron-circle-left:before {
     content: "";
}
 .fa-chevron-circle-right:before {
     content: "";
}
 .fa-chevron-circle-up:before {
     content: "";
}
 .fa-chevron-circle-down:before {
     content: "";
}
 .fa-html5:before {
     content: "";
}
 .fa-css3:before {
     content: "";
}
 .fa-anchor:before {
     content: "";
}
 .fa-unlock-alt:before {
     content: "";
}
 .fa-bullseye:before {
     content: "";
}
 .fa-ellipsis-h:before {
     content: "";
}
 .fa-ellipsis-v:before {
     content: "";
}
 .fa-rss-square:before {
     content: "";
}
 .fa-play-circle:before {
     content: "";
}
 .fa-ticket:before {
     content: "";
}
 .fa-minus-square:before {
     content: "";
}
 .fa-minus-square-o:before {
     content: "";
}
 .fa-level-up:before {
     content: "";
}
 .fa-level-down:before {
     content: "";
}
 .fa-check-square:before {
     content: "";
}
 .fa-pencil-square:before {
     content: "";
}
 .fa-external-link-square:before {
     content: "";
}
 .fa-share-square:before {
     content: "";
}
 .fa-compass:before {
     content: "";
}
 .fa-toggle-down:before, .fa-caret-square-o-down:before {
     content: "";
}
 .fa-toggle-up:before, .fa-caret-square-o-up:before {
     content: "";
}
 .fa-toggle-right:before, .fa-caret-square-o-right:before {
     content: "";
}
 .fa-euro:before, .fa-eur:before {
     content: "";
}
 .fa-gbp:before {
     content: "";
}
 .fa-dollar:before, .fa-usd:before {
     content: "";
}
 .fa-rupee:before, .fa-inr:before {
     content: "";
}
 .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
     content: "";
}
 .fa-ruble:before, .fa-rouble:before, .fa-rub:before {
     content: "";
}
 .fa-won:before, .fa-krw:before {
     content: "";
}
 .fa-bitcoin:before, .fa-btc:before {
     content: "";
}
 .fa-file:before {
     content: "";
}
 .fa-file-text:before {
     content: "";
}
 .fa-sort-alpha-asc:before {
     content: "";
}
 .fa-sort-alpha-desc:before {
     content: "";
}
 .fa-sort-amount-asc:before {
     content: "";
}
 .fa-sort-amount-desc:before {
     content: "";
}
 .fa-sort-numeric-asc:before {
     content: "";
}
 .fa-sort-numeric-desc:before {
     content: "";
}
 .fa-thumbs-up:before {
     content: "";
}
 .fa-thumbs-down:before {
     content: "";
}
 .fa-youtube-square:before {
     content: "";
}
 .fa-youtube:before {
     content: "";
}
 .fa-xing:before {
     content: "";
}
 .fa-xing-square:before {
     content: "";
}
 .fa-youtube-play:before {
     content: "";
}
 .fa-dropbox:before {
     content: "";
}
 .fa-stack-overflow:before {
     content: "";
}
 .fa-instagram:before {
     content: "";
}
 .fa-flickr:before {
     content: "";
}
 .fa-adn:before {
     content: "";
}
 .fa-bitbucket:before {
     content: "";
}
 .fa-bitbucket-square:before {
     content: "";
}
 .fa-tumblr:before {
     content: "";
}
 .fa-tumblr-square:before {
     content: "";
}
 .fa-long-arrow-down:before {
     content: "";
}
 .fa-long-arrow-up:before {
     content: "";
}
 .fa-long-arrow-left:before {
     content: "";
}
 .fa-long-arrow-right:before {
     content: "";
}
 .fa-apple:before {
     content: "";
}
 .fa-windows:before {
     content: "";
}
 .fa-android:before {
     content: "";
}
 .fa-linux:before {
     content: "";
}
 .fa-dribbble:before {
     content: "";
}
 .fa-skype:before {
     content: "";
}
 .fa-foursquare:before {
     content: "";
}
 .fa-trello:before {
     content: "";
}
 .fa-female:before {
     content: "";
}
 .fa-male:before {
     content: "";
}
 .fa-gittip:before, .fa-gratipay:before {
     content: "";
}
 .fa-sun-o:before {
     content: "";
}
 .fa-moon-o:before {
     content: "";
}
 .fa-archive:before {
     content: "";
}
 .fa-bug:before {
     content: "";
}
 .fa-vk:before {
     content: "";
}
 .fa-weibo:before {
     content: "";
}
 .fa-renren:before {
     content: "";
}
 .fa-pagelines:before {
     content: "";
}
 .fa-stack-exchange:before {
     content: "";
}
 .fa-arrow-circle-o-right:before {
     content: "";
}
 .fa-arrow-circle-o-left:before {
     content: "";
}
 .fa-toggle-left:before, .fa-caret-square-o-left:before {
     content: "";
}
 .fa-dot-circle-o:before {
     content: "";
}
 .fa-wheelchair:before {
     content: "";
}
 .fa-vimeo-square:before {
     content: "";
}
 .fa-turkish-lira:before, .fa-try:before {
     content: "";
}
 .fa-plus-square-o:before {
     content: "";
}
 .fa-space-shuttle:before {
     content: "";
}
 .fa-slack:before {
     content: "";
}
 .fa-envelope-square:before {
     content: "";
}
 .fa-wordpress:before {
     content: "";
}
 .fa-openid:before {
     content: "";
}
 .fa-institution:before, .fa-bank:before, .fa-university:before {
     content: "";
}
 .fa-mortar-board:before, .fa-graduation-cap:before {
     content: "";
}
 .fa-yahoo:before {
     content: "";
}
 .fa-google:before {
     content: "";
}
 .fa-reddit:before {
     content: "";
}
 .fa-reddit-square:before {
     content: "";
}
 .fa-stumbleupon-circle:before {
     content: "";
}
 .fa-stumbleupon:before {
     content: "";
}
 .fa-delicious:before {
     content: "";
}
 .fa-digg:before {
     content: "";
}
 .fa-pied-piper-pp:before {
     content: "";
}
 .fa-pied-piper-alt:before {
     content: "";
}
 .fa-drupal:before {
     content: "";
}
 .fa-joomla:before {
     content: "";
}
 .fa-language:before {
     content: "";
}
 .fa-fax:before {
     content: "";
}
 .fa-building:before {
     content: "";
}
 .fa-child:before {
     content: "";
}
 .fa-paw:before {
     content: "";
}
 .fa-spoon:before {
     content: "";
}
 .fa-cube:before {
     content: "";
}
 .fa-cubes:before {
     content: "";
}
 .fa-behance:before {
     content: "";
}
 .fa-behance-square:before {
     content: "";
}
 .fa-steam:before {
     content: "";
}
 .fa-steam-square:before {
     content: "";
}
 .fa-recycle:before {
     content: "";
}
 .fa-automobile:before, .fa-car:before {
     content: "";
}
 .fa-cab:before, .fa-taxi:before {
     content: "";
}
 .fa-tree:before {
     content: "";
}
 .fa-spotify:before {
     content: "";
}
 .fa-deviantart:before {
     content: "";
}
 .fa-soundcloud:before {
     content: "";
}
 .fa-database:before {
     content: "";
}
 .fa-file-pdf-o:before {
     content: "";
}
 .fa-file-word-o:before {
     content: "";
}
 .fa-file-excel-o:before {
     content: "";
}
 .fa-file-powerpoint-o:before {
     content: "";
}
 .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
     content: "";
}
 .fa-file-zip-o:before, .fa-file-archive-o:before {
     content: "";
}
 .fa-file-sound-o:before, .fa-file-audio-o:before {
     content: "";
}
 .fa-file-movie-o:before, .fa-file-video-o:before {
     content: "";
}
 .fa-file-code-o:before {
     content: "";
}
 .fa-vine:before {
     content: "";
}
 .fa-codepen:before {
     content: "";
}
 .fa-jsfiddle:before {
     content: "";
}
 .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
     content: "";
}
 .fa-circle-o-notch:before {
     content: "";
}
 .fa-ra:before, .fa-resistance:before, .fa-rebel:before {
     content: "";
}
 .fa-ge:before, .fa-empire:before {
     content: "";
}
 .fa-git-square:before {
     content: "";
}
 .fa-git:before {
     content: "";
}
 .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
     content: "";
}
 .fa-tencent-weibo:before {
     content: "";
}
 .fa-qq:before {
     content: "";
}
 .fa-wechat:before, .fa-weixin:before {
     content: "";
}
 .fa-send:before, .fa-paper-plane:before {
     content: "";
}
 .fa-send-o:before, .fa-paper-plane-o:before {
     content: "";
}
 .fa-history:before {
     content: "";
}
 .fa-circle-thin:before {
     content: "";
}
 .fa-header:before {
     content: "";
}
 .fa-paragraph:before {
     content: "";
}
 .fa-sliders:before {
     content: "";
}
 .fa-share-alt:before {
     content: "";
}
 .fa-share-alt-square:before {
     content: "";
}
 .fa-bomb:before {
     content: "";
}
 .fa-soccer-ball-o:before, .fa-futbol-o:before {
     content: "";
}
 .fa-tty:before {
     content: "";
}
 .fa-binoculars:before {
     content: "";
}
 .fa-plug:before {
     content: "";
}
 .fa-slideshare:before {
     content: "";
}
 .fa-twitch:before {
     content: "";
}
 .fa-yelp:before {
     content: "";
}
 .fa-newspaper-o:before {
     content: "";
}
 .fa-wifi:before {
     content: "";
}
 .fa-calculator:before {
     content: "";
}
 .fa-paypal:before {
     content: "";
}
 .fa-google-wallet:before {
     content: "";
}
 .fa-cc-visa:before {
     content: "";
}
 .fa-cc-mastercard:before {
     content: "";
}
 .fa-cc-discover:before {
     content: "";
}
 .fa-cc-amex:before {
     content: "";
}
 .fa-cc-paypal:before {
     content: "";
}
 .fa-cc-stripe:before {
     content: "";
}
 .fa-bell-slash:before {
     content: "";
}
 .fa-bell-slash-o:before {
     content: "";
}
 .fa-trash:before {
     content: "";
}
 .fa-copyright:before {
     content: "";
}
 .fa-at:before {
     content: "";
}
 .fa-eyedropper:before {
     content: "";
}
 .fa-paint-brush:before {
     content: "";
}
 .fa-birthday-cake:before {
     content: "";
}
 .fa-area-chart:before {
     content: "";
}
 .fa-pie-chart:before {
     content: "";
}
 .fa-line-chart:before {
     content: "";
}
 .fa-lastfm:before {
     content: "";
}
 .fa-lastfm-square:before {
     content: "";
}
 .fa-toggle-off:before {
     content: "";
}
 .fa-toggle-on:before {
     content: "";
}
 .fa-bicycle:before {
     content: "";
}
 .fa-bus:before {
     content: "";
}
 .fa-ioxhost:before {
     content: "";
}
 .fa-angellist:before {
     content: "";
}
 .fa-cc:before {
     content: "";
}
 .fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
     content: "";
}
 .fa-meanpath:before {
     content: "";
}
 .fa-buysellads:before {
     content: "";
}
 .fa-connectdevelop:before {
     content: "";
}
 .fa-dashcube:before {
     content: "";
}
 .fa-forumbee:before {
     content: "";
}
 .fa-leanpub:before {
     content: "";
}
 .fa-sellsy:before {
     content: "";
}
 .fa-shirtsinbulk:before {
     content: "";
}
 .fa-simplybuilt:before {
     content: "";
}
 .fa-skyatlas:before {
     content: "";
}
 .fa-cart-plus:before {
     content: "";
}
 .fa-cart-arrow-down:before {
     content: "";
}
 .fa-diamond:before {
     content: "";
}
 .fa-ship:before {
     content: "";
}
 .fa-user-secret:before {
     content: "";
}
 .fa-motorcycle:before {
     content: "";
}
 .fa-street-view:before {
     content: "";
}
 .fa-heartbeat:before {
     content: "";
}
 .fa-venus:before {
     content: "";
}
 .fa-mars:before {
     content: "";
}
 .fa-mercury:before {
     content: "";
}
 .fa-intersex:before, .fa-transgender:before {
     content: "";
}
 .fa-transgender-alt:before {
     content: "";
}
 .fa-venus-double:before {
     content: "";
}
 .fa-mars-double:before {
     content: "";
}
 .fa-venus-mars:before {
     content: "";
}
 .fa-mars-stroke:before {
     content: "";
}
 .fa-mars-stroke-v:before {
     content: "";
}
 .fa-mars-stroke-h:before {
     content: "";
}
 .fa-neuter:before {
     content: "";
}
 .fa-genderless:before {
     content: "";
}
 .fa-facebook-official:before {
     content: "";
}
 .fa-pinterest-p:before {
     content: "";
}
 .fa-whatsapp:before {
     content: "";
}
 .fa-server:before {
     content: "";
}
 .fa-user-plus:before {
     content: "";
}
 .fa-user-times:before {
     content: "";
}
 .fa-hotel:before, .fa-bed:before {
     content: "";
}
 .fa-viacoin:before {
     content: "";
}
 .fa-train:before {
     content: "";
}
 .fa-subway:before {
     content: "";
}
 .fa-medium:before {
     content: "";
}
 .fa-yc:before, .fa-y-combinator:before {
     content: "";
}
 .fa-optin-monster:before {
     content: "";
}
 .fa-opencart:before {
     content: "";
}
 .fa-expeditedssl:before {
     content: "";
}
 .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
     content: "";
}
 .fa-battery-3:before, .fa-battery-three-quarters:before {
     content: "";
}
 .fa-battery-2:before, .fa-battery-half:before {
     content: "";
}
 .fa-battery-1:before, .fa-battery-quarter:before {
     content: "";
}
 .fa-battery-0:before, .fa-battery-empty:before {
     content: "";
}
 .fa-mouse-pointer:before {
     content: "";
}
 .fa-i-cursor:before {
     content: "";
}
 .fa-object-group:before {
     content: "";
}
 .fa-object-ungroup:before {
     content: "";
}
 .fa-sticky-note:before {
     content: "";
}
 .fa-sticky-note-o:before {
     content: "";
}
 .fa-cc-jcb:before {
     content: "";
}
 .fa-cc-diners-club:before {
     content: "";
}
 .fa-clone:before {
     content: "";
}
 .fa-balance-scale:before {
     content: "";
}
 .fa-hourglass-o:before {
     content: "";
}
 .fa-hourglass-1:before, .fa-hourglass-start:before {
     content: "";
}
 .fa-hourglass-2:before, .fa-hourglass-half:before {
     content: "";
}
 .fa-hourglass-3:before, .fa-hourglass-end:before {
     content: "";
}
 .fa-hourglass:before {
     content: "";
}
 .fa-hand-grab-o:before, .fa-hand-rock-o:before {
     content: "";
}
 .fa-hand-stop-o:before, .fa-hand-paper-o:before {
     content: "";
}
 .fa-hand-scissors-o:before {
     content: "";
}
 .fa-hand-lizard-o:before {
     content: "";
}
 .fa-hand-spock-o:before {
     content: "";
}
 .fa-hand-pointer-o:before {
     content: "";
}
 .fa-hand-peace-o:before {
     content: "";
}
 .fa-trademark:before {
     content: "";
}
 .fa-registered:before {
     content: "";
}
 .fa-creative-commons:before {
     content: "";
}
 .fa-gg:before {
     content: "";
}
 .fa-gg-circle:before {
     content: "";
}
 .fa-tripadvisor:before {
     content: "";
}
 .fa-odnoklassniki:before {
     content: "";
}
 .fa-odnoklassniki-square:before {
     content: "";
}
 .fa-get-pocket:before {
     content: "";
}
 .fa-wikipedia-w:before {
     content: "";
}
 .fa-safari:before {
     content: "";
}
 .fa-chrome:before {
     content: "";
}
 .fa-firefox:before {
     content: "";
}
 .fa-opera:before {
     content: "";
}
 .fa-internet-explorer:before {
     content: "";
}
 .fa-tv:before, .fa-television:before {
     content: "";
}
 .fa-contao:before {
     content: "";
}
 .fa-500px:before {
     content: "";
}
 .fa-amazon:before {
     content: "";
}
 .fa-calendar-plus-o:before {
     content: "";
}
 .fa-calendar-minus-o:before {
     content: "";
}
 .fa-calendar-times-o:before {
     content: "";
}
 .fa-calendar-check-o:before {
     content: "";
}
 .fa-industry:before {
     content: "";
}
 .fa-map-pin:before {
     content: "";
}
 .fa-map-signs:before {
     content: "";
}
 .fa-map-o:before {
     content: "";
}
 .fa-map:before {
     content: "";
}
 .fa-commenting:before {
     content: "";
}
 .fa-commenting-o:before {
     content: "";
}
 .fa-houzz:before {
     content: "";
}
 .fa-vimeo:before {
     content: "";
}
 .fa-black-tie:before {
     content: "";
}
 .fa-fonticons:before {
     content: "";
}
 .fa-reddit-alien:before {
     content: "";
}
 .fa-edge:before {
     content: "";
}
 .fa-credit-card-alt:before {
     content: "";
}
 .fa-codiepie:before {
     content: "";
}
 .fa-modx:before {
     content: "";
}
 .fa-fort-awesome:before {
     content: "";
}
 .fa-usb:before {
     content: "";
}
 .fa-product-hunt:before {
     content: "";
}
 .fa-mixcloud:before {
     content: "";
}
 .fa-scribd:before {
     content: "";
}
 .fa-pause-circle:before {
     content: "";
}
 .fa-pause-circle-o:before {
     content: "";
}
 .fa-stop-circle:before {
     content: "";
}
 .fa-stop-circle-o:before {
     content: "";
}
 .fa-shopping-bag:before {
     content: "";
}
 .fa-shopping-basket:before {
     content: "";
}
 .fa-hashtag:before {
     content: "";
}
 .fa-bluetooth:before {
     content: "";
}
 .fa-bluetooth-b:before {
     content: "";
}
 .fa-percent:before {
     content: "";
}
 .fa-gitlab:before {
     content: "";
}
 .fa-wpbeginner:before {
     content: "";
}
 .fa-wpforms:before {
     content: "";
}
 .fa-envira:before {
     content: "";
}
 .fa-universal-access:before {
     content: "";
}
 .fa-wheelchair-alt:before {
     content: "";
}
 .fa-question-circle-o:before {
     content: "";
}
 .fa-blind:before {
     content: "";
}
 .fa-audio-description:before {
     content: "";
}
 .fa-volume-control-phone:before {
     content: "";
}
 .fa-braille:before {
     content: "";
}
 .fa-assistive-listening-systems:before {
     content: "";
}
 .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
     content: "";
}
 .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
     content: "";
}
 .fa-glide:before {
     content: "";
}
 .fa-glide-g:before {
     content: "";
}
 .fa-signing:before, .fa-sign-language:before {
     content: "";
}
 .fa-low-vision:before {
     content: "";
}
 .fa-viadeo:before {
     content: "";
}
 .fa-viadeo-square:before {
     content: "";
}
 .fa-snapchat:before {
     content: "";
}
 .fa-snapchat-ghost:before {
     content: "";
}
 .fa-snapchat-square:before {
     content: "";
}
 .fa-pied-piper:before {
     content: "";
}
 .fa-first-order:before {
     content: "";
}
 .fa-yoast:before {
     content: "";
}
 .fa-themeisle:before {
     content: "";
}
 .fa-google-plus-circle:before, .fa-google-plus-official:before {
     content: "";
}
 .fa-fa:before, .fa-font-awesome:before {
     content: "";
}
 .fa-handshake-o:before {
     content: "";
}
 .fa-envelope-open:before {
     content: "";
}
 .fa-envelope-open-o:before {
     content: "";
}
 .fa-linode:before {
     content: "";
}
 .fa-address-book:before {
     content: "";
}
 .fa-address-book-o:before {
     content: "";
}
 .fa-vcard:before, .fa-address-card:before {
     content: "";
}
 .fa-vcard-o:before, .fa-address-card-o:before {
     content: "";
}
 .fa-user-circle:before {
     content: "";
}
 .fa-user-circle-o:before {
     content: "";
}
 .fa-user-o:before {
     content: "";
}
 .fa-id-badge:before {
     content: "";
}
 .fa-drivers-license:before, .fa-id-card:before {
     content: "";
}
 .fa-drivers-license-o:before, .fa-id-card-o:before {
     content: "";
}
 .fa-quora:before {
     content: "";
}
 .fa-free-code-camp:before {
     content: "";
}
 .fa-telegram:before {
     content: "";
}
 .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
     content: "";
}
 .fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
     content: "";
}
 .fa-thermometer-2:before, .fa-thermometer-half:before {
     content: "";
}
 .fa-thermometer-1:before, .fa-thermometer-quarter:before {
     content: "";
}
 .fa-thermometer-0:before, .fa-thermometer-empty:before {
     content: "";
}
 .fa-shower:before {
     content: "";
}
 .fa-bathtub:before, .fa-s15:before, .fa-bath:before {
     content: "";
}
 .fa-podcast:before {
     content: "";
}
 .fa-window-maximize:before {
     content: "";
}
 .fa-window-minimize:before {
     content: "";
}
 .fa-window-restore:before {
     content: "";
}
 .fa-times-rectangle:before, .fa-window-close:before {
     content: "";
}
 .fa-times-rectangle-o:before, .fa-window-close-o:before {
     content: "";
}
 .fa-bandcamp:before {
     content: "";
}
 .fa-grav:before {
     content: "";
}
 .fa-etsy:before {
     content: "";
}
 .fa-imdb:before {
     content: "";
}
 .fa-ravelry:before {
     content: "";
}
 .fa-eercast:before {
     content: "";
}
 .fa-microchip:before {
     content: "";
}
 .fa-snowflake-o:before {
     content: "";
}
 .fa-superpowers:before {
     content: "";
}
 .fa-wpexplorer:before {
     content: "";
}
 .fa-meetup:before {
     content: "";
}
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
}
 .sr-only-focusable:active, .sr-only-focusable:focus {
     position: static;
     width: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     clip: auto;
}
/*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/
 html {
     box-sizing: border-box;
}
 *, *:before, *:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior;
     see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
     box-sizing: inherit;
}
 body {
     background: #fff;
    /* Fallback for when there is no custom background color defined. */
}
 blockquote, q {
     quotes: "" "";
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}
 hr {
     background-color: #ccc;
     border: 0;
     height: 1px;
     margin-bottom: 1.5em;
}
 ul, ol {
     margin: 0 0 1.5em 3em;
}
 ul {
     list-style: disc;
}
 ol {
     list-style: decimal;
}
 li > ul, li > ol {
     margin-bottom: 0;
     margin-left: 1.5em;
}
 dt {
     font-weight: bold;
}
 dd {
     margin: 0 1.5em 1.5em;
}
 img {
     height: auto;
    /* Make sure images are scaled correctly. */
     max-width: 100%;
    /* Adhere to container width. */
}
 figure {
     margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}
 table {
     margin: 0 0 1.5em;
     width: 100%;
}
/*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/
 button, input[type="button"], input[type="reset"], input[type="submit"] {
     border: 1px solid;
     border-color: #ccc #ccc #bbb;
     border-radius: 3px;
     background: #e6e6e6;
     color: rgba(0, 0, 0, 0.8);
     font-size: 12px;
     font-size: 0.75rem;
     line-height: 1;
     padding: .6em 1em .4em;
}
 button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
     border-color: #ccc #bbb #aaa;
}
 button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
     border-color: #aaa #bbb #bbb;
}
 input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
     color: #666;
     border: 1px solid #ccc;
     border-radius: 3px;
     padding: 3px;
}
 input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
     color: #111;
}
 select {
     border: 1px solid #ccc;
}
 textarea {
     width: 100%;
}
/*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/
/*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/
 a {
     color: royalblue;
}
 a:visited {
     color: purple;
}
 a:hover, a:focus, a:active {
     color: midnightblue;
}
 a:focus {
     outline: thin dotted;
}
 a:hover, a:active {
     outline: 0;
}

/*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/

#mobile-menu {
	display: none;
	margin: 0 0 30px 0;
}

#mobile-menu #primary-menu {
	margin: 5px;
}

#mobile-menu li {
	list-style-type: none;
	line-height: 1;
}

#mobile-menu a {
	color: #ffffff;
	font-size: 14px;
}

#mobile-menu a:hover {
	color: #0099cc;
}

 @media screen and (max-width: 600px) {
	.show-mobile-menu {
		display: block !important;
	}
}

 .main-navigation {
     clear: left;
     position: relative;
     width: 60%;
     display: block;
     top: -16px;
	margin: auto auto;
	display: none;
}

 @media screen and (min-width: 600px) {
     .main-navigation {
          top: -27px;
			display: block;
    }
}

 @media screen and (min-width: 1170px) {
     .main-navigation {
         top: -51px;
    }
}
 @media screen and (min-width: 1550px) {
     .main-navigation {
         top: -51px;
    }
}
 .main-navigation ul {
     list-style: none;
     margin: 0;
     padding-left: 0;
     text-align: center;
}
 .main-navigation ul ul {
     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
     float: left;
     position: absolute;
     top: 100%;
     left: -999em;
     z-index: 99999;
}
 .main-navigation ul ul ul {
     left: -999em;
     top: 0;
}
 .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
     left: 100%;
}
 .main-navigation ul ul a {
     width: 200px;
}
 .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
     left: auto;
}
 .main-navigation li {
     display: inline-block;
     position: relative;
}
 .main-navigation li:hover > a, .main-navigation li.focus > a {
     color: #0099cc;
}
 .main-navigation a {
     border-right: 1px solid #fff;
     color: #fff;
     display: block;
     font-size: 15px;
     font-weight: 400;
     line-height: 1;
     padding-right: 10px;
     padding-left: 0;
     text-decoration: none;
}

 @media screen and (min-width: 600px) {
	  .main-navigation a {
		font-size: 18px;
         padding-right: 15px;
     	padding-left: 15px;
    }

}
 @media screen and (min-width: 1170px) {
     .main-navigation a {
         font-size: 22px;
         padding-right: 10px;
         padding-left: 10px;
    }
}
 .main-navigation li:last-child a {
     border: none;
}
 .main-navigation .current_page_item > a, .main-navigation .current_page_parent > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
     color: #0099cc;
}
 .tax-product_cat .product-menu a {
     color: #0099cc;
}
/* Small menu. */
 .menu-toggle, .main-navigation.toggled ul {
     display: block;
}
 @media screen and (min-width: 37.5em) {
     .menu-toggle {
         display: none;
    }
     .main-navigation ul {
         display: block;
    }
}
 .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
     margin: 0 0 1.5em;
     overflow: hidden;
}
 .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
     float: left;
     width: 50%;
}
 .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
     float: right;
     text-align: right;
     width: 50%;
}
 .mega-menu {
     position: absolute;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     width: 100%;
     top: -9999px;
     opacity: 0;
     left: 0;
     margin: 0;
     padding: 44px 20px 0 20px;
     background: #0099cc;
     text-align: left;
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
     z-index: 99;
     font-size: 15px;
     -webkit-transition: 0.6s ease;
     transition: 0.6s ease;
}
 .mega-menu .widget {
     width: 100%;
}
 .mega-menu .ywcca_category_accordion_widget {
     margin-left: 0;
     list-style: none;
}
 .mega-menu .ywcca_category_accordion_widget a, .mega-menu .ywcca_category_accordion_widget a:visited {
     color: #000;
     font-size: 17px;
}
 .mega-menu .ywcca_category_accordion_widget a:hover, .mega-menu .ywcca_category_accordion_widget a:visited:hover {
     color: #fff;
}
 .mega-menu ul.ywcca_category_accordion_widget > li {
     border: none;
     padding: 4px 20px 4px 0;
}
 .mega-menu ul li {
     text-transform: none;
     position: relative;
}
 .mega-menu li i.icon-plus, .mega-menu li i.icon-minus {
     cursor: pointer;
     display: inline-block;
     width: 10px;
     height: 10px;
     background: url(../images/plus-minus.png) top center no-repeat;
     text-indent: 999px;
     position: absolute;
     right: 20px;
     top: 6px;
}
 .mega-menu li i.icon-minus {
     background: url(../images/plus-minus.png) bottom center no-repeat;
}
 .mega-menu ul.children {
     margin-left: 0;
     padding-top: 10px;
     padding-bottom: 10px;
     list-style: none;
}
 .mega-menu ul.children li {
     padding: 2px 0 2px 20px;
}
 .mega-menu ul.children li:before {
     content: '';
}
 .mega-menu ul.children li a {
     font-weight: 400;
     font-size: 15px;
}
 .mega-menu .list-column {
     float: left;
     list-style: none;
     margin: 0;
     padding: 0;
     width: 33%;
}
 .mega-menu .list-column li {
     margin: 0;
     padding: 4px 0;
}
 .mega-menu .list-column ul {
     list-style: none;
     margin: 10px 0;
     padding: 0;
}
 .mega-menu .list-column ul li {
     padding: 2px 0 2px 20px;
}
 .mega-menu .ywcca_category_accordion_widget {
     float: left;
     width: 33%;
}
 .mega-menu.activedrop {
     opacity: 1;
     top: 100%;
}
 .close-menu {
     position: absolute;
     right: 50px;
     top: 10px;
}
 .close-menu a {
     color: #fff;
}
 .close-menu a:hover {
     color: #000;
}
/*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/
/* Text meant only for screen readers. */
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
     word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
 .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
     color: #21759b;
     display: block;
     font-size: 14px;
     font-size: 0.875rem;
     font-weight: bold;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000;
    /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
 #content[tabindex="-1"]:focus {
     outline: 0;
}
/*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/
 .alignleft {
     display: inline;
     float: left;
     margin-right: 1.5em;
}
 .alignright {
     display: inline;
     float: right;
     margin-left: 1.5em;
}
 .aligncenter {
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
/*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/
 .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
     content: "";
     display: table;
     table-layout: fixed;
}
 .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
     clear: both;
}
/*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/
 .widget {
     margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}
 .widget select {
     max-width: 100%;
}
/*-------------------------------------------------------------- # Content --------------------------------------------------------------*/
/*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/
 .sticky {
     display: block;
}
 .hentry {
     margin: 0 0 1.5em;
}
 .byline, .updated:not(.published) {
     display: none;
}
 .single .byline, .group-blog .byline {
     display: inline;
}
 .page-content, .entry-content, .entry-summary {
     margin: 1.5em 0 0;
}
 .page-links {
     clear: both;
     margin: 0 0 1.5em;
}
/*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/
 .comment-content a {
     word-wrap: break-word;
}
 .bypostauthor {
     display: block;
}
/*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
 .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
     display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
 .infinity-end.neverending .site-footer {
     display: block;
}
/*-------------------------------------------------------------- # Media --------------------------------------------------------------*/
 .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
     border: none;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
 embed, iframe, object {
     max-width: 100%;
}
/*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/
 .wp-caption {
     margin-bottom: 1.5em;
     max-width: 100%;
}
 .wp-caption img[class*="wp-image-"] {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .wp-caption .wp-caption-text {
     margin: 0.8075em 0;
}
 .wp-caption-text {
     text-align: center;
}
/*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/
 .gallery {
     margin-bottom: 1.5em;
}
 .gallery-item {
     display: inline-block;
     text-align: center;
     vertical-align: top;
     width: 100%;
}
 .gallery-columns-2 .gallery-item {
     max-width: 50%;
}
 .gallery-columns-3 .gallery-item {
     max-width: 33.33%;
}
 .gallery-columns-4 .gallery-item {
     max-width: 25%;
}
 .gallery-columns-5 .gallery-item {
     max-width: 20%;
}
 .gallery-columns-6 .gallery-item {
     max-width: 16.66%;
}
 .gallery-columns-7 .gallery-item {
     max-width: 14.28%;
}
 .gallery-columns-8 .gallery-item {
     max-width: 12.5%;
}
 .gallery-columns-9 .gallery-item {
     max-width: 11.11%;
}
 .gallery-caption {
     display: block;
}
/*-------------------------------------------------------------- # Scratch --------------------------------------------------------------*/
/* Slider */
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
}
 .slick-list {
     position: relative;
     overflow: hidden;
     display: block;
     margin: 0;
     padding: 0;
}
 .slick-list:focus {
     outline: none;
}
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
}
 .slick-slider .slick-track, .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .slick-track {
     position: relative;
     left: 0;
     top: 0;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .slick-track:before, .slick-track:after {
     content: "";
     display: table;
}
 .slick-track:after {
     clear: both;
}
 .slick-loading .slick-track {
     visibility: hidden;
}
 .slick-slide {
     float: left;
     height: 100%;
     min-height: 1px;
     display: none;
}
 [dir="rtl"] .slick-slide {
     float: right;
}
 .slick-slide img {
     display: block;
}
 .slick-slide.slick-loading img {
     display: none;
}
 .slick-slide.dragging img {
     pointer-events: none;
}
 .slick-loading .slick-slide {
     visibility: hidden;
}
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
}
 .slick-arrow.slick-hidden {
     display: none;
}
/* Slider */
 .slick-loading .slick-list {
     background: #fff slick-image-url("../images/ajax-loader.gif") center center no-repeat;
}
/* Arrows */
 .slick-prev, .slick-next {
     background: transparent;
     border: none;
     color: #fff;
     cursor: pointer;
     display: block;
     font-size: 0;
     line-height: 0;
     margin-top: -22px;
     outline: none;
     padding: 0;
     position: absolute;
     top: 50%;
     -webkit-transition: all 0.6s ease;
     transition: all 0.6s ease;
     z-index: 10;
}
 .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
     opacity: 0.8;
}
 .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
     opacity: 0.25;
}
 .slick-prev:before, .slick-next:before {
     content: '\f105';
     font-family: 'FontAwesome';
     font-size: 44px;
     line-height: 1;
     z-index: 99;
}
 .slick-prev {
     left: 20px;
}
 .slick-prev:before {
     content: '\f104';
}
 .slick-next {
     right: 20px;
}
 .slick-next:before {
     content: '\f105';
}
/* Dots */
 .slick-dotted.slick-slider {
     margin-bottom: 30px;
}
 .slick-dots {
     position: absolute;
     bottom: -25px;
     list-style: none;
     display: block;
     text-align: center;
     padding: 0;
     margin: 0;
     width: 100%;
}
 .slick-dots li {
     position: relative;
     display: inline-block;
     height: 20px;
     width: 20px;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;
}
 .slick-dots li button {
     border: 0;
     background: transparent;
     display: block;
     height: 20px;
     width: 20px;
     outline: none;
     line-height: 0px;
     font-size: 0px;
     color: transparent;
     padding: 5px;
     cursor: pointer;
}
 .slick-dots li button:hover, .slick-dots li button:focus {
     outline: none;
}
 .slick-dots li button:hover:before, .slick-dots li button:focus:before {
     opacity: 1;
}
 .slick-dots li button:before {
     position: absolute;
     top: 0;
     left: 0;
     content: '\f111';
     font-family: 'FontAwesome';
     font-size: 16px;
     line-height: 20px;
     text-align: center;
     color: #fff;
     opacity: 0.25;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .slick-dots li.slick-active button:before {
     color: #fff;
     opacity: 0.75;
}
 @media screen and (max-width: 539px) {
     .home-news .slick-active {
         display: block;
    }
}
/* Magnific Popup CSS */
 .mfp-bg {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1042;
     overflow: hidden;
     position: fixed;
     background: #0b0b0b;
     opacity: 0.8;
}
 .mfp-wrap {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1043;
     position: fixed;
     outline: none !important;
     -webkit-backface-visibility: hidden;
}
 .mfp-container {
     text-align: center;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     padding: 0 8px;
     box-sizing: border-box;
}
 .mfp-container:before {
     content: '';
     display: inline-block;
     height: 100%;
     vertical-align: middle;
}
 .mfp-align-top .mfp-container:before {
     display: none;
}
 .mfp-content {
     width: 900px;
     max-width: 100%;
     background-color: #fff;
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin: 0 auto;
     text-align: left;
     z-index: 1045;
}
 .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
     cursor: auto;
}
 .mfp-ajax-cur {
     cursor: progress;
}
 .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
     cursor: zoom-out;
}
 .mfp-zoom {
     cursor: pointer;
     cursor: zoom-in;
}
 .mfp-auto-cursor .mfp-content {
     cursor: auto;
}
 .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .mfp-loading.mfp-figure {
     display: none;
}
 .mfp-hide {
     display: none !important;
}
 .mfp-preloader {
     color: #CCC;
     position: absolute;
     top: 50%;
     width: auto;
     text-align: center;
     margin-top: -0.8em;
     left: 8px;
     right: 8px;
     z-index: 1044;
}
 .mfp-preloader a {
     color: #CCC;
}
 .mfp-preloader a:hover {
     color: #FFF;
}
 .mfp-s-ready .mfp-preloader {
     display: none;
}
 .mfp-s-error .mfp-content {
     display: none;
}
 button.mfp-close, button.mfp-arrow {
     overflow: visible;
     cursor: pointer;
     background: transparent;
     border: 0;
     -webkit-appearance: none;
     display: block;
     outline: none;
     padding: 0;
     z-index: 1046;
     box-shadow: none;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
}
 button::-moz-focus-inner {
     padding: 0;
     border: 0;
}
 .mfp-close {
     width: 44px;
     height: 44px;
     line-height: 44px;
     position: absolute;
     right: 0;
     top: 0;
     text-decoration: none;
     text-align: center;
     opacity: 0.65;
     padding: 0 0 18px 10px;
     color: #FFF;
     font-style: normal;
     font-size: 28px;
     font-family: Arial, Baskerville, monospace;
}
 .mfp-close:hover, .mfp-close:focus {
     opacity: 1;
}
 .mfp-close:active {
     top: 1px;
}
 .mfp-close-btn-in .mfp-close {
     color: #333;
}
 .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
     color: #FFF;
     right: -6px;
     text-align: right;
     padding-right: 6px;
     width: 100%;
}
 .mfp-counter {
     position: absolute;
     top: 0;
     right: 0;
     color: #CCC;
     font-size: 12px;
     line-height: 18px;
     white-space: nowrap;
}
 .mfp-arrow {
     position: absolute;
     opacity: 0.65;
     margin: 0;
     top: 50%;
     margin-top: -55px;
     padding: 0;
     width: 90px;
     height: 110px;
     -webkit-tap-highlight-color: transparent;
}
 .mfp-arrow:active {
     margin-top: -54px;
}
 .mfp-arrow:hover, .mfp-arrow:focus {
     opacity: 1;
}
 .mfp-arrow:before, .mfp-arrow:after {
     content: '';
     display: block;
     width: 0;
     height: 0;
     position: absolute;
     left: 0;
     top: 0;
     margin-top: 35px;
     margin-left: 35px;
     border: medium inset transparent;
}
 .mfp-arrow:after {
     border-top-width: 13px;
     border-bottom-width: 13px;
     top: 8px;
}
 .mfp-arrow:before {
     border-top-width: 21px;
     border-bottom-width: 21px;
     opacity: 0.7;
}
 .mfp-arrow-left {
     left: 0;
}
 .mfp-arrow-left:after {
     border-right: 17px solid #FFF;
     margin-left: 31px;
}
 .mfp-arrow-left:before {
     margin-left: 25px;
     border-right: 27px solid #3F3F3F;
}
 .mfp-arrow-right {
     right: 0;
}
 .mfp-arrow-right:after {
     border-left: 17px solid #FFF;
     margin-left: 39px;
}
 .mfp-arrow-right:before {
     border-left: 27px solid #3F3F3F;
}
 .mfp-iframe-holder {
     padding-top: 40px;
     padding-bottom: 40px;
}
 .mfp-iframe-holder .mfp-content {
     line-height: 0;
     width: 100%;
     max-width: 900px;
}
 .mfp-iframe-holder .mfp-close {
     top: -40px;
}
 .mfp-iframe-scaler {
     width: 100%;
     height: 0;
     overflow: hidden;
     padding-top: 56.25%;
}
 .mfp-iframe-scaler iframe {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     background: #000;
}
/* Main image in popup */
 img.mfp-img {
     width: auto;
     max-width: 100%;
     height: auto;
     display: block;
     line-height: 0;
     box-sizing: border-box;
     padding: 40px 0 40px;
     margin: 0 auto;
}
/* The shadow behind the image */
 .mfp-figure {
     line-height: 0;
}
 .mfp-figure:after {
     content: '';
     position: absolute;
     left: 0;
     top: 40px;
     bottom: 40px;
     display: block;
     right: 0;
     width: auto;
     height: auto;
     z-index: -1;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     background: #444;
}
 .mfp-figure small {
     color: #BDBDBD;
     display: block;
     font-size: 12px;
     line-height: 14px;
}
 .mfp-figure figure {
     margin: 0;
}
 .mfp-bottom-bar {
     margin-top: -36px;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     cursor: auto;
}
 .mfp-title {
     text-align: left;
     line-height: 18px;
     color: #F3F3F3;
     word-wrap: break-word;
     padding-right: 36px;
}
 .mfp-image-holder .mfp-content {
     max-width: 100%;
}
 .mfp-gallery .mfp-image-holder .mfp-figure {
     cursor: pointer;
}
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /** * Remove all paddings around the image on small screen */
     .mfp-img-mobile .mfp-image-holder {
         padding-left: 0;
         padding-right: 0;
    }
     .mfp-img-mobile img.mfp-img {
         padding: 0;
    }
     .mfp-img-mobile .mfp-figure:after {
         top: 0;
         bottom: 0;
    }
     .mfp-img-mobile .mfp-figure small {
         display: inline;
         margin-left: 5px;
    }
     .mfp-img-mobile .mfp-bottom-bar {
         background: rgba(0, 0, 0, 0.6);
         bottom: 0;
         margin: 0;
         top: auto;
         padding: 3px 5px;
         position: fixed;
         box-sizing: border-box;
    }
     .mfp-img-mobile .mfp-bottom-bar:empty {
         padding: 0;
    }
     .mfp-img-mobile .mfp-counter {
         right: 5px;
         top: 3px;
    }
     .mfp-img-mobile .mfp-close {
         top: 0;
         right: 0;
         width: 35px;
         height: 35px;
         line-height: 35px;
         background: rgba(0, 0, 0, 0.6);
         position: fixed;
         text-align: center;
         padding: 0;
    }
}
 @media all and (max-width: 900px) {
     .mfp-arrow {
         -webkit-transform: scale(0.75);
         transform: scale(0.75);
    }
     .mfp-arrow-left {
         -webkit-transform-origin: 0;
         transform-origin: 0;
    }
     .mfp-arrow-right {
         -webkit-transform-origin: 100%;
         transform-origin: 100%;
    }
     .mfp-container {
         padding-left: 6px;
         padding-right: 6px;
    }
}
 .page-template-machines-serviced-template .mfp-inline-holder .mfp-content {
     padding: 40px;
}
 .page-template-machines-serviced-template .mfp-inline-holder .mfp-content a {
     border-bottom: 1px solid #fff;
}
 .page-template-machines-serviced-template .mfp-inline-holder .mfp-content a:hover {
     border-color: #0099cc;
     color: #0099cc;
}
 .white-popup-block:focus {
     outline: none;
}
/* Default style for WP-PageNavi plugin http://wordpress.org/extend/plugins/wp-pagenavi/ */
 .wp-pagenavi {
     background-color: #fff;
     clear: both;
     padding: 30px 15px;
     text-align: center;
}
 .wp-pagenavi a, .wp-pagenavi span {
     text-decoration: none;
     border: 1px solid #BFBFBF;
     padding: 3px 5px;
     margin: 2px;
}
 .wp-pagenavi a:hover, .wp-pagenavi span.current {
     border-color: #000;
}
 .wp-pagenavi span.current {
     font-weight: bold;
}
/* scratch is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. */
/*------------------------------------------------------------------* * * Primary Styles * Reusables * Header * Navigation * Navigation - No JS * Page Styles * Posts * 404 Styles * Footer * Media Query Viewports * 
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------* * Primary styles 
/*------------------------------------------------------------------*/
 body {
     color: #000;
     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     font-weight: 400;
}
 .container {
     margin: 0 auto;
     max-width: 100%;
     padding-right: 15px;
     padding-left: 15px;
}
 @media screen and (min-width: 992px) {
     .container {
         padding-right: 0;
         padding-left: 0;
    }
}
 @media screen and (min-width: 992px) {
     .container {
         max-width: 960px;
    }
}
 @media screen and (min-width: 1170px) {
     .container {
         max-width: 1140px;
    }
}
 @media screen and (min-width: 1550px) {
     .container {
         max-width: 1550px;
    }
}
 .wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-direction: column;
     padding-top: 15px;
}

.home .wrapper {
	padding-top: 0px;
}

 @media screen and (min-width: 1170px) {
     .wrapper {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         flex-direction: row;
    }
}
 p {
     font-size: 16px;
     margin-top: 0;
     margin-bottom: 15px;
}
 a {
     color: #0099cc;
     text-decoration: none;
     -webkit-transition: all 0.6s ease;
     transition: all 0.6s ease;
}
 .clearfix:after {
     content: "";
     display: table;
     clear: both;
}
/*------------------------------------------------------------------* * Reusables - Styles that are reused across this site 
/*------------------------------------------------------------------*/
 h1, h2, h3, h4, h5, h6 {
     line-height: 1.1;
     margin-top: 0;
}
 .wpa-btn {
     /**background-color: #42efd4;**/
	background-color: #0099cc;
     color: #fff;
     font-size: 1.25rem;
     max-width: 100%;
     padding: 12px 32px;
     -webkit-transition: all 0.6s;
     transition: all 0.6s;
}
 .wpa-btn:hover {
     background-color: #000;
     color: #fff;
}
 .background-full {
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
}
/*------------------------------------------------------------------* * Header 
/*------------------------------------------------------------------*/
 #masthead {
     background-color: #000;
     color: #fff;
     font-size: 28px;
     font-weight: 600;
}
 @media screen and (min-width: 1170px) {
     #masthead {
         height: 195px;
    }
}
 #masthead .container {
     position: relative;
}
 .header-wrap {
     background-color: #000;
     z-index: 100;
}
 @media screen and (min-width: 1170px) {
     .header-wrap {
         height: 140px;
    }
}

#scrublogo {
     float: left;
     margin-bottom: 0;
     padding-top: 17px;
     padding-bottom: 17px;
     width: 100px;
	display: block;
}
 @media screen and (min-width: 800px) {
     #scrublogo {
         width: 140px;
    }
}
 @media screen and (min-width: 992px) {
     #scrublogo {
         width: 140px;
    }
}
 @media screen and (min-width: 1170px) {
     #scrublogo {
         width: 180px;
    }
}
 @media screen and (min-width: 1550px) {
      #scrublogo {
         width: 180px;
    }
}



 .site-branding {
     float: left;
     margin-bottom: 0;
     padding-top: 17px;
     padding-bottom: 17px;
     width: 100px;
}
 @media screen and (min-width: 800px) {
     .site-branding {
         width: 140px;
    }
}
 @media screen and (min-width: 992px) {
     .site-branding {
         width: 140px;
    }
}
 @media screen and (min-width: 1170px) {
     .site-branding {
         width: 180px;
    }
}
 @media screen and (min-width: 1550px) {
     .site-branding {
         width: 180px;
    }
}
 .site-branding img {
     display: block;
}
 .header-content {
     float: left;
     margin-top: 32px;
	 width: calc(100% - 200px);
}

.site-headline {
	text-align: left;
	margin-left: 10px;
     font-weight: 400;
}

 @media screen and (min-width: 600px) {
	.site-headline {
		text-align: right;
		margin-left: 0px;
	}
}

 @media screen and (min-width: 900px) {
     .header-content {
         float: left;
         margin-top: 40px;
         width: calc(100% - 280px);
    }
}
 @media screen and (min-width: 992px) {
     .header-content {
         width: calc(100% - 280px);
    }
}
 @media screen and (min-width: 1170px) {
     .header-content {
         width: calc(100% - 360px);
    }
}
 @media screen and (min-width: 1550px) {
     .header-content {
         width: calc(100% - 400px);
    }
}

 @media screen and (min-width: 800px) {
     .site-headline {
         float: left;
         margin-right: 30px;
         width: 250px;
    }
}
 .site-headline p {
     font-size: 16px;
     margin-bottom: 0;
}
@media screen and (min-width: 600px) {
     .site-headline p {
         font-size: 20px;
    }
}
 @media screen and (min-width: 1170px) {
     .site-headline p {
         font-size: 22px;
    }
}
 @media screen and (min-width: 1300px) {
     .site-headline p {
         font-size: 26px;
    }
}
 .site-headline a {
     border-bottom: 1px solid #000;
     color: #0099cc;
}
 .site-headline a:hover {
     border-color: #0099cc;
}
 .header-search {
     display: none;
}
 @media screen and (min-width: 900px) {
     .header-search {
         display: block;
         float: left;
         width: calc(100% - 450px);
    }
}
 @media screen and (min-width: 1170px) {
     .header-search {
         width: calc(100% - 480px);
    }
}
 @media screen and (min-width: 1550px) {
     .header-search {
         width: calc(100% - 600px);
    }
}
 .header-search .search-field {
     background-color: #fff;
     border: 1px solid #adadad;
     border-right-width: 0;
     border-radius: 0;
     color: #b5b5b5;
     float: left;
     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     font-size: 12px;
     font-weight: 600;
     height: 42px;
     line-height: 42px;
     padding: 0 12px;
     width: calc(100% - 46px);
     -webkit-appearance: none;
}
 .header-search .search-submit {
     background-color: #0099cc;
     border: 1px solid #adadad;
     border-radius: 0;
     color: #5f5f5f;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-size: 18px;
     float: right;
     height: 42px;
     -webkit-transition: all 0.6s ease;
     transition: all 0.6s ease;
     width: 46px;
}
 .header-search .search-submit:hover {
     background-color: #643a93;
     border-color: #643a93;
}
 .header-search .search-submit:hover i {
     color: #fff;
}
 .header-search .search-submit i {
     margin-left: -4px;
}
 .header-button {
     color: #b5b5b5;
     display: none;
     font-size: 12px;
     float: left;
     padding: 2px 0 0;
     text-align: center;
}
 @media screen and (min-width: 900px) {
     .header-button {
         display: block;
         width: 140px;
    }
}
 @media screen and (min-width: 1170px) {
     .header-button {
         width: 150px;
    }
}
 @media screen and (min-width: 1550px) {
     .header-button {
         width: 220px;
    }
}
 .header-button a {
     color: #b5b5b5;
     display: inline-block;
     height: 42px;
     font-weight: 800;
     line-height: 42px;
}
 .header-button a:hover {
     color: #0099cc;
}
 .header-basket {
     display: none;
     float: right;
}
 @media screen and (min-width: 900px) {
     .header-basket {
         display: block;
         float: right;
         width: 150px;
    }
}
 @media screen and (min-width: 1170px) {
     .header-basket {
         width: 240px;
    }
}
 @media screen and (min-width: 1550px) {
     .header-basket {
         width: 320px;
    }
}
 .basket-contents {
     background-color: #fff;
     border: 1px solid #adadad;
     border-right-width: 0;
     color: #b5b5b5;
     float: left;
     font-size: 12px;
     height: 42px;
     line-height: 42px;
     padding-left: 44px;
     position: relative;
     width: 100%;
}
 .basket-contents:before {
     content: "\f291";
     font-family: 'FontAwesome';
     font-size: 20px;
     left: 10px;
     position: absolute;
     top: 0;
}
 @media screen and (min-width: 1170px) {
     .basket-contents {
         width: calc(100% - 85px);
    }
}
 @media screen and (min-width: 1550px) {
     .basket-contents {
         width: calc(100% - 125px);
    }
}
 .basket-button {
     background-color: #0099cc;
     border: 1px solid #adadad;
     cursor: pointer;
     display: none;
     float: right;
     font-size: 16px;
     font-weight: 600;
     height: 42px;
     line-height: 42px;
     text-align: center;
     -webkit-transition: all 0.6s ease;
     transition: all 0.6s ease;
     width: 85px;
}
 .basket-button:hover {
     background-color: #643a93;
     border-color: #643a93;
}
 .basket-button:hover a {
     color: #fff;
}
 .basket-button a {
     color: #5f5f5f;
}
 @media screen and (min-width: 1170px) {
     .basket-button {
         display: block;
    }
}
 @media screen and (min-width: 1550px) {
     .basket-button {
         width: 125px;
    }
}
/*------------------------------------------------------------------* * Navigation 
/*------------------------------------------------------------------*/
 .brand-section-nav {
     text-align: center;
}
 .brand-section-nav ul {
     margin: 0;
     padding: 0;
}
 .brand-section-nav li {
     display: inline-block;
     list-style: none;
     margin: 20px 5px 0 5px;
     padding: 5px 15px 5px 15px;
     position: relative;
	background-color: #0099cc;
}

 .brand-section-nav li:last-child:after {
     content: "";
}
 .brand-section-nav a {
     color: #ffffff;
     font-weight: 600;
}
 .brand-section-nav a:hover {
     color: #000;
}
 .site-navigation {
     max-height: 140px;
}


.site-navigation .sub-menu {
	background-color: #000;
	padding: 0px 0 20px 0;
	margin-top: 0px;
}

.site-navigation .sub-menu a {
	margin-bottom: 5px;
	font-size: 15px;
	border-right: 0px;
}

/*------------------------------------------------------------------* * Navigation - No JS 
/*------------------------------------------------------------------*/
 .no-js .site-header-menu {
     display: block;
}
 .no-js .main-navigation ul ul {
     display: block;
}
/*------------------------------------------------------------------* * Page Styles 
/*------------------------------------------------------------------*/
 #content {
     background-color: #f0f0f0;
     background-image: url(../images/mainbg.jpg);
     background-repeat: no-repeat;
     background-position: center top;
}
 .primary-container {
     background-color: #f0f0f0;
}
 .content-area {
     background-color: #f0f0f0;
     width: 100%;
}
 @media screen and (min-width: 1170px) {
     .content-area {
         float: left;
         margin-right: 15px;
         margin-left: 15px;
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3;
         width: calc(100% - 175px);
    }
}
 @media screen and (min-width: 1170px) {
     .content-area {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
    }
}
 @media screen and (min-width: 800px) {
     .page-template-team-template .content-area {
         margin-right: 0;
    }
}
 @media screen and (min-width: 1170px) {
     .home .content-area {
         width: calc(100% - 380px);
    }
}
 .content-with-sidebar {
     background-color: #fff;
}
 @media screen and (min-width: 800px) {
     .content-with-sidebar {
         width: calc(100% - 205px);
    }
}
 @media screen and (min-width: 1170px) {
     .content-with-sidebar {
         width: calc(100% - 505px);
    }
}
 .main-brands {
     width: 100%;
}
 .main-brands .brands-select {
     display: block;
}
 @media screen and (min-width: 800px) {
     .main-brands .brands-select {
         display: none;
    }
}

.home-slider-link {
	width: 100%;
	height: 100%;
	padding-top: 100px;
}

 .page-header {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #000;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 300px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-right: -15px;
     margin-left: -15px;
     position: relative;
}
 @media screen and (min-width: 992px) {
     .page-header {
         margin-right: 0;
         margin-left: 0;
    }
}
 .page-header h1 {
     color: #fff;
     font-size: 48px;
     font-weight: 700;
     margin-bottom: 0;
     padding-right: 15px;
     padding-left: 15px;
     position: relative;
     text-align: center;
     text-transform: uppercase;
     z-index: 2;
}
 .header-overlay {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .single-hhb_brands .header-overlay {
     background-color: transparent;
}
 #primary .wcce_enq_form_wrapper input[type=text], #primary .wcce_enq_form_wrapper input[type=url], #primary .wcce_enq_form_wrapper input[type=password], #primary .wcce_enq_form_wrapper input[type=email], #primary .wcce_enq_form_wrapper input[type=file], #primary .wcce_enq_form_wrapper textarea {
     background: #eee;
     border: none;
     color: #000;
     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     height: 42px;
     border-radius: 0;
     line-height: 42px;
     padding: 0 15px;
}
 #primary .wcce_enq_form_wrapper label {
     color: #000;
     font-size: 13px;
     margin-bottom: 6px;
     display: block;
}
 #primary .wcce_enq_form_wrapper .wcce-enq-radio-wrap label {
     margin-bottom: 0;
}
 .entry-content {
     background-color: #fff;
     margin-top: 0;
     padding: 40px 20px 15px;
}
 .entry-content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
     background: #eee;
     border: none;
     height: 42px;
     border-radius: 0;
     line-height: 42px;
     padding: 0 15px;
}
 .entry-content .gform_wrapper .top_label .gfield_label {
     font-size: 13px;
}
 .entry-content .gform_wrapper .ginput_complex .ginput_right select, .entry-content .gform_wrapper .ginput_complex select, .entry-content .gform_wrapper ul.gform_fields li.gfield select {
     background: #eee;
     border: none;
     height: 42px;
     border-radius: 0;
     padding: 0 15px;
}
 .entry-content .gform_wrapper textarea.large {
     background: #eee;
     border: none;
     border-radius: 0;
     padding: 15px;
}
 .entry-content .gform_wrapper .gform_footer input.button, .entry-content .gform_wrapper .gform_footer input[type=submit], .entry-content .gform_wrapper .gform_page_footer input.button, .entry-content .gform_wrapper .gform_page_footer input[type=submit], #primary .modal-footer #wcce_enq_submit, #primary #woo_catalog .modal-content .btn-default {
     background-color: #0099cc;
     border-radius: 0;
     border: none;
     color: #fff;
     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     font-size: 16px;
     font-weight: 600;
     height: 44px;
     line-height: 44px;
     padding: 0 32px;
     -webkit-transition: 0.6s;
     transition: 0.6s;
}
 .entry-content .gform_wrapper .gform_footer input.button:hover, .entry-content .gform_wrapper .gform_footer input[type=submit]:hover, .entry-content .gform_wrapper .gform_page_footer input.button:hover, .entry-content .gform_wrapper .gform_page_footer input[type=submit]:hover, #primary .modal-footer #wcce_enq_submit:hover {
     background-color: #643a93;
     color: #000;
}
 #primary #woo_catalog .modal-content .btn-default {
     background-color: #000;
     color: #fff;
}
 #primary #woo_catalog .modal-content .btn-default:hover {
     background-color: #643a93;
     color: #fff;
}
 .entry-content .gform_wrapper li.gfield.gfield_error, .entry-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
     background-color: #fff;
     border: none;
}
 .entry-content .gform_wrapper .validation_message {
     padding-top: 4px;
}
 .hentry {
     margin-bottom: 0;
}
 .entry-header {
     padding: 20px 15px;
}
 @media screen and (min-width: 800px) {
     .entry-header {
         padding: 50px 15px 0;
    }
}
 .single-hhb_brands .entry-header {
     text-align: center;
}
 .key-brand-section {
     padding: 10px 20px 15px;
}
 .key-brand-section ul.products {
     border-bottom: 1px solid #454545;
     min-height: auto;
}
 @media screen and (min-width: 800px) {
     .key-brand-section ul.products li.product:nth-child(3n) {
         margin-right: 0;
    }
}
 .key-brand-section:last-child ul.products {
     border-bottom: none;
}
 .team-list-row {
     background-color: #fff;
     border-bottom: 1px solid #adadad;
     padding: 15px;
}
 @media screen and (min-width: 800px) {
     .team-list-column {
         float: left;
         width: 30%;
    }
}
 .team-list-column h3, .team-list-column p {
     margin-bottom: 0;
}
 @media screen and (min-width: 800px) {
     .team-column-small {
         width: 20%;
    }
}
/*------------------------------------------------------------------* * Home Page Styles 
/*------------------------------------------------------------------*/
 .home-slider {
     height: auto;
     overflow: hidden;
	background-color: #ffffff;
}

@media screen and (min-width: 800px) {
	 .home-slider {
	     height: 330px;
	     overflow: hidden;
	}
}

 @media screen and (min-width: 1170px) {
     .home-slider {
         margin-right: 0;
         margin-left: 0;
    }
}
 .home-slide {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: auto;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     max-width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     text-align: center;
     width: 100%;
     -webkit-flex-direction: column;
    /* Safari 6.1+ */
     flex-direction: column;
	background-size: 99%;
}

@media screen and (min-width: 800px) {
	 .home-slide {
		height: 330px;
		background-size: 101%;
	}

}


 @media screen and (min-width: 1550px) {
     .home-slide {
         padding-right: 130px;
         padding-left: 130px;
    }
}
 .home-slide h1, .home-slide h2 {
     color: #fff;
     font-size: 48px;
     font-weight: 700;
     margin-bottom: 0;
     text-transform: uppercase;
     margin-bottom: 40px;
}
 .home-slide .wpa-btn {
     color: #fff;
     margin: 0 10px;
     min-width: 260px;
     float: left;
     display: block;
}
 .home-slide .wpa-btn:visited {
     color: #fff;
}
 .home-slide .wpa-btn:hover {
     background-color: #0099cc;
     color: #000;
}
 .home-slide .wpa-btn.brands-button {
     background-color: #0099cc;
     color: #fff;
}
 .home-slide .wpa-btn.brands-button:visited {
     color: #fff;
}
 .home-slide .wpa-btn.brands-button:hover {
     background-color: #0099cc;
     color: #000;
}
 .section-header {
     background-color: #0099cc;
     color: #fff;
     font-size: 24px;
     font-weight: 700;
     height: 40px;
     line-height: 40px;
     margin-top: 25px;
     margin-bottom: 0;
     text-align: center;
}
 h1.section-header {
     margin-top: 0;
     margin-bottom: 15px;
}
 .home-grid {

}
 .home-box {
     height: 346px;
     margin-bottom: 15px;
     position: relative;
     text-align: center;
}
 @media screen and (min-width: 540px) {
     .home-box {
         float: left;
         display: block;
         margin-right: 2.3576520234%;
         width: 48.8211739883%;
    }
     .home-box:last-child {
         margin-right: 0;
    }
     .home-box:nth-child(5n), .home-box:nth-child(6n) {
         margin-bottom: 0;
    }
     .home-box:nth-child(2n) {
         margin-right: 0;
    }
}
 @media screen and (min-width: 1170px) {
     .home-box {
         float: left;
         display: block;
         margin-right: 5%;
         width: 30%;
	     height: 348px;
    }
     .home-box:last-child {
         margin-right: 0;
    }
     .home-box:nth-child(2n) {
         margin-right: 5%;
    }
     .home-box:nth-child(3n) {
         margin-right: 0;
    }
     .home-box:nth-child(3n+4), .home-box:nth-child(3n+5), .home-box:nth-child(3n+6) {
         margin-bottom: 0;
    }
}

 @media screen and (min-width: 1350px) {
     .home-box {
         float: left;
         display: block;
         margin-right: 5%;
         width: 30%;
	     height: 400px;
    }
     .home-box:last-child {
         margin-right: 0;
    }
     .home-box:nth-child(2n) {
         margin-right: 5%;
    }
     .home-box:nth-child(3n) {
         margin-right: 0;
    }
     .home-box:nth-child(3n+4), .home-box:nth-child(3n+5), .home-box:nth-child(3n+6) {
         margin-bottom: 0;
    }
}


 .home-box .home-box-meta {
     background-color: #fff;
     color: #000;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 100px;
     position: relative;
	border-bottom: 5px solid #73c4de;
	text-align: left;
}
 @media screen and (min-width: 1550px) {
     .home-box .home-box-meta {
         height: 70px;
    }
}
.home-box .home-box-meta a {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #000;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     height: 100%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
	align-items: start;
}
 .home-box .home-box-meta a:hover p {
     color: #0099cc;
}

.home-box .home-box-meta p {

}

 .home-box h3 {
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 8px;
     padding-left: 10px;
     padding-right: 10px;
}
 .home-box p {
     font-size: 13px;
     margin-bottom: 0;
     -webkit-transition: 0.6s;
     transition: 0.6s;
     padding: 0 10px;
}
 .news-box {
     display: block;
     height: 372px;
     margin-left: 35px;
     margin-right: 35px;
     margin-bottom: 0;
}
 @media screen and (min-width: 540px) {
     .news-box {
         margin-left: 10px;
         margin-right: 10px;
    }
}
 @media screen and (min-width: 1170px) {
     .news-box:nth-child(3n) {
         margin-right: 30px;
    }
}
 .news-box .home-box-meta {
     background-color: #cecece;
     height: 147px;
}
 .news-box .home-box-meta a {
     color: #000;
}
 .news-box .home-box-meta a:hover p {
     color: #fff;
}
 .news-box .home-box-image-outer {
     height: 215px;
}
 @media screen and (min-width: 1550px) {
     .news-box .home-box-image-outer {
         height: 215px;
    }
     .news-box .home-box-meta {
         height: 102px;
    }
     .home-box h3 {
         font-size: 18px;
    }
}
 .news-carousel {
     overflow: hidden;
}
 @media screen and (min-width: 800px) {
     .news-carousel {
         height: 390px;
         padding-left: 40px;
         padding-right: 10px;
    }
}
 .news-carousel .slick-prev:before, .news-carousel .slick-next:before {
     color: #000;
}
 .news-carousel .slick-prev {
     left: 12px;
}
 .news-carousel .slick-next {
     right: 12px;
}

 .home-news {
     margin-bottom: 15px;
     padding-top: 25px;
     padding-bottom: 25px;
	border-top: 20px solid #fff;
	margin-left: -15px;
	width: 103%;
}

 .home-news .home-box .home-box-meta p {
	background-color: #5e3a90;
	color: #ffffff;
	margin: 5px 5px 5px 5px;
	padding: 2px 10px;
}

 .home-box-image-outer {
     height: 215px;
     overflow: hidden;
}
 @media screen and (min-width: 1550px) {
     .home-box-image-outer {
         height: 300px;
    }
}
 .home-box-image {
     height: 100%;
     position: relative;
     -webkit-transition: 0.6s ease;
     transition: 0.6s ease;
     width: 100%;
}
 .home-box-image:hover {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 .home-box-image a {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .home-box.team-box {
     height: 365px;
}
 @media screen and (min-width: 540px) {
     .home-box.team-box {
         float: left;
         display: block;
         margin-right: 2.3576520234%;
         width: 48.8211739883%;
    }
     .home-box.team-box:last-child {
         margin-right: 0;
    }
     .home-box.team-box:nth-child(5n), .home-box.team-box:nth-child(6n) {
         margin-bottom: 0;
    }
     .home-box.team-box:nth-child(2n) {
         margin-right: 0;
    }
}
 @media screen and (min-width: 1170px) {
     .home-box.team-box {
         margin-right: 1.5%;
         width: 18.5%;
    }
     .home-box.team-box:nth-child(2n), .home-box.team-box:nth-child(3n) {
         margin-right: 1.5%;
    }
     .home-box.team-box:nth-child(3n+4), .home-box.team-box:nth-child(3n+5), .home-box.team-box:nth-child(3n+6) {
         margin-bottom: 15px;
    }
}
 .home-box.team-box .home-box-image-outer {
     height: 225px;
     overflow: auto;
     position: relative;
}
 .home-box.team-box .home-box-image-outer a {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .home-box.team-box .home-box-meta {
     font-size: 12px;
     height: 140px;
}
 .home-box.team-box .home-box-meta p {
     margin-bottom: 10px;
}
 .home-box.team-box .home-box-meta a {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #fff;
     display: inline-block;
     height: auto;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     left: auto;
     position: relative;
     text-decoration: underline;
     top: auto;
     width: 100%;
}
 .home-box.team-box .home-box-meta a:hover {
     color: #0099cc;
}
 .home-box.team-box .home-box-meta a:focus {
     outline: none;
}
 @media screen and (min-width: 1170px) {
     .technology-box {
         float: left;
         display: block;
         margin-right: 2.3576520234%;
         width: 48.8211739883%;
         height: 400px;
         margin-bottom: 30px;
    }
     .technology-box:last-child {
         margin-right: 0;
    }
     .technology-box:nth-child(5n), .technology-box:nth-child(6n) {
         margin-bottom: 0;
    }
     .technology-box:nth-child(3n) {
         margin-right: 2.3576520234%;
    }
     .technology-box:nth-child(2n) {
         margin-right: 0;
    }
}
 .technology-box .tech-box-meta {
     background-color: #000;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 100px;
}
 .technology-box .tech-box-meta a {
     color: #fff;
}
 .technology-box .tech-box-meta a:hover {
     color: #0099cc;
}
 .legacy-box {
     margin-bottom: 15px;
}
 @media screen and (min-width: 1170px) {
     .legacy-box {
         margin-right: 1.5%;
         width: 18.8%;
    }
     .legacy-box:nth-child(2n), .legacy-box:nth-child(3n) {
         margin-right: 1.5%;
         margin-bottom: 15px;
    }
}
 .legacy-box .home-box-image-outer {
     height: 200px;
}
 .legacy-box .home-box-image {
     background-color: #454545;
}
 .legacy-box .legacy-box-meta {
     background-color: #000;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 100px;
}
 .legacy-box .legacy-box-meta a {
     color: #fff;
}
 .legacy-box .legacy-box-meta a:hover {
     color: #0099cc;
}
 .services-main {
     background-color: #fff;
}
 .serviced-box {
     float: left;
     display: block;
     margin-right: 2.3576520234%;
     width: 48.8211739883%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-bottom: 25px;
     padding: 0 5px;
}
 .serviced-box:last-child {
     margin-right: 0;
}
 @media screen and (min-width: 540px) {
     .serviced-box {
         float: left;
         display: block;
         margin-right: 2.3576520234%;
         width: 31.7615653177%;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
     .serviced-box:last-child {
         margin-right: 0;
    }
     .serviced-box:nth-child(3n) {
         margin-right: 2.3576520234%;
    }
}
 @media screen and (min-width: 1170px) {
     .serviced-box {
         float: left;
         display: block;
         margin-right: 2.3576520234%;
         width: 14.7019566472%;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         height: 120px;
    }
     .serviced-box:last-child {
         margin-right: 0;
    }
     .serviced-box:nth-child(6n) {
         margin-right: 0;
    }
}
 .serviced-box img {
     margin-bottom: 20px;
}
 .serviced-box a {
     color: #000;
}
 .serviced-box a:hover {
     color: #0099cc;
}

.popup-image, .popup-box-title {
    float: left;
    height: 330px;
    width: 100%;	 
}

 @media screen and (min-width: 500px) {
	 .popup-image, .popup-box-title {
	     float: left;
	     height: 200px;
	     width: 200px;
	}
}

 .popup-box-title {
     height: auto;
     text-align: center;
     padding: 15px;
}
 .popup-box-title h3 {
     margin-bottom: 10px;
}

 .popup-bio, .popup-box-meta {
     float: left;
     padding: 30px 15px 15px 30px;
     width: 100%;
}

 @media screen and (min-width: 500px) {
	 .popup-bio, .popup-box-meta {
	     float: left;
	     padding: 30px 15px 15px 30px;
	     width: calc(100% - 200px);
	}
}

 .popup-bio p, .popup-box-meta p {
     font-size: 13px;
}
 .popup-box-meta {
     padding: 15px 15px 15px 30px;
}
 .popup-box-meta p {
     margin-bottom: 6px;
}
 .popup-box-meta a {
     border-bottom: 1px solid #fff;
     color: #fff;
}
 .popup-box-meta a:hover {
     border-color: #0099cc;
     color: #0099cc;
}
 .popup-content-bottom {
     background-color: #000;
     color: #fff;
}
/*------------------------------------------------------------------* * Contact 
/*------------------------------------------------------------------*/
 .contact-row {
     background-color: #fff;
     margin-bottom: 15px;
     padding: 15px;
}
 @media screen and (min-width: 992px) {
     .contact-details {
         float: left;
         display: block;
         margin-right: 2.3576520234%;
         width: 31.7615653177%;
    }
     .contact-details:last-child {
         margin-right: 0;
    }
}
 .contact-details a, .contact-details a:visited {
     border-bottom: 1px solid #fff;
     color: #000;
}
 .contact-details a:hover, .contact-details a:visited:hover {
     border-color: #000;
     color: #000;
}
 .contact-details .contact-title {
     margin-bottom: 0;
}
 @media screen and (min-width: 992px) {
     .contact-map {
         float: left;
         display: block;
         margin-right: 2.3576520234%;
         width: 65.8807826589%;
         margin-right: 0;
    }
     .contact-map:last-child {
         margin-right: 0;
    }
}
 .contact-map h2 {
     font-size: 18px;
}
 .contact-map table, .contact-map select {
     font-size: 14px;
}
 .contact-map table label, .contact-map select label {
     font-weight: 700;
}
 .contact-map table td, .contact-map select td {
     padding: 4px;
}
 .contact-map input[type="button"] {
     background-color: #0099cc;
     border: 1px solid #adadad;
     border-radius: 0;
     color: #000;
     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     font-size: 16px;
     font-weight: 700;
     height: 42px;
     margin: 0;
     padding: 0 22px;
     -webkit-transition: all 0.6s ease;
     transition: all 0.6s ease;
}
 .contact-map input[type="button"]:hover {
     background-color: #643a93;
     border-color: #643a93;
     color: #fff;
}
/*------------------------------------------------------------------* * Posts 
/*------------------------------------------------------------------*/
 .blog .site-main, .single-post .site-main, .archive.category .site-main, .archive.date .site-main, .search-results .site-main {
     margin-bottom: 15px;
}
 .blog .hentry, .single-post .hentry, .archive.category .hentry, .archive.date .hentry, .search-results article {
     background-color: #fff;
     margin-top: 15px;
}
 @media screen and (min-width: 801px) {
     .search-results article {
         float: left;
         height: 400px;
         display: block;
         padding-top: 5px;
         margin-right: 2.3576520234%;
         width: 31.7615653177%;
    }
     .search-results article:nth-child(3n) {
         margin-right: 0;
    }
}
 .search-results .wp-pagenavi {
     background-color: transparent;
}
 .search-results .content-area {
     padding-bottom: 17px;
}
 .blog .entry-header, .single-post .entry-header, .archive.category .entry-header, .archive.date .entry-header, .search-results .entry-header {
     padding-top: 15px;
}
 .blog .entry-header a, .blog .entry-header a:visited, .single-post .entry-header a, .single-post .entry-header a:visited, .archive.category .entry-header a, .archive.category .entry-header a:visited, .archive.date .entry-header a, .archive.date .entry-header a:visited, .search-results .entry-header a, .search-results .entry-header a:visited {
     color: #000;
}
 .blog .entry-header a:hover, .blog .entry-header a:visited:hover, .single-post .entry-header a:hover, .single-post .entry-header a:visited:hover, .archive.category .entry-header a:hover, .archive.category .entry-header a:visited:hover, .archive.date .entry-header a:hover, .archive.date .entry-header a:visited:hover, .search-results .entry-header a:hover, .search-results .entry-header a:visited:hover {
     color: #0099cc;
}
 .blog .entry-title, .single-post .entry-title, .archive.category .entry-title, .archive.date .entry-title, .search-results .entry-title {
     margin-bottom: 10px;
}
 .blog .entry-meta, .single-post .entry-meta, .archive.category .entry-meta, .archive.date .entry-meta, .search-results .entry-meta {
     font-size: 14px;
}
 .blog .entry-content, .blog .entry-summary, .single-post .entry-content, .single-post .entry-summary, .archive.category .entry-content, .archive.category .entry-summary, .archive.date .entry-content, .archive.date .entry-summary, .search-results .entry-content, .search-results .entry-summary {
     padding: 10px 15px 15px;
}
 .blog .entry-content a, .blog .entry-content a:visited, .blog .entry-summary a, .blog .entry-summary a:visited, .single-post .entry-content a, .single-post .entry-content a:visited, .single-post .entry-summary a, .single-post .entry-summary a:visited, .archive.category .entry-content a, .archive.category .entry-content a:visited, .archive.category .entry-summary a, .archive.category .entry-summary a:visited, .archive.date .entry-content a, .archive.date .entry-content a:visited, .archive.date .entry-summary a, .archive.date .entry-summary a:visited, .search-results .entry-content a, .search-results .entry-content a:visited, .search-results .entry-summary a, .search-results .entry-summary a:visited {
     color: #000;
}
 .blog .entry-content a:hover, .blog .entry-content a:visited:hover, .blog .entry-summary a:hover, .blog .entry-summary a:visited:hover, .single-post .entry-content a:hover, .single-post .entry-content a:visited:hover, .single-post .entry-summary a:hover, .single-post .entry-summary a:visited:hover, .archive.category .entry-content a:hover, .archive.category .entry-content a:visited:hover, .archive.category .entry-summary a:hover, .archive.category .entry-summary a:visited:hover, .archive.date .entry-content a:hover, .archive.date .entry-content a:visited:hover, .archive.date .entry-summary a:hover, .archive.date .entry-summary a:visited:hover, .search-results .entry-content a:hover, .search-results .entry-content a:visited:hover, .search-results .entry-summary a:hover, .search-results .entry-summary a:visited:hover {
     color: #0099cc;
}
 .blog .entry-content img, .blog .entry-summary img, .single-post .entry-content img, .single-post .entry-summary img, .archive.category .entry-content img, .archive.category .entry-summary img, .archive.date .entry-content img, .archive.date .entry-summary img, .search-results .entry-content img, .search-results .entry-summary img {
     float: left;
     margin-right: 30px;
}
 .blog .entry-content .alignleft, .blog .entry-summary .alignleft, .single-post .entry-content .alignleft, .single-post .entry-summary .alignleft, .archive.category .entry-content .alignleft, .archive.category .entry-summary .alignleft, .archive.date .entry-content .alignleft, .archive.date .entry-summary .alignleft, .search-results .entry-content .alignleft, .search-results .entry-summary .alignleft {
     margin-right: 1.5em;
     margin-bottom: 15px;
}
 .blog .entry-content .alignright, .blog .entry-summary .alignright, .single-post .entry-content .alignright, .single-post .entry-summary .alignright, .archive.category .entry-content .alignright, .archive.category .entry-summary .alignright, .archive.date .entry-content .alignright, .archive.date .entry-summary .alignright, .search-results .entry-content .alignright, .search-results .entry-summary .alignright {
     float: right;
     margin-left: 1.5em;
     margin-right: 0;
     margin-bottom: 15px;
}
 .blog .entry-content .aligncenter, .blog .entry-summary .aligncenter, .single-post .entry-content .aligncenter, .single-post .entry-summary .aligncenter, .archive.category .entry-content .aligncenter, .archive.category .entry-summary .aligncenter, .archive.date .entry-content .aligncenter, .archive.date .entry-summary .aligncenter, .search-results .entry-content .aligncenter, .search-results .entry-summary .aligncenter {
     clear: both;
     display: block;
     float: none;
     margin-left: auto;
     margin-right: auto;
}
 .blog .sidebar, .single-post .sidebar, .archive.category .sidebar, .archive.date .sidebar, .search-results .sidebar {
     margin-top: 15px;
     margin-bottom: 15px;
}
 .archive-header {
     padding-top: 15px;
}
/*------------------------------------------------------------------* * Sidebars 
/*------------------------------------------------------------------*/
 .sidebar {
     background-color: #fff;
     order: 3;
     padding-right: 5px;
     padding-left: 5px;
     text-align: center;
     width: 100%;
}
 @media screen and (min-width: 1170px) {
     .sidebar {
         order: 1;
         width: 300px;
    }
}
 @media screen and (min-width: 1170px) {
     .sidebar .brands-select {
         display: none;
    }
}
 .sidebar ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .sidebar li a, .sidebar li a:visited {
     color: #000;
}
 .sidebar li a:hover, .sidebar li a:visited:hover {
     color: #0099cc;
}
 .sidebar .berocket_aapf_widget {
     text-align: left;
}
 .sidebar .berocket_aapf_widget li {
     font-size: 14px;
     padding-top: 4px;
     padding-bottom: 4px;
}
 .sidebar .berocket_aapf_widget .berocket_label_widgets {
     padding-left: 22px;
     position: relative;
}
 .sidebar .berocket_aapf_widget input[type="checkbox"] + label:before {
     left: 2px;
     position: absolute;
     top: 2px;
}
 .sidebar .widget_yith_wc_category_accordion a, .sidebar .widget_yith_wc_category_accordion a:visited {
     color: #000;
     font-size: 15px;
}
 .sidebar .widget_yith_wc_category_accordion a:hover, .sidebar .widget_yith_wc_category_accordion a:visited:hover {
     color: #0099cc;
}
 .sidebar .widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget > li {
     border-bottom: none;
     font-size: 13px;
     padding: 2px 0;
     text-align: left;
     text-transform: none;
}
 .sidebar .widget_yith_wc_category_accordion ul li {
     padding: 2px 0 2px 20px;
     text-transform: none;
}
 .sidebar .widget_yith_wc_category_accordion ul.children li:before {
     content: "";
     margin-left: 0;
     margin-right: 0;
}
 .sidebar .textwidget p {
     font-size: 12px;
}
 .sidebar .tech-list li {
     border-bottom: 1px solid #454545;
     font-size: 14px;
     padding-top: 6px;
     padding-bottom: 6px;
     list-style: none;
}
 .sidebar .tech-list li:last-child {
     border-bottom: none;
}
 .sidebar .tech-list a {
     color: #000;
     display: block;
}
 .sidebar .tech-list a:hover {
     color: #0099cc;
}
 @media screen and (min-width: 800px) {
     .sidebar-left {
         display: block;
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1;
    }
}

.home .sidebar-left {
	padding-top: 60px;
}

 .sidebar-left img {
     -webkit-filter: grayscale(100%);
     /**filter: grayscale(100%);**/
	filter: brightness(0%) contrast(100%);
     -webkit-transition: 0.6s;
     transition: 0.6s;
	margin-bottom: 12px;
}
 .sidebar-left img:hover {
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
}
 .sidebar-left .sidebar-content {
}
 @media screen and (min-width: 1170px) {
     .sidebar-left .sidebar-content {
         display: block;
    }
}
 .widget_categories li {
     font-size: 13px;
     text-align: left;
     padding: 2px 10px;
}
 .archive-accordion-year {
     font-size: 13px;
     text-align: left;
     padding: 2px 10px;
     position: relative;
}
 .archive-accordion-year:after {
     position: absolute;
     right: 0;
     top: 2px;
     content: "";
     background: url(../images/plus-minus.png) top center no-repeat;
     width: 10px;
     height: 10px;
}
 .archive-accordion-year.current:after {
     background-position: bottom center;
}
 .archive-accordion-year ul {
     padding: 8px 8px 8px 15px;
}
 .archive-accordion-year .archive-accordion-month {
     padding: 2px 0;
}
 .brand {
     margin-bottom: 8px;
}

.home .sidebar-right {
	padding-top: 60px;
}

 @media screen and (min-width: 800px) {
     .sidebar-right {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
    }
}
 @media screen and (min-width: 1170px) {
     .sidebar-right {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3;
         width: 300px;
    }
}
 .sidebar-right a:visited {
     color: #000;
}
 .sidebar-right a:visited:hover {
     color: #0099cc;
}
 .sidebar-right .textwidget p {
     font-size: 14px;
}

 .sidebar-right #text-4 li {
	 border-bottom: 1px solid #000000 !important;
	 padding-bottom: 10px;
 }

 .sidebar-right #text-4 li:last-of-type {
	 border-bottom: 0px !important;
}

 .sidebar-right #text-4 .textwidget p {
     border-bottom: 1px solid #adadad;
     padding-top: 10px;
     padding-bottom: 10px;
}
 .sidebar-right #text-4 .textwidget p:last-child {
     border: none;
}
 .sidebar .aside-header, .sidebar .widget-title, .sidebar .ywcca_widget_title {
     background-color: #5e3a90;
     color: #fff;
     font-size: 17px;
     font-weight: 400;
     margin: 0 auto 15px auto;
     padding: 5px 2px;
     text-align: center;
	width: 70%;
}

 .sidebar .aside-header a {
	 color: #ffffff;
 }
 
 .sidebar .home-box-image-outer {
     height: 220px;
     margin-bottom: 15px;
}
 .sidebar .side-meta {
     padding: 0 10px;
}
 .sidebar .side-meta a {
     color: #000;
}
 .sidebar .side-meta a:visted {
     color: #000;
}
 .sidebar .side-meta a:hover {
     color: #0099cc;
}
 .wide-sidebar {
     padding-top: 0;
}
 @media screen and (min-width: 1550px) {
     .wide-sidebar {
         width: 300px;
    }
}
 .side-team-member {
     padding-right: 15px;
     padding-left: 15px;
}
 .side-team-member img {
     display: block;
}
 .side-team-member h2 {
     background-color: #000;
     color: #f0f0f0;
     font-size: 14px;
     margin-bottom: 24px;
     padding: 14px 0;
     text-transform: uppercase;
}
 .side-team-member h3 {
     margin-bottom: 5px;
}
 .side-team-member p {
     text-align: center;
}
 .side-team-member .team-name {
     margin-bottom: 15px;
     text-align: center;
}
 .side-team-member .team-meta {
     font-weight: 700;
     padding-top: 10px;
}
 .side-team-member .team-meta a {
     border-bottom: 1px solid #000;
     color: #000;
}
 .side-team-member .team-meta a:hover {
     border-color: #0099cc;
     color: #0099cc;
}
 .side-news {
     margin-top: 0;
}
 .side-news .news-box {
     float: none;
     margin-bottom: 20px;
     width: 100%;
}
 .widget {
     margin-bottom: 10px;
}
 .widget p {
     margin-bottom: 5px;
}
 .brand-list {
     list-style: none;
     margin: 0 0 0 10px;
     padding: 0;
     text-align: left;
}
 .brand-list li {
     margin-bottom: 6px;
}
 .brand-list a, .brand-list a:visited {
     color: #000;
     font-size: 14px;
}
 .brand-list a:hover, .brand-list a:visited:hover {
     color: #0099cc;
}
 .brand-list .active a {
     font-weight: 700;
}
 .woocommerce .sidebar .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
     color: #000;
     display: block;
     font-size: 13px;
     padding-right: 15px;
     position: relative;
     text-align: left;
}
 .woocommerce .sidebar .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:visited {
     color: #000;
}
 .woocommerce .sidebar .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover {
     color: #0099cc;
}
 .woocommerce .sidebar .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before {
     color: #000;
     margin-right: 0;
     position: absolute;
     right: 0;
     top: 3px;
}
 .woocommerce .sidebar .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
     display: none;
}
 .contact-section {
     border-bottom: 1px solid #cecece;
     margin-right: 6px;
     margin-bottom: 15px;
     margin-left: 6px;
     padding-bottom: 15px;
}
 .contact-section p {
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 0;
}
 .contact-section a {
     color: #000;
}
 .contact-section a:hover {
     color: #0099cc;
}
 .contact-section .noline a {
     border: none;
}
 .contact-section h4, .sign-header {
     color: #0099cc;
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 4px;
}
 .sidebar .social-section, .woocommerce .social-section, #colophon .social-section {
     padding-bottom: 15px;
}
 .sidebar .social-section ul, .woocommerce .social-section ul, #colophon .social-section ul {
     margin: 0;
     padding: 0;
     text-align: center;
}
 .sidebar .social-section li, .woocommerce .social-section li, #colophon .social-section li {
     display: inline-block;
     font-size: 14px;
     margin-right: 5px;
     padding-top: 4px;
     padding-bottom: 4px;
     list-style: none;
}
 .sidebar .social-section li:last-child, .woocommerce .social-section li:last-child, #colophon .social-section li:last-child {
     margin-right: 0;
}
 .sidebar .social-section li a, .woocommerce .social-section li a, #colophon .social-section li a {
     background-color: #127cb4;
     border-radius: 999px;
     color: #fff;
     display: block;
     font-size: 20px;
     height: 32px;
     padding-top: 1px;
     text-align: center;
     width: 32px;
}
 .sidebar .social-section li a:visited, .woocommerce .social-section li a:visited, #colophon .social-section li a:visited {
     color: #fff;
}
 .sidebar .social-section li a:hover, .woocommerce .social-section li a:hover, #colophon .social-section li a:hover {
     opacity: 0.8;
     color: #fff;
}
 .sidebar .social-section .facebook a, .woocommerce .social-section .facebook a, #colophon .social-section .facebook a {
     background-color: #3c5a96;
}
 .sidebar .social-section .twitter a, .woocommerce .social-section .twitter a, #colophon .social-section .twitter a {
     background-color: #4dafca;
}
 .sidebar .social-section .youtube a, .woocommerce .social-section .youtube a, #colophon .social-section .youtube a {
     background-color: #b90711;
}
 .sidebar .social-section .pinterest a, .woocommerce .social-section .pinterest a, #colophon .social-section .pinterest a {
     background-color: #bd081c;
}
 #colophon .widget_hhb_socialicon_widget .social-section p {
     display: inline-block;
     margin-right: 15px;
}
 #colophon .widget_hhb_socialicon_widget .social-section ul {
     display: inline-block;
}
 #colophon .widget_hhb_socialicon_widget .social-section li a {
     background-color: #5a5a5a;
}
 .sidebar .menu, .woocommerce .menu {
     margin-top: -10px;
}
 .sidebar .menu li, .woocommerce .menu li {
     border-bottom: 1px solid #454545;
     font-size: 14px;
     padding-top: 6px;
     padding-bottom: 6px;
     list-style: none;
}
 .sidebar .menu li:last-child, .woocommerce .menu li:last-child {
     border-bottom: 0;
}
 .sidebar .menu .current-menu-item a, .woocommerce .menu .current-menu-item a {
     font-weight: 700;
}
 .sidebar .main-navigation li, .woocommerce .main-navigation li {
     border: none;
}
 .term-service-support #nav_menu-9 {
     display: none;
}
 .term-service-support-contacts #nav_menu-11 {
     display: none;
}
 .archive_brand_filter, .archive_category_filter {
     float: left;
     width: 80%;
     margin: 0 5% 5% 5%;
     background: #eee;
     border: none;
     height: 42px;
     border-radius: 0;
     padding: 0 15px;
}
 @media screen and (min-width: 800px) {
     .archive_brand_filter, .archive_category_filter {
         width: 25%;
         margin: 0% 5% 0 5%;
    }
}
/*------------------------------------------------------------------* * Posts 
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------* * 404 Styles 
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------* * Extras 
/*------------------------------------------------------------------*/
 .brands-boxes {
     background-color: #fff;
     margin-top: 15px;
     padding-bottom: 15px;
     padding-left: 15px;
}
 @media screen and (min-width: 1550px) {
     .brands-boxes {
         margin-left: 190px;
    }
}

.hhb_brands-template-default .brands-boxes {
	margin-left: 0 !important;
}

.hhb_brands-template-default .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
	width: 90%;
	min-height: 320px;
}

@media screen and (min-width: 600px) {
	.hhb_brands-template-default .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
		width: 27.75% !important;
	}
}

 .brands-boxes .section-header {
     margin-left: -15px;
}
 @media screen and (min-width: 1550px) {
     .single-hhb_technology .brands-boxes {
         margin-left: 0;
    }
}
 .brand-box {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border: 1px solid #cecece;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     float: left;
     height: 153px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-top: 15px;
     margin-right: 15px;
     width: 153px;
}
 @media screen and (min-width: 1550px) {
     .brand-box:nth-child(8n) {
         margin-right: 0;
    }
}
 .brand-box img {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-transition: 0.6s;
     transition: 0.6s;
}
 .brand-box img:hover {
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
}
 .faq-section {
     background-color: #fff;
     padding: 0 15px;
}
 .faq-section h2 {
     padding: 15px 0 0;
}
 .accordion ul {
     margin: 0;
     padding: 0;
}
 .accordion li {
     list-style: none;
     font-size: rem(16);
     font-weight: bold;
     line-height: rem(19);
     padding-left: 0;
}
 .accordion li > a {
     color: #643a93;
     display: block;
     text-decoration: none;
     border-bottom: 2px solid #555;
     padding: 15px 10px;
}
 .accordion .is-expanded {
     display: block;
}
 #accordion {
     list-style: none;
     margin: 0 0 15px 0;
     padding: 0 0 16px;
}
 #accordion > li {
     display: block;
     list-style: none;
     font-size: 16px;
     font-weight: 400;
     line-height: 19px;
     padding-bottom: 10px;
     padding-left: 0;
}
 #accordion > li:before {
     background-image: none;
     content: "";
}
 #accordion > li > span {
     display: block;
     color: #000;
     background-color: #eee;
     padding: 12px 40px 12px 15px;
     font-size: 16px;
     line-height: 1.5;
     position: relative;
}
 #accordion > li > span.is-expanded {
     background-color: #000;
     color: #fff;
}
 #accordion > li > span:after {
     position: absolute;
     right: 15px;
     top: 4px;
     font-size: 30px;
     content: '\f0da';
     font-family: 'FontAwesome';
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}
 #accordion > li > div {
     display: none;
     font-weight: normal;
     padding-top: 15px;
     padding-right: 10px;
     padding-left: 10px;
}
 #accordion > li > div p {
     font-size: rem(16);
     margin-bottom: 20px;
}
 #accordion > li .is-expanded:after {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 #accordion > ul li {
     font-weight: normal;
     cursor: auto;
     padding: 0 0 0 7px;
}
 #accordion a {
     text-decoration: none;
}
 #accordion .current_page_item a, #side-accordion .current_page_item a {
     color: #643a93;
}
/*------------------------------------------------------------------* * Footer 
/*------------------------------------------------------------------*/
 #colophon {
     background-color: #000;
     color: #fff;
     font-size: 12px;
     padding-top: 20px;
     padding-bottom: 10px;
}
 @media screen and (min-width: 1550px) {
     #colophon {
         padding-top: 50px;
         padding-bottom: 40px;
    }
}
 #colophon .widget-title {
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     margin-bottom: 4px;
}
 #colophon .menu {
     list-style: none;
     margin: 0 0 20px;
     padding: 0;
}
 #colophon .menu li {
     padding-top: 1px;
     padding-bottom: 1px;
}
 #colophon .menu a {
     color: #fff;
     font-size: 14px;
}
 #colophon .menu a:hover {
     color: ##0099cc;
}
 @media screen and (min-width: 800px) {
     .footer-column {
         float: left;
         margin-right: 2%;
         width: 31.3333%;
    }
}
 @media screen and (min-width: 1550px) {
     .footer-column {
         margin-right: 2%;
         width: 16%;
    }
}
 @media screen and (min-width: 800px) {
     .footer-column-wide {
         float: left;
         width: 100%;
    }
}
 @media screen and (min-width: 1550px) {
     .footer-column-wide {
         margin-right: 0;
         width: 46%;
    }
}
 #colophon .gform_widget .aside-header {
     float: left;
     padding-top: 13px;
     width: 112px;
}
 #colophon .gform_widget .gform_wrapper {
     float: left;
     margin: 0 0 32px;
     width: calc(100% - 112px);
}
 #colophon .gform_widget .gform_wrapper .top_label .gfield_label {
     display: none;
}
 #colophon .gform_widget .gform_wrapper .top_label div.ginput_container {
     margin-top: 0;
}
 #colophon .gform_widget .gform_wrapper ul.gform_fields li.gfield {
     margin-top: 0;
     padding-right: 0;
}
 #colophon .gform_widget .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
     border: 1px solid #adadad;
     border-right-width: 0;
     border-radius: 0;
     color: #b5b5b5;
     height: 42px;
     line-height: 42px;
     padding-right: 15px;
     padding-left: 15px;
}
 #colophon .gform_widget .gform_wrapper .gform_body {
     clear: none;
     float: left;
     width: calc(100% - 120px);
}
 #colophon .gform_widget .gform_wrapper .gform_footer {
     clear: none;
     float: left;
     margin: 0;
     padding: 0;
     width: 120px;
}
 #colophon .gform_widget .gform_wrapper .gform_footer input.button, #colophon .gform_widget .gform_wrapper .gform_footer input[type=submit] {
     background-color: #0099cc;
     border: 1px solid #adadad;
     border-radius: 0;
     color: #000;
     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     font-size: 16px;
     font-weight: 700;
     height: 42px;
     margin: 0;
     padding: 0;
     -webkit-transition: all 0.6s ease;
     transition: all 0.6s ease;
     width: 100%;
}
 #colophon .gform_widget .gform_wrapper .gform_footer input.button:hover, #colophon .gform_widget .gform_wrapper .gform_footer input[type=submit]:hover {
     background-color: #643a93;
     border-color: #643a93;
     color: #fff;
}
 .site-info {
     border-top: 1px solid #1d1d1d;
     clear: both;
     padding-top: 24px;
}
/*------------------------------------------------------------------* * Media Query Viewports 
/*------------------------------------------------------------------*/
 @-ms-viewport {
     width: device-width;
}
 @-o-viewport {
     width: device-width;
}
 @viewport {
     width: device-width;
}
/*-------------------------------------------------------------- # Woocommerce --------------------------------------------------------------*/
/* scratch is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. */
/*------------------------------------------------------------------* * * Woocommerce Styles * 
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------* * Layout 
/*------------------------------------------------------------------*/
 .container {
     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
 @media screen and (min-width: 1170px) {
     .container {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
         width: calc(100% - 175px);
    }
}
 .container .woocommerce-breadcrumb {
     background-color: #fff;
     color: #5f5f5f;
     font-size: 13px;
     margin-bottom: 0;
     padding: 15px 15px 30px;
}
 @media screen and (min-width: 1550px) {
     .container .woocommerce-breadcrumb {
         padding: 15px 40px 30px;
    }
}
 .container .woocommerce-products-header, .container ul.products {
     background-color: #fff;
     padding: 15px 15px 30px;
}
 @media screen and (min-width: 1550px) {
     .container .woocommerce-products-header, .container ul.products {
         padding: 15px 40px 30px;
    }
}
 .container .woocommerce-products-header h1 {
     margin-bottom: 0;
}
 .woocommerce .site-main {
     background-color: #fff;
     padding-top: 15px;
}
 .woocommerce .content-area {
     float: none;
     margin: 0;
     padding-right: 0;
     padding-left: 15px;
     width: 100%;
}
 .woocommerce .product {
     background-color: #fff;
     padding-right: 15px;
     padding-left: 15px;
}
 @media screen and (min-width: 1550px) {
     .woocommerce .product {
         padding-right: 40px;
         padding-left: 40px;
    }
}
 .woocommerce .product .woocommerce-tabs .panel {
     margin-bottom: 15px;
}
 .woocommerce .product h2, .woocommerce .product .product-header {
     border-bottom: 1px solid #adadad;
     font-size: 18px;
     padding-bottom: 10px;
}
 .woocommerce .product .product-header {
     margin-top: 50px;
}
 .woocommerce div.product {
     margin-bottom: 15px;
}
 .woocommerce .sidebar-left {
     margin-bottom: 15px;
     padding-bottom: 30px;
     padding-left: 10px;
     padding-right: 10px;
}
 .woocommerce .woocommerce-result-count {
     display: none;
}
 .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
     background-color: #0099cc;
     border-radius: 0;
     color: #fff;
     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     font-weight: 600;
     height: 44px;
     line-height: 44px;
     padding: 0 32px;
     -webkit-transition: 0.6s;
     transition: 0.6s;
}
 .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
     background-color: #643a93;
     color: #fff;
}
 .woocommerce input[type="number"] {
     background-color: #eee;
     border: 1px solid #adadad;
     border-radius: 0;
     height: 44px;
     margin-right: 20px;
}
 .woocommerce div.product .stock {
     color: #000;
     font-size: 13px;
}
 .woocommerce-ordering {
     margin: 0 2em 0 0 !important;
     width: 80%;
}
 @media screen and (min-width: 800px) {
     .woocommerce-ordering {
         width: 25%;
         margin: 0em 2em 0 0 !important;
    }
}
 .woocommerce-ordering select {
     float: left;
     margin: 0 5% 0 5%;
     background: #eee;
     border: none;
     height: 42px;
     border-radius: 0;
     padding: 0 15px;
}
 .woof_products_top_panel {
     margin-left: 5%;
}
 .wc-brand-dropdown-layered-nav-product_brand {
     float: left;
     margin: 0 5% 10% 5%;
     background: #eee;
     border: none;
     height: 42px;
     border-radius: 0;
     padding: 0 15px;
     max-width: 90% !important;
}
 .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce div.product div.images {
     float: none;
     width: 100%;
     margin-bottom: 0;
}
 @media screen and (min-width: 992px) {
     .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce div.product div.images {
         float: left;
         text-align: center;
         width: 48%;
    }
}
 @media screen and (min-width: 1550px) {
     .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce div.product div.images {
         width: 62%;
    }
}
 @media screen and (min-width: 992px) {
     .woocommerce #content .wide-display div.product div.images, .woocommerce .wide-display div.product div.images, .woocommerce #content .wide-display div.product div.images, .woocommerce .wide-display div.product div.images {
         float: none;
         text-align: center;
         width: 100%;
    }
}
 @media screen and (min-width: 1550px) {
     .woocommerce #content .wide-display div.product div.images, .woocommerce .wide-display div.product div.images, .woocommerce #content .wide-display div.product div.images, .woocommerce .wide-display div.product div.images {
         width: 100%;
    }
}
 .woocommerce div.product div.images img {
     margin: 0 auto;
     width: auto;
}
 .woocommerce div.product div.images .flex-control-thumbs {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
}
 .woocommerce div.product div.images .flex-control-thumbs li {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border: 1px solid #adadad;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     float: none;
     height: 60px;
     margin: 20px 3px 20px 3px;
     padding: 5px;
     text-align: center;
     width: 60px;
}
 .woocommerce div.product div.images .flex-control-thumbs li img {
     margin: 0 auto;
     max-height: 100%;
}
 .woocommerce .woocommerce-product-gallery .flex-viewport {
     min-height: 200px;
}
 .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce .woocommerce-page #content div.product div.summary, .woocommerce .woocommerce-page div.product div.summary {
     float: none;
     width: 100%;
}
 @media screen and (min-width: 992px) {
     .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce .woocommerce-page #content div.product div.summary, .woocommerce .woocommerce-page div.product div.summary {
         float: right;
         width: 48%;
    }
}
 @media screen and (min-width: 1550px) {
     .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce .woocommerce-page #content div.product div.summary, .woocommerce .woocommerce-page div.product div.summary {
         width: 34%;
    }
}
 @media screen and (min-width: 992px) {
     .woocommerce #content .wide-display div.product div.summary, .woocommerce .wide-displaydiv.product div.summary, .woocommerce .woocommerce-page #content .wide-displaydiv.product div.summary, .woocommerce .woocommerce-page .wide-display div.product div.summary {
         float: none;
         width: 100%;
    }
}
 @media screen and (min-width: 1550px) {
     .woocommerce #content .wide-display div.product div.summary, .woocommerce .wide-displaydiv.product div.summary, .woocommerce .woocommerce-page #content .wide-displaydiv.product div.summary, .woocommerce .woocommerce-page .wide-display div.product div.summary {
         width: 100%;
    }
}

.woocommerce #content div.product #carbonprice {
     float: none;
     width: 100%;
}
 @media screen and (min-width: 992px) {
     .woocommerce #content div.product #carbonprice {
         float: right;
         width: 48%;
    }
}
 @media screen and (min-width: 1550px) {
     .woocommerce #content div.product #carbonprice {
         width: 34%;
    }
}
 @media screen and (min-width: 992px) {
     .woocommerce #content .wide-display div.product #carbonprice {
         float: none;
         width: 100%;
    }
}
 @media screen and (min-width: 1550px) {
     .woocommerce #content .wide-display div.product #carbonprice {
         width: 100%;
    }
}

 .add-to-equip-list a {
     color: #000;
}
 .add-to-equip-list a:hover {
     color: #0099cc;
}
 .archive-img-wrapper {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 200px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-top: 12px;
}
 .single-product .entry-summary .woocommerce-Price-amount {
     color: #000;
     font-size: 24px;
     font-weight: 700;
}
 .single-product.woocommerce div.product div.images img {
     max-height: 460px;
}
 .single-product #content .wide-display div.product div.images img {
     width: auto;
}
 .add-to-equip-list {
     border-top: 1px solid #adadad;
     border-bottom: 1px solid #adadad;
     clear: both;
     font-size: 16px;
     margin-top: 70px;
     padding-top: 10px;
     padding-bottom: 10px;
     width: 254px;
}
 .sharing {
     margin-top: 40px;
     width: 254px;
}
 .sharing h3 {
     float: left;
     font-size: 13px;
     font-weight: 400;
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 6px;
}
 .sharing ul {
     float: right;
     list-style: none;
}
 .sharing li {
     padding-top: 0;
}
 .sharing li a {
     font-size: 12px;
     height: 20px;
     width: 20px;
}
 .sharing .facebook a {
     background-color: #898989;
}
 .sharing .facebook a:hover {
     background-color: #127cb4;
     opacity: 1;
}
 .sharing .twitter a {
     background-color: #898989;
}
 .sharing .twitter a:hover {
     background-color: #4dafca;
     opacity: 1;
}
 .sharing .pinterest a {
     background-color: #898989;
}
 .sharing .pinterest a:hover {
     background-color: #bd081c;
     opacity: 1;
}
 .product-additional {
     padding-bottom: 50px;
     font-size: 16px;
}
 .media-section {
     border-top: 1px solid #adadad;
     color: #5f5f5f;
     font-size: 16px;
     font-weight: 600;
     padding: 0 0 16px;
}
 .media-section:first-of-type {
     border-top: none;
}
 @media screen and (min-width: 1550px) {
     .media-section {
         width: 100%;
    }
}
 .technology-additional {
     padding-bottom: 30px;
}
 .technology-additional .section-header {
     margin-bottom: 15px;
}
 .technology-additional .media-section {
     padding: 8px 15px;
}
 @media screen and (min-width: 1550px) {
     .technology-additional .media-section {
         width: 100%;
    }
}
 .technology-additional .media-section img {
     max-height: 100%;
}
 .legacy-additional {
     background-color: #fff;
     padding-top: 15px;
     padding-bottom: 15px;
}
 .legacy-additional .section-header {
     margin-bottom: 15px;
}
 .legacy-additional .media-section {
     margin: 0 15px;
     padding: 8px 0 12px;
}
 @media screen and (min-width: 1550px) {
     .legacy-additional .media-section {
         width: auto;
    }
}
 .legacy-additional .media-section img {
     max-height: 100%;
}
 .media-image {
     float: left;
     margin-right: 15px;
     height: 45px;
     width: 50px;
}
 .media-box {
     background-color: #000;
     height: 45px;
     width: 45px;
}
 .media-meta {
     float: left;
     padding-top: 12px;
     width: calc(100% - 135px);
}
 .media-download {
     float: right;
     padding-top: 12px;
     width: 90px;
}
 .media-download a, .media-download a:visited {
     border-bottom: 1px solid #5f5f5f;
     color: #5f5f5f;
}
 .media-download a:hover, .media-download a:visited:hover {
     border-color: #0099cc;
     color: #0099cc;
}
 .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
     border-radius: 0;
     height: 44px;
     line-height: 44px;
     min-width: 200px;
}
 .archive.woocommerce ul.products li.product a img, .brands-boxes .woocommerce ul.products li.product a img, .key-brand-section .woocommerce ul.products li.product a img {
     max-height: 200px;
     margin: 0 auto 10px;
     width: auto;
}
 .archive.woocommerce .product, .brands-boxes .woocommerce .product, .key-brand-section .woocommerce .product {
     text-align: center;
}
 .archive.woocommerce .product a:hover h2, .brands-boxes .woocommerce .product a:hover h2, .key-brand-section .woocommerce .product a:hover h2 {
     color: #0099cc;
}
 .archive.woocommerce .product h2, .archive.woocommerce .product .woocommerce-Price-amount, .brands-boxes .woocommerce .product h2, .brands-boxes .woocommerce .product .woocommerce-Price-amount, .key-brand-section .woocommerce .product h2, .key-brand-section .woocommerce .product .woocommerce-Price-amount {
     border: none;
     color: #5f5f5f;
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 0;
     -webkit-transition: 0.6s;
     transition: 0.6s;
}
 .archive.woocommerce .product p, .brands-boxes .woocommerce .product p, .key-brand-section .woocommerce .product p {
     margin-top: 6px;
}
 .archive.woocommerce .product p a, .archive.woocommerce .product p a:visited, .brands-boxes .woocommerce .product p a, .brands-boxes .woocommerce .product p a:visited, .key-brand-section .woocommerce .product p a, .key-brand-section .woocommerce .product p a:visited {
     border-bottom: 1px solid #5f5f5f;
     color: #5f5f5f;
     font-size: 13px;
}
 .archive.woocommerce .product p a:hover, .archive.woocommerce .product p a:visited:hover, .brands-boxes .woocommerce .product p a:hover, .brands-boxes .woocommerce .product p a:visited:hover, .key-brand-section .woocommerce .product p a:hover, .key-brand-section .woocommerce .product p a:visited:hover {
     border-color: #0099cc;
     color: #0099cc;
}
 .brands-boxes .woocommerce {
     padding-top: 20px;
}
 .brands-boxes .woocommerce .products {
     min-height: auto;
}
 .woocommerce .product-related .product, .woocommerce .related-products .product {
     color: #5f5f5f;
     float: left;
     list-style: none;
     padding-right: 0;
     padding-left: 0;
     text-align: center;
     width: 124px;
}
 .woocommerce .product-related .product img, .woocommerce .related-products .product img {
     max-height: 120px;
     width: auto;
}
 .woocommerce .product-related .product h2, .woocommerce .product-related .product .price, .woocommerce .related-products .product h2, .woocommerce .related-products .product .price {
     border: none;
     color: #5f5f5f;
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 0;
     -webkit-transition: 0.6s;
     transition: 0.6s;
}
 .woocommerce .product-related .product a, .woocommerce .product-related .product a:visited, .woocommerce .related-products .product a, .woocommerce .related-products .product a:visited {
     color: #5f5f5f;
}
 .woocommerce .product-related .product a:hover, .woocommerce .product-related .product a:visited:hover, .woocommerce .related-products .product a:hover, .woocommerce .related-products .product a:visited:hover {
     border-color: #0099cc;
     color: #0099cc;
}
 .woocommerce .product-related .product a:hover h2, .woocommerce .product-related .product a:visited:hover h2, .woocommerce .related-products .product a:hover h2, .woocommerce .related-products .product a:visited:hover h2 {
     color: #0099cc;
}
 .woocommerce .product-related .product p, .woocommerce .related-products .product p {
     margin-top: 6px;
     display: none;
}
 .woocommerce .product-related .product p a, .woocommerce .related-products .product p a {
     border-bottom: 1px solid #5f5f5f;
     font-size: 13px;
}
 .woocommerce .product-related .wcce-enquiry-cart {
     display: none;
}
 .woocommerce .product-related a.button {
     background-color: transparent;
     padding: 0;
     border-bottom: 1px solid #000;
     font-size: 13px;
     line-height: 26px;
     height: auto;
}
 .woocommerce .product-related .archive-img-wrapper {
     height: 120px;
}
 .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
     border-color: #0099cc;
     margin-bottom: 0;
}
 .woocommerce .woocommerce-message::before {
     color: #0099cc;
}
 .woocommerce table.shop_table {
     border-color: #adadad;
     border-radius: 0;
}
 .products .wcce-enquiry-cart {
     display: none;
}
 .single #woo_catalog .wcce_send_enquiry {
     display: none;
}
 .page-id-7825 #woo_catalog {
     display: block !important;
     margin-top: 20px;
}
 .page-id-7825 .enq_cart_update_btn {
     margin: 20px !important;
}
 .archive .ajax_add_to_cart {
     display: none !important;
}
 @media screen and (min-width: 1170px) {
     .single-product .content-area {
         width: calc(100% - 175px);
    }
}
/**************************************** WPA UPDATES ****************************************/

.mobile-navigation {
	width: 100%;
	overflow: auto;
	height: 60px;
}

 @media screen and (min-width: 600px) {
	.mobile-navigation {
		height: 0px;
	}
}

 .hamburger {
     background-color: transparent;
     border: 0;
     color: inherit;
     cursor: pointer;
     display: block;
     margin: 0;
     overflow: visible;
     outline: none;
     padding: 0;
     right: 20px;
     top: 30px;
     position: absolute;
     text-transform: none;
     -webkit-transition-property: opacity, -webkit-filter;
     transition-property: opacity, -webkit-filter;
     transition-property: opacity, filter;
     transition-property: opacity, filter, -webkit-filter;
     -webkit-transition-duration: 0.15s;
     transition-duration: 0.15s;
     -webkit-transition-timing-function: linear;
     transition-timing-function: linear;
}
 @media screen and (min-width: 560px) {
     .hamburger {
         display: none;
    }
}
 .hamburger:hover .hamburger-inner {
     background-color: #0099cc;
     -webkit-transition: 0.6s;
     transition: 0.6s;
}
 .hamburger:hover .hamburger-inner:before, .hamburger:hover .hamburger-inner:after {
     background-color: #0099cc;
     -webkit-transition: 0.6s;
     transition: 0.6s;
}
 .hamburger-box {
     display: inline-block;
     height: 30px;
     position: relative;
     width: 46px;
}
 .hamburger-inner {
     display: block;
     top: 50%;
     margin-top: -2px;
     background-color: #fff;
     border-radius: 4px;
     content: "";
     display: block;
     height: 2px;
     position: absolute;
     -webkit-transition-property: none;
     transition-property: none;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.15s;
     transition-duration: 0.15s;
     -webkit-transition-timing-function: ease;
     transition-timing-function: ease;
     width: 46px;
}
 .hamburger-inner:before, .hamburger-inner:after {
     background-color: #fff;
     border-radius: 4px;
     content: "";
     display: block;
     height: 2px;
     position: absolute;
     -webkit-transition-property: none;
     transition-property: none;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.15s;
     transition-duration: 0.15s;
     -webkit-transition-timing-function: ease;
     transition-timing-function: ease;
     width: 46px;
}
 .hamburger-inner:before {
     top: -9px;
}
 .hamburger-inner:after {
     bottom: -9px;
}
 .hamburger[aria-expanded="true"] .hamburger-inner {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .hamburger[aria-expanded="true"] .hamburger-inner::before {
     top: 0;
     opacity: 0;
}
 .hamburger[aria-expanded="true"] .hamburger-inner::after {
     bottom: 0;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 #main .yith_magnifier_gallery {
     text-align: center;
}
 #main .yith_magnifier_gallery li {
     position: relative;
     float: none;
     display: inline-block;
     margin: 0 15px;
}
 body.product-template-default .product h2 {
     content: '';
     clear: both;
}
/* Brands List */
 #brands-list, #category-list {
     padding: 40px 20px 20px;
}
 #brands-list h2, #category-list h2 {
     padding-top: 15px;
     text-transform: uppercase;
     text-align: center 
}
 #brands-list .brand-alphabet ul {
     margin: 0 0 20px;
     padding: 0;
     text-align: center;
}
 #brands-list .brand-alphabet ul li {
     display: inline-block;
     margin: 0 4px;
}
 #brands-list .brand-alphabet ul li a {
     color: #000;
}
 #brands-list .brand-alphabet ul li a:hover {
     color: #0099cc;
}
 #brands-list .brand-ul {
     margin: 0;
     max-height: 100%;
     padding: 0;
     overflow-y: inherit;
}
 @media screen and (min-width: 480px) {
     #brands-list .brand-list-item {
         float: left;
         width: 50%;
    }
}
 @media screen and (min-width: 800px) {
     #brands-list .brand-list-item {
         height: 40px;
         width: 33%;
    }
}
 #brands-list .brand-list-item {
     border: 1px solid #fff;
     font-size: 15px;
     list-style: none;
     position: relative;
}
 #brands-list .brand-list-item a {
     background-color: #F6F7F8;
     color: #000;
     display: block;
     height: 40px;
     line-height: 40px;
     padding-left: 15px;
     padding-right: 30px;
     position: relative;
     text-transform: uppercase;
}
 #brands-list .brand-list-item a:hover {
     background-color: #e6eaee;
     color: #000;
}
 .brand-list-item a:after {
     background-image: url(../images/black-arrow@2x.png);
     background-repeat: no-repeat;
     background-size: 8px 12px;
     content: "";
     height: 12px;
     position: absolute;
     right: 15px;
     top: 15px;
     width: 8px;
}
/* Category List */
 #category-list .mega-menu {
     top: auto;
     opacity: 1;
     background: #fff;
     position: relative;
     box-shadow: none;
     padding: 0;
}
 #category-list .mega-menu .widget {
     width: 100%;
}
 #category-list .mega-menu .ywcca_category_accordion_widget {
     margin-left: 0;
     list-style: none;
}
 #category-list .mega-menu .ywcca_category_accordion_widget a, #category-list .mega-menu .ywcca_category_accordion_widget a:visited {
     color: #000;
     font-size: 15px;
}
 #category-list .mega-menu .ywcca_category_accordion_widget a:hover, #category-list .mega-menu .ywcca_category_accordion_widget a:visited:hover {
     color: #000;
}
 #category-list .mega-menu ul.ywcca_category_accordion_widget > li {
     border: none;
     padding: 2px;
}
 #category-list .mega-menu ul li {
     text-transform: none;
     position: relative;
}
 #category-list .mega-menu li i.icon-plus, #category-list .mega-menu li i.icon-minus {
     cursor: pointer;
     display: inline-block;
     width: 40px;
     height: 40px;
     background: url(../images/plus.png) center no-repeat;
     text-indent: 999px;
     position: absolute;
     right: 0;
     top: 2px;
     z-index: 5;
}
 #category-list .mega-menu li i.icon-minus {
     background: url(../images/minus.png) center no-repeat;
}
 #category-list .mega-menu ul.children {
     margin-left: 0;
     padding-top: 2px;
     padding-bottom: 10px;
     list-style: none;
}
 #category-list .mega-menu ul.children li {
     padding: 2px 0 2px 20px;
}
 #category-list .mega-menu ul.children li:before {
     content: '';
}
 #category-list .mega-menu ul.children li a {
     font-weight: 400;
     font-size: 14px;
}
 #category-list .mega-menu .list-column {
     float: left;
     list-style: none;
     margin: 0;
     padding: 0;
     width: 33%;
}
 #category-list .mega-menu .list-column li {
     margin: 0;
     padding: 4px 0;
}
 #category-list .mega-menu .list-column ul {
     list-style: none;
     margin: 10px 0;
     padding: 0;
}
 #category-list .mega-menu .list-column ul li {
     padding: 2px 0 2px 20px;
}
 #category-list .cat-display ul {
     margin: 0;
     max-height: 100%;
     padding: 0;
}
 #category-list .cat-item {
     border: 1px solid #fff;
     font-size: 15px;
     list-style: none;
     position: relative;
}
 #category-list .cat-item a {
     background-color: #F6F7F8;
     color: #000;
     display: block;
     line-height: 40px;
     padding-left: 15px;
     padding-right: 30px;
     position: relative;
     text-transform: uppercase;
}
 #category-list .cat-item a:hover {
     background-color: #e6eaee;
     color: #000;
}
 .isotope-split {
     float: left;
     width: 33%;
}
 .search-results .page-header, .search-no-results .page-header {
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     margin-bottom: 30px;
}
 .tax-product_cat ul.products li.product .button {
     display: none;
}
 .price-extra-text {
     color: #000;
     font-size: 0.6em;
     display: block;
}
 .wcce-enquiry-cart-message {
     margin-top: 15px;
     font-size: 1em;
}
/******** MOBILE STYLES **********/

 #page {
     overflow: hidden;
}

 .error404 .content-area {
     padding-bottom: 30px;
     text-align: center;
     width: 100%;
}

.alignright,
.alignleft {
    margin-bottom: 15px;
}

 .woocommerce nav.woocommerce-pagination {
     padding-bottom: 30px;
}

 @media screen and (max-width: 680px) {
     .home-slide h1, .home-slide h2, .page-header h1 {
         font-size: 26px;
    }
     .home-slide .wpa-btn {
         float: none;
         margin-bottom: 10px;
    }
}

 @media screen and (max-width: 480px) {
     .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
         width: 100%;
         float: none;
         margin: 0 0 2.992em;
    }
}

 @media screen and (min-width: 500px) and (max-width: 799px) {
     .brand {
         float: left;
         width: 50%;
    }
}

 @media screen and (min-width: 800px) and (max-width: 1170px) {
     .brand {
         float: left;
         width: 33%;
    }
     .brand:nth-child(3n+2) {
         clear: left;
    }
}
 .archive .price-extra-text {
     font-size: 0.9em;
}
 .woocommerce-cart-form__contents .price-extra-text {
     font-size: 0.8em;
}

@media screen and (min-width: 540px) {
.news-carousel .news-box {
         margin-left: 20px;
         margin-right: 20px;
    }
}

@media screen and (min-width: 1170px) {
.news-carousel .news-box {
         margin-left: 30px;
         margin-right: 30px;
    }
}

.news-carousel {
    padding-left: 25px;
    padding-right: 25px;
}


.news-carousel {
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 539px) {
	.news-carousel .news-box {
	    margin-left: 5px;
	    margin-right: 5px;
	}
	.section-header {
		font-size: 20px;
	}
}

@media screen and (max-width: 800px) {
	.mega-menu .ywcca_category_accordion_widget {
		width: 100%;
	}
	#brands-list .brand-list-item {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 994px) {
	.woocommerce .content-area {
		padding-left: 0;
	}
}

.lcp_catlist li {
	list-style-type: none;
	width: 100%;
	overflow: auto;
	margin-bottom: 20px;
}

.lcp_catlist .attachment-thumbnail {
	float: left;
	margin-right: 5%;
	margin-bottom: 5%;
}

.lcp_catlist .posts-title {
	font-size: 1.6em;
	font-weight: bold;
}

.lcp_catlist .posts-date {
	margin: 10px 0 10px 0;
}

.lcp_catlist .posts-read a {
	color: #000;
}

.lcp_catlist .posts-read a:visited {
	color: #000;
}

@media screen and (max-width: 800px) {

	.lcp_catlist .attachment-thumbnail {
		float: left;
		margin-right: 5%;
		margin-bottom: 5%;
	}

	.lcp_catlist .posts-title {
		float: left;
		width: 100%;
	}

	.lcp_catlist .posts-read {
		float: left;
		width: 70%;
		padding-bottom: 5%;
	}

}

.header-social {
	width: 100%;
	text-align: right;
	padding: 0 20px 10px 0;
}

.header-social ul {
     margin: 0;
     padding: 0;
     text-align: center;
}

.header-social li {
     display: inline-block;
     font-size: 14px;
     margin-right: 5px;
     padding-top: 4px;
     padding-bottom: 4px;
     list-style: none;
}
.header-social li:last-child {
     margin-right: 0;
}
.header-social li a {
     background-color: #127cb4;
     border-radius: 999px;
     color: #fff;
     display: block;
     font-size: 20px;
     height: 32px;
     padding-top: 1px;
     text-align: center;
     width: 32px;
}
.header-social li a:visited {
     color: #fff;
}
.header-social li a:hover {
     opacity: 0.8;
     color: #fff;
}
.header-social .facebook a {
     background-color: #5a5a5a;
}
.header-social .twitter a {
     background-color: #5a5a5a;
}
.header-social .youtube a {
     background-color: #5a5a5a;
}
.header-social .pinterest a {
     background-color: #5a5a5a;
}
.header-social p {
     display: inline-block;
     margin-right: 15px;
}
.header-social ul {
     display: inline-block;
}
.header-social li a {
     background-color: #5a5a5a;
}

.testimonials-box {
	margin: 5px;
}

.testimonials-box .testimonial-quote {
	font-weight: bold;
}

.testimonials-box .testimonial-quote-marks {
	color: #0099cc;
	font-weight: bold;
}

.testimonials-box .testimonial-contributor {

}

.lcp_excerpt {
	margin: 10px 0 10px 0px;
}

.widget_listcategorypostswidget h3 {
	font-size: 14px;
}

.widget_listcategorypostswidget li {
	margin-left: 20px;
}

.list-left-block {
	float: left;
	width: 100%;
}

@media screen and (min-width: 600px) {
	.list-left-block {
		width: 31%;
	}
}

.list-right-block {
	float: left;
	width: 100%;
}

@media screen and (min-width: 600px) {
	.list-right-block {
		width: 64%;
		margin-left: 5%;
	}
}

.brand-buttons a {
	clear: both;
	width: 80% !important;
}

@media screen and (min-width: 600px) {

	.brand-buttons a {
		clear: none;
		width: 200px !important;
	}
	
}

.woocommerce .price {
	/**display: none;**/
}

.search-results-container .search-img-box {
	height: 200px;
}

.search-results-container .search-img-box a {
	text-align: center;
	width: 100%;
 	display: block;
}

.search-results-container .search-img-box img {
	max-height: 200px;
	width: auto;
}


#homepagetext {
	font-weight: bold;
	text-align: center;
	margin: 50px 0 30px 0;
	font-size: 1.2em;
}

#registerfornews {
	background-color: #5e3a90;
	color: #ffffff;
	padding: 10px 0;
 	width: 90%;
	margin: auto auto;
}

#registerfornews p {
	font-weight: bold;
	font-size: 1em;
}

#registerfornews a {
	color: #ffffff;
	font-weight: normal;
	font-size: 0.8em;
}

#avideliteresellertext {
	font-weight: bold;
	font-size: 1em;
}

.home-news .home-case-studies {
	background-color: inherit !important;
	color: #000;
	font-size: 1.2em;
	margin-bottom: 20px;
}

.home-news .home-box .home-box-meta {
	border-bottom: 0;
	background-color: inherit;
}

.home-news .home-box h3 {
	font-size: 0.9em;
}

.productrow {
	overflow: auto;
	width: 100%;
	margin-bottom: 10px;
}

@media screen and (min-width: 600px) {
	.productrow {
		margin-bottom: 0px;
	}
}

.productrow .productthreecol {
	width: 100%;
	margin: 0;
}

@media screen and (min-width: 600px) {
	.productrow .productthreecol {
		width: 28%;
		margin: 0 2.6%;
		float: left;
	}
}

.productrow .productcolfourthin {
	float: left;
	width: 25%;
	margin: 0 2%;
}

@media screen and (min-width: 600px) {
	.productrow .productcolfourthin {
		width: 10%;
		margin: 0 1%;
	}
}

.productrow .productcolfour {
	float: left;
	width: 67%;
	margin: 0 2%;
}

@media screen and (min-width: 600px) {
	.productrow .productcolfour {
		width: 36%;
		margin: 0 1%;
	}
}

.productrow .productsixcol {
	float: left;
	text-align: center;
	width: 50%;
	margin: 0;
}

@media screen and (min-width: 600px) {
	.productrow .productsixcol {
		width: auto;			
		margin-right: 6%;
	}
}

@media screen and (min-width: 1470px) {
	.productrow .productsixcol {			
		margin-right: 9%;
	}
}

.productrow .productsixcol: last-of-type {
	margin-right: 0%;
}

.productrow .productsixcol a {
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
}

.nounderline {
	border-bottom: 0px !important;
	font-size: 1.6em !important;
	margin: 20px 0 40px 0;
}

.extrahr {
	margin: 40px 0;
}

.productlist {
	margin-left: 0px;
}


.productondesktop {
	display: none;
}

@media screen and (min-width: 600px) {
	.productondesktop {
		display: block;
	}
}

.productonmobile {
	display: block;
}

@media screen and (min-width: 600px) {
	.productonmobile {
		display: none;
	}
}