/*
Theme Name: Highend
Theme URI: http://preview.hb-themes.com/?theme=Highend
Author: HB-Themes
Author URI: http://www.hb-themes.com
Description:  A Premium Responsive Multi-Purpose Theme.
Version: 2.4.7
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Developed and designed by HB-Themes.
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html
-----------------------------------------------------------------------------------*/
/* ==========================================================================
   Reset, Normalize CSS & Font Imports
============================================================================= */
/* CSS Reset - Do not modify this */
@import url('https://fonts.googleapis.com/css?family=Indie+Flower|Roboto');
*,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td {
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,
img {
    border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400;
}
ol,
ul,
li {
    list-style: none;
    list-style-position: inside!important;
}
dl {
    margin-bottom: 20px;
}
dt,
dd {
    line-height: 20px;
}
dd {
    margin-left: 10px;
}
.dl-horizontal {
    zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
    display: table;
    content: "";
    line-height: 0;
}
.dl-horizontal:after {
    clear: both;
}
.dl-horizontal dt {
    float: left;
    width: auto;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dl-horizontal dd {
    margin-left: 90px;
}
caption,
th {
    text-align: left;
}
q:before,
q:after {
    content: '';
}
* {
    outline: none;
}
strong {
    font-weight: 700;
}
a img {
    border: none;
}
img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
    border: 0;
    border-style: none;
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}
table thead tr th,
table tfoot tr td {
    font-size: 14px;
    font-weight: bold;
    color: #323436;
    padding: 8px 10px 9px;
}
table thead tr th:first-child,
table tfoot tr td:first-child {
    border-left: none;
}
table thead tr th:last-child,
table tfoot tr td:last-child {
    border-right: none;
}
dt,
table thead tr th {
    font-weight: bold;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
script {
    display: none!important;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
a {
    background: transparent;
    text-decoration: none;
    color: #111;
}
a:focus {
    outline: none;
}
a:active,
a:hover {
    outline: 0;
}.a ul{
    list-style-type: circle;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre {
    white-space: pre-wrap;
}
q {
    quotes: \201C\201D\2018\2019;
}
small {
    font-size: 12px;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
svg:not(:root) {
    overflow: hidden;
}
fieldset {
    border: 1px solid #ebebeb;
    margin: 0 2px;
    padding: 10px 20px
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type=button],
/* 1 */

input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
body,
figure {
    margin: 0;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
legend,
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
body {
    position: relative;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, Verdana;
    word-wrap: break-word;
}
ul,
ol {
    list-style-position: inside!important;
}
ul {
    list-style: circle;
    margin-bottom: 20px;
}
p {
    margin: 0 0 20px;
}

.pagination ul,
.pagination ul li,
.hb-countdown-unit,
.hb-countdown-unit li,
.hb-tabs .nav-tabs li,
.hb-process-steps,
.hb-process-steps li,
.testimonial-slider,
.testimonial-slider li,
ul.testimonial-slider .flex-control-nav,
ul.testimonial-slider .flex-control-nav li,
.flex-control-nav,
ul.row,
ul.row li,
.hb-client-list,
.hb-client-list li,
.comments-list,
.comments-list li,
ul.children,
ul.children li,
.hb-flex-slides,
.hb-flex-slides li,
.flex-control-nav,
.flex-control-nav li,
.flex-direction-nav,
.flex-direction-nav li,
.hb-gallery-dropdown,
.hb-gallery-dropdown li,
.portfolio-single-meta,
.portfolio-single-meta li,
.bbpress ul,
.bbpress li,
.special-list,
.special-list li,
.chosen-results,
.chosen-results li {
    list-style: none!important;
    list-style-type: none!important;
}
em,
dfn {
    font-style: italic;
}
a,
input,
button {
    -ms-touch-action: none !important;
}
.bbpress #main-content ol ol,
.bbpress #main-content ul ul {
    margin-left: 0;
}
strong em {
    font-weight: 700;
}
/* Font Face */

@font-face {
    font-family: 'source_sans_proregular';
    src: url('css/fonts/sourcesanspro-regular-webfont.eot');
    src: url('css/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('css/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('css/fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'source_sans_probold';
    src: url('css/fonts/sourcesanspro-bold-webfont.eot');
    src: url('css/fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/sourcesanspro-bold-webfont.woff') format('woff'), url('css/fonts/sourcesanspro-bold-webfont.ttf') format('truetype'), url('css/fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Museo500Regular';
    src: url('css/fonts/Museo500-Regular-webfont.eot');
    src: url('css/fonts/Museo500-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/Museo500-Regular-webfont.woff') format('woff'), url('css/fonts/Museo500-Regular-webfont.ttf') format('truetype'), url('css/fonts/Museo500-Regular-webfont.svg#Museo300Regular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "source_sans_prosemibold";
    src: url("css/fonts/SourceSansPro-Semibold.eot?") format("eot"), url("css/fonts/SourceSansPro-Semibold.woff") format("woff"), url("css/fonts/SourceSansPro-Semibold.ttf") format("truetype"), url("css/fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* ==========================================================================
   Global Styles
============================================================================= */

html,
body {
    min-height: 100%;
    min-width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
    font-family: 'source_sans_proregular', 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    color: #222;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: normal;
    background: #292929
}
.light-text,
.light-text h1,
.light-text a,
#hb-page-title .light-text h2,
#hb-page-title .light-text h1 {
    color: #FFF!important;
    color: rgba(255, 255, 255, 1)!important
}
.lighter-text,
.lighter-text .hb-testimonial-quote p,
.lighter-text .testimonial-quote-meta span {
    color: #777;
    color: rgba(255, 255, 255, 0.7)
}
.search .lighter-text {
    color: #777
}
.dark-text {
    color: #111!important;
    color: rgba(17, 17, 17, 1)!important
}
.letter-spacing-1 {
    letter-spacing: 1px;
}
.letter-spacing-2 {
    letter-spacing: 2px;
}
.special-amp {
    font-family: Baskerville, "Libre Baskerville", "Palatino Linotype", Palatino, "Times New Roman", serif;
    font-style: italic;
    font-size: 1.3em;
    line-height: .5em;
    font-weight: 400
}
.content-box a {
    border-bottom: dotted 1px rgba(0, 0, 0, 0.07)
}
.content-box a:hover {
    border-bottom-style: solid
}
.user-entry a:hover {
    color: #000
}
iframe {
    border: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    border: 1px solid #ebebeb;
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px
}
table th {
    letter-spacing: 1px;
    color: #323436;
    font-weight: 400
}
table th,
table td {
    border-left: solid 1px #ebebeb
}
table tr>th {
    padding: 10px 20px
}
table td {
    padding: 10px 20px;
    border-top: 1px solid #ebebeb
}
table.striped tr:nth-of-type(even) {
    background-color: #f9f9f9
}
table.focus-header th {
    border: none
}
.widget_calendar caption {
    background: #323436;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #f4f4f4;
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    padding: 4px 0
}
.woocommerce-page td.product-quantity .quantity {
    width: auto!important
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
    font-size: 14px!important
}
.widget_calendar table tr>th,
.widget_calendar table td {
    padding: 10px 0;
    text-align: center
}
#main-content img,
#footer img {
    max-width: 100%;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}
/* WordPress Classes */

img.size-full {
    max-width: 100%;
    height: auto
}
.bypostauthor {} .hb-aligncenter {
    text-align: center;
    display: block;
    margin: 0;
    padding: 0
}
#main-wrapper .hb-inline-center {
    display: inline-block!important;
    text-align: center
}
.hb-aligncenter .social-icons li {
    float: none!important
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto
}
#main-content img {
    max-width: 100%;
    height: auto
}
a img.alignright,
.entry-content img.alignright,
img.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}
a img.alignleft,
.entry-content img.alignleft,
img.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}
a img.aligncenter {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto
}
img.aligncenter,
img.alignleft,
img.alignright,
img.alignnone {
    max-width: 100%
}
.tp-caption i {
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: -1px;
    font-size: .9em;
    opacity: .8
}
.wp-caption {
    text-align: center;
    margin: 20px auto;
    max-width: 100%
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}
.wp-caption.alignnone a {
    display: inline-block
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
    float: left;
    text-align: center
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
    float: right;
    text-align: center
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    width: 100%!important;
    padding: 0;
    width: auto
}
#main-content .related-item .featured-image img {
    width: 100%!important
}
.align-left {
    text-align: left
}
.align-right {
    text-align: right
}
.no-margin {
    margin: 0
}
.img-link {
    display: block
}
.wp-caption-text,
.gallery-caption {
    padding: 10px 0;
    background: #FFF;
    border: solid 1px #ebebeb;
    border-top: 0;
    position: relative;
    z-index: 999
}
dt.gallery-icon {
    background: #333
}
dl.gallery-item:hover img {
    opacity: .3
}
#main-wrapper dl.gallery-item img {
    width: 100%!important;
    border: none!important
}
.uppercase {
    text-transform: uppercase;
}
.hb-inline-block {
    display: inline-block;
}
.hb-custom-button {
    margin-left: 50px;
    position: relative;
    top: -10px;
}
.hb-text-center {
    text-align: center;
}
.hb-text-left {
    text-align: left;
}
.hb-text-right {
    text-align: right;
}
.hb-max-80 {
    max-width: 80%;
    margin: 0 auto;
}
.hb-max-60 {
    max-width: 60%;
    margin: 0 auto;
}
.hb-uppercase {
    text-transform: uppercase;
}
.hb-center-vertically {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
/* Transitions */

a,
.hb-gallery-sort li,
.hb-modern-icon-search:before,
.hb-icon-menu.hb-stream ul li a img,
.like-count,
.like-count-num,
#sticky-shop-button span,
.like-holder i,
.hb-pricing-item,
.hb-client-list li,
.tweet-time,
.portfolio-single-meta ul li,
.pricing-table-content,
.testimonial-slider,
.hb-icon-container,
.hb-accordion-tab i,
.feature-box i.ic-holder-1,
.portfolio-simple-wrap .hb-gallery-item-name:before,
.hb-accordion-tab,
.comments-holder i,
.share-holder i,
#fancy-search .ui-autocomplete li,
#fancy-search .ui-autocomplete li span,
.share-holder .hb-dropdown-box ul li a i,
.like-button,
#footer.dark-style .hb-custom-select select,
#footer.dark-style .hb-custom-select:before {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear
}
.featured-image img,
.gallery-item img,
.hb-gal-standard-img-wrapper img,
.hb-gallery-dropdown,
.feature-box .hb-small-break,
.hb-side-nav li > a:after {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}
#main-nav li a span {
    -webkit-transition: border .1s linear;
    -moz-transition: border .1s linear;
    -o-transition: border .1s linear;
    -ms-transition: border .1s linear;
    transition: border .1s linear
}
#main-wrapper .megamenu > ul li a,
#main-wrapper #main-nav > li > ul li a,
.ts-1,
.ts-2,
.team-member-description,
.team-member-name {
    -webkit-transition: all .1s linear!important;
    -moz-transition: all .1s linear!important;
    -o-transitionimportant: all .1s linear!important;
    -ms-transition: all .1s linear!important;
    transition: all .1s linear!important
}
.tooltip {
    -webkit-transition: opacity .1s linear!important;
    -moz-transition: opacity .1s linear!important;
    -o-transitionimportant: opacity .1s linear!important;
    -ms-transition: opacity .1s linear!important;
    transition: opacity .1s linear!important
}
.hb-dropdown-box {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -ms-transition: all .2s linear;
    transition: all .15s ease-in-out
}
/* Main Wrapper */

#main-wrapper.hb-stretched-layout {
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    background: #f9f9f9;
}
#main-wrapper.hb-boxed-layout #main-content {
    overflow: hidden;
}
#main-wrapper.hb-boxed-layout {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: 0;
    background: #f9f9f9;
}
#main-wrapper.hb-boxed-layout.hb_boxed_layout_regular {
    margin-top: 40px;
    margin-bottom: 40px;
}
#main-wrapper.hb-boxed-layout.with-shadow {
    box-shadow: 0 0 20px rgba(16, 16, 16, 0.13);
    -moz-box-shadow: 0 0 20px rgba(16, 16, 16, 0.13);
    -webkit-box-shadow: 0 0 20px rgba(16, 16, 16, 0.13);
}
#main-wrapper.hb-boxed-layout.no-shadow {
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
#hb-wrap {
    position: relative;
    -webkit-backface-visibility: hidden;
}
/* Content Width */

#main-wrapper.hb-boxed-layout,
.container {
    width: 1240px;
}
#main-wrapper.width-940.hb-boxed-layout,
#main-wrapper.width-940 .container {
    width: 1040px !important;
}
#main-wrapper.fw-100 .container {
    width: 100% !important;
}
#main-wrapper.fw-100.hb-boxed-layout,
.hb-boxed-layout.fw-100 #header-inner.stuck #header-inner-bg {
    width: 95%;
}
/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin-bottom: 15px;
    color: #323436;
    line-height: 1.5;
    font-family: 'Museo500Regular';
    font-weight: 400;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
    font-weight: 300
}
h1.semi-bold,
h2.semi-bold,
h3.semi-bold,
h4.semi-bold,
h5.semi-bold,
h6.semi-bold {
    font-weight: 500
}
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
    font-weight: 700
}
h1.modern,
h2.modern,
h3.modern,
h4.modern,
h5.modern,
h6.modern {
    font-family: 'source_sans_probold', Arial, Helvetica, Tahoma, sans-serif;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    position: relative;
    padding-bottom: 11px;
    margin-bottom: 31px
}
.modern.alignleft .bottom-line {
    left: 0;
    margin-left: 0;
}
.modern.alignright .bottom-line {
    right: 0;
    left: auto;
    margin-left: 0;
}
h1.modern,
h2.modern.large {
    font-size: 50px;
    line-height: 60px
}
h2.modern {
    font-size: 40px;
    line-height: 50px
}
h3.modern {
    font-size: 36px;
    line-height: 46px
}
h4.modern {
    font-size: 32px;
    line-height: 42px
}
h6.modern {
    text-transform: none;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}
h5.modern {
    font-family: 'source_sans_prosemibold', Arial, Helvetica, Tahoma, sans-serif;
    font-size: 28px;
    line-height: 38px
}
h6.modern {
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0;
    font-family: 'source_sans_proregular', Arial, Helvetica, Tahoma, sans-serif
}
.modern .bottom-line {
    display: block;
    width: 30px;
    border-top: solid 3px #323436;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px
}
body:not(.error404) h1.extra-large,
.extra-large h1 {
    font-size: 40px;
    font-family: 'Raleway', 'source_sans_probold', Arial, Helvetica, Tahoma, sans-serif;
    font-weight: 400;
    line-height: 45px
}
.extra-large h1 .hb-focus-color {
    font-weight: 700
}
.error404 h1.extra-large {
    font-size: 60px!important
}
.lh-30 {
    line-height: 30px
}
.semi-large p.hb-text-large,
p.hb-text-large.semi-large {
    font-size: 32px;
    line-height: 36px
}
.extra-large.semi-large h1 {
    font-size: 28px;
    line-height: 36px
}
h6.special,
.shortcode-title.special h6,
h3#reply-title {
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    letter-spacing: 1.8px;
    font-weight: normal!important;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #323436;
    margin-bottom: 15px
}
.additional-desc {
    color: rgba(0, 0, 0, 0.5)!important;
    margin-top: -10px
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    color: #000
}
h1 {
    font-size: 30px
}
h2 {
    font-size: 24px
}
h3 {
    font-size: 20px
}
h3.hb-heading {
    font-size: 24px
}
h4 {
    font-size: 18px
}
h5 {
    font-size: 16px
}
h6 {
    font-size: 16px
}
/* Lists */

ul,
ol,
ul li,
ol li {
    padding: 0;
    margin: 0
}
#main-content ol li,
#main-content ul ol li {
    list-style-type: decimal
}
#main-content ol ol li {
    list-style-type: lower-alpha
}
#main-content ol ol,
#main-content ul ul {
    margin-left: 18px
}
#main-content ul li {
    list-style-type: square
}
#main-content ul ul li,
#main-content ol ul {
    list-style-type: circle
}
/* Containers */

.container,
.small-contaner {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
}
.container-wide {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    width: 100%;
    height: 100%;
}
/* Border Boxing */

.container,
.hb-circle-frame,
.hb-separator,
.hb-process-steps ul li,
.hb-process-steps,
.hb-image-banner:before,
.hb-image-banner-content,
.hb-box-frame,
#header-bar,
.tab-content,
.small-contaner,
.hb-progress-bar,
.hb-box-cont-header,
.hb-box-cont-body,
#fancy-search .ui-autocomplete,
.hb-accordion,
.hb-toggle,
.hb-accordion-bar,
.fw-gallery-wrap,
#maintenance-footer,
.elastic-item,
.timeRef,
.form-col,
.header-inner-bg,
#maintenance-logo,
.container-wide,
#copyright-wrapper,
#main-nav li a,
.mejs-container,
.mejs-mediaelement,
.mejs-container .mejs-controls,
#main-nav ul.sub-menu li,
#main-nav ul.sub-menu,
.cart-dropdown .buttons a,
input,
textarea,
.hb-button,
.content-box,
.hb-flexslider,
.row,
.extra-wide-container,
#hb-blog-posts,
.hb-blog-classic article,
.hb-pricing-item,
.hb-pricing-table-wrapper,
ul.testimonial-slider,
ul.testimonial-slider li,
.hb-client-list li,
.hb-client-list,
.portfolio-related-item,
.hb-testimonial,
.hb-stream ul li,
#fancy-search,
.hb-image-banner-content,
.hb-bag-buttons a,
.woocommerce-page #content input.button,
.hb-item-product-details,
.item-figure,
#main-content .hb-woo-wrapper ul.sort-count li ul,
.hb-fw-element,
#fancy-search .ui-autocomplete,
.woo-cat-details {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Columns */

.row,
.hb-stream ul li a,
.hb-stream ul li a img,
.hb-dropdown-box,
.sub-menu,
.item-overlay-text,
#main-nav > li > a,
#main-nav > li {
    -webkit-backface-visibility: hidden
}
.row.element-row {
    margin-bottom: 20px
}
.row.fw-content-wrap {
    position: relative;
    z-index: 999
}
.element-row.fw-content-wrap {
    padding-left: 15px;
    padding-right: 15px
}
#main-wrapper.hb-boxed-layout .row.fw-content-wrap,
#main-wrapper.hb-boxed-layout .row.video-content {
    margin-left: 35px!important;
    margin-right: 35px!important
}
#main-wrapper .fw-columns .row.fw-content-wrap,
#main-wrapper .fw-columns .row.video-content {
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0!important
}
#main-wrapper .position-static {
    position: static!important
}
.row.main-row,
.mejs-horizontal-volume-slider.mejs-mute,
.hb-small-break,
.hb-gal-standard-img-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.row,
.row-special {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -15px
}
.row.left-sidebar,
.row.right-sidebar {
    margin-left: 0;
    margin-right: 0
}
.row.extra-wide-container {
    margin: 0!important;
    overflow: hidden;
    padding: 0 10px
}
.row.extra-wide-container #hb-blog-posts {
    display: block
}
.extra-wide-inner {
    margin: 0 15px 40px
}
.row .col-1,
.row .col-2,
.row .col-3,
.row .col-4,
.row .col-5,
.row .col-6,
.row .col-7,
.row .col-8,
.row .col-9,
.row .col-10,
.row .col-11,
.row .col-12 {
    float: left;
    min-height: 1px;
    padding: 0 15px;
    position: relative;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.wpb_column > .wpb_wrapper:last-child,
.wpb_column > .wpb_wrapper > .vc-element:last-child > .wpb_content_element,
.wpb_column > .wpb_wrapper > .vc-element:last-child > .wpb_row {
    margin-bottom: 0
}
.vc_row.element-row.row {
    position: relative
}
.vc_col-sm-12,
.col-12 {
    float: none!important
}
#main-content .fullwidth .col-1,
#main-content .fullwidth .col-2,
#main-content .fullwidth .col-3,
#main-content .fullwidth .col-4,
#main-content .fullwidth .col-5,
#main-content .fullwidth .col-6,
#main-content .fullwidth .col-7,
#main-content .fullwidth .col-8,
#main-content .fullwidth .col-9,
#main-content .fullwidth .col-10,
#main-content .fullwidth .col-11,
#main-content .fullwidth .col-12 {
    margin-left: -1px!important
}
#main-content .row.extra-wide-container .col-1,
.row.extra-wide-container .col-2,
.row.extra-wide-container .col-3,
.row.extra-wide-container .col-4,
.row.extra-wide-container .col-5,
.row.extra-wide-container .col-6,
.row.extra-wide-container .col-7,
.row.extra-wide-container .col-8,
.row.extra-wide-container .col-9,
.row.extra-wide-container .col-10,
.row.extra-wide-container .col-11,
.row.extra-wide-container .col-12 {
    margin-bottom: 20px!important;
    padding: 0 10px
}
.row .col-1 {
    width: 8.33%
}
.row .col-2 {
    width: 16.66%
}
.row .col-3 {
    width: 25%
}
.row .col-4 {
    width: 33.33%
}
.row .col-5 {
    width: 41.66%
}
.row .col-6 {
    width: 50%
}
.row .col-7 {
    width: 58.33%
}
.row .col-8 {
    width: 66.66%
}
.row .col-9 {
    width: 75%
}
.row .col-10 {
    width: 83.33%
}
.row .col-11 {
    width: 91.66%
}
.row .col-12 {
    width: 100%
}
.row-special {
    margin: 0 -10px
}
.row-special .col-3,
.row-special .col-4,
.row-special .col-6,
.row-special .col-12 {
    float: left;
    min-height: 1px;
    padding: 0 10px;
    position: relative;
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.row-special .col-4,
.extra-wide-inner .col-4 {
    width: 33.2%
}
.row-special .col-3,
.extra-wide-inner .col-3 {
    width: 24.96%
}
.row-special .col-6,
.extra-wide-inner .col-6 {
    width: 49.96%
}
.row-special .col-12,
.extra-wide-inner .col-12 {
    width: 99.96%
}
.fw-row,
.content-total-fw {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto
}
.shortcode-portfolio-fullwidth .content-total-fw {
    opacity: 0
}
.fw-row-wrap {
    position: static;
    height: auto
}
.no-b-margin,
.nbm,
#main-content .tab-pane .wpb_content_element,
.hb-box-cont-body p:last-child {
    margin-bottom: 0!important
}
.ntm {
    margin-top: 0!important
}
.nlm {
    margin-left: 0!important
}
.nrm,
#header-bar #top-socials-widget ul li:last-child i {
    margin-right: 0!important
}
#main-content .wpb_column {
    margin-bottom: 0
}
#main-content .wpb_row,
#main-content .wpb_content_element,
#main-content ul.wpb_thumbnails-fluid > li,
#main-content .last_toggle_el_margin,
#main-content .wpb_button {
    margin-bottom: 25px!important
}
.columns-2 .hb-fw-element {
    width: 50%
}
.columns-3 .hb-fw-element {
    width: 33.33%
}
.columns-4 .hb-fw-element {
    width: 25%
}
.columns-5 .hb-fw-element {
    width: 20%
}
.columns-6 .hb-fw-element {
    width: 16.666666667%
}
.hb-fw-elements {
    display: block;
    margin-left: -1px
}
.hb-fw-element {
    float: left;
    width: 33.33%;
    margin: 0;
    position: relative
}
.hb-fw-element a {
    display: block
}
#main-wrapper .hb-fw-element img {
    display: block;
    width: 102%;
    position: relative;
    height: auto
}
#main-wrapper .fw-image img {
    width: 100%!important
}
/* Form Styles */

input[type=text],
textarea,
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=date] {
    padding: 12px 12px 10px!important;
    width: 100%;
    border: solid 1px #e3e3e3;
    color: #777;
    background-color: rgba(0, 0, 0, 0.05);
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    outline: none
}
input[type=text]:focus,
textarea:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=date]:focus {
    color: #323436;
    background-color: rgba(150, 150, 150, 0.05);
    outline: none
}
button::-moz-focus-inner {
    border: 0
}
input[type=text],
textarea,
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=date] {
    position: relative;
    z-index: 9;
}
input[type=submit] {
    background-color: #323436;
    padding: 10px 14px;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -webkit-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    width: auto
}
label.error,
.page-template-page-blog-fullwidth-php #pre-footer-area:after {
    display: none!important
}
input.error,
textarea.error,
input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
    -webkit-box-shadow: 0 0 4px rgba(250, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px rgba(250, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(250, 0, 0, 0.1);
    border: solid 1px #F00!important
}
textarea {
    max-width: 100%;
    min-height: 100px
}
.hb-checkbox {
    padding: 10px 0;
    position: relative
}
.hb-remember-checkbox {
    width: 13px!important;
    height: 13px!important;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 7px;
    overflow: hidden
}
label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    line-height: 1
}
.hb-checkbox label {
    display: inline-block;
    float: left
}
#quick-register-button {
    position: absolute;
    top: 10px;
    right: 0;
    line-height: 1;
    padding: 0;
    margin: 0
}
ins.search-ins {
    text-decoration: none
}
.search-entry ins.search-ins {
    background: #FFFF7A;
    text-decoration: none;
    color: #121212
}
#main-wrapper div.wpcf7-response-output {
    margin: 0;
    border: 0
}
#hb_contact_subject_id {
    display: none;
    visibility: hidden
}
select:not(#calc_shipping_country):not(#calc_shipping_state) {
    padding: 12px 34px 12px 20px;
    line-height: 14px;
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    color: #323436;
    display: block;
    font-size: 100%;
    margin: 0;
    width: 111%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    text-indent: .01px
}
select:active,
select:focus {
    outline: none
}
:-moz-any(.hb-custom-select):before {
    background-color: #FFF;
    pointer-events: none;
    z-index: 1
}
select::-ms-expand {
    display: none
}
.hb-custom-select {
    background-color: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    overflow: hidden!important;
    position: relative
}
#footer.dark-style .hb-custom-select select {
    max-width: 200%!important
}
.hb-custom-select:before,
.hb-woo-wrapper ul.sort-count .current-li:before {
    color: #323436;
    display: block;
    font-family: 'FontAwesome';
    font-size: 1em;
    height: 100%;
    line-height: 38px;
    padding-right: 10px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 1em;
    z-index: -1;
    content: "\f0d7";
    padding-left: 10px;
    border-left: solid 1px #ebebeb
}
.hb-woo-wrapper ul.sort-count .current-li:before {
    z-index: 1
}
#footer.dark-style .hb-custom-select {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(0, 126, 195,0.05)
}
#footer.dark-style:-moz-any(.hb-custom-select):before {
    background-color: #333
}
#footer.dark-style .hb-custom-select:before {
    border-color: rgba(0, 126, 195,0.05)
}
#footer.dark-style .hb-custom-select select,
#footer.dark-style .hb-custom-select:before {
    color: #999
}
#footer.dark-style .hb-custom-select select:hover,
#footer.dark-style .hb-custom-select:hover:before {
    color: #FFF
}
input[type=text],
textarea,
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=date] {
    position: relative;
    z-index: 9;
}
/* Fancy Form */

.hb-fancy-form {
    box-sizing: border-box;
    text-align: center
}
.hb-fancy-form .wpcf7-form-control-wrap input {
    width: 50%;
    display: inline-block
}
.hb-fancy-form .wpcf7-form-control-wrap input,
.hb-fancy-form .wpcf7-form-control-wrap textarea {
    padding: 16px!important
}
.hb-fancy-form .wpcf7-form-control-wrap input[type=text],
.hb-fancy-form .wpcf7-form-control-wrap input[type=email],
.hb-fancy-form .wpcf7-form-control-wrap input[type=password],
.hb-fancy-form .wpcf7-form-control-wrap textarea {
    border: 1px solid #aaa;
    box-shadow: 0 0 0 1px #aaa;
    background-color: transparent!important
}
.hb-fancy-form .wpcf7-form-control-wrap input[type=text]:focus,
.hb-fancy-form .wpcf7-form-control-wrap input[type=email]:focus,
.hb-fancy-form .wpcf7-form-control-wrap input[type=password]:focus,
.hb-fancy-form .wpcf7-form-control-wrap textarea:focus {
    z-index: 991;
    background: #f9f9f9!important;
    background: rgba(0, 0, 0, 0.02)!important
}
.hb-small-break {
    height: 3px;
    background: #006fde;
    width: 30px
}
.hb-fancy-form input[type=submit] {
    width: 100%;
    background-color: transparent!important;
    border: 1px solid #aaa;
    box-shadow: 0 0 0 1px #aaa;
    padding: 16px!important;
    color: #121212!important;
    border-radius: 0!important
}
.light-menu-dropdown #main-nav ul.sub-menu {
    border-top: solid 1px #ebebeb
}
#main-wrapper .hb-fancy-form input[type=submit]:active,
#main-wrapper .hb-fancy-form input[type=submit]:hover {
    z-index: 991;
    top: 0!important;
    border: 1px solid #aaa!important;
    box-shadow: 0 0 0 1px #aaa!important
}
.hb-fancy-form input.error,
.hb-fancy-form textarea.error,
.hb-fancy-form input.wpcf7-not-valid,
.hb-fancy-form textarea.wpcf7-not-valid {
    box-shadow: 0 0 0 1px #f00!important;
    z-index: 9992
}
.hb-fancy-form span.wpcf7-not-valid-tip {
    display: none!important
}
.hb-fancy-form::-webkit-input-placeholder {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px
}
.hb-fancy-form:-moz-placeholder {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px
}
.hb-fancy-form::-moz-placeholder {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px
}
.hb-fancy-form:-ms-input-placeholder {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px
}
/* Minimal Form */

.hb-minimal-form {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}
.hb-minimal-form input[type=email],
.hb-minimal-form input[type=tel],
.hb-minimal-form input[type=text],
.hb-minimal-form textarea {
    background: 0 0!important;
    border: none;
    border-bottom: dashed 1px;
    border-bottom-color: rgba(0, 0, 0, .3);
    margin-bottom: 20px;
    text-align: center;
    color: #888
}
.hb-minimal-form textarea {
    resize: none;
    height: 100px
}
.hb-minimal-form .wpcf7-form-control.wpcf7-submit {
    background: 0 0;
    margin: 0;
    border: 2px solid #c39a6e;
    width: 180px;
    box-shadow: none;
    text-transform: none;
    color: #c39a6e!important
}
.hb-minimal-form .wpcf7-form-control.wpcf7-submit:hover {
    color: #fff!important;
    background-color: #666;
    border-color: #666
}
/* ==========================================================================
   Header Styles
============================================================================= */

#hb-header {
    position: relative;
    display: block;
    z-index: 998
}
#header-bar {
    padding: 0;
    width: 100%;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ebebeb;
    background-color: #FFF;
    color: #777;
    line-height: 40px
}
#header-bar.style-2,
.special-header #header-bar.style-2 .container {
    background-color: #f4f4f4;
    border-bottom-color: #ebebeb;
    border-top-color: #ebebeb
}
#header-dropdown {
    position: relative;
    top: 0;
    height: 0;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    background-image: url(images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #292929;
    overflow: hidden;
    z-index: 3
}
#header-dropdown #contact-map {
    height: 380px;
    width: 100%;
    position: relative;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out
}
#header-dropdown #contact-map.visible-map {
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1
}
.hb-gmap-map {
    height: 380px;
    width: 100%;
    position: relative
}
.fw-map-wrapper {
    position: relative;
    min-height: 600px;
    display: block;
    margin-top: -50px;
    overflow: hidden
}
.fw-map-wrapper>.container {
    height: 0
}
.fw-map {
    background: #292929;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute
}
.fw-map .hb-gmap-map {
    width: 100%;
    height: 100%
}
#contact-map img,
.hb-gmap-map img,
.map-wrapper img,
.google-map img {
    max-width: none!important;
    display: inline-block!important
}
.top-widget .active {
    color: #FFF!important
}
.top-widget i.icon-angle-down {
    margin-left: 6px;
    position: relative;
    bottom: 1px;
    line-height: 1
}
.page-template-page-presentation-fullwidth-php.hb-special-header-style #hb-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
#top-info-widget,
#top-socials-widget {
    border-left: solid 1px #ebebeb;
    padding-left: 10px
}
#header-dropdown .close-map {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    background: #323436;
    color: #FFF;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    opacity: .7;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}
#header-dropdown .close-map:hover {
    opacity: 1
}
#header-dropdown .close-map .hb-moon-close-2 {
    margin-left: -1px
}
.without-top-bar #header-bar {
    display: none!important
}
#header-bar,
#header-bar .top-widget {
    font-size: 13px;
    position: relative;
    z-index: 999
}
#header-bar .top-widget {
    border-right: solid 1px #f0f3f5;
    margin-right: 10px;
    padding-right: 10px;
    vertical-align: middle;
    margin-bottom: -1px
}
#header-bar.style-1 .top-widget {
    border-right-color: #ebebeb
}
#header-bar .top-widget.clear-r-margin {
    margin-right: 0
}
#header-bar p {
    margin-bottom: 0;
    margin-top: 0
}
#header-bar i {
    margin-right: 7px;
    vertical-align: -1px
}
#header-bar .icon-angle-down {
    margin-right: 0;
    padding-right: 0;
    opacity: .7
}
#header-bar a {
    color: #666;
    border-bottom: none;
    display: block
}
.hb-dropdown-box {
    width: 200px;
    background: #fff;
    color: #444;
    padding: 0;
    position: absolute;
    z-index: 9999;
    right: 0;
    margin-right: -1px;
    margin-top: 10px;
    top: 100%;
    border: solid 1px #ebebeb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    visibility: hidden
}
.hb-dropdown-box.dropdown-visible,
.hb-dropdown-box.dropdown-visible-click,
.hb-gallery-sort li ul.dropdown-visible,
.hb-gallery-sort li ul.dropdown-visible-click {
    visibility: visible!important;
    margin-top: -1px;
    opacity: 1!important;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    display: block;
    z-index: 99999
}
#main-wrapper .hb-dropdown-box a {
    color: #777!important
}
#main-wrapper a.active-language,
#main-wrapper a.active-language:hover {
    color: #aaa!important;
    background: #FCFCFC!important
}
.hb-dropdown-box::before {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-right: 0;
    border-bottom: 0;
    top: -6px;
    right: 35px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 8
}
.hb-dropdown-box .big-overlay,
.hb-logout-box .big-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1
}
.hb-dropdown-box .big-overlay i,
.hb-logout-box .big-overlay {
    font-size: 140px;
    line-height: 1;
    position: absolute;
    right: -10px;
    bottom: -10px;
    color: rgba(0, 0, 0, 0.03)
}
.hb-dropdown-box h5 {
    padding: 0;
    margin: 0;
    line-height: 1.3;
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: 15px
}
.hb-dropdown-box.cart-dropdown {
    width: 258px
}
.hb-dropdown-box .widget_shopping_cart h2.widgettitle,
.hb-ul-list br {
    display: none!important
}
ul.cart_list.product_list_widget {
    list-style: none;
    padding: 0;
    margin: 0
}
ul.cart_list.product_list_widget li {
    border-bottom: solid 1px #f0f0f0;
    padding: 15px 20px;
    position: relative;
    z-index: 999
}
ul.cart_list.product_list_widget li:hover {
    background-color: #f9f9f9
}
ul.cart_list.product_list_widget li:last-child {
    border-bottom: none
}
ul.cart_list li a img {
    float: left;
    display: block;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 2px;
    margin: 0 10px 0 0;
    width: 55px;
    height: auto
}
ul.cart_list li a {
    display: block;
    font-weight: bold;
    float: none;
    text-decoration: none;
    line-height: 18px
}
ul.cart_list li .quantity {
    overflow: hidden;
    display: block;
    margin-top: -7px;
    color: #777
}
.cart-dropdown .total {
    border-top: solid 1px #f0f0f0;
    padding: 4px 15px;
    font-size: 14px;
    display: block;
    text-align: center;
    color: #000
}
.cart-dropdown .total strong {
    margin-right: 3px
}
.hb-dropdown-box.cart-dropdown .buttons {
    border-top: solid 1px #dfdfdf
}
.hb-dropdown-box.cart-dropdown .buttons a {
    float: left;
    width: 50%;
    padding: 10px 0;
    text-align: center;
    line-height: 1.3;
    background-color: #f4f4f4;
    font-weight: bold;
    text-transform: uppercase
}
.hb-dropdown-box.cart-dropdown .buttons a i {
    margin-left: 6px
}
.hb-dropdown-box.cart-dropdown .buttons a.checkout {
    border-left: solid 1px #dfdfdf
}
.hb-dropdown-box.login-dropdown {
    width: 250px
}
#main-wrapper .hb-dropdown-box #hb-submit-login-form {
    color: #FFF!important
}
.hb-dropdown-box.login-dropdown input {
    width: 100%
}
.hb-login-form p {
    margin-bottom: 7px!important
}
.hb-login-form .hb-button {
    margin-top: 7px;
    width: 100%
}
.hb-login-form {
    padding: 15px
}
.hb-dropdown-box.logout-dropdown,
.hb-dropdown-box.language-selector {
    width: 170px
}
.hb-dropdown-box.language-selector ul,
.logout-dropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    width: 100%;
    display: block
}
.hb-dropdown-box.language-selector ul li a,
.logout-dropdown ul li a {
    display: block;
    padding: 0 12px;
    line-height: 36px;
    height: 36px;
    border-bottom: solid 1px #eee!important;
    position: relative
}
.hb-dropdown-box.language-selector ul li:last-child a,
.logout-dropdown ul li:last-child a {
    border-bottom: 0!important
}
#main-wrapper .hb-dropdown-box.language-selector ul li a:hover,
.logout-dropdown ul li a:hover {
    background-color: #f9f9f9;
    z-index: 999
}
.hb-dropdown-box.language-selector .lang-img {
    margin-right: 8px;
    display: inline-block;
    position: relative;
    top: 13px;
    height: 12px;
    width: 18px;
    background-repeat: no-repeat
}
.active-lang-img {
    display: inline-block;
    margin-right: 8px
}
body #lang_sel_footer ul li img {
    top: 7px;
}
body #lang_sel_footer {
    background: #292929;
    border: none;
    border-top: solid 1px rgba(255, 255, 255, 0.05);
}
body #lang_sel_footer a {
    color: #AAA;
}
.active-lang-img img {
    line-height: 40px;
    display: inline-block;
    vertical-align: middle
}
#header-inner {
    height: 80px;
    line-height: 80px;
    position: relative;
    width: 100%
}
.no-header-shadow #header::after,
.no-top-header #top-header {
    display: none
}
#main-wrapper #slider-section .fw-image {
    width: 100%
}
#hb-canvas-effect {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 991
}
#slider-section {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin-top: -1px;
    background: #323436;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99;
    overflow: hidden
}
#slider-section.parallax-slider-wrapper {
    margin-top: -40px
}
#header-inner.stuck {
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%
}
.hb-stretched-layout #header-inner.stuck {
    left: 0
}
.hb-boxed-layout #header-inner.stuck {
    left: auto!important
}
body.admin-bar #header-inner.stuck {
    margin-top: 28px
}
#header-inner.stuck #header-inner-bg {
    background-color: #FFF;
    -webkit-backface-visibility: hidden
}
#header-inner.stuck #logo h1 a {
    font-size: 80%
}
.hb-boxed-layout #header-inner.stuck #header-inner-bg {
    width: 1240px
}
.hb-boxed-layout #header-inner.stuck {
    border: none!important
}
.hb-boxed-layout.width-940 #header-inner.stuck #header-inner-bg {
    width: 1040px
}
.hb-boxed-layout #header-inner.stuck #header-inner.stuck {
    left: auto!important
}
#hb-header.hide-bar #header-bar {
    display: none!important
}
#header-inner-bg {
    background: #fff;
    position: absolute;
    border-bottom: solid 1px #ebebeb;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -ms-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out
}
.hb-special-header-style #show-nav-menu {
    color: #FFF;
    background-color: transparent
}
.semi-transparent-menu #header-inner-bg {
    background: rgba(255, 255, 255, 0.2)
}
#main-wrapper #header-inner.semi-transparent-menu {
    border-bottom-color: rgba(0, 0, 0, 0.1)!important
}
#header-inner.bottom-nav {
    position: absolute;
    top: 100%
}
.social-list {
    border-left: none
}
.social-list ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0!important;
    padding: 0!important
}
.social-list ul li {
    float: left
}
.social-list ul li a {
    display: block;
    height: 100%;
    padding: 0 3px
}
#logo {
    display: table-cell;
    float: left;
    height: 100%;
    line-height: 81px;
    position: relative;
    z-index: 99991;
    -webkit-backface-visibility: hidden
}
.align-logo-right #logo,
.align-logo-right #header-inner.nav-type-2 #logo {
    float: right!important
}
#logo a,
#logo img {
    vertical-align: middle;
    text-align: center
}
#logo img.retina {
    display: none!important;
    width: auto
}
#logo a {
    display: block;
    height: 100%
}
#header-inner.nav-type-2 #logo a {
    display: inline-block
}
#logo img,
.stuck #logo img {
    display: inline-block;
    max-height: 55%;
    width: auto
}
#logo h1 {
    line-height: 1;
    margin: 0!important;
    padding: 0!important
}
.plain-logo {
    line-height: 80px
}
#logo img.default {
    display: none
}
#logo .hb-visible-logo img.default,
#logo img.alternative-logo {
    display: inline-block
}
.nav-type-1 #logo {
    max-width: 75%!important
}
.hb-site-tagline {
    display: inline-block;
    float: right;
    height: 100%;
    position: absolute;
    top: 0;
    right: 50px;
    font-size: 18px;
    line-height: 1.3em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
.hb-site-tagline * {
    margin-bottom: 0!important
}
.align-logo-right .hb-site-tagline {
    left: 50px;
    right: auto;
    text-align: left
}
/* Superfish */

.sf-menu ul li {
    width: 100%
}
.sf-menu li:hover {
    visibility: inherit
}
.sf-menu li {
    float: left;
    position: relative
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 0;
    z-index: 99
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10.8em;
    top: -10px
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0
}
.sub-menu {
    z-index: 3;
    margin-left: 1px!important
}
.sub-menu-with-bg {
    border: none!important
}
.light-menu-dropdown #main-nav ul.sub-menu.sub-menu-with-bg li a:hover,
.light-menu-dropdown #main-nav ul.sub-menu.sub-menu-with-bg li.sfHover > a,
.light-menu-dropdown #main-nav ul.sub-menu.sub-menu-with-bg li.current-menu-item > a,
.light-menu-dropdown #main-nav ul.sub-menu.sub-menu-with-bg li.current-menu-ancestor > a,
.light-menu-dropdown #main-nav ul.sub-menu.sub-menu-with-bg li.sfHover > a {
    background: transparent!important
}
.sf-menu li li a,
.sf-menu li li a:visited {
    padding-left: 1.25em
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    outline: 0 none
}
.sf-sub-indicator {
    display: inline-block;
    text-align: right
}
.sub-menu .sf-sub-indicator {
    position: absolute;
    right: 10px;
    top: 23px
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 15em
}
.sf-menu a {
    display: block;
    position: relative
}
/* ==========================================================================
   Main Navigation
============================================================================= */
/* Sidebar Alt Style */

.hb-alt-sidebar #main-content .hb-sidebar:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 2px;
    width: 500%;
    z-index: -1;
    height: 100%
}
.hb-alt-sidebar .hb-main-content,
.hb-alt-sidebar .hb-sidebar {
    border: none!important
}
.hb-alt-sidebar .hb-separator-extra,
.hb-alt-sidebar .bottom-meta-section {
    padding-left: 0!important;
    margin-left: 0!important;
    padding-right: 0!important;
    margin-right: 0!important
}
/* Side Section */

#hb-side-section {
    background-color: #1B1B1B;
    height: 100%;
    min-height: 100%;
    padding: 30px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -300px;
    width: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999991;
    outline: none;
    color: rgba(255, 255, 255, 0.6);
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}
.hb-close-side-section {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.3);
    z-index: 999
}
.hb-close-side-section:hover {
    color: rgba(255, 255, 255, 1)
}
/* Side Navigation Area */

#hb-side-navigation::-webkit-scrollbar {
    width: 0 !important
}
.hb-side-navigation.hb-boxed-layout #hb-wrap,
.hb-side-navigation.hb-stretched-layout #main-content,
.hb-side-navigation.hb-stretched-layout #pre-footer-area,
.hb-side-navigation.hb-stretched-layout #copyright-wrapper,
.hb-side-navigation.hb-stretched-layout #footer {
    padding-left: 265px !important;
}
.transparent-side-navigation #hb-side-navigation {
    background-color: transparent;
    background: rgba(0, 0, 0, 0)
}
.transparent-side-navigation .hb-side-background {
    opacity: 0
}
#hb-side-navigation {
    position: fixed;
    width: 265px;
    top: 0;
    left: 0;
    padding: 70px 30px 30px;
    background-color: #fff;
    height: 100%;
    z-index: 99991;
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    transition: background-color .3s ease;
    outline: 0;
    overflow-y: auto
}
.hb-side-background {
    position: fixed;
    width: 265px;
    height: 104%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    top: -2%;
    left: 0;
    z-index: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1
}
#hb-side-navigation.hb-non-transparent {
    background-color: #FFF
}
#hb-side-navigation .hb-resp-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
    background-color: #FFF;
}
.hb-light-style .hb-resp-bg a#show-nav-menu {
    color: #FFF;
}
.hb-dark-style .hb-resp-bg a#show-nav-menu {
    color: #323436;
}
#show-nav-menu {
    margin-right: 30px;
}
.nav-type-2 #show-nav-menu,
.nav-type-1 #show-nav-menu {
    margin-right: 0;
}
#show-nav-menu i {
    margin-right: 0;
}
.side-logo-wrapper {
    text-align: left;
    position: relative
}
#logo.side-logo {
    display: block;
    float: none;
    height: auto;
    line-height: 1
}
.side-logo a {
    display: block;
    line-height: 32px
}
.hb-transparent .side-logo a,
.hb-transparent .hb-side-nav.empty-menu li {
    color: rgba(255, 255, 255, 0.8)
}
.hb-transparent #logo .hb-light-logo img {
    display: inline-block;
}
.hb-non-transparent #logo .hb-light-logo img {
    display: none;
}
.hb-non-transparent #logo .hb-dark-logo img {
    display: inline-block;
}
.hb-non-transparent .side-logo a,
.hb-non-transparent .hb-side-nav.empty-menu li {
    color: rgba(0, 0, 0, 0.8)
}
.side-logo a img {
    position: relative;
    max-width: 100%;
    top: 0;
    left: 0
}
#logo.side-logo a,
#logo.side-logo a img {
    text-align: left;
}
.side-nav-wrapper {
    margin-top: 60px
}
#hb-side-menu.empty-menu li {
    padding: 0 30px;
}
.hb-side-nav {
    position: relative;
    margin-left: -30px;
    width: 265px
}
.hb-side-nav li {
    position: relative
}
.hb-side-nav li a i {
    display: inline-block;
    margin-right: 10px;
    width: auto;
    height: auto;
    line-height: 1;
    vertical-align: middle;
    margin-top: 0;
    top: -2px;
    position: relative
}
.hb-side-nav li a {
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    line-height: 22px;
    padding: 8px 30px;
    border-left: solid 5px rgba(0, 0, 0, 0)
}
.hb-side-alignment-right .hb-side-nav li a:after {
    float: left
}
.hb-transparent .hb-side-nav li a,
#hb-side-navigation.hb-light-style .hb-side-nav li a,
#hb-side-navigation.hb-non-transparent.hb-light-style .hb-side-nav li a {
    color: #FFF;
}
.hb-transparent .hb-side-nav ul.sub-menu li a {
    color: rgba(255, 255, 255, 0.8);
}
.hb-transparent .hb-side-nav li > a:after {
    color: rgba(255, 255, 255, 0.3)
}
.hb-transparent .hb-side-nav li a {
    border-left-color: transparent
}
.hb-side-nav li.menu-item-has-children > a:after {
    content: "\e010";
}
.hb-side-nav li.menu-item-has-children:hover > a:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.hb-side-nav li:hover > ul.sub-menu {
    max-height: 700px
}
.hb-side-nav li > ul.sub-menu ul.sub-menu > li > a {
    padding-left: 65px
}
.hb-side-nav ul.sub-menu {
    position: relative;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important;
    -moz-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important;
    -ms-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important;
    -o-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important;
    transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important;
    display: block!important;
    visibility: visible
}
.hb-side-nav > li:last-child > a {
    border-bottom: none
}
.hb-side-nav li > a:after {
    font-family: hbicons;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: middle;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0;
    position: relative;
    top: -1px;
    float: right;
    font-size: 14px;
}
.hb-non-transparent .hb-side-nav li > a:after {
    color: rgba(0, 0, 0, 0.2)
}
#hb-side-navigation.hb-non-transparent.hb-light-style .hb-side-nav li > a:after {
    color: rgba(255, 255, 255, 0.2)
}
.side-navigation-with-animation .hb-side-nav > li,
.side-navigation-with-animation .side-nav-bottom-part ul li,
.side-navigation-with-animation .side-logo,
.side-navigation-with-animation .side-nav-bottom-text {
    position: relative;
    left: -30px;
    opacity: 0
}
#hb-side-menu ul.sub-menu > li > a {
    font-size: 11px;
    padding: 5px 30px 5px 50px;
}
.hb-side-alignment-center #hb-side-menu ul.sub-menu > li > a {
    padding: 5px 30px 5px 30px
}
#hb-side-menu ul.sub-menu > li:first-child {
    padding-top: 5px
}
#hb-side-menu ul.sub-menu > li:last-child {
    padding-bottom: 5px
}
.side-nav-bottom-part {
    margin-top: 60px
}
.side-nav-bottom-part ul li a {
    color: #FFF;
    display: block
}
.side-nav-bottom-part ul li {
    display: inline-block;
    margin-right: 15px
}
.side-nav-bottom-part ul li:last-child {
    margin-right: 0
}
.side-nav-bottom-text {
    font-size: 12px;
    margin-top: 15px;
    letter-spacing: 1px;
    text-transform: uppercase
}
.side-nav-bottom-part ul li {
    margin-right: 7px
}
.side-nav-bottom-part ul li a {
    border-radius: 60px;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    background: rgba(0, 0, 0, 0.05)
}
.side-nav-bottom-part ul li a:hover {
    background: #323436;
    color: #FFF!important
}
#hb-side-navigation.hb-non-transparent .hb-side-nav li a {
    color: rgba(0, 0, 0, 0.7)
}
#hb-side-navigation.hb-non-transparent .side-nav-bottom-part ul li a,
.side-nav-bottom-part {
    color: rgba(0, 0, 0, 0.5)
}
#hb-side-navigation.hb-non-transparent.hb-light-style .side-nav-bottom-part ul li a {
    color: #FFF
}
#hb-side-navigation.hb-transparent .side-nav-bottom-part,
#hb-side-navigation.hb-light-style .side-nav-bottom-part {
    color: rgba(255, 255, 255, 0.7)
}
#hb-side-navigation.hb-non-transparent .hb-side-nav ul.sub-menu > li > a {
    color: rgba(0, 0, 0, 0.5)
}
#hb-side-navigation.hb-light-style .hb-side-nav ul.sub-menu > li > a,
#hb-side-navigation.hb-non-transparent.hb-light-style .hb-side-nav ul.sub-menu > li > a {
    color: rgba(255, 255, 255, 0.5)
}
#hb-side-navigation .hb-side-alignment-center .hb-side-nav li > a:after {
    display: none
}
#hb-side-navigation .hb-side-alignment-center .hb-side-nav li > a {
    border-left: none
}
.main-navigation {
    line-height: 80px;
    position: relative;
    z-index: 9999;
    -webkit-backface-visibility: hidden
}
.main-navigation.stuck {
    background: #FFF;
    border-bottom: solid 1px #ebebeb
}
.admin-bar #main-wrapper .main-navigation.stuck {
    margin-top: 32px!important
}
.fancy-s-open .main-navigation {
    z-index: 99999
}
#main-nav {
    float: right;
    z-index: 999;
    margin: 0;
    list-style: none;
    list-style-type: none;
    line-height: inherit
}
.align-logo-right #main-nav {
    float: left!important
}
#main-nav li a i {
    margin-right: 8px;
    line-height: 0;
    margin-bottom: 0
}
#main-nav li ul a i:not(.sf-sub-indicator) {
    margin-top: -1px!important
}
#main-wrapper #main-nav li.megamenu ul a i {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: -3px!important
}
#main-nav > li > a i {
    top: 0px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    font-size: 14px;
}
.megamenu li a i {
    margin-left: 0!important
}
#main-nav li {
    position: relative;
    line-height: inherit;
    z-index: 99999
}
#main-nav > li {
    margin-left: 1px!important
}
#main-nav li a {
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear
}
.megamenu ul i.sf-sub-indicator {
    display: none!important;
    visibility: hidden
}
.megamenu-widgets-container {
    padding: 0 20px 30px
}
/* Sub Indicators */

#main-nav > li > a > i.sf-sub-indicator {
    visibility: visible;
    position: relative;
    display: inline-block;
    margin-left: 7px;
    opacity: .7;
    font-size: .85em;
    top: 2px;
    margin-right: 0!important
}
#main-nav > li > a > i.sf-sub-indicator:before {
    content: "\f107"
}
.vc-editor #main-nav > li > a > i.sf-sub-indicator:first-child {
    display: none!important
}
li.no-caption > ul > li > a {
    height: 0!important;
    padding: 0!important;
    text-indent: -99999px!important;
    position: absolute!important;
    top: -9999999px!important;
    display: inline
}
li.menu-caption > ul > li > a {
    cursor: text
}
/* One Page Bullets */

.nav-type-2 #main-nav > ul > li > a,
#header-inner.nav-type-2 > ul > li#nav-search > a {
    padding-bottom: 3px!important
}
#hb-one-page-bullets {
    position: fixed;
    width: 20px;
    left: 15px;
    top: 42%;
    z-index: 9999991
}
#hb-one-page-bullets li {
    display: block;
    position: relative;
    line-height: 1;
    margin: 0;
    margin-bottom: 6px
}
#hb-one-page-bullets li a {
    display: block;
    line-height: 1;
    font-size: 13px;
    color: #fff;
    color: rgba(252, 255, 255, 0.6)
}
#hb-one-page-bullets li a i {
    margin: 0;
    line-height: 1
}
#hb-one-page-bullets li a.current-item i:before {
    content: "\e332";
    color: #fff
}
#hb-one-page-bullets li a:hover i:before {
    color: #fff;
    content: "\e332"
}
#hb-one-page-bullets .tooltip-inner {
    min-width: 70px!important
}
/* Responsive Navigation */

#show-nav-menu {
    font-size: 28px;
    float: right;
    display: none
}
#hb-wrap {
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    transition: opacity .5s linear
}
.mobile-menu-open #hb-wrap {
    opacity: .3
}
#mobile-menu .menu-main-menu-container > ul {
    margin-bottom: 100px !important
}
#mobile-menu-wrap {
    position: fixed;
    top: 0;
    right: -320px;
    z-index: 999992;
    visibility: hidden;
    width: 320px;
    height: 100%;
    background: #252525;
    -webkit-transition: all .5s;
    transition: all .5s
}
#mobile-menu-wrap .sub-menu {
    margin-left: 0!important
}
.mobile-menu-open #mobile-menu-wrap {
    visibility: visible;
    right: 0
}
.mobile-menu-close,
.mobile-menu-shop {
    position: fixed;
    top: 0;
    right: -100px;
    font-size: 20px;
    display: block;
    color: #fff;
    z-index: 9999;
    cursor: pointer;
    padding: 0 13px;
    line-height: 49px;
    width: 24px;
    text-align: center;
    border-left: solid 1px #444
}
.mobile-menu-close,
.mobile-menu-shop {
    -webkit-transition: all .6s;
    transition: all .6s
}
.mobile-menu-shop {
    width: auto;
}
.hb-cart-total-header {
    font-size: 13px;
    padding-left: 7px;
    font-weight: bold;
    line-height: 1
}
.mobile-menu-open .mobile-menu-close {
    right: 0
}
.mobile-menu-open .mobile-menu-shop {
    right: 50px
}
#mobile-menu-wrap .sub-menu {
    box-shadow: none
}
.mobile-menu-close i,
.mobile-menu-shop i {
    z-index: 9999;
    color: #fff;
    font-size: 16px
}
#mobile-menu-wrap input[type=text],
.hb-top-holder {
    border: none!important;
    background: #131313!important;
    color: #fff!important;
    font-size: 14px;
    border-bottom: solid 1px #444!important;
    padding: 15px 150px 15px 20px !important
}
#mobile-menu-wrap .hb-top-holder {
    padding: 0 !important;
    height: 49px;
}
#mobile-menu {
    max-height: 100%;
    position: relative;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 60px
}
#mobile-menu::-webkit-scrollbar {
    display: none
}
#mobile-menu ul {
    margin-bottom: 0
}
#mobile-menu ul li a {
    display: block;
    padding: 10px 20px;
    color: #fff
}
#mobile-menu-wrap {
    border-left: solid 1px #333
}
#mobile-menu ul li:hover > a,
#mobile-menu .menu ul li.current-menu-item a,
#mobile-menu .menu ul li a:active,
#mobile-menu .menu ul li a:focus {
    color: #fff!important
}
#mobile-menu ul li a,
#mobile-menu ul li:hover a {
    background: transparent!important
}
#mobile-menu .menu ul li.current-menu-item > a,
#mobile-menu .menu li a:hover,
#mobile-menu .menu ul li a:active,
#mobile-menu .menu ul li a:focus {
    background: #333!important
}
#mobile-menu ul li {
    border-top: 1px solid #333;
    border-bottom: 0
}
#mobile-menu ul.menu > li:first-child {
    border-top: 0
}
#mobile-menu ul.sub-menu {
    background: none;
    margin-left: 0
}
#mobile-menu ul.sub-menu li a {
    padding-left: 30px
}
#mobile-menu ul.sub-menu li ul a {
    padding-left: 50px
}
.menu-main-container {
    margin-bottom: 100px!important
}
#slider-section:empty {
    display: none;
}
.hb-fixed-attachment {
    background-attachment: fixed;
}
.hb-special-header-style #header-inner.stuck #header-inner-bg {
    border-bottom-color: rgba(0, 0, 0, 0.7) !important;
}
/* Responsive Navigation - Interactive Dropdown */

#mobile-menu.interactive > .menu-main-menu-container > ul > li ul {
    display: none;
    background-color: rgba(0, 0, 0, 0.2);
}
#mobile-menu.interactive ul.sub-menu li ul li a {
    padding-left: 50px
}
#mobile-menu.interactive li.menu-item {
    height: auto !important;
}
#mobile-menu.interactive > .menu-main-menu-container > ul > li,
#mobile-menu > .menu-main-menu-container > ul > li a {
    position: relative;
}
#mobile-menu.interactive .open-submenu {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    height: 43px;
    right: 0;
    width: 52px;
    background-color: rgba(255, 255, 255, 0.05);
    text-align: center;
    cursor: pointer;
    z-index: 99991;
    color: #FFF;
}
#mobile-menu.interactive .open-submenu i {
    margin-right: 0
}
#mobile-menu.interactive ul.sub-menu li a {
    padding-left: 40px;
}
#mobile-menu.interactive ul.sub-menu li a:before {
    content: '\2014 ';
    padding-right: 7px;
}
/* Submenus Regular */

#main-nav ul.sub-menu {
    height: auto!important;
    line-height: 22px!important;
    position: absolute;
    top: 100%;
    left: -1px;
    display: none;
    z-index: 999999;
    background: #333;
    margin-top: 1px;
    padding: 0!important
}
#main-nav .megamenu ul.sub-menu {
    left: -2px
}
#main-nav > li > ul.sub-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.light-menu-dropdown #main-nav ul.sub-menu {
    background: #fff;
    border-left: solid 1px #ebebeb;
    border-right: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb
}
.light-menu-dropdown #main-nav ul.sub-menu ul.sub-menu {
    margin-top: 0;
    border-top: solid 1px #ebebeb
}
#header-inner.nav-type-2 #main-nav ul.sub-menu {
    left: -2px
}
#main-wrapper #header-inner.nav-type-2.centered-nav #main-nav {
    position: relative
}
#header-inner.nav-type-2.centered-nav #main-nav > li.megamenu > ul.sub-menu {
    max-width: 100%
}
#main-nav ul.sub-menu ul {
    left: 100%!important;
    top: -1px!important;
    margin-left: 0!important
}
#main-nav li.megamenu ul.sub-menu ul {
    border: none!important
}
#main-nav ul.sub-menu li {
    display: block;
    float: none;
    width: 100%
}
#main-nav ul.sub-menu li a,
#main-nav ul.sub-menu ul li a {
    display: block;
    padding: 6px 14px;
    border-bottom: solid 1px #444;
    border-bottom-color: rgba(255, 255, 255, 0.07);
    color: #aaa!important;
    text-transform: none;
    line-height: 24px!important;
    margin: 0 0 0 -1px
}
#main-nav ul.sub-menu li a span {
    display: inline;
    width: 100%;
    position: relative
}
#main-nav ul.sub-menu li a i.icon-angle-right {
    margin-top: -5px!important
}
#main-nav ul.sub-menu li a:hover,
#main-nav ul.sub-menu li.sfHover > a,
#main-nav ul.sub-menu li.current-menu-item > a,
#main-nav ul.sub-menu li.current-menu-ancestor > a,
.hb-gallery-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #FFF!important
}
.hb-gallery-dropdown {
    margin: 0!important
}
li.megamenu li a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.light-menu-dropdown #main-nav > li.megamenu > ul.sub-menu > li > a {
    color: #222!important
}
.light-menu-dropdown #main-nav ul.sub-menu li a,
.light-menu-dropdown #main-nav ul.sub-menu li {
    color: #555!important
}
.light-menu-dropdown #main-nav ul.sub-menu li a {
    border-bottom: solid 1px #eee
}
.light-menu-dropdown #main-nav ul.sub-menu li a:hover,
.light-menu-dropdown #main-nav ul.sub-menu li.sfHover > a,
.light-menu-dropdown #main-nav ul.sub-menu li.current-menu-item > a,
.light-menu-dropdown #main-nav ul.sub-menu li.current-menu-ancestor > a,
.light-menu-dropdown #main-nav ul.sub-menu li.sfHover > a {
    background-color: #f8f9fa!important
}
.light-menu-dropdown #main-nav ul.sub-menu > li > a {
    border-left: solid 1px transparent;
    margin-left: -1px
}
#main-wrapper .dark-menu-dropdown #main-nav .widget-item h4,
.dark-menu-dropdown #main-nav ul.sub-menu li a:hover,
.dark-menu-dropdown #main-nav ul.sub-menu li.sfHover > a,
.dark-menu-dropdown #main-nav ul.sub-menu li.current-menu-item > a,
.dark-menu-dropdown #main-nav ul.sub-menu li.current-menu-ancestor > a,
.dark-menu-dropdown #main-nav ul.sub-menu li.sfHover > a {
    color: #FFF!important
}
.third-skin.light-menu-dropdown #main-nav ul.sub-menu li a:hover,
.third-skin.light-menu-dropdown #main-nav ul.sub-menu li.sfHover > a,
.third-skin.light-menu-dropdown #main-nav ul.sub-menu li.current-menu-item > a,
.third-skin.light-menu-dropdown #main-nav ul.sub-menu li.current-menu-ancestor > a {
    color: #000!important
}
#main-nav ul.sub-menu li.current_page_item > a {
    color: #FFF!important
}
#main-nav li.megamenu ul.sub-menu li.sfHover > a {
    background-color: transparent!important
}
#main-nav ul.sub-menu li:last-child > a {
    border-bottom: none!important
}
#main-wrapper #fancy-search::-moz-placeholder {
    height: 80px;
    line-height: 80px
}
#main-wrapper .stuck #fancy-search::-moz-placeholder {
    height: 60px;
    line-height: 60px
}
#main-nav li {
    float: left;
    display: inline-block
}
#main-nav li a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 11px;
    text-decoration: none;
    text-transform: none;
    font-family: 'source_sans_proregular';
    line-height: inherit!important;
    color: #454545;
    background-color: transparent
}
#main-nav>li>a {
    font-size: 14px;
    color: #444;
    letter-spacing: 0
}
.default-skin #main-nav > li > a {
    padding: 0 15px
}
.main-navigation.default-skin #main-nav > li > a:hover,
.main-navigation.default-skin #main-nav > li.current-menu-item > a,
.main-navigation.default-skin #main-nav > li.sfHover > a {
    background-color: #f4f4f4;
    color: #000
}
#main-nav > li,
#main-nav > li > a {
    line-height: inherit
}
#main-nav > li > a > span {
    position: relative;
    top: 3px;
    border-bottom: solid 2px #eee;
    padding-bottom: 3px
}
#nav-search a i {
    margin-left: 7px;
    margin-right: 7px;
    line-height: 1;
    margin-top: -1px!important;
    display: inline-block;
    margin-right: 0!important;
    margin-left: 0!important;
    line-height: 1!important;
    position: relative;
    font-size: 1em!important
}
#side-nav-socials > li > a > span.cart-circle-count {
    display: none
}
#main-nav > li > a > span.cart-circle-count {
    width: 22px;
    height: 22px;
    line-height: 23px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    bottom: auto;
    top: 4px;
    letter-spacing: 0;
    right: 6px;
    font-size: 11px;
    padding: 0!important;
    font-weight: 700;
    color: #333;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: all ease .25s;
    -moz-transition: all ease .25s;
    -ms-transition: all ease .25s;
    -o-transition: all ease .25s;
    transition: all ease .25;
    opacity: 0
}
.hb-special-header-style #main-nav > li > a > span.cart-circle-count {
    background: rgba(0, 0, 0, 0.5);
    color: #FFF
}
#hb-cart-count:hover .cart-circle-count {
    opacity: 1
}
#hb-cart-count span:after,
#hb-cart-count span:before {
    display: none
}
.stuck #main-nav > li > a > span.cart-circle-count,
.nav-type-2 #main-nav > li > a > span.cart-circle-count {
    display: none
}
#header-inner.nav-type-2.centered-nav #main-nav li#hb-cart-count {
    margin-left: 1px !important
}
#nav-search,
#hb-cart-count,
#hb-panel-opener {
    margin: 0!important;
    -webkit-backface-visibility: visible!important
}
#nav-search a,
#hb-cart-count a,
#hb-panel-opener a {
    padding-left: 10px!important;
    padding-right: 10px!important;
    display: block;
    text-align: center
}
#nav-search a i,
#hb-cart-count a i,
#hb-panel-opener a i {
    padding: 0!important;
    margin: 0!important
}
#nav-search a {
    -webkit-backface-visibility: visible!important
}
/* Mega Menu */

#main-wrapper #main-nav > li.megamenu > ul.sub-menu > li > a {
    padding-left: 20px;
    background-color: transparent!important;
    border-left: none
}
#main-wrapper #main-nav > li.megamenu > ul.sub-menu > li > a:after,
#main-wrapper #main-nav > li.megamenu .widget-item > h4:after,
#hb-side-section .widget-item > h4:after {
    width: 20px;
    height: 2px;
    content: "";
    background: #444;
    display: block;
    margin-bottom: 7px;
    margin-top: 5px
}
.megamenu .widget-item {
    padding: 10px 0
}
#main-wrapper .dark-menu-dropdown #main-nav > li.megamenu > ul.sub-menu > li > a:after,
#main-wrapper .dark-menu-dropdown #main-nav > li.megamenu .widget-item > h4:after,
#hb-side-section .widget-item > h4:after {
    background: #AAA
}
#main-wrapper #main-nav > li.megamenu {
    position: static!important
}
#main-nav > li.megamenu > ul.sub-menu {
    width: 100%;
    max-width: 1140px;
    padding: 15px 0!important;
    margin: 1px 0 0;
    background: #333;
    display: none;
    z-index: 99999;
    position: absolute!important
}
.container-wide #main-nav > li.megamenu > ul.sub-menu {
    left: auto;
    right: 0
}
.light-menu-dropdown li.megamenu ul.sub-menu {
    border-top: 0
}
.light-menu-dropdown #main-nav > li.megamenu > ul.sub-menu {
    background-color: #fff
}
#main-nav > li.megamenu > ul.sub-menu > li {
    display: block!important;
    float: left!important;
    width: 25%;
    margin-left: 0!important;
    padding: 0!important;
    border-right: solid 1px #444;
    border-right-color: rgba(0, 126, 195,0.05)
}
.light-menu-dropdown #main-nav > li.megamenu > ul.sub-menu > li {
    border-right-color: #ebebeb;
    border-bottom-color: #ebebeb
}
.light-menu-dropdown #main-nav > li.megamenu > ul.sub-menu.sub-menu-with-bg > li {
    border-right: none!important
}
#main-nav li.megamenu.columns-2 > ul > li {
    width: 50%
}
#main-nav li.megamenu.columns-3 > ul > li {
    width: 33.33%
}
#main-nav li.megamenu.columns-4 > ul > li {
    width: 25%
}
#main-nav li.megamenu.columns-5 > ul > li {
    width: 20%
}
#main-nav li.megamenu.columns-6 > ul > li {
    width: 16.66%
}
#main-nav li.megamenu.columns-2 > ul {
    width: 40%!important;
    left: auto!important;
    right: auto!important;
    margin-left: -227px
}
#main-nav > li.megamenu > ul.sub-menu li:last-child {
    border-right: none!important
}
#main-nav > li.megamenu > ul.sub-menu li a {
    border-bottom: none!important
}
#main-nav > li.megamenu > ul.sub-menu > li > a {
    color: #FFF!important;
    font-size: 16px;
    line-height: 1.3em;
    background: none!important;
    background-color: transparent!important;
    margin-bottom: 0!important
}
#main-nav > li.megamenu > ul.sub-menu > li > a:hover {
    background: transparent!important
}
#main-nav > li.megamenu > ul.sub-menu ul {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    display: block!important;
    visibility: visible!important;
    width: 100%;
    margin-top: 0;
    background: none!important;
    opacity: 1!important;
    box-shadow: none!important
}
#main-nav > li.megamenu > ul.sub-menu:not(.megamenu) ul li a {
    padding: 3px 20px;
}
/* Second Skin */

.second-skin #main-nav > li > a > span {
    border-bottom: dotted 1px rgba(255, 255, 255, 0.6)!important;
}
/* Third Skin */

.third-skin #main-nav > li a span {
    border-bottom: none!important;
}
.third-skin #main-nav > li > a:hover,
#header-inner.stuck .second-skin #main-nav > li > a:hover,
.third-skin #main-nav > li.current-menu-item > a,
.third-skin #main-nav > li.sfHover > a,
.third-skin #main-nav > li.current-menu-ancestor > a {
    background-color: #f4f4f4!important;
    background-color: rgba(0, 0, 0, 0.05)!important;
    color: #000!important;
}
/* Minimal Skin */

.minimal-skin #main-nav > li a span {
    border-bottom: none!important;
}
.minimal-skin #main-nav > li a:hover,
#header-inner.stuck .second-skin #main-nav > li > a:hover,
.minimal-skin #main-nav li.current-menu-item > a,
.minimal-skin #main-nav li.sfHover > a,
.minimal-skin #main-nav > li.current-menu-ancestor > a {
    background-color: transparent!important;
}
/* Navigation Type 2 */

#main-wrapper #header-inner.nav-type-2 {
    border-bottom: 0
}
#header-inner.nav-type-2,
#header-inner.nav-type-2 #logo,
#header-inner.nav-type-2 #logo img {
    height: auto!important;
    line-height: normal!important;
    margin: 0 auto!important
}
#header-inner.nav-type-2 #header-inner-bg {
    position: relative!important;
    top: 0;
    left: 0;
    height: auto!important
}
#header-inner.nav-type-2 #logo {
    display: block!important;
    float: left!important;
    padding: 30px 0
}
#header-inner.nav-type-2 #main-nav {
    float: none!important;
    display: block;
    clear: both;
    height: 40px;
    line-height: 40px;
    padding-left: 0!important
}
#header-inner.nav-type-2 #main-nav > li,
#header-inner.nav-type-2 #main-nav > li > a {
    line-height: 40px!important
}
#header-inner.nav-type-2 .main-navigation {
    display: block;
    line-height: 42px;
    border-top: solid 1px #ebebeb;
    margin-top: 0
}
#header-inner.nav-type-2 .main-navigation.stuck {
    width: 100%;
    left: 0;
}
#header-inner.nav-type-2 #main-nav > li > a {
    padding-right: 14px!important;
    padding-left: 14px!important;
    margin-right: -1px;
    border-right: solid 1px #ebebeb;
    margin-left: -1px!important;
    padding-bottom: 2px!important
}
#header-inner.nav-type-2 #main-nav > li:first-child > a,
#header-inner.nav-type-2 li#nav-search > a {
    border-left: solid 1px #ebebeb
}
#header-inner.nav-type-2 #nav-search > a {
    padding: 0!important
}
#header-inner.nav-type-2 #main-nav > li > ul.sub-menu {
    top: 42px!important
}
#header-inner.nav-type-2 #main-nav > li.megamenu > ul.sub-menu {
    left: -1px
}
#header-inner.nav-type-2 li#nav-search::before,
#header-inner.nav-type-2 #fancy-search input[type=text] {
    left: 50px;
    right: 50px
}
#header-inner.nav-type-2 #close-fancy-search {
    right: 55px
}
#header-inner.nav-type-2 #fancy-search .spinner {
    right: 110px
}
#main-wrapper #header-inner.nav-type-2 #main-nav,
#main-wrapper #header-inner.nav-type-2 .sticky-wrapper {
    height: 42px
}
/* Navigation Type 3 */

#header-inner.nav-type-2.centered-nav #logo {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    float: none
}
#header-inner.nav-type-2.centered-nav #main-nav {
    text-align: center
}
#header-inner.nav-type-2.centered-nav #main-nav > li {
    float: none;
    margin-left: -2px!important
}
#header-inner.nav-type-2.centered-nav #main-nav > li ul {
    text-align: left
}
/* Fancy Search */

#fancy-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99991;
    display: none
}
#fancy-search input[type=text] {
    border-radius: 0;
    width: 90%;
    color: #292929;
    border: none;
    outline: none;
    font-size: 24px;
    background: none;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    line-height: normal;
    padding: 0!important;
    vertical-align: middle;
    box-shadow: none
}
.nav-type-2 #fancy-search input[type=text] {
    font-size: 20px
}
#close-fancy-search {
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 16px
}
.hb-special-header-style #close-fancy-search {
    color: #FFF!important
}
.nav-type-2 #close-fancy-search {
    top: -3px
}
#close-fancy-search:hover {
    color: #000
}
.stuck #fancy-search input[type=text] {
    font-size: 18px
}
/* Modern Search */

.esgbox-overlay {
    z-index: 99999!important
}
.esgbox-wrap {
    z-index: 999991!important;
}
#modern-search-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 99992;
    background-color: rgba(0, 0, 0, 0.91);
    text-align: center;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}
#modern-search-overlay.overlay-visible {
    display: table
}
.hb-modern-search-close {
    position: absolute;
    right: 50px;
    top: 70px;
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: transform ease .5s;
    -moz-transition: transform ease .5s;
    -ms-transition: transform ease .5s;
    -o-transition: transform ease .5s;
    transition: transform ease .5;
    color: rgba(255, 255, 255, 0.3)
}
.hb-modern-search-close:hover {
    color: #FFF
}
.hb-close-side-section {
    -webkit-transition: transform ease .5s;
    -moz-transition: transform ease .5s;
    -ms-transition: transform ease .5s;
    -o-transition: transform ease .5s;
    transition: transform ease .5s;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle
}
.hb-modern-search-close:hover,
.hb-close-side-section:hover {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}
#hb-modern-form {
    max-width: 800px;
    margin: 0 auto;
    position: relative
}
#hb-modern-search-input {
    border: none;
    outline: none;
    text-align: center;
    font-size: 48px;
    color: #FFF;
    letter-spacing: 1px;
    font-weight: bold;
    border-bottom: solid 1px #fff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    background: none;
    background-color: transparent!important;
    padding-right: 60px!important
}
.hb-modern-icon-search {
    display: block;
    position: absolute;
    right: -30px;
    bottom: 21px;
    font-size: 18px;
    -webkit-transition: transform ease-out .2s;
    -moz-transition: transform ease-out .2s;
    -ms-transition: transform ease-out .2s;
    -o-transition: transform ease-out .2s;
    transition: transform ease-out .2s;
    transform: scale(1);
    transform: scale(1.5);
    -webkit-transform: scale(1);
    color: #FFF;
    color: rgba(255, 255, 255, 0.4)
}
#hb-modern-form {
    position: relative
}
.hb-modern-icon-search input {
    position: relative;
    left: -25px;
    opacity: 0
}
.hb-modern-icon-search:hover {
    color: #FFF
}
.hb-modern-search-content {
    color: #FFF;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    max-width: 1000px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold
}
.table-middle {
    display: table-cell;
    vertical-align: middle
}
/* Ajax Search Results  */

span[role=status].ui-helper-hidden-accessible {
    display: none
}
#fancy-search .ui-autocomplete {
    background-color: #292929;
    overflow: auto;
    text-align: left;
    top: 100%!important;
    list-style: none;
    margin: 1px 0 0;
    padding: 0;
    left: 0!important;
    display: block;
    width: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
#fancy-search .ui-autocomplete li {
    line-height: 16px;
    padding: 10px 20px;
    border-bottom: 1px solid #444;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    margin: 0;
    overflow: hidden;
    cursor: pointer
}
#fancy-search.ui-autocomplete li a,
.leave-your-reply {
    cursor: pointer
}
#fancy-search .ui-autocomplete li .search-date {
    color: #999;
    font-size: 12px
}
#fancy-search .ui-autocomplete li .search-title {
    font-size: 16px;
    color: #FFF;
    line-height: 18px;
    display: block;
    margin-bottom: 3px;
    margin-top: 6px
}
#fancy-search .ui-autocomplete li .search-title.all-results {
    padding-top: 8px;
    display: block
}
#fancy-search .ui-autocomplete li:hover {
    background-color: #323436;
    background-color: rgba(0, 0, 0, 0.3)
}
#fancy-search .ui-autocomplete li img,
#fancy-search .ui-autocomplete li i {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    border: 1px solid #323436;
    float: left;
    margin-right: 15px
}
#fancy-search .ui-autocomplete li i {
    background-color: #555;
    background-color: rgba(255, 255, 255, 0.1);
    text-align: center
}
#fancy-search .ui-autocomplete li i:before {
    font-size: 16px;
    color: #9a9a9a;
    line-height: 48px
}
#fancy-search::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    line-height: inherit;
    vertical-align: middle
}
#fancy-search:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
    line-height: inherit;
    vertical-align: middle
}
#fancy-search::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
    line-height: inherit;
    vertical-align: middle
}
#fancy-search:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    line-height: inherit;
    vertical-align: middle
}
.refine-search-wrapper #s {
    width: 50%
}
.post-header .minor-meta {
    font-size: 13px;
    color: #999;
    position: relative;
    top: 5px
}
.page-template-page-blog .post-header .minor-meta,
.single .post-header .minor-meta,
.search-results .minor-meta.search-results,
.blog .minor-meta {
    top: 0
}
.search-results .minor-meta.search-results .minor-meta,
.archive .minor-meta,
.hb_latest_posts_widget .minor-meta,
.page-template-page-blog-minimal .minor-meta {
    margin-top: -15px;
    margin-bottom: 11px;
    color: #999;
    font-size: 12px
}
.hb_latest_posts_widget p.nbm {
    margin-left: 90px
}
article.search-entry {
    position: relative;
    margin-top: 30px;
    margin-bottom: 45px
}
.search-result-counter {
    position: absolute;
    top: -6px;
    right: 0;
    z-index: -1;
    font-size: 70px;
    font-family: 'Museo500Regular';
    line-height: 1;
    color: rgba(0, 0, 0, 0.03);
    text-shadow: -1px #FFF
}
article.search-entry a.search-thumb,
.hb-spl-thumb {
    float: left;
    margin-right: 20px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    width: 60px;
    height: 60px;
    padding: 5px;
    background: #FFF;
    display: block;
    text-align: center;
    color: #777
}
article.search-entry a.search-thumb img,
.hb-spl-thumb img {
    position: relative;
    z-index: 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    width: 60px!important;
    height: 60px!important
}
article.search-entry a.search-thumb i {
    font-size: 19px;
    line-height: 19px;
    display: block;
    position: relative;
    top: 50%;
    margin-top: -10px
}
article.search-entry .excerpt-wrap {
    margin-left: 90px
}
#main-nav.empty-menu > li#nav-search {
    margin-left: 12px!important
}
#searchsubmit {
    padding: 0;
    height: inherit;
    position: relative;
    top: -2px;
    left: -4px;
    width: 43px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none!important;
    background-image: url(images/search.png);
    background-position: center center;
    background-repeat: no-repeat
}
#searchsubmit:hover {
    background-color: #323436
}
.refine-search-wrapper #searchsubmit:active {
    top: -2px!important
}
.page-loader {
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    position: absolute;
    z-index: 9999;
    width: 100%;
    text-align: center;
    height: 100%
}
.spinner {
    border: 2px solid transparent;
    font-size: 30px;
    width: .6em;
    height: .6em;
    border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -o-border-radius: .5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: spin .4s linear infinite;
    -moz-animation: spin .4s linear infinite;
    animation: spin .4s linear infinite;
    border-top-color: #bdbdbd;
    border-left-color: #ddd;
    display: inline-block;
    position: relative;
    top: 50%;
    margin-top: -10px
}
#fancy-search .spinner {
    position: absolute;
    right: 40px;
    margin-top: -10px;
    display: none
}
#fancy-search.ajax-searching .spinner {
    display: block!important
}
/* ==========================================================================
   Content Styles
============================================================================= */

#main-content {
    padding-top: 50px;
    overflow: hidden;
    position: relative;
    z-index: 997
}
.page-template-page-presentation-fullwidth-php #main-content {
    padding-top: 0
}
/* Back To Top Button */

#to-top {
    display: block;
    position: fixed;
    text-align: center;
    right: 20px;
    bottom: 52px;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
    height: 40px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
#to-top.hb-pop-class,
#contact-panel.hb-pop-class {
    opacity: 1;
    visibility: visible
}
#to-top i {
    line-height: 40px!important;
    width: 40px!important;
    height: 40px!important;
    font-size: 16px!important;
    top: 0!important;
    left: 0!important;
    text-align: center!important;
    background-color: transparent!important;
    margin-top: 1px!important;
    margin-right: 0!important
}
#to-top.dark {
    background-color: #444
}
/* Contact Panel */

#contact-button {
    display: block;
    position: fixed;
    text-align: center;
    right: 20px;
    bottom: 7px;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
    height: 40px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
#contact-button i {
    line-height: 40px!important;
    width: 40px!important;
    height: 40px!important;
    font-size: 16px!important;
    top: 0!important;
    left: 0!important;
    text-align: center!important;
    background-color: transparent!important;
    margin-top: 1px!important
}
#contact-panel {
    position: fixed;
    z-index: 10001;
    right: 20px;
    bottom: 50px;
    height: auto;
    width: 235px;
    padding: 25px;
    background: #fff;
    border: solid 1px #ebebeb;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%
}
#contact-panel-form {
    margin-top: 15px
}
#contact-panel p {
    margin-bottom: 7px
}
#hb-submit-contact-panel-form {
    margin: 0;
    margin-top: 15px;
    display: block
}
/* Special Contact Template */

.map-info-section {
    width: 380px;
    padding: 20px 30px;
    background: #FFF;
    background: rgba(255, 255, 255, 0.94);
    position: relative;
    z-index: 91;
    float: right;
    margin: 50px 0;
    border: solid 1px #f5f8ff;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}
.map-info-section.minimized {
    height: 30px!important
}
.map-info-section .minimize-section {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #ccc
}
.map-info-section.minimized .minimize-section i:before {
    content: "\e0c2"
}
.map-info-section h6.special {
    font-size: 12px
}
.special-contact-form p {
    margin-bottom: 7px
}
.special-contact-form a.hb-third-dark {
    margin-top: 10px
}
.darker-border .hb-separator {
    border-top-color: #ccc!important;
    border-bottom-color: #ccc!important
}
.overflow-hidden .fw-content-wrap {
    overflow: hidden!important
}
.light-medium-text {
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.7)
}
.light-large-text {
    font-size: 23px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.8)
}
.large-text {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.large-text i {
    font-size: 18px!important
}
#main-wrapper .element-height-90 {
    height: 81px!important;
    line-height: 81px!important
}
/* Fullwidth Sections */

.fw-section {
    margin-left: -50%;
    padding-left: 50%;
    padding-right: 50%;
    width: 100%;
    position: relative;
    z-index: 0;
    min-height: 1px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    right: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    ;
}
.fw-section.fw-columns {
    margin-left: auto!important;
    padding-left: 0!important;
    padding-right: 0!important;
    right: 0!important
}
#main-wrapper.hb-boxed-layout .fw-section.fw-columns {
    margin-left: -50px!important;
    padding-left: 0!important;
    padding-right: 0!important;
    right: 0!important;
    left: 0!important;
    margin-bottom: 0!important
}
.waved-border:before {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0;
    background-position: top left;
    background-repeat: repeat-x;
    z-index: 30;
    top: -6px
}
.waved-border:after {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0;
    background-position: top left;
    background-repeat: repeat-x;
    z-index: 30;
    bottom: -6px
}
.fw-section.with-border {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.left-sidebar .col-9.hb-main-content .fw-section {
    margin-left: 0!important;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0
}
.light-style:not(#footer) {
    color: #FFF
}
.fw-section.light-style,
.fw-section.light-style h1,
.fw-section.light-style h2,
.fw-section.light-style h3,
.fw-section.light-style h4,
.fw-section.light-style h5,
.fw-section.light-style h6,
.fw-section.light-style .flex-control-nav li a {
    color: #FFF;
    color: rgba(255, 255, 255, 1)
}
.light-style:not(#footer) h3.hb-subtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.5)
}
.light-style .hb-small-break,
.light-style hr {
    background: #FFF;
    background: rgba(255, 255, 255, 0.5)
}
.fw-section.light-style .hb-testimonial-quote p {
    color: #FFF;
    color: rgba(255, 255, 255, 0.8)
}
.fw-section.light-style .testimonial-quote-meta {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6)
}
/* Video */

.section {
    position: relative
}
.video-content {
    position: relative;
    z-index: 999
}
.video-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 990
}
.video-wrap video {
    -webkit-backface-visibility: hidden!important;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%
}
.video-fw-section {
    overflow: hidden
}
.video-wrap .mejs-container .mejs-controls {
    display: none!important
}
.mejs-container {
    background-image: none!important
}
.active_texture,
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(images/pattern-overlay.png);
    z-index: 2
}
.video-overlay.no-overlay {
    background-image: none!important
}
/* Parallax */

.parallax,
.extra-wide-container {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.hb-image-bg-wrap,
.hb-parallax-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    z-index: 0;
    background-repeat: no-repeat
}
.hb-image-bg-wrap {
    margin-top: -70px;
    padding-bottom: 70px
}
.hb-parallax-wrapper {
    background-attachment: fixed !important;
}
#hb-page-title.hb-image-background.parallax {
    background-attachment: scroll;
    background-size: cover!important
}
#main-wrapper .background-texture,
.parallax.background-texture {
    background-repeat: repeat;
    background-size: initial;
    background-attachment: scroll!important
}
#main-wrapper .background-texture .hb-parallax-wrapper {
    background-repeat: repeat;
    background-size: initial;
}
/* Page Title */

#hb-page-title {
    padding-top: 65px;
    padding-bottom: 30px;
    color: #333;
    border-bottom: solid 1px #ebebeb;
    background-color: #fff;
    position: relative;
    margin-top: -35px;
    overflow: hidden;
}
#hb-page-title.extra-large-padding {
    padding-top: 130px;
    padding-bottom: 95px;
}
#hb-page-title.large-padding {
    padding-top: 95px;
    padding-bottom: 60px;
}
#hb-page-title.small-padding {
    padding-top: 50px;
    padding-bottom: 15px;
}
#hb-page-title h1 {
    color: #000;
    font-size: 26px;
    line-height: 1;
}
#hb-page-title.extra-large-padding h1 {
    font-size: 34px;
    line-height: 42px
}
#hb-page-title.extra-large-padding h2 {
    font-size: 22px;
    line-height: 30px
}
#hb-page-title.small-padding h1 {
    font-size: 22px;
}
#hb-page-title.small-padding h2 {
    font-size: 16px;
}
#main-wrapper.nav-type-2 #hb-page-title {
    padding-top: 35px;
    margin-top: 0;
    padding-bottom: 35px;
}
#main-wrapper.nav-type-2 #hb-page-title.extra-large-padding {
    padding-top: 130px;
    padding-bottom: 130px;
}
#main-wrapper.nav-type-2 #hb-page-title.large-padding {
    padding-top: 70px;
    padding-bottom: 70px;
}
#main-wrapper.nav-type-2 #hb-page-title.small-padding {
    padding-top: 15px;
    padding-bottom: 15px;
}
#main-wrapper #hb-page-title .light-text h2 {
    color: rgba(255, 255, 255, 0.7) !important;
}
.hb-page-title.dark-text h1 {
    color: rgba(0, 0, 0, 0.9)!important;
}
.hb-page-title.dark-text h2 {
    color: rgba(0, 0, 0, 0.5)!important;
}
.hb-page-title.border-style.dark-text h1 {
    color: rgba(0, 0, 0, 0.9)!important;
    border-color: rgba(0, 0, 0, 0.7);
}
.hb-page-title.border-style.light-text h1 {
    color: rgba(255, 255, 255, 0.9)!important;
    border-color: rgba(255, 255, 255, 0.7);
}
#hb-page-title.hb-color-background {
    background: #f0f0f0;
}
#hb-page-title.hb-image-background {
    background-repeat: no-repeat;
    background-size: cover;
}
#hb-page-title.slider-page-title {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
#hb-page-title.slider-page-title .hb-page-title {
    display: none;
}
#hb-page-title h1,
#hb-page-title h2 {
    margin: 0;
    padding: 0;
    line-height: 1.3;
    display: inline-block;
}
#hb-page-title h2 {
    padding-top: 7px;
    color: #777;
    font-size: 18px;
}
.hb-page-title.border-style h1 {
    display: inline-block;
    width: auto;
    padding: 12px 20px!important;
    border: solid 2px #fff;
    border-color: rgba(255, 255, 255, 0.5);
}
.not-found-box {
    padding-top: 80px;
    padding-bottom: 180px;
    position: relative;
}
.not-found-box i {
    position: absolute;
    font-size: 440px;
    height: 380px;
    color: rgba(0, 0, 0, 0.03);
    z-index: 0;
    bottom: -10px;
    text-align: center;
    left: 0;
    width: 100%;
    overflow: hidden;
    vertical-align: bottom;
}
.not-found-box-inner {
    position: relative;
    z-index: 1;
}
.hb-page-title.border-style h2 {
    padding-top: 10px!important;
}
.hb-page-title.stroke-title h1 {
    background: #FFF;
    color: #000!important;
    display: inline-block;
    width: auto;
    padding: 8px 12px!important;
}
.hb-page-title.stroke-title h2 {
    background: #323436;
    color: #FFF!important;
    display: inline-block;
    width: auto;
    padding: 8px 12px!important;
    margin-top: 1px!important;
}
/* Breadcrumbs Wrapper */

.breadcrumbs-wrapper {
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -10px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.breadcrumbs-wrapper span:not(.sep-icon) {
    opacity: 0.7;
}
.breadcrumbs-wrapper .breadcrumbs-inside {
    line-height: 13px;
    padding: 4px;
    display: inline-block;
}
.hb-page-title.aligncenter .breadcrumbs-wrapper {
    left: 0;
    right: auto;
    width: 100%;
    bottom: -30px;
    text-align: center;
    margin-top: 11px !important
}
.hb-image-background .breadcrumbs-wrapper .breadcrumbs-inside,
.hb-image-background .breadcrumbs-wrapper .breadcrumbs-inside a {
    color: rgba(255, 255, 255, 0.9);
}
.breadcrumbs-wrapper .sep-icon {
    padding-left: 5px;
    display: inline-block;
}
.hb-page-title.stroke-title .breadcrumbs-wrapper .breadcrumbs-inside {
    background: rgba(0, 0, 0, 0.5);
    padding: 4px 10px;
}
.hb-page-title.alignright .breadcrumbs-wrapper {
    right: auto;
    left: 50px;
}
.dark-text .sep-icon {
    color: #555;
}
.dark-text.hb-image-background .breadcrumbs-wrapper .breadcrumbs-inside,
.dark-text.hb-image-background .breadcrumbs-wrapper .breadcrumbs-inside a {
    color: rgba(0, 0, 0, 0.9)!important
}
.dark-text.hb-image-background .breadcrumbs-wrapper .breadcrumbs-inside a:hover {
    color: #000 !important;
}
/* Sidebar */

#main-content .hb-sidebar {
    margin-top: -50px;
    padding-top: 50px;
    padding-bottom: 70px;
    border-left: solid 1px #ebebeb;
    margin-bottom: 0!important;
    width: 29% !important;
}
#main-content .right-sidebar .col-3.hb-sidebar {
    padding-right: 0px !important;
}
#main-content .col-9.hb-main-content {
    border-right: solid 1px #ebebeb;
    margin-right: -1px;
    margin-bottom: 0!important;
    padding-bottom: 70px;
    padding-right: 30px!important;
    min-height: 470px;
    width: 71% !important;
    padding-left: 0px !important;
}
.hb-sidebar-20 #main-content .hb-sidebar {
    width: 20% !important;
}
.hb-sidebar-20 #main-content .col-9.hb-main-content {
    width: 80% !important;
}
/* Share Holder */

.share-holder {
    margin-left: 12px;
    position: relative;
}
.share-holder .hb-dropdown-box {
    top: 32px;
}
.share-holder .hb-dropdown-box ul li {
    display: block;
    border-bottom: solid 1px #ebebeb;
}
.share-holder .hb-dropdown-box ul li a,
.share-holder .hb-dropdown-box ul li a i {
    color: #555!important;
    font-size: 16px;
}
.share-holder .hb-dropdown-box ul li a {
    display: block;
    padding: 10px;
    position: relative;
    z-index: 999;
}
.share-holder .hb-dropdown-box ul li a:hover {
    background: #f5f5f5;
}
.share-dropdown-box {
    width: 70px;
    z-index: 992;
}
.share-holder::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -10px;
    height: 15px;
}
.share-holder .hb-dropdown-box::before {
    right: 29px;
}
/* Small Blog Layout */

.hb-blog-small .featured-image {
    max-width: 45%;
    width: 45%;
    float: left;
    margin-right: 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.hb-blog-small article {
    margin-bottom: 70px;
}
.hb-blog-small h3.title {
    margin-bottom: 20px;
}
.hb-blog-small h3.title a {
    color: #000;
}
.hb-blog-small .meta-info {
    line-height: 34px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-top: 36px;
    font-size: 12px;
    clear: both;
    overflow: hidden;
    min-height: 34px;
}
.hb-blog-small .meta-info .read-more-button i {
    margin-left: 3px;
    display: inline-block;
    margin-top: -3px;
}
/* Classic Blog */

.hb-blog-classic article,
.hb-blog-small article,
.hb-blog-grid article {
    margin-bottom: 40px;
    display: block;
    width: 100%;
}
.hb-blog-classic .post-inner {
    margin-left: 75px;
}
.featured-image a {
    overflow: hidden;
    display: block;
}
.featured-image img {
    position: relative;
    -webkit-backface-visibility: hidden;
    width: 100%;
    max-width: 100%;
    display: block;
}
.featured-image {
    position: relative;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    overflow: hidden;
}
.audio-post-format .featured-image {
    overflow: visible;
}
.featured-image .featured-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all .1s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
article .featured-image:hover .featured-overlay,
.featured-image:hover .featured-overlay {
    zoom: 1;
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70;
}
/*.hb-blog-classic article.image-post-type .featured-image:hover img,.hb-blog-grid article.image-post-type .featured-image:hover img,.single .related-item .featured-image:hover img,.gallery-item:hover img,.hb-gal-standard-img-wrapper:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}*/

.hb-post-date {
    width: 50px;
    border-right: solid 1px #eee;
}
.hb-post-date .like-holder {
    margin-top: 6px;
}
.hb-post-date .day {
    color: #666;
    display: block;
    font-size: 20px;
    font-family: 'Museo500Regular';
    margin-top: 7px;
    text-align: center;
}
.hb-post-date .month {
    color: #999;
    font-size: .9em;
    padding: 2px 0 6px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    border-bottom: solid 1px #eee;
    margin-right: -1px;
}
.post-content {
    padding: 20px 30px;
    background: #FFF;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
#hb-blog-posts.unboxed-blog-layout .post-content {
    border: none;
    padding: 20px 0;
    background: none;
    background-color: transparent;
}
.audio-post-format.self-hosted-audio .post-content::after {
    display: none;
}
#hb-blog-posts.unboxed-blog-layout .post-content::after {
    display: none;
}
#hb-blog-posts.unboxed-blog-layout article {
    border-bottom: solid 1px #ebebeb;
}
.post-header .post-meta-info {
    color: #999;
    font-size: 12px;
}
.post-header .post-meta-info a {
    color: #999;
}
.post-content h2.title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 18px;
}
.post-content h2 a:hover {
    color: #323436;
}
.like-holder,
.comments-holder,
.share-holder {
    display: block;
    text-align: center;
    margin-top: 13px;
    cursor: pointer;
    color: #999;
}
.single-blog-wrapper .like-holder {
    margin-left: 20px!important;
}
.like-holder i,
.comments-holder i,
.share-holder i {
    margin-right: 3px;
    margin-top: -3px;
    display: inline-block;
    color: #cdcdcd;
}
.share-holder i {
    margin-right: 5px!important;
}
.comments-holder i {
    margin-top: -1px;
}
.bottom-meta-section .share-holder,
.bottom-meta-section .like-holder,
.comments-holder a {
    color: #999
}
.post-meta-footer {
    display: block;
    position: absolute;
    bottom: 29px;
    right: 0px;
    color: #999;
    font-size: 12px;
    line-height: 1.2;
}
.post-meta-footer.no-read-more {
    bottom: 3px;
}
.post-meta-footer .inner-meta-footer {
    padding: 10px 30px;
}
.sticky-post-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #999;
}
#respond h5,
#comments h5,
#respond #cancel-comment-reply-link,
.search h5.lighter-text {
    font-family: "source_sans_proregular";
}
.wpb_single_image .vc_single_image-wrapper {
    width: 100% !important;
}
/* Quote Post Format */

.quote-post-format .quote-post-wrapper a {
    display: block;
    position: relative;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
.quote-post-format .quote-post-wrapper a:hover {
    background: #323436;
}
.quote-post-format .quote-post-wrapper blockquote {
    font-size: 23px;
    line-height: 32px;
    color: #FFF;
    font-family: 'Museo500Regular';
    padding: 40px;
    margin: 0;
    font-style: normal;
}
.quote-post-format .quote-post-wrapper blockquote:before {
    display: none;
}
.quote-post-format .quote-post-wrapper blockquote .cite-author {
    color: rgba(255, 255, 255, 0.6);
    display: block;
    margin-bottom: -10px;
    margin-top: 15px;
    font-size: 14px;
}
.quote-post-format .quote-post-wrapper .hb-moon-quotes-right {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    right: 30px;
    bottom: 29px;
}
/* Link Post Format */

.link-post-format .quote-post-wrapper a {
    display: block;
    position: relative;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
.link-post-format .quote-post-wrapper a:hover {
    background: #323436;
}
.link-post-format .quote-post-wrapper blockquote {
    font-size: 26px;
    line-height: 32px;
    color: #FFF;
    font-family: 'Museo500Regular';
    padding: 40px;
    margin: 0;
}
.link-post-format .quote-post-wrapper blockquote .cite-author {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    line-height: 22px;
    margin-bottom: -10px;
    margin-top: 15px;
}
.link-post-format .quote-post-wrapper .hb-moon-link-5 {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    right: 30px;
    bottom: 29px;
}
/* Status Post Format */

.status-post-format .quote-post-wrapper a {
    display: block;
    position: relative;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
.status-post-format .quote-post-wrapper a:hover {
    background: #323436;
}
.status-post-format .quote-post-wrapper blockquote {
    font-size: 26px;
    line-height: 32px;
    color: #FFF;
    font-family: 'Museo500Regular';
    padding: 40px;
    margin: 0;
}
.status-post-format .quote-post-wrapper blockquote .cite-author {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    line-height: 22px;
    margin-bottom: -10px;
    margin-top: 15px;
}
.status-post-format .quote-post-wrapper .hb-moon-pencil {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    right: 30px;
    bottom: 29px;
}
/* Video Post Format */

iframe {
    max-width: 100%;
    display: block;
    margin: 0
}
iframe.fw {
    width: 100%!important;
    border: solid 1px #ebebeb;
    height: 300px
}
video {
    max-width: 100%;
    height: auto
}
iframe,
embed,
object {
    max-width: 100%
}
/* Slider Post Format */

.laptop-slider-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    z-index: 2
}
.laptop-slider-wrapper .laptop-mockup {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    z-index: 9999
}
.laptop-slider-wrapper .laptop-mockup img {
    width: 100%!important;
    height: auto;
    position: relative;
    z-index: 99
}
.laptop-slider-wrapper .hb-flexslider-wrapper {
    background: #323436;
    width: 76.3%;
    height: auto;
    position: absolute;
    z-index: 9;
    top: 5.5%;
    left: 11.7%
}
.laptop-slider-wrapper .hb-flexslider-wrapper .hb-flex-slides li img {
    width: 100%!important;
    height: auto!important;
    display: block
}
/* Fullwidth Flex Slider */

.fw-flex-slider {
    position: relative;
    z-index: 92
}
.fw-flex-slider .hb-flex-slides li img {
    height: auto
}
.fw-flex-slider .hb-flex-slides li {
    display: none
}
.hb-flexslider-wrapper,
.hb-flexslider {
    overflow: hidden
}
.hb-flexslider-wrapper.shadow,
.bordered-wrapper.shadow,
.map-info-section {
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1)
}
.hb-flexslider-wrapper.bordered-wrapper,
.bordered-wrapper {
    background: #FFF;
    padding: 10px;
    border: solid 1px #ebebeb;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}
.hb-flexslider.loading,
.fw-gallery-wrap.loading {
    min-height: 150px;
    background: url(images/loader.gif);
    background-repeat: no-repeat;
    background-position: center
}
.testimonial-slider.loading {
    min-height: 150px;
    background: url(images/loader.gif);
    background-repeat: no-repeat;
    background-position: center
}
.hb-flexslider {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}
.hb-flex-slides > li {
    position: relative
}
.hb-flex-slides,
.hb-flex-slides li,
.hb-flexslider ul,
.hb-flexslider ol {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important;
    list-style-image: none!important;
    list-style-type: none!important
}
.hb-flex-slides > li img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%!important
}
.hb-flexslider .flex-control-nav {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    color: #FFF;
    text-align: center
}
.hb-flexslider .flex-control-nav li {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    color: #FFF
}
.hb-flexslider .flex-control-nav li a {
    color: #FFF!important
}
.flex-caption,
.flex-subtitle {
    position: absolute;
    bottom: 59px;
    left: 60px;
    background: #FFF;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 1.3em;
    opacity: 0;
    margin: 0;
    color: #323436
}
.flex-caption.dark,
.flex-subtitle.dark {
    background: #323436;
    color: #FFF
}
.flex-subtitle.dark {
    color: #999
}
.flex-subtitle {
    bottom: 17px;
    font-size: 16px;
    color: #777;
    opacity: 0
}
.hb-flexslider .flex-control-nav li a.flex-active i:before {
    content: "\f111"!important
}
.hb-flexslider .flex-control-nav li a:hover {
    cursor: pointer
}
.flex-direction-nav > li > a {
    color: #FFF !important;
    position: absolute!important;
    top: 0;
    left: 0;
    height: 90%;
    background: #000;
    background-color: rgba(0, 0, 0, 0.4);
    width: 40px!important;
    text-align: center;
    color: #FFF;
    z-index: 9999
}
.flex-direction-nav > li > a:hover {
    background: #000;
    background-color: rgba(0, 0, 0, 0.6);
}
.flex-direction-nav > li > a i {
    font-size: 20px;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -10px;
    width: 100%
}
.flex-direction-nav > li > a.flex-next {
    right: -40px;
    top: 5%;
    left: auto
}
.flex-direction-nav > li > a.flex-prev {
    left: -40px;
    top: 5%;
    right: auto
}
.text-sep {
    margin-left: 7px;
    margin-right: 7px;
}
.text-sep:last-child {
    display: none
}
/* Audio Post Format */

.audio-post-format iframe {
    margin-bottom: -2px;
}
/* Load More */

.load-more-posts,
.load-more-posts.inactive:hover {
    display: block;
    padding: 10px;
    background: #FFF;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    text-align: center;
    text-transform: uppercase;
    font-family: 'source_sans_probold', Arial;
    letter-spacing: 1px;
    font-size: 12px;
    color: #222;
    cursor: default
}
.page-template-page-blog-fullwidth-php .load-more-posts {
    background: #fff;
    border: none;
    display: inline-block;
    margin-top: 20px;
    float: right;
    margin-right: 6px;
    min-width: 170px;
    -o-border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px
}
.page-template-page-blog-fullwidth-php .hb-spin.non-visible {
    display: none
}
.load-more-posts:hover {
    cursor: pointer;
}
.load-more-posts:not(.inactive):hover {
    color: #FFF!important;
}
.load-more-posts.inactive {
    opacity: .5
}
.load-more-posts i {
    margin-right: 15px;
    margin-top: -2px
}
/* Blog Grid Layout */

.page-template-page-blog-grid-php #hb-blog-posts {
    margin: 0 -15px;
}
#hb-blog-posts .featured-image img {
    width: 100%;
    height: auto;
}
#hb-blog-posts .post-content h2 {
    margin-bottom: 2px;
}
.hb-blog-grid article .post-content {
    padding-bottom: 30px;
}
.hb-blog-grid .like-holder {
    margin-left: 15px;
}
.hb-blog-grid .comments-holder,
.hb-blog-grid .like-holder {
    margin-top: 0px !important;
    color: #999;
}
/* Pagination */

.pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 50px;
    position: relative
}
.row-special .pagination {
    margin-bottom: 0
}
.page-links {
    display: block;
    text-align: right
}
.pagination:empty {
    display: none!important
}
.single .pagination {
    margin-top: 40px
}
.pagination ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}
.pagination ul li,
.single .pagination a,
.single .pagination span {
    float: left;
    padding: 0;
    margin: 0;
    line-height: 34px
}
.single .pagination span,
.single .pagination a {
    float: none;
    display: inline-block!important
}
.pagination ul li span,
.single .pagination span {
    color: #fff;
    display: block;
    line-height: 40px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    margin: 0 4px 0 0;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}
.pagination ul li i,
.single .pagination i {
    line-height: 1!important;
    position: relative;
    top: -2px;
    right: -1px
}
.pagination ul li a,
.pagination ul li span.page-numbers.dots,
.single .pagination a,
.page-links a {
    color: #3f3f3f;
    line-height: 40px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    display: block;
    text-align: center;
    background-color: #ebebeb;
    margin: 0 4px 0 0;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .2s ease 0;
    -moz-transition: all .2s ease 0;
    -o-transition: all .2s ease 0;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1) inset;
    -webkit-box-shadow: 0 1px 2px rgba(10, 10, 0, 0.1) inset;
    -o-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1) inset;
    border-bottom: solid 1px #fff
}
.page-links {
    display: block;
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif
}
.page-links a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 0;
    margin-left: 5px
}
.page-links a i {
    position: relative
}
.pagination ul li a:hover,
.single .pagination a:hover,
.page-links a:hover {
    color: #FFF;
    background: #323436
}
/* Single Blog */

article.single.post .featured-image,
.single .quote-post-wrapper {
    margin: 0 0 35px
}
article.single.post .featured-image img,
article.single.post .featured-image a {
    position: relative;
    width: 100%;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.hb-single-share {
    display: inline-block;
    width: 42px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -o-border-radius: 1px;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    position: absolute;
    left: -40px
}
.hb-single-share:hover {
    background-color: #FFF
}
article.single h1.title {
    text-transform: none;
    font-size: 26px;
    line-height: 1.3em;
    margin-bottom: 5px;
    color: #323436;
    letter-spacing: 0
}
.single-post-tags span {
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    text-transform: uppercase;
    color: #323436
}
.single-post-tags a {
    display: inline-block;
    padding: 5px 8px;
    margin: 5px 0 0 3px;
    line-height: 13px;
    font-size: 12px;
    background-color: #c8c8c8;
    color: #fff!important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-transform: capitalize
}
/* Content Styling */

abbr {
    border-bottom: 1px dashed;
    cursor: help
}
del {
    text-decoration: line-through
}
small,
sub,
sup {
    position: relative;
    font-size: 11px;
    vertical-align: baseline
}
sub {
    top: 3px
}
sup {
    bottom: 3px
}
.hb-yellow-text {
    color: #f1c40f!important
}
span.highlight,
mark {
    padding: 0 3px;
    border-radius: 1px;
    margin-right: 1px;
    color: #fff;
    display: inline
}
span.highlight.alt {
    background: #ffd56c;
    color: #000
}
blockquote.pullquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 3px solid #eee;
    font-size: 14px;
    font-style: normal;
    font-family: "Museo500Regular";
    color: #323436
}
blockquote {
    padding: 10px 0 10px 60px;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    position: relative
}
blockquote:before {
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    color: #ddd;
    color: rgba(0, 0, 0, .1);
    font-size: 32px
}
blockquote.pullquote:before {
    display: none
}
.light-style .hb-moon-quotes-left:before,
.light-style blockquote:before {
    color: #FFF
}
.dropcap {
    position: relative;
    display: inline;
    float: left;
    line-height: .9em;
    font-family: "Museo500Regular", sans-serif;
    font-size: 28px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.05);
    color: #000;
    text-align: center;
    border: 1px solid transparent;
    margin: 7px 10px 0 0
}
.dropcap.dark {
    background-color: #323436;
    color: #FFF
}
.dropcap.simple {
    float: left;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 6px 0 0;
    font-size: 46px;
    font-style: normal;
    background-color: transparent;
    color: #323436
}
article.single .entry-content {
    margin-top: 30px
}
article.single .single-post-tags {
    margin-top: 30px
}
.rounded-element {
    float: left;
    width: 81px;
    height: 81px;
    text-align: center;
    line-height: 76px;
    position: relative;
    padding: 5px
}
.rounded-element,
.rounded-element img {
    border-radius: 111px;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 2
}
.rounded-element img {
    width: 100%;
    height: auto
}
/* Bottom meta section */

#main-wrapper .bottom-meta-section {
    margin-top: 15px;
    border-top: solid 1px #ebebeb;
    position: relative;
    z-index: 999;
}
.right-sidebar .bottom-meta-section {
    margin-right: -30px;
    padding-right: 30px;
}
.left-sidebar .bottom-meta-section {
    margin-left: -30px;
    padding-left: 30px;
}
/* Author Box */

.author-box {
    border: solid 1px #ebebeb;
    border-left-color: #eee;
    margin-top: 40px;
    background: #FFF;
    padding: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.author_description_text p:last-child {
    margin-bottom: 0!important
}
.archive .author-box {
    margin-top: 0
}
.author-meta.blog-meta {
    float: left;
    margin-right: 30px
}
.author-box .author-description {
    margin-left: 124px
}
.author-box .social-list li a {
    color: #777;
    color: rgba(0, 0, 0, 0.5)
}
/* Comments */

#comments h4,
#respond h4,
#respond h3,
.title-class {
    margin-bottom: 5px!important
}
#respond h3 {
    color: #444;
    text-align: center
}
h3.title-class {
    font-size: 18px;
    line-height: 25px;
    color: #444
}
#comments h5,
#respond h5 {
    color: #777
}
#respond #cancel-comment-reply-link {
    position: relative
}
#respond small {
    font-size: 100%;
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    color: #444444;
    color: rgba(0, 0, 0, 0.5)!important;
    line-height: 1.4;
    font-family: 'Museo500Regular';
    margin-top: 5px
}
#respond small a {
    color: rgba(0, 0, 0, 0.5)
}
p.logged-in-as {
    margin-bottom: -10px;
    color: #999
}
.form-submit {
    display: block;
    height: 40px
}
.comment-subscription-form {
    display: block;
    clear: both;
    margin: 0;
    margin-top: 0
}
.comments-list {
    list-style: none
}
.comments-list li.comment {
    margin-top: 2em
}
.comments-list li.comment > div.comment-body {
    background-color: #ffffff;
    margin: 0;
    overflow: hidden;
    padding: 25px 25px 20px;
    padding-left: 60px;
    position: relative;
    border: solid 1px #ebebeb
}
.author-tag {
    position: absolute;
    right: 30px;
    top: 26px;
    font-size: 10px;
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #bbb
}
.comments-list li.comment > #respond h4,
.comments-list li.comment > #respond h5 {
    display: none
}
.comments-list li.comment > #respond {
    margin-bottom: 60px
}
.comments-list li.comment > div .rounded-element {
    position: relative;
    left: -30px
}
.comment-meta.commentmetadata {
    position: relative;
    top: -2px
}
.commentmetadata a time {
    color: #999;
    font-size: 12px;
    line-height: 1.2em
}
.comment-body p {
    margin: .85em 0;
    margin-left: 91px
}
cite.fn {
    font-style: normal;
    float: left
}
.comments-list .reply,
.comments-list .hb-quote {
    float: left
}
.comments-list .reply a:hover {
    color: #000
}
.comments-list .reply .sep,
.comments-list .hb-quote .sep {
    margin: 0 5px 0 6px
}
.comments-list ul {
    list-style: none
}
.comments-list .children {
    margin-left: 0!important;
    padding-left: 40px;
    border-left: 1px dashed #ebebeb;
    list-style: none
}
.comments-list .children > li {
    position: relative
}
.comments-list .children > li::after {
    position: absolute;
    display: block;
    content: "";
    width: 20px;
    height: 1px;
    border-top: 1px dashed #ebebeb;
    border-right: 0;
    border-bottom: 0;
    top: 60px;
    left: -40px;
    z-index: 8
}
.comments-list .children > li::before {
    position: absolute;
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    background-color: #fff;
    border: solid 1px #ebebeb;
    border-right: 0;
    border-top: 0;
    top: 55px;
    left: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 8
}
/* Respond Comment Form */

#respond {
    margin-top: 40px;
}
#respond p input {
    width: 33.3%;
    margin: 0 !important;
    float: left;
}
.form-col {
    width: 33.33%;
    padding-right: 15px;
    float: left;
}
#commentform {
    margin-top: 30px;
}
#respond textarea#comment {
    margin-top: 20px;
}
/* Single Portfolio Stuff */

.essential_grid .post-header {
    margin-top: 20px
}
#main-wrapper .hb-main-content .esg-media-cover-wrapper a {
    color: #FFF
}
.hb-single-next-prev a {
    position: fixed;
    height: 110px;
    width: 140px;
    background: #ccc;
    background: rgba(0, 0, 0, 0.4);
    color: #FFF;
    top: 50%;
    margin-top: -40px;
    text-align: right;
    line-height: 110px;
    left: -120px;
    opacity: .4;
    padding-right: 10px;
    cursor: pointer;
    z-index: 9991
}
.hb-single-next-prev a:hover {
    background: #323436;
    opacity: 1;
    left: 0
}
.hb-side-navigation .hb-single-next-prev a.hb-prev-post {
    left: 145px
}
.hb-side-navigation .hb-single-next-prev a.hb-prev-post:hover {
    left: 265px
}
.hb-single-next-prev a.hb-next-post {
    left: auto;
    right: -120px;
    text-align: left;
    padding-left: 10px;
    padding-right: 0
}
.hb-single-next-prev a.hb-next-post:hover {
    right: 0
}
.hb-single-next-prev .text-inside {
    font-size: 13px;
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    color: #FFF;
    letter-spacing: 2px;
    line-height: 113px!important;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center!important;
    top: 0;
    height: 100%;
    cursor: pointer
}
.hb-related-posts h4 {
    margin-bottom: 30px
}
p.hb-post-excerpt {
    margin-top: 1.5em
}
#hb-blog-posts p.hb-post-excerpt {
    margin-bottom: 0;
    margin-top: 1em
}
.related-item .like-holder,
.related-item .comments-holder,
.related-item .share-holder {
    margin-top: 0
}
.related-item .post-content {
    padding-bottom: 1px!important
}
.related-item p.hb-post-excerpt {
    margin-top: 1em
}
/* ==========================================================================
   Widget Styles
============================================================================= */

.widget-item {
    position: relative
}
.ad-cell {
    margin-bottom: 15px
}
#footer.dark-style article.search-entry a.search-thumb,
#hb-side-section article.search-entry a.search-thumb {
    background: #007ec3
}
#footer.dark-style .widget-item h4 a,
#footer.dark-style .testimonial-author h5,
#hb-side-section .testimonial-author h5 {
    color: #ddd
}
#footer.dark-style .widget_nav_menu ul.menu,
#hb-side-section .widget_nav_menu ul.menu {
    border-color: #007ec3;
    border-color: rgba(0, 126, 195, 0.15)
}
#footer.dark-style .hb-testimonial,
#footer.dark-style .hb-tweet-list.light li,
#hb-side-section .hb-tweet-list.light li,
#footer.dark-style .recent-comments-content,
#hb-side-section .recent-comments-content,
.light-style .hb-testimonial,
#hb-side-section .hb-testimonial {
    background: #007ec3;
    border-color: #007ec3;
    border-color: rgba(0, 126, 195,0.05)
}
#footer.dark-style .hb-testimonial:after,
#footer.dark-style .hb-tweet-list.light li:after,
#footer.dark-style .recent-comments-content:after,
.light-style .hb-testimonial:after {
    background-color: #007ec3;
    border-color: #007ec3;
    border-color: rgba(0, 126, 195,0.05)
}
#footer.dark-style .tagcloud a:hover {
    color: #FFF
}
#footer.dark-style .tagcloud a,
#hb-side-section .tagcloud a {
    border: solid 1px rgba(0, 126, 195,0.05)
}
#footer.dark-style .hb-box-frame,
#hb-side-section .hb-box-frame {
    background-color: #007ec3
}
/* Custom Menu */

.widget_nav_menu ul.menu {
    border: solid 1px #ebebeb;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}
#main-wrapper .widget_nav_menu ul.menu li {
    padding: 0
}
#main-wrapper .widget_nav_menu ul.menu li a {
    padding: 10px 14px;
    border-left: solid 2px transparent;
    text-overflow: ellipsis;
    background: #FFF;
    color: #333
}
#main-wrapper .widget_nav_menu ul.menu li a:hover,
#main-wrapper .widget_nav_menu ul.menu li.current-menu-item > a {
    background: #f9f9f9;
    color: #000
}
#main-wrapper #footer.dark-style .widget_nav_menu ul.menu li a:hover,
#main-wrapper #footer.dark-style .widget_nav_menu ul.menu li.current-menu-item > a,
#hb-side-section .widget_nav_menu ul.menu li a:hover,
#hb-side-section .widget_nav_menu ul.menu li.current-menu-item > a {
    background: #333;
    background: rgba(150, 150, 150, 0.05);
    color: #FFF
}
#hb-side-section .widget-item ul li > a {
    position: relative
}
#hb-side-section .hb-testimonial:after {
    display: none
}
#hb-side-section .ts-1 .flex-control-nav {
    bottom: 53px
}
#main-wrapper .widget_nav_menu ul.menu ul {
    margin-left: 0
}
#main-wrapper .widget_nav_menu ul.menu ul li a {
    padding-left: 38px
}
#main-wrapper .widget_nav_menu ul.menu ul li:before {
    content: "\e26f";
    font-family: icomoon;
    font-weight: normal;
    font-style: normal;
    display: block;
    float: left;
    text-decoration: inherit;
    font-size: 14px;
    position: relative;
    top: 11px;
    left: 22px;
    font-size: 10px;
    z-index: 1;
    opacity: .2
}
#main-wrapper .widget_nav_menu ul.menu ul li:first-child {
    border-top: solid 1px #ebebeb
}
#footer.dark-style .widget_nav_menu ul.menu ul li:first-child,
#hb-side-section .widget_nav_menu ul.menu ul li:first-child {
    border-color: #333;
    border-color: rgba(0, 126, 195,0.05)
}
/* Recent Posts */

.hb_latest_posts_widget article {
    margin-bottom: 0;
    border-bottom: solid 1px #ebebeb;
    border-bottom-color: rgba(0, 0, 0, 0.07);
    padding-bottom: 20px;
    margin-top: 20px
}
/* Most Liked List */

.most-liked-list li {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    border-bottom-color: rgba(0, 0, 0, 0.07);
    padding: 10px 18px 14px 74px!important
}
.hb_latest_posts_widget h4.semi-bold {
    margin-bottom: 14px!important
}
.most-liked-list li:last-child,
.hb_latest_posts_widget article:last-child {
    border: 0
}
.most-liked-list li .like-count {
    font-size: 50px;
    position: absolute;
    top: 3px;
    left: 10px;
    opacity: .2
}
.most-liked-list li .like-count-num {
    position: absolute;
    top: 27px;
    left: 12px;
    width: 47px;
    text-align: center;
    font-size: 13px;
    color: #323436;
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif
}
.most-liked-list.most-commented li .like-count {
    top: 5px
}
.most-liked-list.most-commented li .like-count-num {
    top: 25px;
    left: 20px;
    width: 39px
}
.most-liked-list li:hover .like-count {
    opacity: 1
}
.most-liked-list li:hover .like-count-num {
    color: #fff!important
}
.most-liked-list li span {
    font-size: 12px;
    color: #999
}
/* Most Liked Portfolio */

.widget-like-count {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #323436;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    font-size: 11px;
    text-align: center
}
.widget-like-count i {
    display: inline-block;
    margin-right: 7px;
    margin-top: -2px
}
/* Recent Comments */

.recent-comments-content {
    margin: 0 0 15px 75px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 10px 15px;
    position: relative
}
.recent-comments-content:after {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: -7px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-right: 0;
    border-bottom: 0
}
#hb-side-section .recent-comments-content:after {
    display: none
}
a.recent-comments-title {
    display: block;
    font-size: 13px
}
.recent-comments-content .entry-meta {
    font-size: 12px
}
/* Testimonials Widget */

.ts-1,
.ts-2 {
    position: relative;
}
.widget-item .ts-1 .flex-control-nav {
    right: 0;
}
.testimonial-slider > li.hb-testimonial-box {
    display: none;
}
.testimonial-slider > li.hb-testimonial-box:first-child {
    display: block;
}
.testimonial-author {
    position: relative;
    top: 10px;
}
/* Twitter Widget */

.hb-tweet-list.light li {
    background-color: #fff;
    border: 1px solid #ebebeb;
    margin: 0 0 10px;
    padding: 10px 15px;
    position: relative
}
.hb-tweet-list .tweet-time {
    font-size: 12px;
    margin-left: 20px;
    margin-bottom: 15px;
    display: inline-block;
    opacity: .7
}
.hb-tweet-list .tweet-time:hover {
    opacity: 1
}
.hb-tweet-list .tweet-time i {
    font-size: 13px;
    line-height: 1;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}
.hb-tweet-list.light li:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -7px;
    left: 40px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-right: 0;
    border-top: 0
}
#hb-side-section .hb-tweet-list li {
    background: rgba(0, 126, 195,0.05) !important;
    border: none !important;
}
#hb-side-section ul.social-icons li {
    float: none
}
#hb-side-section .hb-tweet-list li:after {
    display: none !important;
}
/* Contact Info */

.widget-item.hb_contact_info_widget ul li {
    margin: 0 0 8px;
    padding: 0 0 0 25px;
    display: block;
    line-height: 20px;
    position: relative
}
.hb_contact_info_widget ul li i {
    font-size: 14px;
    line-height: 20px;
    color: #b2b2b2;
    position: absolute;
    left: 0;
    top: 0
}
.tagcloud > a {
    background-color: rgba(0, 0, 0, 0.05);
    color: #444;
    display: block;
    float: left;
    margin: 2px;
    padding: 4px 8px 2px;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px!important
}
#footer.dark-style .tagcloud > a {
    color: #aaa
}
/* HB Stream */

.widget-item .hb-stream ul li {
    float: left;
    display: block;
    margin: 0;
    padding: 0 3px 6px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    overflow: hidden
}
.widget-item .hb-stream.columns-2 ul li {
    width: 50%
}
.widget-item .hb-stream.columns-3 ul li {
    width: 33.33%
}
.widget-item .hb-stream.columns-4 ul li {
    width: 25%
}
.widget-item.widget_categories ul li a {
    display: inline
}
.hb-stream ul li img {
    display: block;
    height: auto;
    width: 100%!important;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}
.widget-item ul li {
    padding: 7px 0;
    display: block
}
.widget-item ul li>a {
    display: block
}
.hb_latest_posts_simple_widget ul>li {
    padding-top: 15px;
    margin-bottom: 10px
}
.hb_latest_posts_simple_widget ul>li:first-child {
    padding-top: 0
}
.hb_latest_posts_simple_widget ul>li.simple {
    padding: 7px 0;
    margin-bottom: 0
}
.hb_latest_posts_simple_widget ul>li:first-child,
.widget_archive ul>li:first-child,
.widget_categories ul>li:first-child,
.widget_layered_nav ul li:first-child,
.widget_meta ul>li:first-child,
.widget_nav_menu ul>li:first-child,
.widget_pages ul li:first-child,
.widget_product_categories ul>li:first-child,
.widget_recent_comments ul>li:first-child,
.widget_recent_entries ul>li:first-child {
    border-top: 0
}
.hb_latest_posts_simple_widget ul>li,
.widget_archive ul>li,
.widget_categories ul>li,
.widget_layered_nav ul li,
.widget_meta ul>li,
.widget_nav_menu ul>li,
.widget_pages ul>li,
.widget_product_categories ul>li,
.widget_recent_comments ul>li,
.widget_recent_entries ul>li {
    border-top: 1px solid rgba(255, 255, 255, .1)
}
#footer.light-style .widget_archive ul>li,
#footer.light-style .widget_categories ul>li,
#footer.light-style .widget_layered_nav ul li,
#footer.light-style .widget_meta ul>li,
#footer.light-style .widget_nav_menu ul>li,
#footer.light-style .widget_pages ul>li,
#footer.light-style .widget_product_categories ul>li,
#footer.light-style .widget_recent_comments ul>li,
#footer.light-style .widget_recent_entries ul>li,
.hb-sidebar .hb_latest_posts_simple_widget ul>li,
.hb-sidebar .widget_archive ul>li,
.hb-sidebar .widget_categories ul>li,
.hb-sidebar .widget_layered_nav ul li,
.hb-sidebar .widget_meta ul>li,
.hb-sidebar .widget_nav_menu ul>li,
.hb-sidebar .widget_pages ul>li,
.hb-sidebar .widget_product_categories ul>li,
.hb-sidebar .widget_recent_comments ul>li,
.hb-sidebar .widget_recent_entries ul>li {
    border-top-color: rgba(0, 0, 0, .07)
}
.hb_latest_posts_simple_widget ul>li>.hb-spl-inner>a:before,
.hb_latest_posts_simple_widget ul>li>a:before,
.widget_archive ul>li a:before,
.widget_categories ul>li a:before,
.widget_meta ul>li a:before,
.widget_nav_menu ul>li a:before,
.widget_pages ul li a:before,
.widget_product_categories ul>li a:before,
.widget_recent_entries ul>li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: block;
    float: right;
    text-decoration: inherit;
    font-size: 14px
}
.special-list li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: block;
    float: left;
    text-decoration: inherit;
    font-size: 14px;
    padding-right: 10px
}
.hb-spl-excerpt {
    display: block;
    font-size: 12px;
    line-height: 18px
}
.hb-spl-excerpt a {
    display: inline-block;
    margin-top: 7px
}
/* Fullwidth Content */

#main-content .col-12.hb-main-content {
    padding-bottom: 40px
}
#main-content .hb-sidebar .widget-item {
    padding-left: 15px!important
}
#main-content .left-sidebar .hb-sidebar .widget-item {
    padding-left: 0!important
}
#main-content .hb-sidebar .widget-item {
    margin-bottom: 40px
}
#main-content .hb-sidebar .widget-item:last-child {
    margin-bottom: 0!important
}
#main-content .left-sidebar .hb-sidebar.col-3 {
    float: left!important;
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    right: -1px!important;
    padding-right: 30px;
    border-right: solid 1px #ebebeb
}
#main-content .left-sidebar .hb-main-content.col-9 {
    float: right!important;
    padding-right: 0!important;
    margin-right: 0!important;
    position: relative;
    margin-left: -1px!important;
    left: 0!important;
    padding-left: 30px!important;
    border-right: none!important;
    border-left: solid 1px #ebebeb;
    margin-top: -50px;
    padding-top: 50px
}
.widget-item h4,
#main-nav > li.megamenu > ul.sub-menu > li > a {
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    letter-spacing: 1.8px;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 0;
    font-size: 13px;
    line-height: 23px;
    text-transform: uppercase;
    color: #111;
    display: inline-block;
    width: auto
}
#footer.dark-style .widget-item h4,
#hb-side-section .widget-item h4 {
    color: #f4f4f4!important
}
#hb-side-section .widget-item a {
    color: #FFF
}
#hb-side-section .widget-item {
    margin-bottom: 40px
}
#hb-side-section .widget-item:last-child {
    margin-bottom: 70px
}
#footer.dark-style {
    color: #999
}
#footer.dark-style a {
    color: #fff
}
/* Recommended Isotope styles */

.isotope-item {
    z-index: 2;
    margin-bottom: 30px!important
}
.gallery-item.isotope-item {
    margin-bottom: 0!important
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity
}
.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.hb-button,
input[type=submit],
.parallax .hb-page-title,
.parallax .hb-page-title h1,
.parallax .hb-page-title h2,
.price_slider_wrapper a {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}
#main-wrapper div.bx-viewport * {
    transition: none !important;
}
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}
/* ==========================================================================
   Shortcode Styles
============================================================================= */
/* Responsive Visibility */

.visible-computer {
    display: block;
    overflow: hidden;
}
.visible-tablet,
.visible-phone {
    display: none;
}
/* Blog Shortcode */

.blog-shortcode-1 .blog-list-item-date {
    background: #FFF;
    color: #666666;
    width: 50px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    padding: 15px 0 0;
    float: left
}
.blog-shortcode-1 .blog-list-item-date span {
    display: block;
    background: #666666;
    font-size: 11px;
    line-height: 11px;
    font-family: 'Museo500Regular';
    padding: 5px 0 6px;
    margin: 10px 0 0;
    text-transform: uppercase;
    color: #ffffff
}
.light-style .blog-shortcode-1 .blog-list-item-date {
    background: rgba(0, 0, 0, 0.2);
    color: #FFF
}
.light-style .blog-shortcode-1 .blog-list-item-date span {
    background: rgba(255, 255, 255, 0.2)
}
.blog-shortcode-1 .blog-list-content {
    margin-left: 70px
}
.blog-shortcode-1 small {
    margin-top: -13px;
    margin-bottom: 10px;
    display: block;
    color: #777;
    font-size: 12px
}
.blog-shortcode-1 p {
    margin-bottom: 10px
}
.blog-shortcode-1 h6 {
    color: #323436
}
.simple-read-more {
    text-decoration: none;
    display: inline-block;
    color: #323436;
    border-bottom: 1px dotted #eee
}
.light-style .simple-read-more {
    color: #FFF;
    color: rgba(255, 255, 255, 0.9)
}
.light-style h1 a,
.light-style h2 a,
.light-style h3 a,
.light-style h4 a,
.light-style h5 a,
.light-style h6 a {
    color: #FFF
}
/* Client Lists */

.hb-client-list,
.gallery-carousel-wrapper,
.client-carousel-wrapper,
.gallery-carousel-wrapper-2,
.blog-carousel-wrapper {
    display: block;
    width: 100%;
    position: relative;
    -webkit-backface-visibility: hidden
}
.gallery-carousel-wrapper-2 .standard-gallery-item {
    opacity: 1
}
.gallery-carousel-wrapper-2 .hb-gal-standard-description {
    margin-bottom: 2px
}
.hb-client-list.greyscale li {
    -webkit-filter: grayscale(1)
}
.hb-client-list.greyscale li:hover {
    -webkit-filter: grayscale(0)
}
.hb-client-list.focus:hover li {
    opacity: .3
}
.hb-client-list.focus li:hover {
    opacity: 1!important;
    z-index: 99
}
.hb-client-list.focus li a,
.hb-client-list.focus li {
    background: transparent
}
.hb-client-list li {
    width: 20%;
    float: left;
    display: block;
    text-align: center;
    position: relative;
    padding-right: 7px;
    padding-bottom: 7px;
    overflow: hidden;
    -webkit-backface-visibility: hidden
}
.hb-client-list.columns-6 li {
    width: 16.66%
}
.hb-client-list.columns-5 li {
    width: 20%
}
.hb-client-list.columns-4 li,
.columns-4 .portfolio-related-item {
    width: 25%
}
.hb-client-list.columns-3 li,
.columns-3 .portfolio-related-item {
    width: 33.3%
}
.hb-client-list.columns-2 li {
    width: 50%
}
.hb-client-list.columns-1 li {
    width: 100%
}
.hb-client-list li a {
    background: #FFF;
    border: solid 1px transparent
}
.hb-client-list.simple li a {
    background: none
}
.hb-client-list li a {
    display: block;
    padding: 15px 0;
    -webkit-backface-visibility: hidden
}
.hb-client-list li img {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 100%
}
/* Team Member Box */

.team-meta-right .team-meta-sidebar {
    float: right
}
.team-meta-right .team-single-content {
    float: left
}
.related-members .team-header-info {
    text-align: center
}
.related-members .team-member-description,
.team-meta-sidebar .team-member-description {
    text-align: center
}
.related-members .simple-read-more {
    display: inline-block
}
.team-member-box {
    display: block;
    width: 100%!important;
    -webkit-backface-visibility: hidden
}
.team-meta-sidebar .team-member-box {
    margin-bottom: 25px
}
.team-member-img img {
    width: 100%!important;
    height: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.team-member-img ul.social-icons {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-backface-visibility: hidden
}
.hb-team-member-img img,
.team-member-img img {
    margin-right: 30px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.tmb-2 .team-member-img img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.team-member-img ul.social-icons li {
    float: none;
    -webkit-backface-visibility: hidden
}
.team-member-img {
    margin-bottom: 15px;
    position: relative;
    display: block;
    -webkit-backface-visibility: hidden
}
.tmb-2 .team-member-img {
    margin-bottom: 0;
    border-left: solid 1px #ebebeb;
    border-top: solid 1px #ebebeb;
    border-right: solid 1px #ebebeb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.team-member-name {
    display: block;
    line-height: 1.3;
    margin-bottom: 0;
    float: none;
    clear: both;
    font-family: 'Museo500Regular';
    color: #323436
}
.team-meta-sidebar .team-member-name {
    color: #323436!important
}
.team-position {
    color: #777;
    display: block;
    clear: both;
    margin-bottom: 10px;
    font-size: 13px;
    letter-spacing: 1px;
    margin-top: 2px
}
.tmb-2 .team-member-description {
    padding: 20px 30px;
    border: solid 1px #ebebeb;
    border-top: none;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.crsl-nav {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    font-size: 20px;
    line-height: 20px;
    z-index: 99999;
    overflow: visible;
    width: 100%;
    opacity: 0
}
.crsl-nav a {
    width: 35px;
    height: 35px;
    background: transparent;
    background: #323436;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 345px;
    display: block;
    line-height: 33px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 999;
    color: #fff
}
.crsl-nav a.previous {
    left: -17px
}
.crsl-nav a.next {
    right: -17px
}
.crsl-nav a.next i {
    position: relative;
    left: 3px
}
.hb-crsl-wrapper {
    position: relative
}
/* Testimonial Boxes */

.hb-testimonial {
    padding: 20px;
    border: solid 1px #ebebeb;
    background: #FFF;
    margin-bottom: 20px;
    position: relative
}
.hb-testimonial:after {
    position: absolute;
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    background-color: #FFF;
    border: solid 1px #ebebeb;
    border-left: 0;
    border-top: 0;
    bottom: -7px;
    left: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 8
}
.testimonial-author-img,
.testimonial-author-mock,
.recent-comment-author-img img {
    width: 54px!important;
    height: 54px!important;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    border-radius: 54px;
    float: left;
    display: block;
    margin-right: 15px;
    overflow: hidden
}
.testimonial-author-mock {
    text-align: center;
    line-height: 1;
    font-size: 40px;
    color: #eaeaea;
    overflow: visible
}
.testimonial-author-mock i {
    position: relative;
    top: -8px
}
.testimonial-author h5 {
    margin-bottom: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    color: #555;
    letter-spacing: 1px
}
.testimonial-author .testimonial-company {
    display: inline-block;
    color: #999;
    font-size: 12px;
    position: relative;
    top: -5px
}
.testimonial-author {
    display: block
}
.hb-testimonial p:last-child {
    margin-bottom: 0
}
.hb-testimonial-quote {
    padding: 10px 40px
}
.hb-testimonial-quote p {
    padding-left: 0;
    text-align: center;
    color: #000;
    color: rgba(0, 0, 0, 0.8);
    font-size: 22px;
    width: 100%;
    margin: 0 auto;
    line-height: 34px
}
.testimonial-quote-meta {
    display: block;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    color: #777
}
ul.testimonial-slider {
    display: block;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: auto
}
li.hb-testimonial-quote {
    display: none;
    margin: 0;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    position: relative
}
li.hb-testimonial-quote.flex-active-slide {
    display: block
}
li.hb-testimonial-box {
    display: none;
    position: relative
}
li.hb-testimonial-box.flex-active-slide {
    display: block
}
.ts-1 .flex-control-nav {
    position: absolute;
    bottom: 40px;
    right: 0;
    font-size: 9px
}
.flex-control-nav {
    display: block;
    text-align: center
}
.flex-control-nav li {
    display: inline-block;
    list-style-type: none!important;
    margin-left: 2px;
    margin-right: 2px
}
.ts-1 .flex-control-nav li {
    margin-left: 1px;
    margin-right: 1px
}
.flex-control-nav li a.flex-active i:before {
    content: "\f111"!important
}
.flex-control-nav li a:hover {
    cursor: pointer
}
.flex-control-nav li a {
    color: #999
}
.flex-control-nav li a:hover {
    color: #323435
}
/* Pricing Tables */

.hb-pricing-item {
    border: solid 1px #ebebeb;
    display: block;
    float: left;
    width: 33.3%;
    border-left-width: 0;
    margin-top: 21px;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.hb-pricing-item:first-child {
    border-left-width: 1px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}
.hb-pricing-item:last-child {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.hb-pricing-item:hover .pricing-table-content {
    background: #fcfcfc
}
.hb-pricing-item.highlight-table {
    margin-top: 0;
    border-left-width: 1px;
    margin-left: -1px;
    z-index: 9;
    -webkit-box-shadow: 0 0 25px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 25px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 0 25px 1px rgba(0, 0, 0, .15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.hb-pricing-item.highlight-table .pricing-table-price {
    line-height: 1;
    padding: 30px
}
.hb-pricing-item.highlight-table .pricing-table-content {
    padding-bottom: 45px
}
.pricing-table-price {
    padding: 22px 30px 10px;
    font-size: 33px;
    line-height: 33px;
    font-family: 'Museo500Regular';
    border-bottom: 1px solid #ebebeb;
    background: #fafafa;
    position: relative
}
.pricing-table-price span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 4px;
    color: rgba(0, 0, 0, 0.6)
}
.pricing-table-caption {
    padding: 20px 30px;
    font-size: 18px;
    border-bottom: 1px solid #ebebeb;
    color: #323436
}
.pricing-table-content {
    padding: 30px
}
.light-style .pricing-colored .pricing-table-content,
.light-style .pricing-colored .hb-pricing-item:hover .pricing-table-content {
    background: rgba(10, 10, 10, 0.3)
}
.light-style .pricing-table-caption {
    border-bottom-color: rgba(0, 126, 195,0.05)
}
.pricing-colored .pricing-table-price {
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    border-bottom-color: rgba(255, 255, 255, 0.1);
    background: rgba(245, 106, 95, 0.9)
}
.pricing-colored .hb-pricing-item {
    border-color: transparent
}
.pricing-colored .hb-pricing-item .pricing-table-price span:not(.hb-pricing-ribbon) {
    color: #FFF;
    color: rgba(255, 255, 255, 0.8)
}
.pricing-colored .pricing-table-caption {
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    border-top-color: rgba(255, 255, 255, 0.1);
    background: rgba(245, 106, 95, 1)
}
.pricing-colored .hb-pricing-item.highlight-table {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.pricing-colored .hb-pricing-item.highlight-table .pricing-table-caption {
    color: #FFF
}
.pricing-colored .pricing-table-content,
.pricing-colored .hb-pricing-item:hover .pricing-table-content {
    background: #f0f0f0
}
#main-wrapper .pricing-colored .hb-pricing-item {
    border-top: none!important
}
.pricing-colored .pricing-table-price:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    z-index: -1
}
.hb-pricing-ribbon {
    background-color: #ffd565;
    color: #7b683c;
    width: 120px;
    line-height: 12px;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 0;
    display: inline-block;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    right: -33px;
    top: 20px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    z-index: 99
}
.pricing-colored .hb-pricing-ribbon {
    -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1)
}
.hb-pricing-ribbon.alt {
    background-color: #6DAFE8;
    color: #E3F2FF;
    text-shadow: none
}
.hb-pricing-table-wrapper.columns-1 .hb-pricing-item {
    width: 100%
}
.hb-pricing-table-wrapper.columns-2 .hb-pricing-item {
    width: 50%
}
.hb-pricing-table-wrapper.columns-4 .hb-pricing-item {
    width: 25%
}
.hb-pricing-table-wrapper.columns-3 .hb-pricing-item {
    width: 33.33%
}
.hb-pricing-table-wrapper.columns-5 .hb-pricing-item {
    width: 20%
}
.hb-pricing-table-wrapper.columns-6 .hb-pricing-item {
    width: 16.66%
}
/* Pricing Item */

.hb-menu-pricing-item-text {
    padding-right: 150px;
}
.hb-menu-pricing-item-price {
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 100%;
    text-align: right;
}
.hb-menu-pricing-item {
    border-bottom: dashed 1px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
    position: relative;
}
.hb-menu-pricing-item-price-inner {
    width: 100%;
    height: 100%;
    display: table;
}
.hb-menu-pricing-item-price-inner span {
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
}
h4.hb-menu-pricing-item-title,
.hb-menu-pricing-item-price span {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 20px;
    transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -webkit-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
}
.shortcode-menu-pricing-item:hover h4.hb-menu-pricing-item-title,
.shortcode-menu-pricing-item:hover .hb-menu-pricing-item-price span {
    color: #c39a6e !important;
}
.hb-menu-pricing-item-text p {
    line-height: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #888;
}
/* Social Icons */

ul.social-icons {
    height: auto;
    overflow: hidden;
    list-style: none!important
}
ul.social-icons li {
    float: left;
    display: inline-block;
    height: 36px;
    margin-bottom: 5px
}
.widget-item ul.social-icons li {
    padding: 0
}
ul.social-icons li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all .3s;
    margin-right: 5px;
    text-decoration: none!important;
}
ul.social-icons li a i {
    display: block;
    height: 100%;
    position: relative;
    top: 0;
    transition: top .3s;
    width: 100%;
    margin-bottom: 31px;
    line-height: 36px
}
ul.social-icons li a i[class*="hb-moon-"],
ul.social-icons li a i[class*="icon-"] {
    display: block;
    margin-bottom: 38px
}
ul.social-icons.light li a {
    color: #fff;
    background-color: rgba(0, 126, 195,0.05)
}
ul.social-icons.dark li a {
    color: #555;
    background-color: rgba(0, 0, 0, 0.05)
}
ul.social-icons.dark li:last-child a {
    margin-right: 0
}
ul.social-icons li a:hover {
    color: #fff!important
}
ul.social-icons li a:hover i {
    top: -74px
}
ul.social-icons.large li {
    height: 50px
}
ul.social-icons.large li a {
    width: 50px;
    height: 50px;
    font-size: 24px
}
ul.social-icons.large li a i {
    margin-top: 0;
    line-height: 52px
}
ul.social-icons.large li a:hover i {
    top: -88px
}
ul.social-icons li a:hover {
    background-color: #323436
}
ul.social-icons li.behance a:hover {
    background-color: #45668e
}
ul.social-icons li.vk a:hover {
    background-color: #1769ff
}
ul.social-icons li.twitter a:hover {
    background-color: #00aced
}
ul.social-icons li.facebook a:hover {
    background-color: #3b5998
}
ul.social-icons li.blogger a:hover {
    background-color: #fb8f3d
}
ul.social-icons li.googleplus a:hover {
    background-color: #dd4b39
}
ul.social-icons li.youtube a:hover {
    background-color: #b00
}
ul.social-icons li.instagram a:hover {
    background-color: #517fa4
}
ul.social-icons li.linkedin a:hover {
    background-color: #007bb6
}
ul.social-icons li.pinterest a:hover {
    background-color: #cb2027
}
ul.social-icons li.foursquare a:hover {
    background-color: #00aeef
}
ul.social-icons li.flickr a:hover {
    background-color: #ff0084
}
ul.social-icons li.tumblr a:hover {
    background-color: #32506d
}
ul.social-icons li.vimeo a:hover {
    background-color: #aad450
}
ul.social-icons li.dribbble a:hover {
    background-color: #ea4c89
}
ul.social-icons li.skype a:hover {
    background-color: #0078ca
}
ul.social-icons li.github a:hover {
    background-color: #333
}
ul.social-icons li.xing a:hover {
    background-color: #006567
}
ul.social-icons li.mail a:hover {
    background-color: #323436
}
ul.social-icons li.soundcloud a:hover {
    background-color: #F76700
}
ul.social-icons li.yahoo a:hover {
    background-color: #500095
}
ul.social-icons li.wordpress a:hover {
    background-color: #1e8cbe
}
ul.social-icons li.lastfm a:hover {
    background-color: #e31b23
}
ul.social-icons li.github a:hover {
    background-color: #3072b3
}
ul.social-icons li.yelp a:hover {
    background-color: #ea050b
}
ul.social-icons li.forrst a:hover {
    background-color: #3b7140
}
ul.social-icons li.deviantart a:hover {
    background-color: #506256
}
ul.social-icons li.stumbleupon a:hover {
    background-color: #eb4924
}
ul.social-icons li.delicious a:hover {
    background-color: #0b79e5
}
ul.social-icons li.reddit a:hover {
    background-color: #5f99cf
}
ul.social-icons li.page-link a:hover {
    background-color: #333
}
ul.social-icons li.feed-2 a:hover {
    background-color: #f26522
}
ul.social-icons li.google-plus a:hover {
    background-color: #dd4b39
}
ul.social-icons li.twitch a:hover {
    background-color: #6441A5
}
#main-wrapper ul.social-icons li a:hover {
    color: #FFF!important
}
/* Teaser Columns */

.hb-teaser-column p {
    margin-bottom: 0
}
.hb-teaser-column a {
    margin-top: 20px
}
#main-wrapper .hb-teaser-column h6.special {
    margin-bottom: 15px!important
}
#main-wrapper .hb-teaser-column img {
    display: block;
    width: 100%!important;
    max-width: 100%;
    height: auto;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}
.hb-teaser-column .teaser-content {
    position: relative;
    padding: 20px;
    border: solid 1px #ebebeb;
    border-top: none;
    background: #FFF;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-top: 0!important
}
.teaser-content::before {
    position: absolute;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-color: #fff;
    top: -7px;
    left: 50%;
    margin-left: -8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 8
}
.hb-teaser-column.alternative .teaser-content::before {
    display: none
}
.hb-teaser-column.alternative .teaser-content {
    padding-left: 0;
    padding-right: 0;
    background: none;
    border: none
}
.hb-teaser-column.alternative img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}
/* Process Steps */

.hb-process-steps {
    text-align: center
}
.hb-process-steps .feature-box {
    padding-left: 15px;
    padding-right: 15px
}
.hb-process-steps .feature-box i.ic-holder-1 {
    width: 110px;
    height: 110px;
    line-height: 111px;
    background-color: #FFF;
	border:1px solid #007ec3;
}
.hb-process-steps ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}
.hb-process-steps ul li {
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
    z-index: 99
}
.light-style .hb-process-steps .feature-box i.ic-holder-1 {
    background-color: #4c0fb2
}
.hb-process-steps.steps-4 ul li {
    width: 25%
}
.hb-process-steps.steps-3 ul li {
    width: 33.33%
}
.hb-process-steps.steps-5 ul li {
    width: 20%
}
.hb-process-steps ul:before {
    position: absolute;
    left: 100px;
    display: block;
    width: 83%;
    height: 0;
    border-top: 1px dashed #007ec3;
    content: "";
    top: 56px;
    z-index: 0
}
.hb-process-steps.steps-3 .feature-box i.ic-holder-1 {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    line-height: 160px;
    font-size: 55px
}
.hb-process-steps.steps-3 ul:before {
    top: 80px;
    left: 150px;
    width: 70%
}
.hb-process-steps.steps-4 ul:before {
    top: 56px
}
/* Image Banner */

.hb-image-banner {
    position: relative;
    height: auto;
    overflow: hidden
}
.hb-image-banner-content {
    position: absolute;
    z-index: 99;
    top: 50%;
    width: 100%;
    left: 0;
    padding: 0 20px!important
}
.shortcode-image-banner .nbm .hb-bordered-heading {
    margin-bottom: 0
}
.shortcode-image-banner h3.hb-center-heading,
h4.hb-center-heading {
    margin-bottom: 10px!important
}
.hb-image-banner .banner-image {
    width: 100%!important;
    height: auto;
    display: block;
    position: relative;
    z-index: 9;
    border-radius: 6px!important
}
/* Callout Box */

.hb-callout-box {
    display: block;
    padding: 30px;
    border: solid 1px #ebebeb;
    background-color: #FFF;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px
}
.light-style .hb-callout-box {
    border: none;
    background: #222;
    background: rgba(0, 0, 0, 0.2)
}
.hb-callout-box h3 {
    border-left: solid 3px #eee;
    color: #323436;
    padding-left: 15px;
    margin-right: 30%;
    margin-bottom: 0;
    font-size: 18px;
    font-family: 'source_sans_proregular', 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif
}
.hb-callout-box a {
    position: absolute;
    right: 30px!important;
    top: 50%!important;
    margin-top: -22px!important;
    max-width: 29%
}
#main-wrapper .hb-callout-box a.hb-button:active {
    right: 30px;
    top: 50%!important;
    margin-top: -20px!important
}
/* Modal Windows */

.crop-here {
    display: none;
    visibility: hidden;
    opacity: 0;
}
.crop-here.hb-visible-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 99999991;
    display: block;
    visibility: visible;
    opacity: 1;
}
.hb-modal-window {
    width: 600px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 50px;
    opacity: 0;
    z-index: 999999;
    display: none
}
.hb-modal-window .hb-box-cont {
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.hb-modal-window .hb-box-cont-header {
    font-size: 18px;
    padding: 15px 30px
}
.hb-modal-window .hb-box-cont-body {
    padding: 20px 30px
}
.hb-modal-window .hb-box-cont-body >:last-child {
    margin-bottom: 0!important
}
.hb-modal-window.animate-modal {
    display: block;
    opacity: 1
}
#hb-modal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #323436;
    -webkit-backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    display: none;
    overflow-y: auto!important
}
.close-modal {
    float: right;
    font-size: 1.4em;
    color: #ababab
}
.close-modal i {
    margin-right: 0!important
}
/* Tabs */

.wpb_tabs .wpb_tabs_nav li {
    margin: 0 -1px 0 0!important
}
#main-wrapper .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background-color: transparent;
    padding: 0;
}
.hb-tabs-wrapper .nav-tabs {
    border-bottom: solid 1px #ebebeb;
    display: block
}
.hb-tabs-wrapper .nav-tabs li {
    float: left;
    display: inline-block;
    margin-right: -1px;
    position: relative;
    bottom: -1px
}
#main-wrapper .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
    border-bottom: solid 1px #ebebeb
}
#main-wrapper .hb-tabs-wrapper:not(.wpb_tabs) ul li a {
    border-bottom: 0!important
}
#main-wrapper .hb-tabs-wrapper:not(.wpb_tabs) ul li:last-child a {
    border-bottom: solid 1px #ebebeb!important
}
.hb-tabs-wrapper .nav-tabs li i {
    margin-right: 7px;
    vertical-align: -1px
}
.hb-tabs-wrapper .nav-tabs li a {
    display: block;
    color: #666;
    background-color: #f8f8f8;
    padding: 10px 18px;
    margin: 0 0 -1px;
    border: solid 1px #ebebeb
}
.hb-tabs-wrapper .nav-tabs li.active a {
    border-bottom-color: #FFF;
    background-color: #FFF
}
.hb-tabs-wrapper .tab-content {
    padding: 20px 20px 17px;
    border-left: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    border-right: solid 1px #ebebeb;
    display: block;
    background: #FFF;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}
.tab-content > .tab-pane,
.wpb_tabs .tab-content {
    display: none
}
.tab-content p:last-child {
    margin-bottom: 0
}
.tab-content > .tab-pane.active {
    display: block!important
}
.wpb_tour .wpb_tabs_nav a {
    width: auto!important
}
.hb-tabs-wrapper.tour-style .nav-tabs {
    float: left;
    margin: 0!important;
    width: 25%;
    border-right: 0;
    border-bottom: 0;
    position: relative;
    z-index: 9
}
.hb-tabs-wrapper.tour-style.right-tabs .nav-tabs {
    float: right;
    margin-left: -1px!important
}
.hb-tabs-wrapper.tour-style .nav-tabs > li {
    display: block;
    float: none;
    bottom: 0
}
.hb-tabs-wrapper.tour-style .tab-content {
    float: left;
    width: 75%;
    border: 0;
    border: 1px solid #ebebeb;
    position: relative;
    z-index: 91;
    margin-left: -1px!important
}
.hb-tabs-wrapper.tour-style.right-tabs .tab-content {
    float: right
}
.hb-tabs-wrapper.tour-style .nav-tabs li.active a {
    border-bottom-color: #ebebeb;
    border-right-color: transparent
}
.hb-tabs-wrapper.tour-style.right-tabs .nav-tabs > li.active a {
    border-right-color: #ebebeb;
    border-left-color: transparent
}
.hb-tabs-wrapper.tour-style.right-tabs .nav-tabs > li a {
    position: relative;
    margin-top: -1px
}
.hb-tabs-wrapper.tour-style.right-tabs .nav-tabs > li:first-child a {
    margin-top: 0
}
#main-wrapper .ui-tabs-active.ui-state-active > a {
    border-bottom-color: #FFF !important
}
/* Boxed Content */

.hb-box-cont {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.hb-box-cont-header {
    display: block;
    border-bottom: solid 1px #ebebeb;
    background-color: #f9f9f9;
    color: #323436;
    padding: 10px 20px 7px;
    font-family: 'source_sans_prosemibold', sans-serif
}
.hb-box-cont-header i {
    margin-right: 5px
}
.hb-box-cont-body {
    padding: 20px
}
/* Image Frames */

.hb-circle-frame,
.hb-box-frame {
    display: block;
    text-align: center
}
.hb-circle-frame span {
    display: inline-block;
    overflow: hidden;
    margin: 0 auto;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    border: solid 5px rgba(0, 0, 0, 0);
    max-width: 100%;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}
.hb-box-frame span {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    border: solid 5px rgba(0, 0, 0, 0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-width: 100%;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}
.hb-circle-frame span a {
    border-radius: 1000px;
    overflow: hidden
}
.hb-circle-frame span a,
.hb-box-frame span a {
    display: block;
    position: relative
}
div.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0
}
.hb-circle-frame div.overlay {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px
}
div.overlay .plus-sign {
    position: relative;
    top: 45%;
    margin-top: -20px
}
.embed-video iframe {
    width: 100%
}
/* Icons */

.hb-icon {
    font-size: 30px;
    line-height: 1;
    padding: 0;
    width: auto;
    height: 24px;
    background-image: none
}
.shortcode-milestone-counter .hb-icon {
    font-size: 48px;
    height: 40px;
    line-height: 40px;
    vertical-align: 0;
    display: inline-block;
    margin: 0!important
}
.hb-icon-float-left {
    float: left;
    padding: 5px 10px 0 0
}
.hb-icon-float-right {
    float: right;
    padding: 5px 0 0 10px
}
#main-wrapper .hb-icon-float-none {
    display: block!important;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    position: relative
}
.hb-icon.hb-icon-small {
    font-size: 16px;
    line-height: 1;
    width: auto;
    height: 16px
}
.hb-icon.hb-icon-medium {
    font-size: 32px;
    line-height: 1;
    width: auto;
    height: 32px
}
.hb-icon.hb-icon-medium.hb-icon-container {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 33px;
    -webkit-transition: background 0.2s, color .2s;
    -moz-transition: background 0.2s, color .2s;
    transition: background 0.2s, color .2s
}
.hb-icon.hb-icon-large {
    font-size: 64px;
    line-height: 1;
    width: auto;
    height: 64px
}
.hb-icon-container {
    padding: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 20px;
    border: 1px solid #eee
}
/* Notification Boxes */

.hb-notif-box,
#main-wrapper div.wpcf7-response-output {
    height: auto;
    line-height: 20px;
    overflow: hidden;
    padding: 13px 20px;
    text-align: left;
    margin-bottom: 10px;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    margin-top: 20px;
    position: relative
}
.hb-notif-box {
    margin-top: 0
}
.hb-notif-box a {
    color: #FFF;
    border-bottom: solid 1px rgba(255, 255, 255, 0.2)
}
.hb-notif-box p {
    margin: 0 0 0 20px
}
.hb-notif-box p i {
    position: absolute;
    left: 15px;
    top: 15px;
    color: rgba(0, 0, 0, 0.7)
}
.warning {
    background-color: #ffd56c;
    color: #323436
}
.success,
.wpcf7-mail-sent-ok {
    background-color: rgb(46, 204, 113);
    color: #FFF
}
.hb-notif-box.success p i,
.hb-notif-box.error p i,
.hb-notif-box.info p i {
    color: rgba(255, 255, 255, 0.7)
}
.hb-notif-box.error,
div.wpcf7-validation-errors {
    background-color: rgb(192, 57, 43);
    color: #FFF
}
.hb-notif-box.info {
    background-color: rgb(72, 172, 239);
    color: #FFF
}
.hb-notif-box i.icon-lightbulb {
    font-size: 1.3em;
    top: 13px
}
/* Progress Bar */

.hb-skill-meter {
    margin-bottom: 20px
}
.hb-skill-meter .bar-title {
    float: left
}
.hb-skill-meter .progress-value {
    float: right;
    display: inline
}
.hb-skill-meter .hb-skill-meter-title {
    display: block;
    margin-bottom: 8px;
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 12px
}
.hb-skill-meter .hb-progress-bar {
    position: relative;
    display: block;
    height: 3px;
    background-color: #ebebeb;
    background-color: rgba(0, 0, 0, 0.05)
}
.hb-skill-meter .hb-progress-bar .progress-inner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.progress-outer {
    height: 3px;
    position: absolute;
    top: 0;
    left: 0
}
.progress-outer,
.progress-inner,
.hb-progress-bar {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}
/* Chart */

.hb-chart {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.hb-chart canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}
.hb-chart i,
.hb-chart .chart-custom-text,
.hb-chart .chart-percent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    width: 100%;
    color: #323436;
    text-align: center
}
.hb-chart .chart-custom-text {
    font-size: 18px
}
.hb-chart .chart-percent {
    font-family: 'Museo500Regular';
    font-size: 18px
}
.hb-chart-desc {
    display: block;
    text-align: center;
    font-size: 12px
}
@media handheld,
only screen and (max-width: 600px) {
    .hb-chart {
        margin: 0 auto
    }
}
/* Counter */

.hb-counter {
    text-align: center;
    margin-top: 20px
}
.hb-counter .count-number {
    font-size: 60px;
    display: block;
    text-align: center;
    line-height: 55px;
    letter-spacing: -2px
}
.hb-counter .count-subject,
.hb-chart-desc {
    text-align: center;
    line-height: 1.3;
    color: #323436;
    font-size: 13px;
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0;
    position: relative;
    bottom: -60px;
    margin-top: 7px
}
h3.count-subject i {
    margin-right: 10px;
    line-height: 1;
    vertical-align: -1px;
    font-size: 1.3em
}
.count-separator {
    margin-top: -5px
}
.hb-counter .count-separator span {
    display: inline-block;
    text-align: center;
    width: 0;
    margin: 10px auto 7px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    background: #ebebeb
}
/* Countdown */

.hb-countdown-unit {
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.hb-countdown-unit li {
    text-align: center;
    display: inline-block;
    float: left;
    width: 100px;
    height: 80px;
    margin-right: 7px;
    line-height: 60px;
    color: #323436;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0)
}
.hb-countdown-unit .timestamp {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: 'Museo500Regular';
    color: #323436
}
.hb-countdown-unit .timeRef {
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 13px;
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    color: #999
}
/* Icons */

.hb-large-icon {
    padding: 20px 0;
    color: #ff6838
}
.hb-large-icon i {
    line-height: 1;
    display: inline-block;
    vertical-align: -1px;
    margin: 0;
    font-size: 64px
}
/* List Styles */

ul.hb-ul-list,
ul.hb-ul-list li {
    margin: 0 0 20px;
    padding: 0;
    list-style: none!important;
    list-style-type: none!important
}
ul.hb-ul-list ul {
    margin: 5px 0 0 15px;
    padding: 0
}
ul.hb-ul-list li {
    position: relative;
    margin: 0 0 6px;
    padding: 0;
    line-height: 20px
}
ul.hb-ul-list.line-list li,
ol.line-list li,
ul.line-list li {
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 3px
}
.hb-ul-list br,
.line-list br {
    display: none!important
}
ul.hb-ul-list li i {
    vertical-align: 0;
    margin-right: 6px;
    line-height: 1;
    font-size: .9em
}
/* Accordions */

.hb-accordion,
.hb-toggle {
    display: block;
    margin-bottom: -1px
}
.team-meta-sidebar .hb-toggle {
    margin-bottom: 15px
}
.hb-accordion-single {
    margin-bottom: 5px
}
.hb-accordion-tab {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #fff;
    border-color: #ebebeb;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 9px 35px;
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.hb-accordion-tab i {
    position: absolute;
    left: 12px;
    font-size: 14px;
    line-height: 1;
    vertical-align: -1px;
    top: 50%;
    margin-top: -8px;
    color: #999
}
.hb-accordion-tab i.icon-angle-right {
    left: auto;
    right: 12px;
    color: #999!important
}
.active-toggle.hb-accordion-tab i.icon-angle-right:before {
    content: "\f107"!important
}
.active-toggle.hb-accordion-tab,
.hb-accordion-tab:hover {
    background: #f9f9f9;
    color: #000
}
.active-toggle.hb-accordion-tab i,
.hb-accordion-tab:hover i {
    color: #000
}
#main-wrapper .hb-accordion-pane {
    display: none;
    padding: 15px;
    background: #FFF;
    border: solid 1px #ebebeb;
    position: relative;
    top: -1px;
    margin-bottom: 5px!important
}
#main-wrapper .hb-accordion-pane p:last-child,
#main-content .hb-accordion-pane .wpb_content_element:last-child {
    margin-bottom: 0!important
}
/* Titles */

.hb-heading i:not(.special-amp),
p.hb-text-large i:not(.special-amp) {
    font-size: 1.2em;
    margin-right: 10px;
    display: inline-block;
    vertical-align: 0;
    line-height: .8em
}
h5.hb-heading,
h4.hb-heading,
h3.hb-heading,
h4.lined-heading,
.hb-bordered-heading {
    line-height: 1!important;
    text-align: left;
    overflow: hidden;
    margin-top: 0;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: normal;
    padding: 10px 0
}
.hb-bordered-heading {
    margin-bottom: 20px;
    line-height: 1;
    display: inline-block;
    padding: 10px 15px 11px;
    color: #000;
    border: 2px solid #000;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'source_sans_prosemibold', Arial
}
h3.hb-center-heading,
h4.hb-center-heading {
    text-align: center;
    display: block!important;
    max-width: 100%;
    margin: 20px auto 25px
}
h4.hb-heading span:not(.special-amp),
h3.hb-heading span,
h4.lined-heading,
h5.hb-heading span {
    display: inline-block;
    position: relative
}
h5.hb-heading span:not(.special-amp):before,
h4.hb-heading span:not(.special-amp):before,
h4.hb-heading span:not(.special-amp):after,
h5.hb-heading span:not(.special-amp):after,
h3.hb-heading span:not(.special-amp):before,
h3.hb-heading span:not(.special-amp):after,
h4.lined-heading span:not(.special-amp):before,
h4.lined-heading span:not(.special-amp):after {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #ebebeb;
    top: 50%;
    margin-top: 1px;
    width: 1200px
}
.hb-right-heading {
    text-align: right!important
}
.hb-right-heading span:before {
    margin-right: 15px!important;
    right: 100%!important
}
h3.spb-icon-heading span:before,
h3.spb-icon-heading span:after {
    top: 11px
}
h5.hb-heading span:before,
h4.hb-heading span:before,
h3.hb-heading span:before,
h4.lined-heading span:before {
    right: 100%;
    margin-right: 15px
}
h4.hb-heading span:after,
h3.hb-heading span:after,
h4.lined-heading span:after,
h5.hb-heading span:after {
    left: 100%;
    margin-left: 15px
}
h4.hb-center-heading span:before,
h3.hb-center-heading span:before,
h4.hb-center-heading span:after,
h3.hb-center-heading span:after {
    max-width: 35px;
    margin: 0 -10px
}
h3.hb-center-heading span:not(.special-amp),
h4.hb-center-heading span:not(.special-amp) {
    position: relative;
    z-index: 5;
    padding: 0 20px
}
p.hb-text-large {
    font-size: 43px;
    line-height: 1.3em;
    margin-bottom: 0
}
.hb-subtitle {
    margin-top: -10px;
    margin-bottom: 25px;
    color: #999
}
.hb-subtitle-medium {
    margin-top: -15px;
    margin-bottom: 25px;
    color: #999
}
.hb-subtitle-small {
    margin-top: -20px;
    margin-bottom: 25px;
    color: #999
}
/* Feature Box */

.feature-box i.ic-holder-1 {
    display: inline-block!important;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    font-size: 30px;
    vertical-align: 0!important;
    height: 90px;
    line-height: 90px;
    width: 90px;
    padding: 0;
    margin: 0!important;
    font-style: normal;
    -webkit-backface-visibility: hidden
}
.feature-box:hover:not(.alternative) i.ic-holder-1 {
    transform: scale(1.15)
}

table.focus-header th, .second-skin #main-nav > li a:hover, .second-skin #main-nav > li.current-menu-item > a, .second-skin #main-nav > li.sfHover > a, #header-inner.stuck .second-skin #main-nav > li > a:hover, .second-skin #main-nav > li.current-menu-item > a, .crsl-nav a:hover, .feature-box:hover i.ic-holder-1 {
    background: #007ec3;
    color: #FFF;}
	
#header-dropdown .close-map:hover, #sticky-shop-button:hover, #sticky-shop-button span, .quote-post-format .quote-post-wrapper a, .link-post-format .quote-post-wrapper a, .status-post-format .quote-post-wrapper a, span.highlight, mark, .feature-box:hover:not(.standard-icon-box) .hb-small-break, .content-box i.box-icon, .hb-button, input[type=submit], a.read-more, .hb-effect-2 #main-nav > li > a > span::after, .hb-effect-3 #main-nav > li > a::before, .hb-effect-4 #main-nav > li > a::before, .hb-effect-6 #main-nav > li > a::before, .hb-effect-7 #main-nav > li > a span::after, .hb-effect-8 #main-nav > li > a:hover span::before, .hb-effect-9 #main-nav > li > a > span::before, .hb-effect-9 #main-nav > li > a > span::after, .hb-effect-10 #main-nav > li > a:hover span::before, .hb-effect-10 #main-nav > li.current-menu-item > a span::before, #main-nav > li.sfHover > a span::before, #main-nav > li.current-menu-ancestor > a span::before, .pace .pace-progress, #main-wrapper .hb-bag-buttons a.checkout-button {
		background: #007ec3;
}
.hb-moon-stack-picture:before {
    content: "\e23e";
}
	
.feature-box:not(.alternative) .hb-icon-wrapper {
    display: inline-block;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
    font-size: 30px;
    vertical-align: 0!important;
    height: 90px;
    line-height: 90px;
    width: 90px
}
.feature-box.alternative i.ic-holder-1 {
    background: none!important;
    border: none!important;
    font-size: 36px;
    line-height: 36px;
    height: 50px;
    width: 60px;
    margin-bottom: 0!important;
    padding: 0!important
}
.feature-box .icon-box-img {
    margin-bottom: 20px;
    display: inline-block
}
.standard-icon-box i.title-icon {
    font-size: 1.3em;
    vertical-align: -3px;
    margin-right: 15px;
    line-height: 1;
    font-style: normal
}
.feature-box.left-icon-box i.ic-holder-1,
.feature-box.left-icon-box .icon-box-img,
.feature-box.left-icon-box .hb-icon-wrapper {
    float: left;
    margin: 0
}
.feature-box.left-icon-box .feature-box-content {
    margin-left: 120px;
    text-align: left
}
.feature-box.left-icon-box .feature-box-content.with-image {
    margin-left: 90px
}
.feature-box.left-icon-box.alternative .feature-box-content {
    margin-left: 80px
}
.feature-box.right-icon-box i.ic-holder-1,
.feature-box.right-icon-box .icon-box-img,
.feature-box.right-icon-box .hb-icon-wrapper {
    float: right;
    margin: 0
}
.feature-box.right-icon-box .feature-box-content {
    margin-right: 120px;
    text-align: right
}
.feature-box.right-icon-box .feature-box-content.with-image {
    margin-right: 90px
}
.feature-box.right-icon-box.alternative .feature-box-content {
    margin-right: 80px
}
.feature-box .hb-small-break {
    margin: 10px auto 15px;
    width: 40px
}
.feature-box:hover .hb-small-break {
    width: 75px
}
.feature-box h4.bold {
    color: #323436;
    font-weight: 400;
    margin-bottom: 10px!important
}
.hb-process-steps .feature-box h4.bold {
    margin-top: 20px;font-family: 'Roboto', sans-serif;
}
.feature-box.dashed-border i {
    border-style: dashed!important
}
/* Separators */

.hb-small-break,
hr {
    height: 1px;
    width: 70px;
    margin: 20px auto 25px;
    background: #ebebeb;
    display: block;
    border: none
}
.hb-separator {
    display: block;
    width: 100%;
    height: 1px;
    border-top: solid 1px #ebebeb;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative
}
.hb-separator.with-text {
    margin-right: 80px
}
.hb-separator .go-to-top {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
    background: #FFF;
    z-index: 999
}
.hb-separator .hb-scissors {
    left: 30px;
    top: -11px
}
.go-to-top {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    padding: 3px 12px
}
.hb-separator.extra-space {
    margin-top: 40px;
    margin-bottom: 40px;
    border: none
}
.hb-fw-separator {
    display: block;
    width: 600%;
    height: 1px;
    border-top: solid 1px #ebebeb;
    position: absolute;
    right: -200%;
    margin: 0;
    bottom: -1px
}
.light-style .hb-separator,
.light-style .hb-fw-separator {
    border-top-color: rgba(0, 126, 195,0.05)
}
.right-sidebar .hb-fw-separator {
    right: -31px
}
.left-sidebar .hb-fw-separator {
    left: -31px;
    right: auto
}
.hb-fw-separator::before {
    display: block;
    content: "";
    position: relative;
    width: 100%;
    height: 20px
}
.hb-fw-separator::after {
    display: block;
    content: "";
    position: relative;
    width: 100%;
    height: 20px
}
.hb-separator.dashed-border,
.hb-separator.double-border.dashed-border,
.hb-fw-separator.dashed-border {
    border-top-style: dashed;
    border-top-color: #ccc;
    border-bottom-color: #ccc
}
.hb-separator.double-border {
    height: 7px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ebebeb
}
.light-style .hb-separator.dashed-border,
.light-style .hb-separator.double-border.dashed-border,
.light-style .hb-fw-separator.dashed-border {
    border-top-color: rgba(255, 255, 255, 0.15);
    border-bottom-color: rgba(0, 126, 195,0.05)
}
.hb-separator.thick-border,
.thick-border {
    border-width: 3px
}
.thick-border .hb-small-break,
.thick-border hr {
    height: 3px
}
.hb-separator.double-border.dashed-border {
    border-bottom-style: dashed;
    border-top-style: dashed
}
.hb-separator-s-1 {
    border-top: dotted 1px #ebebeb;
    width: 80px;
    height: 1px;
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
    clear: both;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}
.hb-separator-extra {
    display: block;
    width: 100%;
    height: 1px;
    border-top: solid 1px #ebebeb;
    margin-top: 40px;
    margin-bottom: 40px
}
.left-sidebar .hb-separator-extra {
    margin-left: -30px;
    padding-left: 30px
}
.hb-small-separator {
    display: block;
    width: 30px;
    height: 1px;
    border-top: solid 1px #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    clear: both;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}
.hb-separator-25 {
    display: block;
    width: 25%;
    height: 1px;
    border-top: solid 1px #ebebeb;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    clear: both;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative
}
.hb-separator-25 .hb-scissors {
    left: 10px
}
.right-sidebar .hb-separator-extra {
    margin-right: -30px;
    padding-right: 30px
}
/* Content Box */

.content-box {
    border: solid 1px #ebebeb;
    display: block;
    padding: 45px 20px 20px;
    background: #FFF;
    text-align: center;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 50px
}
.video-content .content-box {
    background: rgba(255, 255, 255, 0.9)
}
.content-box h4 {
    margin-top: 5px;
    padding-top: 0;
    margin-bottom: 15px;
    color: #323436
}
.content-box i.box-icon {
    position: absolute;
    z-index: 99;
    display: block;
    width: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 60px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}
.content-box.top-icon i.box-icon {
    top: 0;
    left: 50%;
    margin-left: -30px;
    top: -30px
}
.content-box.left-icon i.box-icon {
    top: 50%;
    left: 0;
    left: -30px;
    margin-top: -30px
}
.content-box.left-icon {
    width: 93%;
    padding: 20px 35px 35px 50px;
    text-align: left
}
/* Login Page Template */

.hb-logout-box {
    display: block;
    width: 60%;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 30px;
    overflow: hidden;
    position: relative
}
.hb-login-box {
    position: relative
}
.hb-login-box .hb-login-form {
    padding: 0
}
.avatar-image {
    margin-bottom: 20px
}
.hb-logout-box .hb-button {
    margin-top: 10px
}
p.hb-checkbox {
    text-align: left
}
.hb-logout-box small {
    display: block;
    clear: both;
    margin-top: 15px;
    margin-bottom: -15px;
    color: #777
}
.hb-logout-box small a {
    border-bottom: solid 1px #ccc;
    color: #323436
}
.hb-login-box .hb-button {
    width: 35%
}
/* Standard Portfolio */

.portfolio-like-holder {
    position: absolute;
    top: 1px;
    right: 20px;
    letter-spacing: 1px
}
.hb-gal-standard-description.portfolio-description {
    position: relative
}
.hb-gal-standard-description.portfolio-description h3 {
    margin-right: 60px
}
.portfolio-simple-wrap .hb-gal-standard-description.portfolio-description h3 {
    margin-right: 0
}
.hb-gal-standard-description.portfolio-description .portfolio-small-meta {
    width: 100%;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    height: 36px;
    margin-bottom: 0;
    line-height: 36px;
    font-size: 12px;
    color: #999;
    border-top: solid 1px #EFEFEF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}
#main-wrapper .fw-portfolio-head {
    margin-bottom: 40px
}
.hb-gal-standard-description.portfolio-description p {
    margin-top: 13px;
    margin-bottom: 0;
    color: #767676;
    font-size: 13px
}
.details-link i {
    margin-left: 3px;
    position: relative;
    bottom: 1px
}
/* Standard Gallery */

.hb-gal-standard-img-wrapper {
    position: relative;
    overflow: hidden
}
.hb-gal-standard-img-wrapper,
.hb-gal-standard-img-wrapper img,
.hb-gal-standard-img-wrapper a {
    display: block;
    -webkit-backface-visibility: visible
}
.hb-gal-standard-img-wrapper a img {
    -webkit-perspective: 4000
}
.hb-gal-standard-description {
    background: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: block;
    margin: 0;
    text-align: center;
    padding: 15px 20px;
    border: solid 1px #eee;
    border-top: none
}
.portfolio-simple-wrap .hb-gal-standard-description {
    padding: 15px 0;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none
}
.portfolio-simple-wrap .portfolio-small-meta,
.portfolio-simple-wrap .like-holder,
.portfolio-simple-wrap .hb-gal-standard-count {
    display: none
}
.hb-gal-standard-description.portfolio-description {
    text-align: left;
    padding-bottom: 0
}
.hb-gal-standard-description.portfolio-description h3 a {
    display: block;
    margin-bottom: 10px!important
}
.portfolio-simple-wrap .hb-gal-standard-description.portfolio-description {
    text-align: center
}
.portfolio-simple-wrap .hb-gallery-item-name {
    position: relative
}
.portfolio-simple-wrap .hb-gallery-item-name:before {
    position: absolute;
    display: block;
    content: "";
    width: 30px;
    height: 1px;
    background-color: #ccc;
    bottom: -8px;
    right: 50%;
    margin-right: -15px;
    z-index: 8
}
.portfolio-simple-wrap .standard-gallery-item:hover .hb-gallery-item-name:before {
    width: 70px;
    margin-right: -35px
}
.hb-gal-standard-description h3 {
    font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #323436;
    margin: 0
}
.hb-gal-standard-description .hb-gal-standard-count {
    font-size: 12px;
    color: #999;
    font-style: italic;
    text-transform: none;
    position: relative;
    top: -1px;
}
.crsl-wrap .hb-gal-standard-description .hb-gal-standard-count {
    top: -7px;
}
.hb-gal-standard-img-wrapper .item-overlay-text-wrap {
    margin-top: -27px
}
.plus-sign {
    width: 30px;
    height: 30px;
    background-image: url(images/plus-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    display: inline-block;
}
.hb-gal-standard-description .hb-small-separator {
    margin-top: 6px;
    margin-bottom: 2px;
    border-top-color: #ebebeb
}
.camera-overlay i {
    font-size: 30px;
    line-height: 30px;
    color: #FFF;
}
/* Single Portfolio */

.portfolio-single-meta {
    position: relative;
    z-index: 991;
    margin-top: 5px
}
.portfolio-single-meta a.hb-button {
    margin-top: 20px;
    display: block;
    margin-right: 0
}
ul.blog-social-share {
    border: 0!important
}
ul.blog-social-share li:last-child {
    border-bottom: 0
}
.portfolio-single-meta ul {
    margin: 0;
    border: solid 1px #ebebeb;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}
.portfolio-single-meta ul.meta-list li {
    padding: 6px 12px;
    border-bottom: solid 1px #ebebeb;
    background: transparent
}
.portfolio-single-meta ul.meta-list li:hover {
    background: #f4f4f4
}
.portfolio-single-meta ul.meta-list li:last-child {
    border-bottom: none
}
.related-portfolio-items .standard-gallery-item {
    opacity: 1!important
}
.portfolio-related-item {
    float: left;
    display: block;
    border: solid 2px transparent
}
.portfolio-related-item img {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    display: block;
    width: 100%
}
.portfolio-related-fw {
    background: rgba(0, 0, 0, 0.02);
    padding-top: 10px;
    padding-bottom: 40px;
    margin-bottom: -1px
}
/* Fullwidth Gallery Grid */

.col {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
#fw-gallery-grid {
    margin-top: -50px;
    position: relative;
}
#fw-gallery-grid .load-more-posts {
    margin-bottom: -1px;
}
#fw-gallery-grid .col {
    opacity: 0;
}
#fw-gallery-grid .col.visible {
    opacity: 1;
}
#fw-gallery-grid .pagination {
    position: absolute;
    bottom: 0px;
    right: 20px;
    display: inline-block;
    margin: 0 auto 15px 0;
    width: auto !important;
    z-index: 99991;
}
#fw-gallery-grid .pagination ul li a {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.hb-gallery-caption {
    line-height: 80px;
    margin: 0;
    margin-right: 10px;
    float: left;
    display: inline-block;
}
/* Fullwidth Gallery Filter & Sorter */

.hb-gallery-sort {
    display: block;
    padding: 0;
    background-color: #FFF;
    color: #FFF;
    position: relative;
    z-index: 9999
}
.hb-grid-filter,
.hb-sort-filter {
    display: inline-block;
    float: right;
    margin-right: 1px
}
.hb-gallery-sort li.hb-dd-header {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: #777;
    padding: 30px 14px;
    position: relative;
    display: inline-block;
    width: auto;
    cursor: default
}
.hb-gallery-sort li.hb-dd-header:hover {
    background-color: #f4f4f4
}
.hb-gallery-sort li ul {
    line-height: 1.3em;
    width: auto;
    background: #323436;
    margin: 0;
    position: absolute;
    left: 0;
    z-index: 9999;
    top: 100%;
    width: 100%;
    letter-spacing: 0;
    font-size: 14px;
    margin-top: 30px;
    top: 100%;
    display: block;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    visibility: hidden
}
/* Regular Gallery Filter & Sort */

.standard-gallery-filter {
    margin-bottom: 40px!important
}
ul.filter-tabs {
    font-size: 13px;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    float: left
}
ul.filter-tabs.sort-tabs {
    float: right!important
}
ul.filter-tabs li:first-child a {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
ul.filter-tabs li:last-child a {
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.filter-tabs li {
    float: left;
    display: block;
    background-color: #FFF;
    -webkit-backface-visibility: hidden
}
.filter-tabs li a {
    padding: 8px 16px;
    border: 1px solid #ebebeb;
    display: block;
    margin-right: -1px;
    text-decoration: none;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 9
}
.filter-tabs li a:hover {
    background-color: rgba(255, 255, 255, 0.5)
}
.filter-tabs li.selected {
    z-index: 99
}
.filter-tabs li.selected a {
    color: #fff!important;
    z-index: 99
}
.filter-tabs li a span.item-count,
.hb-filter-count {
    margin-left: 10px;
    opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity 70)
}
.hb-gallery-sort li > ul > li > a {
    color: #999;
    line-height: 22px;
    display: block;
    float: none;
    padding: 8px 12px;
    border-bottom: solid 1px #666;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    text-transform: capitalize
}
.hb-gallery-sort li:hover > ul {
    display: block
}
.hb-gallery-sort li > ul > li:last-child a {
    border-bottom: none
}
.fw-gallery-wrap {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow-y: hidden;
    padding-left: 0
}
#fw-gallery-grid {
    width: 100%
}
#standard-gallery-masonry {
    width: 100%;
    top: 0
}
.inner-masonry {
    width: 110%
}
#fw-gallery-grid .elastic-item {
    margin: 0!important;
    position: relative
}
.fw-gallery-wrap.columns-2 .elastic-item {
    width: 50%
}
.fw-gallery-wrap.columns-3 .elastic-item {
    width: 33.33%
}
.fw-gallery-wrap.columns-4 .elastic-item {
    width: 25%
}
.fw-gallery-wrap.columns-5 .elastic-item {
    width: 20%
}
.fw-gallery-wrap.columns-6 .elastic-item {
    width: 16.66%
}
.elastic-item img {
    width: 100.5%!important;
    max-width: 100.5%!important;
    -webkit-transform: translate3d(0, 0, 0)
}
.standard-gallery-item {
    opacity: 0
}
#fw-gallery-grid .col.animate,
.standard-gallery-item-wrap.animate {
    opacity: 1
}
.gallery-item {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}
.item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}
.item-overlay,
.item-overlay-text {
    opacity: 0;
    filter: alpha(opacity=0)
}
.item-overlay-text {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
    background: #222;
    background: rgba(0, 0, 0, 0.8)
}
.item-overlay-text h4 {
    color: #FFF;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    display: block;
    margin-bottom: 10px
}
.item-overlay-text span.item-count-text {
    font-size: 13px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7)
}
.item-overlay-text-wrap {
    display: block;
    position: relative;
    top: 50%;
    margin-top: -30px
}
.gallery-item a:hover,
.hb-fw-element a:hover {
    cursor: url(images/plus.cur), crosshair;
    cursor: url(images/plus.png) 20 20, crosshair
}
.item-date {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.2);
    padding: 2px 10px;
    color: #FFF;
    text-transform: uppercase
}
/* ==========================================================================
   Footer Styles
============================================================================= */

#footer {
    display: block;
    padding: 70px 0 50px 0;
    background-color: #222;
    -webkit-backface-visibility: hidden;
}
#footer .row.footer-row {
    margin: 0 -30px !important;
}
#footer.background-image {
    background-image: url(images/map.png);
    background-position: center center;
    background-repeat: no-repeat;
}
#footer .widget-column {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
    padding: 0 30px;
}
#footer.light-style .widget-column {
    border-left-color: #ebebeb;
}
#footer .widget-column.no-separator {
    border-left: none!important;
}
#footer .widget-column:first-child {
    border: none!important;
}
#footer.footer-bg-image {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
#footer.footer-bg-image .widget-column {
    margin-bottom: 50px;
}
#footer.light-style {
    background-color: #f4f4f4;
    border-top: solid 1px #ebebeb;
}
#pre-footer-area {
    position: relative;
    background-color: #ecebe9;
    background-color: rgba(0, 0, 0, 0.05);
    color: #323436;
    text-align: center;
    vertical-align: bottom;
    font-size: 22px;
    border-bottom: solid 3px #eee;
    letter-spacing: 0px;
}
#pre-footer-area .container {
    padding: 30px 0;
}
#pre-footer-area .hb-button {
    margin-left: 20px;
    padding: 20px 30px 16px;
    margin-bottom: 0;
}
#pre-footer-area:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #f9f9f9;
    top: -1px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}
.page-template-page-contact-php #pre-footer-area:after {
    display: none;
}
#main-wrapper.hb-boxed-layout #pre-footer-area:after {
    border-top-color: #f9f9f9;
}
span.pre-footer-text {
    position: relative;
    top: 4px;
}
#copyright-wrapper {
    background: #292929;
    display: block;
    padding: 15px 0!important;
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
    border-top: solid 1px rgba(255, 255, 255, 0.06);
    -webkit-backface-visibility: hidden;
}
#copyright-wrapper.light-style {
    border-top: solid 1px #ebebeb;
    color: #676767;
}
#copyright-wrapper.footer-bg-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
}
#copyright-wrapper a {
    color: #aaa;
    border-bottom: solid 1px rgba(255, 255, 255, 0.07);
    padding-bottom: 2px;
}
#copyright-wrapper p {
    margin-bottom: 0!important;
    margin-top: 0!important;
}
.normal-copyright #copyright-text {
    float: left;
}
.normal-copyright #footer-menu {
    float: right;
}
#copyright-wrapper.simple-copyright {
    text-align: center;
    border-top: 0;
}
.simple-copyright #copyright-text {
    display: block;
}
.simple-copyright #footer-menu {
    display: none;
}
#copyright-text,
#copyright-text p {
    margin-bottom: 0;
}
ul.social-list {
    display: block;
}
ul.social-list li {
    display: inline-block;
    margin-right: 7px;
}
ul.social-list li:last-child {
    margin-right: 0!important;
}
ul.social-list.large li {
    width: 44px;
    height: 44px;
    font-size: 28px;
    line-height: 44px;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
ul.social-list li i,
ul.social-list li a {
    line-height: 1;
}
ul.social-list li a {
    color: #323436;
}
#hb-maintenance ul.social-list {
    float: right;
    margin-right: 70px;
}
#hb-maintenance ul.social-list li a {
    color: rgba(255, 255, 255, 0.7);
}
#hb-maintenance ul.social-list li a:hover {
    color: #FFF;
}
#footer .widget-column .widget-item {
    margin-bottom: 30px;
    position: relative;
}
#footer .widget-column .widget-item:last-child {
    margin-bottom: 0!important;
}
#footer-nav {
    margin: 0;
    list-style-image: none;
    list-style-type: none;
}
#footer-nav li a i {
    margin-right: 5px;
    vertical-align: -1px;
    font-size: .9em;
}
#footer-nav li {
    float: left;
    margin-right: 15px;
}
#footer-nav li a,
.side-nav-bottom-text,
.side-nav-bottom-part ul li {
    position: relative;
}
#footer-nav li ul {
    display: none;
}
#copyright-wrapper.dark-style a {
    border-bottom: solid 1px #666;
    padding-bottom: 2px;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
}
#copyright-wrapper.dark-style a:hover {
    color: #FFF;
}
#footer-nav li:last-child {
    margin-right: 0;
}
#footer.dark-style .widget-item #s,
#footer.dark-style .widget-item input[type=text],
#footer.dark-style .widget-item input[type=email],
#footer.dark-style .widget-item textarea,
.megamenu .widget-item #s,
#hb-side-section .widget-item #s,
#hb-side-section .widget-item input[type=text],
.megamenu .widget-item input[type=text],
#hb-side-section .widget-item input[type=email],
.megamenu .widget-item input[type=email],
#hb-side-section .widget-item textarea,
.megamenu .widget-item textarea {
    border-color: #333;
    border-color: rgba(255, 255, 255, 0.15);
}
#footer .widget-item #s:focus,
#footer.dark-style .widget-item input[type=text]:focus,
#footer.dark-style .widget-item input[type=email]:focus,
#footer.dark-style .widget-item textarea:focus,
#hb-side-section #s:focus,
#hb-side-section .widget-item input[type=text]:focus,
#hb-side-section .widget-item input[type=email]:focus,
#hb-side-section .widget-item textarea:focus,
.megamenu #s:focus,
.megamenu .widget-item input[type=text]:focus,
.megamenu .widget-item input[type=email]:focus,
.megamenu .widget-item textarea:focus {
    color: #fff
}
form.searchform {
    position: relative;
}
#footer.dark-style .widget-item #searchsubmit,
#hb-side-section .widget-item #searchsubmit,
.megamenu .widget-item #searchsubmit {
    background-color: transparent!important;
    opacity: 0.6;
}
#footer.dark-style .widget-item #searchsubmit:hover,
#hb-side-section .widget-item #searchsubmit:hover,
.megamenu .widget-item #searchsubmit:hover {
    opacity: 1;
}
.widget-item #searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    margin-right: 0;
    z-index: 92;
}
/* HB Maintenance */

html.hb-maintenance,
html.hb-maintenance body {
    height: 100%;
}
#hb-maintenance {
    margin-left: 70px;
    width: 700px;
    color: #FFF!important;
}
#hb-maintenance #maintenance-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    text-align: left;
    padding-left: 70px;
    background: #FFF;
    margin-bottom: 70px;
    z-index: 4
}
#maintenance-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-left: 70px;
    font-size: 13px;
    color: #FFF;
    height: 40px;
    line-height: 40px;
    background-color: #FFF;
    background: #323436;
    z-index: 4;
}
#hb-maintenance .maintenance-content {
    padding-top: 160px;
    position: relative;
    z-index: 4;
}
#hb-maintenance #maintenance-logo img {
    text-align: center;
    max-height: 40px;
    margin-top: 20px;
    width: auto;
}
#hb-maintenance h1 {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 8px 14px;
    color: #FFF;
    display: inline-block;
    width: auto;
}
#hb-maintenance h4 {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 6px 12px;
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    width: auto;
    margin: 0;
    margin-top: 2px;
    font-family: 'source_sans_proregular', 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
}
#hb-maintenance.white-box {
    background-color: #FFF;
    padding: 70px;
}
#hb-maintenance #hb-countdown {
    list-style: none;
    margin-top: 70px;
    position: relative;
    z-index: 4;
}
#hb-maintenance #hb-countdown > li {
    float: left;
    width: 100px;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-right: 10px;
    line-height: 100px;
    color: #FFF;
    position: relative;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    border: solid 2px #FFF;
    border-color: rgba(255, 255, 255, 0.7);
}
#hb-maintenance #hb-countdown.hb-dark-style > li {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000;
    border-color: rgba(0, 0, 0, 0.7);
}
#hb-maintenance #hb-countdown.hb-dark-style > li .timestamp,
#hb-maintenance #hb-countdown.hb-dark-style > li .timeRef {
    color: #000;
}
#hb-maintenance #hb-countdown > li .timeRef {
    position: absolute;
    bottom: -70px;
    font-size: 16px;
    font-family: 'source_sans_probold', 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    color: #FFF;
}
#hb-maintenance #hb-countdown > li .timestamp {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-family: 'Museo500Regular';
    color: #FFF;
}
#maintenance-footer p {
    float: left;
    margin: 0;
    color: rgba(255, 255, 255, 0.6);
}
#maintenance-footer a {
    color: rgba(255, 255, 255, 0.7);
}
body.right-alignment #hb-maintenance {
    float: right!important;
    margin-left: 0!important;
    margin-right: 70px!important;
    text-align: right;
}
body.right-alignment #hb-maintenance #hb-countdown {
    width: auto;
    display: inline-block;
}
body.right-alignment #hb-maintenance #hb-countdown > li .timeRef {
    left: 0;
    right: auto;
}
body.right-alignment #hb-maintenance #maintenance-logo,
span.wpcf7-not-valid-tip {
    text-align: right;
}
body.right-alignment #hb-maintenance #maintenance-logo img {
    margin-right: 70px;
}
body.right-alignment #maintenance-footer p {
    float: right;
    margin-right: 70px;
}
body.right-alignment #hb-maintenance ul.social-list {
    float: left;
    margin-lefy: 70px;
}
body.center-alignment #hb-maintenance #maintenance-logo,
body.center-alignment #hb-maintenance .maintenance-content,
body.center-alignment #maintenance-footer {
    text-align: center;
}
body.center-alignment #hb-maintenance {
    margin: 0 auto !important;
}
body.center-alignment #hb-maintenance #hb-countdown {
    display: block;
    text-align: center;
}
body.center-alignment #hb-maintenance #hb-countdown > li {
    text-align: center;
    float: none;
    display: inline-block;
}
body.center-alignment #hb-maintenance #hb-countdown > li .timeRef {
    left: 0;
}
body.center-alignment #maintenance-footer p,
body.center-alignment #hb-maintenance ul.social-list {
    float: none;
    display: inline-block;
    text-align: center;
}
body.center-alignment #hb-maintenance #maintenance-logo {
    padding-left: 0;
}
/* ==========================================================================
   Additional Styles
============================================================================= */

.spacer {
    display: block;
    height: 40px;
}
.clear-r-margin {
    margin-right: 0!important;
}
.clear-b-margin,
.cbm {
    margin-bottom: 0!important
}
.clear-r-padding {
    padding-right: 0!important;
}
.float-left {
    float: left;
    -webkit-backface-visibility: hidden;
}
.float-right,
#main-wrapper .portfolio-single-entry.float-right {
    float: right!important;
    -webkit-backface-visibility: hidden;
}
.alignleft {
    text-align: left;
    -webkit-backface-visibility: hidden;
}
.alignright {
    text-align: right;
    -webkit-backface-visibility: hidden;
}
.aligncenter {
    text-align: center;
    -webkit-backface-visibility: hidden;
}
.hidden,
.none,
.hb-reveal-gallery,
#copyright-wrapper.none,
#footer.none {
    display: none;
}
.non-visible {
    visibility: hidden;
}
.no-scroll {
    overflow: hidden !important;
    overflow-x: hidden;
    overflow-y: hidden;
}
.hb-scissors {
    position: absolute;
    top: -11px;
    font-size: 18px;
    color: #999;
    z-index: 999;
    left: 100px;
    line-height: 1;
    vertical-align: -1px;
}
.no-transition,
.hb-button,
input[type=submit] {
    -webkit-transition: background-color .1s linear, color .1s linear !important;
    -moz-transition: background-color .1s linear, color .1s linear!important;
    -o-transition: background-color .1s linear, color .1s linear!important;
    -ms-transition: background-color .1s, color .1s linear!important;
    transition: background-color .1s linear, color .1s linear!important;
}
.hb-push-button-icon {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -9px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 101;
    text-align: center;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0
}
.hb-button:hover .hb-push-button-icon {
    top: 50%;
    opacity: 1
}
.hb-push-button-icon i {
    margin-right: 0!important
}
.hb-push-button-text {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    position: relative;
    display: block;
    opacity: 1
}
.hb-button:hover .hb-push-button-text {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}
/* Clearfix */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:before,
.row:before,
.hb-field-content .hb-row:before,
.hb-field-content .hb-row:after,
#respond:before,
#respond:after,
.container:before,
.small-container:before,
.spacer:before,
.spacer:after,
.small-contaner:after,
.clearfix:after,
.row:after,
.container:after,
.container-wide:before,
.container-wide:after,
ul.cart_list.product_list_widget li:before,
ul.cart_list.product_list_widget li:after,
.tagcloud:before,
.tagcloud:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after,
.hb-field-content .hb-row:after,
.row:after,
.spacer:after,
.container:after,
.container-wide:after,
ul.cart_list.product_list_widget li:after,
#respond:after,
.small-contaner:after,
.tagcloud:after {
    clear: both;
}
.clearfix,
.row,
.hb-field-content .hb-row,
.container,
.container-wide,
ul.cart_list.product_list_widget li,
#respond,
.small-contaner,
.spacer,
.tagcloud {
    zoom: 1;
}
/* Scrollbar */

body #ascrail2000 {
    background: transparent;
    right: 0!important;
    padding-left: 2px!important;
    z-index: 9999 !important;
}
#ascrail2000:hover {
    background: rgba(255, 255, 255, 0.1);
}
#ascrail2000 div {
    opacity: 0.4!important;
    right: 1px;
}
#ascrail2000:hover div {
    opacity: 0.7!important;
}
/* Buttons */

.hb-button,
input[type=submit],
a.read-more {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    zoom: 1;
    font-family: 'source_sans_probold', Arial;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #eee;
    color: rgba(255, 255, 255, 1)!important;
    box-shadow: 0 3px 0 0 rgba(0, 158, 183, 1);
    padding: 16px 20px 12px;
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
button.hb-button:not(.hb-second-dark) {
    border: none;
}
.hb-button.disabled {
    cursor: default!important;
    background: rgba(39, 174, 96, 0.8)!important;
    box-shadow: 0 3px 0 0 rgba(19, 154, 76, 0.9)!important;
}
#special-submit-form.disabled-button {
    cursor: default!important;
}
.hb-button:hover,
input[type=submit]:hover,
a.read-more:hover {
    color: #FFF;
    color: rgba(255, 255, 255, 1)!important;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 1);
    background: #323436;
}
#main-wrapper #place_order:hover {
    color: #FFF;
    color: rgba(255, 255, 255, 1)!important;
    background: #323436;
}
.hb-button i {
    position: relative;
    top: -1px;
    font-size: 1.4em;
    margin-right: 8px;
}
#main-wrapper .hb-dropdown-box a.hb-button {
    color: #eee;
    color: rgba(255, 255, 255, 0.8)!important;
}
#main-wrapper .hb-dropdown-box a.hb-button:hover {
    color: #FFF;
    color: rgba(255, 255, 255, 1)!important;
}
.hb-button.special-icon {
    padding-left: 55px!important;
}
.hb-button.special-icon i {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 37px;
    background: rgba(221, 56, 40, 1);
    text-align: center;
    line-height: 43px;
    margin-right: 0;
}
.hb-button.special-icon i::after {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    background: rgba(221, 56, 40, 1);
    border-right: 0;
    border-bottom: 0;
    top: 50%;
    margin-top: -3px;
    right: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 8;
}
.hb-button.special-icon:hover i,
.hb-button.special-icon:hover i::after {
    background: #222;
}
.showcoupon {
    text-decoration: underline;
}
/* Button Colors */

#main-wrapper .hb-turqoise {
    background: rgba(26, 188, 156, 0.8);
    box-shadow: 0 3px 0 0 rgba(6, 168, 136, 0.9);
}
#main-wrapper .hb-button.hb-turqoise.special-icon i::after,
.hb-button.hb-turqoise.special-icon i {
    background: rgba(6, 168, 136, 1);
}
#main-wrapper .hb-turqoise:hover {
    background: rgba(26, 188, 156, 1);
    box-shadow: 0 3px 0 0 rgba(6, 168, 136, 1);
}
#main-wrapper .hb-green-sea {
    background: rgba(22, 160, 133, 0.8);
    box-shadow: 0 3px 0 0 rgba(2, 140, 113, 0.9);
}
#main-wrapper .hb-button.hb-green-sea.special-icon i::after,
.hb-button.hb-green-sea.special-icon i {
    background: rgba(2, 140, 113, 1);
}
#main-wrapper .hb-green-sea:hover {
    background: rgba(22, 160, 133, 1);
    box-shadow: 0 3px 0 0 rgba(2, 140, 113, 1);
}
#main-wrapper .hb-sunflower {
    background: rgba(241, 196, 15, 0.8);
    box-shadow: 0 3px 0 0 rgba(221, 176, 0, 0.9);
}
#main-wrapper .hb-button.hb-sunflower.special-icon i::after,
.hb-button.hb-sunflower.special-icon i {
    background: rgba(221, 176, 0, 1);
}
#main-wrapper .hb-sunflower:hover {
    background: rgba(241, 196, 15, 1);
    box-shadow: 0 3px 0 0 rgba(221, 176, 0, 1);
}
#main-wrapper .hb-orange {
    background: rgba(243, 156, 18, 0.8);
    box-shadow: 0 3px 0 0 rgba(223, 136, 0, 0.9);
}
#main-wrapper .hb-button.hb-orange.special-icon i::after,
.hb-button.hb-orange.special-icon i {
    background: rgba(223, 136, 0, 1);
}
#main-wrapper .hb-orange:hover {
    background: rgba(243, 156, 18, 1);
    box-shadow: 0 3px 0 0 rgba(223, 136, 0, 1);
}
#main-wrapper .hb-emerald {
    background: rgba(46, 204, 113, 0.8) !important;
    box-shadow: 0 3px 0 0 rgba(26, 184, 93, 0.9) !important;
}
#main-wrapper .hb-button.hb-emerald.special-icon i::after,
.hb-button.hb-emerald.special-icon i {
    background: rgba(26, 184, 93, 1);
}
#main-wrapper .hb-emerald:hover {
    background: rgba(46, 204, 113, 1) !important;
    box-shadow: 0 3px 0 0 rgba(26, 184, 93, 1) !important;
}
#main-wrapper .hb-nephritis {
    background: rgba(39, 174, 96, 0.8);
    box-shadow: 0 3px 0 0 rgba(19, 154, 76, 0.9);
}
#main-wrapper .hb-button.hb-nephritis.special-icon i::after,
.hb-button.hb-nephritis.special-icon i {
    background: rgba(19, 154, 76, 1);
}
#main-wrapper .hb-nephritis:hover {
    background: rgba(39, 174, 96, 1);
    box-shadow: 0 3px 0 0 rgba(19, 154, 76, 1);
}
#main-wrapper .hb-carrot {
    background: rgba(230, 126, 34, 0.8);
    box-shadow: 0 3px 0 0 rgba(210, 106, 14, 0.9);
}
#main-wrapper .hb-button.hb-carrot.special-icon i::after,
.hb-button.hb-carrot.special-icon i {
    background: rgba(210, 106, 14, 1);
}
#main-wrapper .hb-carrot:hover {
    background: rgba(230, 126, 34, 1);
    box-shadow: 0 3px 0 0 rgba(210, 106, 14, 1);
}
#main-wrapper .hb-pumpkin {
    background: rgba(211, 84, 0, 0.8);
    box-shadow: 0 3px 0 0 rgba(191, 64, 0, 0.9);
}
#main-wrapper .hb-button.hb-pumpkin.special-icon i::after,
.hb-button.hb-pumpkin.special-icon i {
    background: rgba(191, 64, 0, 1);
}
#main-wrapper .hb-pumpkin:hover {
    background: rgba(211, 84, 0, 1);
    box-shadow: 0 3px 0 0 rgba(191, 64, 0, 1);
}
#main-wrapper .hb-peter-river {
    background: rgba(52, 152, 219, 0.8);
    box-shadow: 0 3px 0 0 rgba(32, 132, 199, 0.9);
}
#main-wrapper .hb-button.hb-peter-river.special-icon i::after,
.hb-button.hb-peter-river.special-icon i {
    background: rgba(32, 132, 199, 1);
}
#main-wrapper .hb-peter-river:hover {
    background: rgba(52, 152, 219, 1);
    box-shadow: 0 3px 0 0 rgba(32, 132, 199, 1);
}
#main-wrapper .hb-belize-hole {
    background: rgba(41, 128, 185, 0.8);
    box-shadow: 0 3px 0 0 rgba(21, 108, 165, 0.9);
}
#main-wrapper .hb-button.hb-belize-hole.special-icon i::after,
.hb-button.hb-belize-hole.special-icon i {
    background: rgba(21, 108, 165, 1);
}
#main-wrapper .hb-belize-hole:hover {
    background: rgba(41, 128, 185, 1);
    box-shadow: 0 3px 0 0 rgba(21, 108, 165, 1);
}
#main-wrapper .hb-alizarin {
    background: rgba(231, 76, 60, 0.8);
    box-shadow: 0 3px 0 0 rgba(221, 56, 40, 0.9);
}
#main-wrapper .hb-button.hb-alizarin.special-icon i::after,
.hb-button.hb-alizarin.special-icon i {
    background: rgba(221, 56, 40, 1);
}
#main-wrapper .hb-alizarin:hover {
    background: rgba(231, 76, 60, 1);
    box-shadow: 0 3px 0 0 rgba(221, 56, 40, 1);
}
#main-wrapper .hb-pomegranate {
    background: rgba(192, 57, 43, 0.8);
    box-shadow: 0 3px 0 0 rgba(172, 37, 23, 0.9);
}
#main-wrapper .hb-button.hb-pomegranate.special-icon i::after,
.hb-button.hb-pomegranate.special-icon i {
    background: rgba(172, 37, 23, 1);
}
#main-wrapper .hb-pomegranate:hover {
    background: rgba(192, 57, 43, 1);
    box-shadow: 0 3px 0 0 rgba(172, 37, 23, 1);
}
#main-wrapper .hb-amethyst {
    background: rgba(155, 89, 182, 0.8);
    box-shadow: 0 3px 0 0 rgba(135, 69, 162, 0.9);
}
#main-wrapper .hb-button.hb-amethyst.special-icon i::after,
.hb-button.hb-amethyst.special-icon i {
    background: rgba(135, 69, 162, 1);
}
#main-wrapper .hb-amethyst:hover {
    background: rgba(155, 89, 182, 1);
    box-shadow: 0 3px 0 0 rgba(135, 69, 162, 1);
}
#main-wrapper .hb-wisteria {
    background: rgba(142, 68, 173, 0.8);
    box-shadow: 0 3px 0 0 rgba(122, 48, 153, 0.9);
}
#main-wrapper .hb-button.hb-wisteria.special-icon i::after,
.hb-button.hb-wisteria.special-icon i {
    background: rgba(122, 48, 153, 1);
}
#main-wrapper .hb-wisteria:hover {
    background: rgba(142, 68, 173, 1);
    box-shadow: 0 3px 0 0 rgba(122, 48, 153, 1);
}
#main-wrapper .hb-wet-asphalt {
    background: rgba(52, 73, 94, 0.8);
    box-shadow: 0 3px 0 0 rgba(32, 53, 74, 0.9);
}
#main-wrapper .hb-button.hb-wet-asphalt.special-icon i::after,
.hb-button.hb-wet-asphalt.special-icon i {
    background: rgba(32, 53, 74, 1);
}
#main-wrapper .hb-wet-asphalt:hover {
    background: rgba(52, 73, 94, 1);
    box-shadow: 0 3px 0 0 rgba(32, 53, 74, 1);
}
#main-wrapper .hb-midnight-blue {
    background: rgba(44, 62, 80, 0.8);
    box-shadow: 0 3px 0 0 rgba(24, 42, 60, 0.9);
}
#main-wrapper .hb-button.hb-midnight-blue.special-icon i::after,
.hb-button.hb-midnight-blue.special-icon i {
    background: rgba(24, 42, 60, 1);
}
#main-wrapper .hb-midnight-blue:hover {
    background: rgba(44, 62, 80, 1);
    box-shadow: 0 3px 0 0 rgba(24, 42, 60, 1);
}
#main-wrapper .hb-concrete {
    background: rgba(149, 165, 166, 0.8);
    box-shadow: 0 3px 0 0 rgba(129, 145, 146, 0.8);
}
#main-wrapper .hb-button.hb-concrete.special-icon i::after,
.hb-button.hb-concrete.special-icon i {
    background: rgba(129, 145, 146, 1);
}
#main-wrapper .hb-concrete:hover {
    background: rgba(149, 165, 166, 1);
    box-shadow: 0 3px 0 0 rgba(109, 125, 126, 0.8);
}
#main-wrapper .hb-asbestos {
    background: rgba(127, 140, 141, 0.8);
    box-shadow: 0 3px 0 0 rgba(107, 120, 121, 0.9);
}
#main-wrapper .hb-button.hb-asbestos.special-icon i::after,
.hb-button.hb-asbestos.special-icon i {
    background: rgba(107, 120, 121, 1);
}
#main-wrapper .hb-asbestos:hover {
    background: rgba(127, 140, 141, 1);
    box-shadow: 0 3px 0 0 rgba(107, 120, 121, 1);
}
#main-wrapper .hb-darkly {
    background: rgba(50, 52, 54, 0.8);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 3px 0 0 rgba(30, 32, 34, 0.8);
}
#main-wrapper .hb-button.hb-darkly.special-icon i::after,
.hb-button.hb-darkly.special-icon i {
    background: rgba(30, 32, 34, 1);
}
#main-wrapper .hb-darkly:hover {
    background: rgba(50, 52, 54, 0.8);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.30) inset, 0 3px 0 0 rgba(30, 32, 34, 0.9);
}
#main-wrapper .hb-second-dark {
    background: transparent!important;
    border: solid 2px #323436;
    color: #323436!important;
    box-shadow: none;
    padding: 10px 22px!important;
}
#main-wrapper .hb-second-dark:hover {
    background: #323436!important;
    color: #FFF!important;
    box-shadow: none;
}
#main-wrapper .hb-third-dark,
a.read-more {
    background: transparent!important;
    border: solid 2px #ececec;
    border-color: rgba(0, 0, 0, 0.1);
    color: #323436!important;
    box-shadow: none;
    padding: 13px 40px!important;
}
#main-wrapper .hb-yellow {
    background: #FFD62C!important;
    border: none;
    color: #323436!important;
    box-shadow: none;
    padding: 14px 40px!important;
}
#main-wrapper .hb-yellow:hover {
    background: #323436!important;
    box-shadow: none;
    color: #FFF !important
}
#main-wrapper .hb-third-dark:hover,
#special-submit-form.disabled-button,
a.read-more:hover {
    background: #323436!important;
    color: #FFF!important;
    box-shadow: none;
    border-color: #323436;
}
#main-wrapper .hb-second-light,
#main-wrapper .hb-third-light {
    background: transparent!important;
    border: solid 2px #FFF;
    border-color: rgba(255, 255, 255, 0.6);
    color: #FFF!important;
    box-shadow: none!important;
    padding: 13px 40px!important;
}
#main-wrapper .hb-second-light:hover,
#main-wrapper .hb-third-light {
    background: #FFF !important;
    color: #000 !important;
}
a.read-more {
    padding: 9px 20px!important;
    font-size: 12px;
    color: #999;
    margin-top: 25px;
}
.hb-button.no-three-d {
    box-shadow: none!important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.hb-button:not(.no-three-d):not(.hb-third-dark):not(.hb-second-dark):active,
input[type=submit]:not(.no-three-d):not(.hb-third-dark):not(.hb-second-dark):active {
    box-shadow: 0 0 0 0!important;
    top: 3px!important;
}
.hb-button i {
    margin-top: 0px!important;
    vertical-align: -4px;
}
/* Button Sizes */

.hb-button.hb-large-button {
    padding: 24px 30px 20px;
    font-size: 14px;
    letter-spacing: 2px;
}
.hb-button.hb-large-button.special-icon i {
    line-height: 60px;
}
.hb-button.special-icon.hb-large-button {
    padding-left: 60px!important;
}
.hb-button.hb-small-button,
input[type=submit] {
    padding: 15px 16px 13px!important;
    font-size: 12px;
    letter-spacing: 1px;
}
.hb-button.hb-small-button.special-icon i {
    line-height: 37px;
}
.hb-button.special-icon.hb-small-button {
    padding-left: 55px!important;
}
/* Animations */

.hb-effect-1 #main-nav > li > a::before,
.hb-effect-1 #main-nav > li > a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}
.hb-effect-1 #main-nav > li > a::before {
    margin-right: 6px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}
.hb-effect-1 #main-nav > li > a::after {
    margin-left: 6px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}
#main-wrapper .hb-effect-1 #main-nav > li > a > i.sf-sub-indicator,
#main-wrapper .default-skin #main-nav > li > a > i.sf-sub-indicator,
#main-wrapper .second-skin #main-nav > li > a > i.sf-sub-indicator {
    display: none !important;
}
.hb-effect-1 #main-nav > li > a:hover::before,
.hb-effect-1 #main-nav > li > a:hover::after,
.hb-effect-1 #main-nav > li > a:focus::before,
.hb-effect-1 #main-nav > li > a:focus::after,
.third-skin.hb-effect-1 #main-nav > li.current-menu-item > a::after,
.third-skin.hb-effect-1 #main-nav > li.current-menu-item > a::before,
.third-skin.hb-effect-1 #main-nav > li.sfHover > a::after,
.third-skin.hb-effect-1 #main-nav > li.sfHover > a::before,
.hb-effect-1 #main-nav > li.current-menu-item > a::after,
.hb-effect-1 #main-nav > li.current-menu-ancestor > a::after,
.hb-effect-1 #main-nav > li.current-menu-item > a::before,
.hb-effect-1 #main-nav > li.current-menu-ancestor > a::before,
.hb-effect-1 #main-nav > li.sfHover > a::before,
.hb-effect-1 #main-nav > li.sfHover > a::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}
.second-skin.hb-effect-1 #main-nav > li > a::before,
.second-skin.hb-effect-1 a::after {
    color: #fff !important;
}
.hb-effect-1 #main-nav li a span {
    top: 0px;
}
.hb-effect-1 #main-nav li a {
    padding-right: 3px;
    padding-left: 3px;
}
/* Effect 2: bottom line slides/fades in */

.third-skin.hb-effect-2 #main-nav > li > a {
    color: #777;
}
.third-skin.hb-effect-2 #main-nav > li > a:hover {
    color: #000 !important;
}
.hb-effect-2 a {
    padding: 8px 0;
}
.hb-effect-2 #main-nav > li > a > span::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}
.hb-effect-2 #main-nav > li > a:hover span::after,
.hb-effect-2 #main-nav > li > a:focus span::after,
.hb-effect-2 #main-nav > li.current-menu-item > a span::after,
.hb-effect-2 #main-nav > li.current-menu-ancestor > a span::after,
.hb-effect-2 #main-nav > li.sfHover > a span::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
/* Effect top border */

.hb-effect-3 #main-nav > li > a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
.hb-effect-3 #main-nav > li > a::before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hb-effect-3 #main-nav > li > a::before {
    top: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hb-effect-3 #main-nav > li > a:hover::before,
.hb-effect-3 #main-nav > li > a:focus::before,
.hb-effect-3 #main-nav > li.current-menu-item > a::before,
.hb-effect-3 #main-nav > li.current-menu-ancestor > a::before,
.hb-effect-3 #main-nav > li.sfHover > a::before {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
/* Effect bottom border */

.hb-effect-4 a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
.hb-effect-4 #main-nav > li > a::before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hb-effect-4 #main-nav > li > a::before {
    bottom: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hb-effect-4 #main-nav > li > a:hover::before,
.hb-effect-4 #main-nav > li > a:focus::before,
.hb-effect-4 #main-nav > li.current-menu-item > a::before,
.hb-effect-4 #main-nav > li.current-menu-ancestor > a::before,
.hb-effect-4 #main-nav > li.sfHover > a::before {
    opacity: 1;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    transform: translateY(1px);
}
/* Effect 5 */

.hb-effect-5 #main-nav > li > a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background: #f4f4f4;
    content: '';
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}
.hb-effect-5 #main-nav > li > a:hover::before,
.hb-effect-5 #main-nav > li.current-menu-item > a::before,
.hb-effect-5 #main-nav > li.current-menu-ancestor > a::before,
.hb-effect-5 #main-nav > li.sfHover > a::before {
    height: 100%;
    opacity: 1;
    background: #f6f6f6;
}
.hb-effect-5 #main-nav > li#nav-search > a::before {
    background: none !important;
}
/* Effect 6 */

.hb-effect-6 #main-nav > li > a:hover,
.hb-effect-6 #main-nav > li.current-menu-item > a,
.hb-effect-6 #main-nav > li.current-menu-ancestor > a,
.hb-effect-6 #main-nav > li.sfHover > a {
    color: #fff !important;
}
.hb-effect-6 #main-nav > li > a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    content: '';
    -webkit-transition: height 0.25s;
    -moz-transition: height 0.25s;
    transition: height 0.25s;
}
.hb-effect-6 #main-nav > li > a:hover::before,
.hb-effect-6 #main-nav > li.current-menu-item > a::before,
.hb-effect-6 #main-nav > li.current-menu-ancestor > a::before,
.hb-effect-6 #main-nav > li.sfHover > a::before {
    height: 100%;
    opacity: 1;
}
.hb-effect-7 #main-nav > li > a span::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 0px;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hb-effect-7 #main-nav > li > a:hover span::after,
.hb-effect-7 #main-nav > li.current-menu-ancestor > a span::after,
.hb-effect-7 #main-nav > li.current-menu-item > a span::after,
.hb-effect-7 #main-nav > li.sfHover > a span::after {
    height: 3px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
/* Effect 8: second border slides up */

.hb-effect-8 #main-nav > li > a span {
    padding-top: 6px;
}
.hb-effect-8 #main-nav > li > a span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0%;
    height: 2px;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}
.hb-effect-8 #main-nav > li > a span::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}
.hb-effect-8 #main-nav > li > a:hover span::before,
.hb-effect-8 #main-nav > li > a:hover span::after,
.hb-effect-8 #main-nav > li.current-menu-item > a span::after,
.hb-effect-8 #main-nav > li.sfHover > a span::after {
    width: 100%;
}
/* Effect 9: borders slight translate */

.hb-effect-9 a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
.hb-effect-9 #main-nav > li > a > span {
    padding-top: 3px;
}
.hb-effect-9 #main-nav > li > a > span::before,
.hb-effect-9 #main-nav > li > a > span::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hb-effect-9 #main-nav > li > a > span::before {
    top: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hb-effect-9 #main-nav > li > a:hover > span::before,
.hb-effect-9 #main-nav > li.current-menu-item > a > span::before,
.hb-effect-9 #main-nav > li.current-menu-ancestor > a > span::before,
.hb-effect-9 #main-nav > li.sfHover > a > span::before,
.hb-effect-9 #main-nav > li > a:focus > span::before {
    opacity: 1;
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    transform: translateY(-6px);
}
.second-skin.hb-effect-9 #main-nav > li > a:hover,
.second-skin.hb-effect-9 #main-nav > li.current-menu-item > a,
.second-skin.hb-effect-9 #main-nav > li.sfHover > a {
    color: #fff !important;
}
.second-skin.hb-effect-9 #main-nav > li > a > span::before,
.second-skin.hb-effect-9 #main-nav > li > a > span::after {
    background: #fff !important;
}
/* Effect 10: increase bottom border */

.hb-effect-10 #main-nav > li > a span {
    padding-top: 6px;
}
.hb-effect-10 #main-nav > li > a span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0%;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}
.hb-effect-10 #main-nav > li > a:hover span::before,
.hb-effect-10 #main-nav > li.current-menu-item > a span::before,
#main-nav > li.sfHover > a span::before,
#main-nav > li.current-menu-ancestor > a span::before {
    width: 100%;
}
/* Effect 11: three circles */

.hb-effect-11 #main-nav > li > a > span {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
.hb-effect-11 #main-nav > li > a::before {
    position: absolute;
    top: 20px;
    left: 50%;
    color: transparent;
    content: '•';
    text-shadow: 0 0 transparent;
    font-size: 1.2em;
    -webkit-transition: text-shadow 0.3s, color 0.3s;
    -moz-transition: text-shadow 0.3s, color 0.3s;
    transition: text-shadow 0.3s, color 0.3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    background: none;
    background-color: #FFF;
    background-color: transparent;
}
.hb-pop-class {
    -webkit-animation: hb-pop 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-animation: hb-pop 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-animation: hb-pop 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: hb-pop 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.hb-pop-class-small {
    -webkit-animation: hb-pop-small 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-animation: hb-pop-small 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-animation: hb-pop-small 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: hb-pop-small 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
@-webkit-keyframes hb-pop {
    0% {
        -webkit-transform: scale(0.8);
        opacity: 0.1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes hb-pop {
    0% {
        -moz-transform: scale(0.8);
        opacity: 0.1;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes hb-pop {
    0% {
        -o-transform: scale(0.8);
        opacity: 0.1;
    }
    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}
@keyframes hb-pop {
    0% {
        transform: scale(0.8);
        opacity: 0.1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes hb-pop-small {
    0% {
        -webkit-transform: rotate(-175deg) scale(0.2)
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1)
    }
}
@-moz-keyframes hb-pop-small {
    0% {
        -moz-transform: rotate(-175deg) scale(0.2)
    }
    100% {
        -moz-transform: rotate(0deg) scale(1)
    }
}
@-o-keyframes hb-pop-small {
    0% {
        -o-transform: rotate(-175deg) scale(0.2)
    }
    100% {
        -o-transform: rotate(0deg) scale(1)
    }
}
@keyframes hb-pop-small {
    0% {
        transform: rotate(-175deg) scale(0.2)
    }
    100% {
        transform: rotate(0deg) scale(1)
    }
}
/* Entrance Animations */

.hb-animate-element {
    opacity: 0;
}
body.mobile .hb-animate-element {
    opacity: 1 !important;
}
.hb-transform .hb-animate-element {
    opacity: 0;
}
.hb-animate-element.hb-in-viewport {
    opacity: 1
}
.hb-highlight {
    -webkit-animation: hb_fade_highlight 1.4s;
    -moz-animation: hb_fade_highlight 1.4s;
    -o-animation: hb_fade_highlight 1.4s;
    animation: hb_fade_highlight 1.4s;
}
.hb-transform .hb-animate-element.hb-in-viewport.fade-in,
.hb-transform #sidebar-wrapper.fade-in {
    -webkit-animation: hb_fade 0.8s 1 ease forwards;
    -moz-animation: hb_fade 0.8s 1 ease forwards;
    -o-animation: hb_fade 0.8s 1 ease forwards;
    animation: hb_fade 0.8s 1 ease forwards;
    opacity: 1;
}
.hb-transform .hb-animate-element.hb-in-viewport.scale-up {
    -webkit-animation: hb_scale 0.5s 1 ease forwards;
    -moz-animation: hb_scale 0.5s 1 ease forwards;
    -o-animation: hb_scale 0.5s 1 ease forwards;
    animation: hb_scale 0.5s 1 ease forwards;
    opacity: 1;
}
.hb-transform .hb-animate-element.hb-in-viewport.right-to-left {
    -webkit-animation: hb_right_to_left 0.8s 1 ease forwards;
    -moz-animation: hb_right_to_left 0.8s 1 ease forwards;
    -o-animation: hb_right_to_left 0.8s 1 ease forwards;
    animation: hb_right_to_left 0.8s 1 ease forwards;
    opacity: 1;
}
.ts-2 .flex-active-slide {
    -webkit-animation: hb_fade 0.8s 1 ease forwards;
    -moz-animation: hb_fade 0.8s 1 ease forwards;
    -o-animation: hb_fade 0.8s 1 ease forwards;
    animation: hb_fade 0.8s 1 ease forwards;
    opacity: 1;
}
.hb-transform .hb-animate-element.hb-in-viewport.left-to-right,
.flex-active-slide .flex-caption,
.flex-active-slide .flex-subtitle {
    -webkit-animation: hb_left_to_right 0.8s 1 ease forwards;
    -moz-animation: hb_left_to_right 0.8s 1 ease forwards;
    -o-animation: hb_left_to_right 0.8s 1 ease forwards;
    animation: hb_left_to_right 0.8s 1 ease forwards;
    opacity: 1;
}
.hb-transform .hb-animate-element.hb-in-viewport.top-to-bottom,
.animate-modal {
    -webkit-animation: hb_top_to_bottom 0.8s 1 ease forwards;
    -moz-animation: hb_top_to_bottom 0.8s 1 ease forwards;
    -o-animation: hb_top_to_bottom 0.8s 1 ease forwards;
    animation: hb_top_to_bottom 0.8s 1 ease forwards;
    opacity: 1;
}
.hb-transform .hb-animate-element.hb-in-viewport.bottom-to-top {
    -webkit-animation: hb_bottom_to_top 0.8s 1 ease forwards;
    -moz-animation: hb_bottom_to_top 0.8s 1 ease forwards;
    -o-animation: hb_bottom_to_top 0.8s 1 ease forwards;
    animation: hb_bottom_to_top 0.8s 1 ease forwards;
    opacity: 1;
}
.hb-transform .hb-animate-element.hb-in-viewport.helix {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: helix .5s ease forwards;
    -moz-animation: helix .5s ease forwards;
    animation: helix .5s ease forwards;
}
.hb-transform .hb-animate-element.hb-in-viewport.flip-x,
ul.animate-me {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation: flipX 0.65s ease forwards;
    -moz-animation: flipX 0.65s ease forwards;
    animation: flipX 0.65s ease forwards;
}
.hb-transform .hb-animate-element.hb-in-viewport.flip-y {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation: flipY 0.65s ease forwards;
    -moz-animation: flipY 0.65s ease forwards;
    animation: flipY 0.65s ease forwards;
}
.hb-transform .hb-animate-element.hb-in-viewport.spin {
    -webkit-animation: spin 0.65s ease forwards;
    -moz-animation: spin 0.65s ease forwards;
    animation: spin 0.65s ease forwards;
}
.hb-transform .hb-animate-element.scale-down {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    ms-transform: scale(1.4);
    -webkit-transition: all .5s cubic-bezier(0.55, 0, .175, 1) !important;
    -moz-transition: all .5s cubic-bezier(0.55, 0, .175, 1) !important;
    -ms-transition: all .5s cubic-bezier(0.55, 0, .175, 1) !important;
    -o-transition: all .5s cubic-bezier(0.55, 0, .175, 1) !important;
    transition: all .5s cubic-bezier(0.55, 0, .175, 1) !important;
}
.hb-transform .hb-animate-element.hb-in-viewport.scale-down {
    filter: alpha(opacity=@opacity * 100);
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    ms-transform: scale(1);
}
.grid.effect-1 li.animate {
    -webkit-animation: fadeIn 0.65s ease forwards;
    -moz-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}
.animate {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    -moz-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}
.fade-in-sec {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    -moz-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards
}
@-webkit-keyframes fadeIn {
    to {
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    to {
        opacity: 1
    }
}
@-webkit-keyframes moveUp {
    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}
@-moz-keyframes moveUp {
    to {
        -moz-transform: translateY(0);
        opacity: 1
    }
}
@keyframes moveUp {
    to {
        transform: translateY(0);
        opacity: 1
    }
}
@-webkit-keyframes scaleUp {
    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}
@-moz-keyframes scaleUp {
    to {
        -moz-transform: scale(1);
        opacity: 1
    }
}
@keyframes scaleUp {
    to {
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes fallPerspective {
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}
@-moz-keyframes fallPerspective {
    100% {
        -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}
@keyframes fallPerspective {
    100% {
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes fly {
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}
@-moz-keyframes fly {
    100% {
        -moz-transform: rotateX(0deg);
        opacity: 1
    }
}
@keyframes fly {
    100% {
        transform: rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes flip {
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}
@-moz-keyframes flip {
    100% {
        -moz-transform: rotateX(0deg);
        opacity: 1
    }
}
@keyframes flip {
    100% {
        transform: rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes helix {
    100% {
        -webkit-transform: rotateY(0deg);
        opacity: 1
    }
}
@-moz-keyframes helix {
    100% {
        -moz-transform: rotateY(0deg);
        opacity: 1
    }
}
@keyframes helix {
    100% {
        transform: rotateY(0deg);
        opacity: 1
    }
}
@-webkit-keyframes popUp {
    70% {
        -webkit-transform: scale(1.1);
        opacity: .8;
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}
@-moz-keyframes popUp {
    70% {
        -moz-transform: scale(1.1);
        opacity: .8;
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}
@keyframes popUp {
    70% {
        transform: scale(1.1);
        opacity: .8;
        animation-timing-function: ease-out
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}
@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(360deg);
        opacity: 1
    }
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
        opacity: 1
    }
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        opacity: 1
    }
}
@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
        opacity: 1
    }
}
@-webkit-keyframes flipX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-moz-keyframes flipX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-o-keyframes flipX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@keyframes flipX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-webkit-keyframes flipY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@-moz-keyframes flipY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@-o-keyframes flipY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@keyframes flipY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@-webkit-keyframes shake {
    0%, 50%, 100% {
        -webkit-transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(-100px)
    }
    75% {
        -webkit-transform: translateX(100px)
    }
}
@-moz-keyframes shake {
    0%, 50%, 100% {
        -moz-transform: translateX(0)
    }
    25% {
        -moz-transform: translateX(-100px)
    }
    75% {
        -moz-transform: translateX(100px)
    }
}
@-o-keyframes shake {
    0%, 50%, 100% {
        -o-transform: translateX(0)
    }
    25% {
        -o-transform: translateX(-100px)
    }
    75% {
        -o-transform: translateX(100px)
    }
}
@keyframes shake {
    0%, 50%, 100% {
        transform: translateX(0)
    }
    25% {
        transform: translateX(-100px)
    }
    75% {
        transform: translateX(100px)
    }
}
.style-switcher {
    position: fixed;
    top: 80px;
    left: -240px;
    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
    z-index: 999;
    width: 240px;
    -webkit-transform: translate3d(0, 0, 0)
}
/* Fade In animation */

@-webkit-keyframes hb_fade {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes hb_fade {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes hb_fade {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes hb_fade {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}
/* Fade In Color animation */

@-webkit-keyframes hb_fade_highlight {
    0% {
        background-color: #FFF;
    }
    50% {
        background-color: #FF6;
    }
    100% {
        background-color: #FFF;
    }
}
@-moz-keyframes hb_fade_highlight {
    0% {
        background-color: #FFF;
    }
    50% {
        background-color: #FF6;
    }
    100% {
        background-color: #FFF;
    }
}
@-o-keyframes hb_fade_highlight {
    0% {
        background-color: #FFF;
    }
    50% {
        background-color: #FF6;
    }
    100% {
        background-color: #FFF;
    }
}
@keyframes hb_fade_highlight {
    0% {
        background-color: #FFF;
    }
    50% {
        background-color: #FF6;
    }
    100% {
        background-color: #FFF;
    }
}
/* Scale Up animation */

@-webkit-keyframes hb_scale {
    0% {
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes hb_scale {
    0% {
        -moz-transform: scale(0.3);
        opacity: 0.1;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes hb_scale {
    0% {
        -o-transform: scale(0.3);
        opacity: 0.1;
    }
    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}
@keyframes hb_scale {
    0% {
        transform: scale(0.3);
        opacity: 0.1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
/* Left to Right animation */

@-webkit-keyframes hb_left_to_right {
    0% {
        -webkit-transform: translate(-15%, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}
@-moz-keyframes hb_left_to_right {
    0% {
        -moz-transform: translate(-15%, 0);
        opacity: 0;
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}
@-o-keyframes hb_left_to_right {
    0% {
        -o-transform: translate(-15%, 0);
        opacity: 0;
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes hb_left_to_right {
    0% {
        transform: translate(-15%, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
/* Left To Right Slow */

@-webkit-keyframes hb_left_to_right_s {
    0% {
        -webkit-transform: translate(-4%, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}
@-moz-keyframes hb_left_to_right_s {
    0% {
        -moz-transform: translate(-4%, 0);
        opacity: 0;
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}
@-o-keyframes hb_left_to_right_s {
    0% {
        -o-transform: translate(-4%, 0);
        opacity: 0;
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes hb_left_to_right_s {
    0% {
        transform: translate(-4%, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
/* Right To Left animation */

@-webkit-keyframes hb_right_to_left {
    0% {
        -webkit-transform: translate(15%, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}
@-moz-keyframes hb_right_to_left {
    0% {
        -moz-transform: translate(15%, 0);
        opacity: 0;
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}
@-o-keyframes hb_right_to_left {
    0% {
        -o-transform: translate(15%, 0);
        opacity: 0;
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes hb_right_to_left {
    0% {
        transform: translate(15%, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
/* Bottom to Top animation */

@-webkit-keyframes hb_bottom_to_top {
    0% {
        -webkit-transform: translate(0, 60%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}
@-moz-keyframes hb_bottom_to_top {
    0% {
        -moz-transform: translate(0, 60%);
        opacity: 0;
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}
@-o-keyframes hb_bottom_to_top {
    0% {
        -o-transform: translate(0, 60%);
        opacity: 0;
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes hb_bottom_to_top {
    0% {
        transform: translate(0, 60%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
/* Top to Bottom animation */

@-webkit-keyframes hb_top_to_bottom {
    0% {
        -webkit-transform: translate(0, -20%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}
@-moz-keyframes hb_top_to_bottom {
    0% {
        -moz-transform: translate(0, -20%);
        opacity: 0;
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}
@-o-keyframes hb_top_to_bottom {
    0% {
        -o-transform: translate(0, -20%);
        opacity: 0;
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes hb_top_to_bottom {
    0% {
        transform: translate(0, -20%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
.hb-transform .hb-animate-element.hb-in-viewport.bounce-up {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: HBBounceUp;
    -moz-animation-name: HBBounceUp;
    -o-animation-name: HBBounceUp;
    animation-name: HBBounceUp;
    opacity: 1;
}
@-webkit-keyframes HBBounceUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }
    80% {
        -webkit-transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@-moz-keyframes HBBounceUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(100px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }
    80% {
        -moz-transform: translateY(10px);
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}
@-o-keyframes HBBounceUp {
    0% {
        opacity: 0;
        -o-transform: translateY(100px);
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-20px);
    }
    80% {
        -o-transform: translateY(10px);
    }
    100% {
        -o-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes HBBounceUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    60% {
        opacity: 1;
        transform: translateY(-20px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
/* Jump animation */

.hb-jumping {
    -webkit-animation: hb_jump 1.8s infinite linear;
    -moz-animation: hb_jump 1.8s infinite linear;
    -ms-animation: hb_jump 1.8s infinite linear;
    -o-animation: hb_jump 1.8s infinite linear;
    position: relative
}
@-webkit-keyframes hb_jump {
    0% {
        top: 0
    }
    50% {
        top: 15px
    }
    100% {
        top: 0
    }
}
@-moz-keyframes hb_jump {
    0% {
        top: 0
    }
    50% {
        top: 15px
    }
    100% {
        top: 0
    }
}
@-o-keyframes hb_jump {
    0% {
        top: 0
    }
    50% {
        top: 15px
    }
    100% {
        top: 0
    }
}
@keyframes hb_jump {
    0% {
        top: 0
    }
    50% {
        top: 15px
    }
    100% {
        top: 0
    }
}
/* Spin Animation */

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-moz-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/* Background animation */

.bg-animate {
    -webkit-animation: HBBGAnimate 30s infinite linear;
    -moz-animation: HBBGAnimate 30s infinite linear;
    -ms-animation: HBBGAnimate 30s infinite linear;
    -o-animation: HBBGAnimate 30s infinite linear;
    animation: HBBGAnimate 30s infinite linear;
}
@-webkit-keyframes HBBGAnimate {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 400px;
    }
}
@-moz-keyframes HBBGAnimate {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 400px;
    }
}
@-ms-keyframes HBBGAnimate {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 400px;
    }
}
@-o-keyframes HBBGAnimate {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 400px;
    }
}
@keyframes HBBGAnimate {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 400px;
    }
}
/* Media Element */

.mejs-container {
    position: relative;
    background: #000;
    font-family: sans-serif;
    text-align: left;
    vertical-align: top
}
.me-plugin {
    position: absolute
}
.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}
.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}
.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}
.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}
.mejs-poster img {
    padding: 0;
    border: 0;
    display: block;
    width: auto;
    height: 100%
}
.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}
.mejs-overlay-play {
    cursor: pointer
}
.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
}
.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}
.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px
}
.mejs-overlay-loading span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(images/preloader.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.mejs-container .mejs-controls {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100.1%;
    background: #3a3c3d url(images/background.png);
    background: -webkit-linear-gradient(#4a4c4d, #2b2d2d);
    background: -moz-linear-gradient(#4a4c4d, #2b2d2d);
    background: -o-linear-gradient(#4a4c4d, #2b2d2d);
    background: -ms-linear-gradient(#4a4c4d, #2b2d2d);
    background: linear-gradient(#4a4c4d, #2b2d2d);
    list-style: none
}
.mejs-container .mejs-controls div {
    list-style-type: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 11px;
    line-height: 16px;
    font-family: sans-serif;
    background: url(images/sep.png) left no-repeat;
    border: 0
}
.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 7px 0 9px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(images/me-controls.png) no-repeat
}
.mejs-controls .mejs-button button:focus {
    outline: solid 1px #ff0
}
.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 8px 8px 5px 10px;
    overflow: hidden;
    text-align: center;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}
.mejs-container .mejs-controls .mejs-time span {
    font-size: 11px;
    color: #fff;
    line-height: 16px;
    display: block;
    float: left;
    width: auto
}
.mejs-container .mejs-controls .mejs-playpause-button {
    cursor: pointer;
    background: 0 0;
    width: 30px
}
.mejs-controls .mejs-playpause-button button {
    margin: 7px 8px
}
.mejs-controls .mejs-play button {
    background-position: 0 0
}
.mejs-controls .mejs-play:hover button {
    background-position: 0 -32px
}
.mejs-controls .mejs-pause button {
    background-position: 0 -16px
}
.mejs-controls .mejs-pause:hover button {
    background-position: 0 -48px
}
.mejs-controls .mejs-stop button {
    background-position: -112px 0
}
.mejs-controls .mejs-stop:hover button {
    background-position: -112px -32px
}
.mejs-controls div.mejs-time-rail {
    width: 200px
}
.mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 180px;
    height: 5px;
    cursor: pointer
}
.mejs-controls .mejs-time-rail .mejs-time-total {
    padding: 1px;
    margin: 11px 8px 0 10px;
    background: #262929;
    border-bottom: #3d3f40 1px solid;
    box-shadow: inset 1px 1px rgba(0, 0, 0, .4)
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background: #464849;
    background-image: -webkit-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image: -moz-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image: -o-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image: -ms-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image: linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    -moz-background-size: 6px 6px;
    background-size: 6px 5px;
    -webkit-background-size: 6px 5px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
    z-index: 1
}
@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}
@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}
@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}
@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}
@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #464849;
    width: 0
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    width: 0;
    background: #feea36;
    background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    -moz-background-size: 6px 6px;
    background-size: 6px 6px;
    -webkit-background-size: 6px 5px;
    z-index: 1
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 5px;
    background: 0 0;
    cursor: pointer;
    top: 1px;
    z-index: 1;
    text-align: center
}
.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #C2C8CF;
    background: -webkit-linear-gradient(#E3E6E9, #C2C8CF);
    background: -moz-linear-gradient(#E3E6E9, #C2C8CF);
    background: -o-linear-gradient(#E3E6E9, #C2C8CF);
    background: -ms-linear-gradient(#E3E6E9, #C2C8CF);
    background: linear-gradient(#E3E6E9, #C2C8CF);
    width: 36px;
    height: 17px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 3px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 4px #C2C8CF;
    border-color: #C2C8CF transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 17px;
    left: 13px
}
.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0
}
.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px
}
.mejs-controls .mejs-mute button {
    background-position: -16px -16px
}
.mejs-controls .mejs-mute button:hover {
    background-position: -16px -48px
}
.mejs-controls .mejs-unmute button {
    background-position: -16px 0
}
.mejs-controls .mejs-unmute button:hover {
    background-position: -16px -32px
}
.mejs-controls .mejs-volume-button {
    position: relative
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 68px;
    width: 30px;
    background: #3A3C3D;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -68px;
    left: 1px;
    z-index: 1;
    position: absolute;
    margin: 0
}
.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 13px;
    top: 8px;
    width: 5px;
    height: 50px;
    background: #262929;
    border-bottom: #3d3f40 1px solid;
    box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
    margin: 0;
    padding: 1px
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 13px;
    top: 8px;
    width: 5px;
    height: 50px;
    background: #feea36;
    background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    -moz-background-size: 6px 6px;
    background-size: 6px 6px;
    -webkit-background-size: 6px 5px;
    background-position: bottom;
    margin: 1px
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 14px;
    top: 16px;
    width: 5px;
    height: 5px;
    background: 0 0;
    margin: 0
}
.mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 62px;
    position: relative;
    background: 0 0
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 5px;
    margin: 0;
    padding: 1px;
    font-size: 1px;
    background: #262929;
    border-bottom: #3d3f40 1px solid;
    box-shadow: inset 1px 1px rgba(0, 0, 0, .4)
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 5px;
    margin: 1px;
    padding: 0;
    font-size: 1px;
    background: #feea36;
    background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
    -moz-background-size: 6px 6px;
    background-size: 6px 6px;
    -webkit-background-size: 6px 5px
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}
.mejs-controls .mejs-captions-button {
    position: relative
}
.mejs-controls .mejs-captions-button button {
    background-position: -48px 0
}
.mejs-controls .mejs-captions-button:hover button {
    background-position: -48px -32px
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 30px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: #3A3C3D;
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: sans-serif;
    font-size: 10px
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px
}
.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}
.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #3A3C3D;
    background: rgba(58, 60, 61, .7);
    background: -webkit-linear-gradient(top, rgba(74, 76, 77, .7), rgba(0, 0, 0, .7));
    background: -moz-linear-gradient(top, rgba(74, 76, 77, .7), rgba(0, 0, 0, .7));
    background: -o-linear-gradient(top, rgba(74, 76, 77, .7), rgba(0, 0, 0, .7));
    background: -ms-linear-gradient(top, rgba(74, 76, 77, .7), rgba(0, 0, 0, .7));
    background: linear-gradient(top, rgba(74, 76, 77, .7), rgba(0, 0, 0, .7));
    overflow: hidden;
    border: 0
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #313335;
    border-right: solid 1px rgba(49, 51, 53, .7);
    border-bottom: solid 1px #313335;
    border-bottom: solid 1px rgba(49, 51, 53, .7);
    cursor: pointer
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: 0
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #333;
    background: rgba(102, 102, 102, .7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102, 102, 102, .7)), to(rgba(50, 50, 50, .6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    background: linear-gradient(rgba(102, 102, 102, .7), rgba(50, 50, 50, .6))
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px;
    line-height: 12px
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}
.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #fff
}
.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}
.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: 400
}
.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}
.mejs-captions-position-hover {
    bottom: 45px
}
.mejs-captions-text {
    padding: 5px 7px;
    background: #3a3c3d;
    background: rgba(58, 60, 61, .8);
    border-radius: 4px
}
.mejs-clear {
    clear: both
}
.me-cannotplay a {
    color: #fff;
    font-weight: 700
}
.me-cannotplay span {
    padding: 15px;
    display: block
}
.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}
.mejs-controls .mejs-loop-off:hover button {
    background-position: -64px -48px
}
.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}
.mejs-controls .mejs-loop-on:hover button {
    background-position: -64px -32px
}
.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}
.mejs-controls .mejs-backlight-off:hover button {
    background-position: -80px -48px
}
.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}
.mejs-controls .mejs-backlight-on:hover button {
    background-position: -80px -32px
}
.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}
.mejs-controls .mejs-picturecontrols-button:hover {
    background-position: -96px -32px
}
.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001
}
.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}
.mejs-contextmenu .mejs-contextmenu-item {
    font-family: sans-serif;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff
}
.mejs-controls .mejs-sourcechooser-button {
    position: relative
}
.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px -32px
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: #3A3C3D;
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: sans-serif;
    font-size: 10px
}
#hb-blog-posts.fullwidth-grid-layout article {
    width: 24.9%!important
}
#hb-blog-posts.fullwidth-grid-layout article.col-4 {
    width: 33.2%!important
}
#hb-blog-posts.fullwidth-grid-layout article.col-2 {
    width: 16.65%!important
}
#main-wrapper .tp-dottedoverlay.threexthree {
    background-color: rgba(10, 20, 30, 0.6);
    background-image: none!important
}
/* Scrolling Presentation */

#main-wrapper.left-panel #fullpage {
    margin-left: -265px
}
#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    -ms-interpolation-mode: bicubic
}
.fp-slide {
    float: left
}
.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}
.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}
.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    width: 100%
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}
.fp-slidesContainer {
    float: left;
    position: relative
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}
.fp-scrollable {
    overflow: scroll
}
.fp-easing {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
#fp-nav {
    position: fixed;
    z-index: 9991;
    margin-top: -32px;
    top: 50%;
    opacity: 1
}
#fp-nav.right {
    right: 17px
}
#fp-nav.left {
    left: 17px
}
.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1
}
.fp-slidesNav.bottom {
    bottom: 17px
}
.fp-slidesNav.top {
    top: 17px
}
#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}
#fp-nav li,
.fp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}
.fp-slidesNav li {
    display: inline-block
}
#fp-nav li a,
.fp-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}
#fp-nav li .active span,
.fp-slidesNav .active span {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 2px #FFF
}
#fp-nav span,
.fp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, 0.3);
    -webkit-transition: box-shadow .3s ease, background-color .3s ease;
    transition: box-shadow .3s ease, background-color .3s ease
}
#fp-nav a span:hover {
    background: rgba(255, 255, 255, 0.7)
}
#fp-nav.dark-skin a span:hover {
    background: rgba(0, 0, 0, 0.7)
}
#fp-nav.dark-skin a span {
    background: rgba(0, 0, 0, 0.3)
}
#fp-nav.dark-skin li .active span,
.fp-slidesNav.dark-skin .active span {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 2px #000
}
.hb-special-header-style #header-inner #header-inner-bg.dark-skin {
    border-bottom-color: rgba(0, 0, 0, 0.07)!important
}
.hb-special-header-style .dark-skin #show-nav-menu {
    color: #000
}
.fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px
}
.fp-tooltip.right {
    right: 20px
}
.fp-tooltip.left {
    left: 20px
}
.hb-fp-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform-style: preserve-3d;
    background-size: cover
}
.hb-fp-video video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 10;
    background-size: cover;
    object-fit: cover
}
.hb-caption-layer {
    position: relative;
    z-index: 20;
    box-sizing: border-box
}
.left-panel .hb-caption-layer {
    padding-left: 265px
}
.hb-caption-layer h2 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'source_sans_probold'
}
.hb-caption-layer p {
    font-size: 22px;
    margin-top: 30px;
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'source_sans_proregular'
}
.hb-caption-layer .hb-button {
    margin-top: 40px
}
.hb-caption-layer h2.dark,
.hb-caption-layer p.dark {
    color: #323436
}
.hb-caption-layer h2.light,
.hb-caption-layer p.light {
    color: #FFF
}
.hb-caption-layer .hb-button {
    padding: 22px 30px 20px!important
}
.hb-caption-layer .hb-button.secondary {
    background: transparent
}
.hb-caption-layer .hb-button.secondary.light {
    -webkit-box-shadow: inset 0 0 0 2px #fff!important;
    -moz-box-shadow: inset 0 0 0 2px #fff!important;
    box-shadow: inset 0 0 0 2px #fff!important
}
.hb-caption-layer .hb-button.secondary.light:hover {
    background: #FFF;
    color: #000!important
}
.hb-caption-layer .hb-button.secondary.dark {
    -webkit-box-shadow: inset 0 0 0 2px #323436!important;
    -moz-box-shadow: inset 0 0 0 2px #323436!important;
    box-shadow: inset 0 0 0 2px #323436!important;
    color: #323436!important
}
.hb-caption-layer .hb-button.secondary.dark:hover {
    background: #323436!important;
    color: #FFF!important
}
.left-panel .hb-caption-layer.top-right {
    text-align: right;
    top: -40%
}
.hb-video-mobile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    display: none;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}
.hb-video-color-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3
}
/* Tooltips */

span[rel="tooltip"] {
    color: #323436;
    border-bottom: dotted 1px #eee;
    cursor: help;
}
.tooltip {
    position: absolute;
    z-index: 999;
    display: block;
    font-size: 12px;
    line-height: 1.3;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}
.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 10px 12px 8px 12px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #323436;
    border-radius: 2px
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #323436;
    border-width: 5px 5px 0
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-top-color: #323436;
    border-width: 5px 5px 0
}
.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-top-color: #323436;
    border-width: 5px 5px 0
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #323436;
    border-width: 5px 5px 5px 0
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #323436;
    border-width: 5px 0 5px 5px
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #323436;
    border-width: 0 5px 5px
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-bottom-color: #323436;
    border-width: 0 5px 5px
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-bottom-color: #323436;
    border-width: 0 5px 5px
}
.tooltip.top {
    margin-top: -10px;
}
.tooltip.right {
    margin-left: 3px;
}
.tooltip.bottom {
    margin-top: 3px;
}
.tooltip.left {
    margin-left: -15px !important;
}
/* PrettyPhoto */

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
    height: 13px;
}
div.pp_default .pp_top .pp_left {
    background: url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}
div.pp_default .pp_top .pp_middle {
    background: url(images/prettyPhoto/default/sprite_x.png) top left repeat-x;
}
div.pp_default .pp_top .pp_right {
    background: url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
}
div.pp_default .pp_content .ppt {
    color: #f8f8f8;
}
div.pp_default .pp_content_container .pp_left {
    background: url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px;
}
div.pp_default .pp_content_container .pp_right {
    background: url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px;
}
div.pp_default .pp_next:hover {
    background: url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer;
    background-image: none;
}
div.pp_default .pp_previous:hover {
    background: url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    background-image: none;
    cursor: pointer;
}
div.pp_default .pp_expand {
    background: url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    width: 28px;
    height: 28px;
    background-image: none;
    cursor: pointer;
}
div.pp_default .pp_expand:hover {
    background: url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    background-image: none;
    cursor: pointer;
}
div.pp_default .pp_contract {
    background: url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    width: 28px;
    height: 28px;
    background-image: none;
    cursor: pointer;
}
div.pp_default .pp_contract:hover {
    background: url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    background-image: none;
    cursor: pointer;
}
div.pp_default .pp_close {
    background: url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    width: 20px;
    height: 17px;
    border-left: 1px solid #ebebeb;
    color: #323436;
    text-indent: 0;
    cursor: pointer;
    background-image: none;
    padding-left: 7px;
    font-size: 16px;
    line-height: 1;
    padding-right: 3px;
    margin-right: 3px!important;
    margin-top: 0;
}
div.pp_default .pp_gallery ul li a {
    background: url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa;
}
div.pp_default .pp_social {
    margin-top: 0;
    margin-left: 10px;
}
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto;
}
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    background: url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px;
}
div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px;
}
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    width: 20px;
    margin: 4px 0 0;
}
div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px;
    margin-top: 0;
    width: 12px;
    height: 20px;
    background-image: none;
    display: none;
}
div.pp_default .pp_content_container .pp_details {
    margin: 0;
    margin-top: 9px;
}
div.pp_default .pp_nav {
    clear: none;
    position: relative;
    padding-right: 7px;
    width: auto;
    height: 17px;
    border-right: 1px solid #ebebeb;
    margin: 0;
    margin-right: 10px;
    margin-left: 10px;
}
div.pp_default .pp_nav .currentTextHolder {
    color: #999;
    font-size: 11px;
    margin: 0;
    position: static;
    top: 0;
    left: 0;
    padding: 0 2px;
    letter-spacing: 1px;
    font-style: normal;
    line-height: 19px;
}
div.pp_default .pp_description {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin: 3px 50px 0 10px;
}
div.pp_default .pp_bottom .pp_left {
    background: url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}
div.pp_default .pp_bottom .pp_middle {
    background: url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}
div.pp_default .pp_bottom .pp_right {
    background: url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}
div.pp_default .pp_loaderIcon {
    background: url(images/prettyPhoto/default/loader.gif) center center no-repeat;
}
div.pp_pic_holder a:focus {
    outline: none;
}
div.pp_overlay {
    background: #0A141E;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999991;
    position: fixed;
}
div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 999992;
}
.pp_content {
    height: 40px;
    min-width: 40px;
}
* html .pp_content {
    width: 40px;
}
.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}
.pp_content_container .pp_left {
    padding-left: 20px;
}
.pp_content_container .pp_right {
    padding-right: 20px;
}
.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px;
}
.pp_description {
    display: none;
    margin: 0;
}
.pp_social {
    float: left;
    margin: 0;
}
.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden;
}
.pp_social .twitter {
    float: left;
}
.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}
.pp_nav p {
    float: left;
    white-space: nowrap;
    margin: 2px 4px;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}
.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}
.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
}
.pp_gallery ul {
    float: left;
    height: 35px;
    position: relative;
    white-space: nowrap;
    margin: 0 0 0 5px;
    padding: 0;
}
.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}
.pp_gallery ul a img {
    border: 0;
    height: 100%;
    display: block;
}
.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}
.pp_gallery li.default a {
    background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px!important;
}
a.pp_next {
    background-image: none;
    display: block;
    float: right;
    height: 80%;
    top: 10%;
    text-indent: 0;
    width: 50px;
    position: relative;
}
a.pp_next i {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 6px;
}
a.pp_previous {
    background-image: none;
    display: block;
    float: left;
    height: 80%;
    top: 10%;
    width: 50px;
    position: relative;
}
a.pp_previous,
a.pp_next {
    background-color: rgba(0, 0, 0, 0.3);
}
a.pp_previous:hover,
a.pp_next:hover {
    background-color: rgba(0, 0, 0, 0.5)!important;
}
a.pp_previous i {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 9px;
}
a.pp_expand,
a.pp_contract {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 30px;
    top: 10px;
    width: 20px;
    z-index: 9999;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    line-height: 18px;
    display: block;
}
a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}
.pp_loaderIcon {
    display: block;
    height: 18px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -9px 0 0 -12px;
}
#pp_full_res {
    line-height: 1!important;
}
#pp_full_res .pp_inline {
    text-align: left;
}
#pp_full_res .pp_inline p {
    margin: 0 0 15px;
}
div.ppt {
    display: none!important;
}
div.pp_default .pp_content,
div.light_rounded .pp_content {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
div.pp_default #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt,
div.light_rounded #pp_full_res .pp_inline,
div.light_square .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.facebook #pp_full_res .pp_inline {
    color: #000;
}
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a,
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
    border-color: #fff;
}
div.pp_default .pp_details,
div.light_rounded .pp_details,
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.light_square .pp_details,
div.facebook .pp_details {
    position: relative;
}
div.light_rounded .pp_top .pp_middle,
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right,
div.light_rounded .pp_bottom .pp_middle,
div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content,
div.facebook .pp_content {
    background: #fff;
}
div.light_rounded .pp_description,
div.light_square .pp_description {
    margin-right: 85px;
}
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next,
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next,
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next,
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px!important;
}
div.light_rounded .pp_arrow_previous.disabled,
div.dark_rounded .pp_arrow_previous.disabled,
div.dark_square .pp_arrow_previous.disabled,
div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}
div.light_rounded .pp_arrow_next.disabled,
div.dark_rounded .pp_arrow_next.disabled,
div.dark_square .pp_arrow_next.disabled,
div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}
div.light_rounded .pp_loaderIcon,
div.light_square .pp_loaderIcon {
    background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}
div.dark_rounded .pp_top .pp_middle,
div.dark_rounded .pp_content,
div.dark_rounded .pp_bottom .pp_middle {
    background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}
div.dark_rounded .currentTextHolder,
div.dark_square .currentTextHolder {
    color: #c4c4c4;
}
div.dark_rounded #pp_full_res .pp_inline,
div.dark_square #pp_full_res .pp_inline {
    color: #fff;
}
.pp_top,
.pp_bottom {
    height: 20px;
    position: relative;
}
* html .pp_top,
* html .pp_bottom {
    padding: 0 20px;
}
.pp_top .pp_left,
.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_top .pp_middle,
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}
.pp_top .pp_right,
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.pp_fade,
.pp_gallery li.default a img {
    display: none;
}
div.pp_default .pp_top {
    height: 0;
}
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right {
    background: none;
}
div.pp_default a.pp_arrow_previous {
    margin-top: 0;
    width: 12px;
    height: 20px;
    background-image: none;
    display: none;
}
div.pp_default .pp_overlay {
    opacity: 0.85!important;
}
div.pp_default .pp_next {
    background-image: none;
    cursor: pointer;
}
div.pp_default .pp_previous {
    background-image: none;
    cursor: pointer;
}
div.pp_default a.pp_expand,
div.pp_default a.pp_contract {
    top: 15px;
    right: 28px;
    padding: 0;
    text-align: center;
}
a.pp_expand i.hb-moon-contract-3,
a.pp_contract i.hb-moon-expand-3 {
    display: none;
}
a.pp_contract i.hb-moon-contract-3 {
    display: inline-block!important;
}
body.compose-mode #main-wrapper .control-btn.vc-element-name .vc-btn-content {
    font-size: 12px !important;
}
/* Loader */

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.pace-active {
    position: relative;
    z-index: 99992
}
.pace-inactive {
    display: none
}
.pace .pace-progress {
    position: fixed;
    z-index: 9000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s
}
.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}
.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 8px;
    left: 15px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-radius: 10px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite
}
.admin-bar .pace .pace-activity {
    top: 40px
}
.admin-bar .pace .pace-progress {
    top: 32px
}
#hb-preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 999992;
    text-align: center;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    top: 0;
    left: 0
}
.default-loading-icon {
    top: 50%;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    margin: 0 auto;
    display: block;
    position: relative;
    border: 3px solid #E5E5E5;
    margin-top: -25px
}
.default-loading-icon:before {
    position: absolute;
    content: "";
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-radius: 100%;
    border-style: solid;
    border-width: 3px;
    display: block;
    height: 100%;
    width: 100%;
    top: -3px;
    left: -3px;
    animation: spin .7s infinite cubic-bezier(0.445, .03, .55, .95);
    -moz-animation: spin .7s infinite cubic-bezier(0.445, .05, .55, .95);
    -webkit-animation: spin .7s infinite cubic-bezier(0.445, .05, .55, .95)
}
/* Spinner Animation */

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* ==========================================================================
   Print Styles
============================================================================= */

@media print {
    body,
    html {
        background: #FFF;
        color: #000;
        font-size: 13pt;
        line-height: 160%
    }
    #hb-page-title h1 {
        font-size: 26pt!important;
        line-height: 150%!important
    }
    .hb-main-content,
    .hb-main-content p {
        font-size: 13pt!important;
        color: #000!important
    }
    #footer,
    #header-bar,
    nav.main-navigation,
    #footer-nav,
    #contact-panel,
    .author-box,
    #respond,
    .hb-separator-extra,
    #to-top,
    #contact-button,
    #pre-footer-area {
        display: none!important
    }
    body.admin-bar #header-inner.stuck {
        position: absolute!important
    }
    #header-inner-bg,
    #header-inner {
        border-bottom: none
    }
    #logo,
    #copyright-text {
        display: block;
        text-align: center;
        float: none;
        color: #000
    }
    a:link,
    a:visited,
    #copyright-wrapper a {
        color: #520;
        background: transparent;
        font-weight: bold;
        text-decoration: underline
    }
    #copyright-wrapper {
        display: block;
        background: #FFF;
        color: #000;
        text-align: center
    }
    body #main-wrapper,
    body #main-wrapper.hb-stretched-layout,
    body #main-wrapper.hb-boxed-layout {
        margin-bottom: 0!important
    }
    #main-content .hb-main-content.col-9 {
        float: none!important;
        width: 100%!important;
        border: none!important;
        padding-left: 0!important
    }
    #main-content .hb-sidebar.col-3 {
        display: none!important
    }
}