@charset "UTF-8";
/**
 * /*--------------------------------------------------------------
 *  Theme Name: Total
 *  Version: 3.4.0
 *  Description: Premium WordPress theme by WPExplorer
 *  Author: WPExplorer
 *  Theme URI: http://www.wpexplorer.com
 *  Author URI: http://www.wpexplorer.com
 *  License: Custom licensef
 *  License URI: http://themeforest.net/licenses/terms/regular
 *  Text Domain: total
 *
 * @format
 */
ƒ html,
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  font-weight: 400;
}

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

html {
  font-size: 13.333vw;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: #fff;
  line-height: 1;
}

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

ol,
ul {
  list-style: none;
}

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

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

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

blockquote,
q {
  quotes: none;
}

a {
  -webkit-tap-highlight-color: transparent;
}

a:focus {
  outline: none;
}

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

a img {
  border: 0;
}

.img-p {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

select {
  max-width: 100%;
}

@media (min-width: 768px) {
  body.category-company-news,
  body.search-results {
    min-width: 960px;
  }
}
/*------------------------------------------------------------------ [Grid] -------------------------------------------------------------------*/
/* Grid > Clear Floats */
.col:after,
.clr:after,
.wpex-clr:after,
.group:after,
dl:after,
.vc-empty-shortcode-element:after,
ul.page-numbers:after,
#comments .comment-body:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  zoom: 1;
}

.compose-mode .vc_element.vc_empty .vc_empty-element:after {
  visibility: visible !important;
}

.clear,
.wpex-clear {
  clear: both;
}

/* Grid > Main Classes */
.wpex-row {
  margin: 0 -10px;
}

.wpex-row .col {
  float: left;
  margin: 0 0 20px;
  padding: 0 10px;
}

.wpex-row .span_1_of_1.col {
  float: none;
}

.wpex-row .span_1_of_2 {
  width: 50%;
}

.wpex-row .span_1_of_3 {
  width: 33.33%;
}

.wpex-row .span_1_of_4 {
  width: 25%;
}

.wpex-row .span_1_of_5 {
  width: 20%;
}

.wpex-row .span_1_of_6 {
  width: 16.66666667%;
}

.wpex-row .span_1_of_7 {
  width: 14.28%;
}

/* Grid > Gaps */
.wpex-row.gap-none {
  margin-left: 0;
  margin-right: 0;
}

.wpex-row.gap-none .col,
.wpex-row.gap-none .nr-col {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.wpex-row.gap-5 {
  margin-left: -2.5px;
  margin-right: -2.5px;
}

.wpex-row.gap-5 .col,
.wpex-row.gap-5 .nr-col {
  padding-left: 2.5px;
  padding-right: 2.5px;
  margin-bottom: 5px;
}

.wpex-row.gap-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.wpex-row.gap-10 .col,
.wpex-row.gap-10 .nr-col {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

.wpex-row.gap-15 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.wpex-row.gap-15 .col,
.wpex-row.gap-15 .nr-col {
  padding-left: 7.5px;
  padding-right: 7.5px;
  margin-bottom: 15px;
}

.wpex-row.gap-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.wpex-row.gap-20 .col,
.wpex-row.gap-20 .nr-col {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

.wpex-row.gap-25 {
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.wpex-row.gap-25 .col,
.wpex-row.gap-25 .nr-col {
  padding-left: 12.5px;
  padding-right: 12.5px;
  margin-bottom: 25px;
}

.wpex-row.gap-30 {
  margin-left: -15px;
  margin-right: -15px;
}

.wpex-row.gap-30 .col,
.wpex-row.gap-30 .nr-col {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

.wpex-row.gap-35 {
  margin-left: -17.5px;
  margin-right: -17.5px;
}

.wpex-row.gap-35 .col,
.wpex-row.gap-35 .nr-col {
  padding-left: 17.5px;
  padding-right: 17.5px;
  margin-bottom: 35px;
}

.wpex-row.gap-40 {
  margin-left: -20px;
  margin-right: -20px;
}

.wpex-row.gap-40 .col,
.wpex-row.gap-40 .nr-col {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px;
}

.wpex-row.gap-50 {
  margin-left: -25px;
  margin-right: -25px;
}

.wpex-row.gap-50 .col,
.wpex-row.gap-50 .nr-col {
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 50px;
}

.wpex-row.gap-60 {
  margin-left: -30px;
  margin-right: -30px;
}

.wpex-row.gap-60 .col,
.wpex-row.gap-60 .nr-col {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 60px;
}

/* Grid > Non Responsive */
.nr-col {
  float: left;
  margin: 0 0 20px;
  padding: 0 10px;
}

.span_1_of_2.nr-col {
  width: 50%;
}

.span_1_of_3.nr-col {
  width: 33.33%;
}

.span_1_of_4.nr-col {
  width: 25%;
}

.span_1_of_5.nr-col {
  width: 20%;
}

.span_1_of_6.nr-col {
  width: 16.66666667%;
}

/* Grid > No Margins 1 */
.one-half,
.one-third,
.one-fourth,
.one-fifth {
  display: block;
  float: left;
}

.one-half {
  width: 50%;
}

.one-third {
  width: 33.33%;
}

.one-fourth {
  width: 25%;
}

.one-fifth {
  width: 20%;
}

.one-sixth {
  width: 16.6666%;
}

/* Grid > No Margins 2 */
.wpex-row.vcex-no-margin-grid {
  margin-left: 0;
  margin-right: 0px;
}

.wpex-row.vcex-no-margin-grid .col {
  margin: 0 !important;
  padding: 0 !important;
}

.wpex-row.vcex-no-margin-grid .span_1_of_3 {
  width: 33.3%;
}

.wpex-row.vcex-no-margin-grid .span_1_of_6 {
  width: 16.66%;
}

/* Grid > Clear Floats */
.clr-margin,
.count-1,
.col-1,
.col.first {
  clear: both;
  margin-left: 0;
}

.isotope-entry {
  clear: none;
}

/*------------------------------------------------------------------ [Main Layout & Widths] -------------------------------------------------------------------*/
.container,
.vc_row-fluid.container {
  width: 980px;
}

body.wpex-responsive .container,
body.wpex-responsive .vc_row-fluid.container {
  max-width: 100%;
}

.container {
  margin: 0 auto;
}

.center-row-inner {
  margin: 0 -15px;
}

.content-area {
  width: 69%;
  float: left;
  position: relative;
}

.content-full-width .content-area,
.content-area.full-width {
  width: 100%;
  max-width: none !important;
}

#sidebar {
  width: 26%;
  float: right;
}

#outer-wrap {
  overflow: hidden;
}

#wrap {
  position: relative;
}

/* VERY IMPORTANT - do not reset */
/*body.page-header-disabled.no-composer #main {
     padding-top: 40px;
 }
 */
/* Layout & Widths > Full-Width & Full-Screen */
body.content-full-screen #content-wrap,
.content-full-screen {
  width: 100% !important;
  max-width: none !important;
}

body.content-full-width #content-wrap .content-area,
.content-full-width .content-area,
body.content-full-screen #content-wrap,
body.content-full-width #content-wrap {
  width: 100% !important;
  max-width: none !important;
}

body.content-full-screen #content-wrap .content-area,
.content-full-screen .content-area {
  float: none;
  padding: 0;
  width: 100% !important;
  max-width: none !important;
}

/* Layout & Widths > Left Sidebar */
body.content-left-sidebar #content-wrap .content-area,
.content-left-sidebar .content-area {
  float: right;
}

body.content-left-sidebar #content-wrap #sidebar,
.content-left-sidebar #sidebar {
  float: left;
}

/* Layout & Widths > Fix Bugs With Containers */
.content-right-sidebar .vc_row-fluid.container,
.content-left-sidebar .vc_row-fluid.container,
.content-right-sidebar .vcex-testimonials-fullslider-entry,
.content-left-sidebar .vcex-testimonials-fullslider-entry {
  width: 100% !important;
}

/* Layout & Widths > Adds Bottom Margin To Non-VC Pages */
#primary,
body.has-composer.page-template-blog #primary,
body.has-composer.post-type-archive-product #primary {
  padding-bottom: 40px;
}

body.has-composer #primary,
body.compose-mode #primary,
body.single-product #primary,
body.single-post #primary {
  padding-bottom: 0;
}

/*------------------------------------------------------------------ [Boxed layout] -------------------------------------------------------------------*/
/* Boxed Layout > Main */
.boxed-main-layout #outer-wrap {
  padding: 40px 30px;
}

.boxed-main-layout {
  background-color: #ddd;
}

.boxed-main-layout #wrap {
  width: 1030px;
  margin: 0 auto;
  background: #fff;
}

.boxed-main-layout.wpex-responsive #wrap {
  max-width: 100%;
}

.boxed-main-layout.wrap-boxshadow #wrap {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.boxed-main-layout #wrap .container {
  width: auto !important;
  max-width: none !important;
  padding-left: 30px;
  padding-right: 30px;
}

.boxed-main-layout.content-full-screen #content-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.boxed-main-layout .wpex-social-share.position-vertical {
  left: -85px;
}

.boxed-main-layout .content-left-sidebar .wpex-social-share.position-vertical {
  left: auto;
  right: -85px;
}

/* Fixes VC negative margin overflows .boxed-main-layout #main .entry {
     overflow: hidden;
 }
 */
/* Boxed Layout > Move absolute items */
.boxed-main-layout .navbar-style-one {
  right: 18px;
}

body.has-mobile-menu.boxed-main-layout #mobile-menu,
.boxed-main-layout #footer-bottom-menu,
.boxed-main-layout .site-breadcrumbs {
  right: 30px;
}

/*------------------------------------------------------------------ [Body + Main] -------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------ **modify by chenft */
@font-face {
  font-family: "Open Sans";
  src: url("/Content/css/OpenSans-Regular.woff2?v=1.1.0");
  src: url("../font/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../font/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../font/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("../font/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("../font/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../font/OPENSANSLIGHT_0.eot");
  src: url("../font/OPENSANSLIGHT_0.eot") format("embedded-opentype"), url("../font/OPENSANSLIGHT_0.woff2") format("woff2"), url("../font/OPENSANSLIGHT_0.woff") format("woff"), url("../font/OPENSANSLIGHT_0.ttf") format("truetype"), url("../font/OPENSANSLIGHT_0.svg#OPENSANSLIGHT_0") format("svg");
  font-weight: 300;
  font-style: normal;
}
p,
a,
h1,
h2,
h3,
div,
li,
span,
* {
  font-family: "Open Sans" !important;
  font-weight: 400;
}

/*body {
     background: #fff;
     font-family: 'Helvetica Neue', Arial, sans-serif;
     font-size: 13px;
     line-height: 1.65;
     color: #666;
 }
 */
body {
  background: #fff;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.65;
  color: #666;
}

/*------------------------------------------------------------------------------------------------------- **modify by chenft end */
/*body.wpex-noscroll {
     position:absolute;
     width:100%;
     overflow-y:hidden;
     top:0;
     bottom:0;
 }
 */
img {
  max-width: 100%;
  height: auto;
}

/* fix IE image scaling */
img {
  -ms-interpolation-mode: bicubic;
}

/* Main > Sup/Sub */
sup,
sub {
  vertical-align: baseline;
  position: relative;
  top: -0.3em;
  font-size: 0.8em;
  font-weight: normal !important;
}

sub {
  top: 0.4em;
}

.entry iframe,
.entry embed {
  max-width: 100%;
}

#img-attach-page-content {
  text-align: center;
  margin-top: 25px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.0875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Main > 404 Error Page */
.error404-content {
  text-align: center;
  margin: 50px 0;
  font-size: 1.077em;
}

.error404-content h1 {
  font-size: 3.231em;
  margin: 0 0 10px;
}

/* Main > Responsive Videos > 16:9 ratio */
.responsive-video-wrap,
.responsive-audio-wrap {
  position: relative;
  padding-top: 56%;
}

.responsive-video-wrap iframe,
.responsive-audio-wrap iframe,
.responsive-video-wrap object,
.responsive-audio-wrap object,
.responsive-video-wrap embed,
.responsive-audio-wrap embed {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-video-shortcode {
  width: auto !important;
  max-width: 100% !important;
}

/* Main > Lean Modal Window */
#lean_overlay {
  position: fixed;
  z-index: 10002;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

/* Main > Custom Selects */
.hasCustomSelect {
  z-index: 2;
  width: 100%;
  min-width: auto;
}

.theme-select {
  position: relative;
  z-index: 1;
  background: #fff;
  border: 1px solid #ddd;
  color: #555;
  height: 34px;
  line-height: 34px;
  padding: 0 45px 0 10px;
  width: 100%;
}

.theme-select:after {
  font-family: "FontAwesome";
  content: "\f0dc";
  display: block;
  height: 32px;
  width: 32px;
  background: #f7f7f7;
  color: #999;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #ddd;
  font-size: 11px;
}

.theme-select.customSelectHover {
  border-color: #c7c7c7;
  background-color: #f5f5f5;
}

.theme-select.customSelectFocus,
.theme-select.customSelectOpen {
  border-color: inherit;
}

.theme-select.customSelectChanged {
  -webkit-animation: changed 0.5s;
  -moz-animation: changed 0.5s;
  -ms-animation: changed 0.5s;
  animation: changed 0.5s;
}

/* Main > Text Columns */
.columnize-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em;
  -webkit-column-rule: 1px solid #e5e5e5;
  -moz-column-rule: 1px solid #e5e5e5;
  column-rule: 1px solid #e5e5e5;
  margin: 0 0 1.313em;
}

/* Main > Page Featured Image */
#page-featured-img {
  margin-bottom: 40px;
}

#page-featured-img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

/* Main > Language Switches */
.polylang-switcher-shortcode li {
  float: left;
  margin-right: 5px;
}

.polylang-switcher-shortcode.flags-and-names li {
  margin-right: 15px;
}

.polylang-switcher-shortcode li:last-child {
  margin-right: 0;
}

/*post edit link*/
.post-edit {
  padding: 40px 0 60px;
}

body.is_customize_preview .post-edit {
  display: none;
}

body.content-full-screen .post-edit {
  text-align: center;
}

.post-edit a {
  display: inline-block;
  padding: 0.9em 1.2em;
  line-height: 1;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  background: #114c7f;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.post-edit a:hover {
  text-decoration: none;
  background: #0d3d63;
  color: #fff;
}

/* Page Animation > Custom Loading */
.animsition-loading {
  position: fixed;
  z-index: 100;
  top: 0 !important;
  width: 100%;
  height: 100%;
}

.animsition-loading:after {
  position: fixed;
  top: 50%;
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
}

/*------------------------------------------------------------------ [Commons] -------------------------------------------------------------------*/
.display-none {
  display: none;
}

.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

/* Commons > Taxonomy Tag */
.wpex-term-tag {
  background: #aaa;
  padding: 0.4em 1em;
  border-radius: 20px;
  color: #fff;
  text-decoration: none;
  margin-right: 5px;
  margin-bottom: 5px;
  display: block;
  float: left;
}

/* Commons > Backgrounds & Borders */
.wpex-bg-gray {
  background: #f7f7f7;
}

.wpex-bordered {
  border: 1px solid #eee;
}

/* Commons > Displays */
.wpex-block {
  display: block;
}

.wpex-inline-block {
  display: block;
  display: inline-block;
}

.wpex-inline {
  display: inline;
}

/* Commons > Positions */
.wpex-relative {
  position: relative;
  z-index: 1;
}

.wpex-absolute {
  position: absolute;
  z-index: 1;
}

/* Commons > Visibility */
.hidden,
.wpex-hidden {
  display: none;
}

/* Commons > Background Styles */
.bg-cover,
.bg-stretched {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-fixed-top,
.bg-fixed-bottom,
.bg-fixed {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.bg-fixed-top {
  background-position: center top;
}

.bg-fixed-bottom {
  background-position: center bottom;
}

.wpex-is-mobile-device .bg-fixed,
.wpex-is-mobile-device .bg-fixed-top,
.wpex-is-mobile-device .bg-fixed-top {
  background-attachment: scroll;
}

/* Commons > Theme Heading */
.theme-heading {
  height: auto;
  top: auto !important;
  font-size: 1.154em;
  font-weight: 600;
  color: #000;
  margin: 0 0 20px;
  overflow: hidden;
  position: relative;
}

.theme-heading span.text {
  display: inline-block;
  max-width: 90%;
  position: relative;
}

.theme-heading span.text:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  border-bottom: solid 1px #eee;
  left: 100%;
  width: 9999px;
  margin-top: -1px;
  margin-left: 15px;
}

/* Commons > Text Highlights */
.text-highlight {
  color: #0081cc;
}

/* Commons > Colors */
.wpex-child-inherit-color * {
  color: inherit !important;
}

.wpex-color-black,
.wpex-color-black a,
.wpex-color-black a:hover {
  color: #000 !important;
}

.wpex-color-white,
.wpex-color-white a,
.wpex-color-white a:hover {
  color: #fff !important;
}

/* Commons > Fonts */
.thin-font {
  font-weight: 300 !important;
}

.white-text {
  color: #fff !important;
}

/* Commons > Margins */
body .no-margin {
  margin: 0;
}

body .no-left-margin {
  margin-left: 0;
}

body .no-right-margin {
  margin-right: 0;
}

.remove-last-p-margin p:last-child {
  margin: 0;
}

.margin-bottom-5px {
  margin-bottom: 5px;
}

.margin-bottom-10px {
  margin-bottom: 10px;
}

.margin-bottom-15px {
  margin-bottom: 15px;
}

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

/* Commons > Paddings */
body .no-padding {
  padding: 0;
}

body .no-left-padding {
  padding-left: 0;
}

.wpex-padding-10 {
  padding: 10px;
}

.wpex-padding-20 {
  padding: 20px;
}

.wpex-padding-30 {
  padding: 30px;
}

/* Commons > Opacity Hover */
.opacity-hover:hover,
.opacity-hover:hover img {
  opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
}

/* Commons > Alignments & Floats */
.textcenter {
  text-align: center !important;
}

.textright {
  text-align: right !important;
}

.textleft {
  text-align: left !important;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.fa-left {
  margin-right: 10px;
}

.fa-right {
  margin-left: 10px;
}

/* Commons > Text Decorations */
body .wpex-td-none {
  text-decoration: none;
}

/* Commons > Border Radius */
body .wpex-semi-rounded {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

body .wpex-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

body .wpex-round {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

/* Commons > Rounded Images */
.wpex-rounded-images,
.wpex-rounded-images > a,
.wpex-rounded-images img,
.wpex-rounded-images .theme-overlay,
.wpex-rounded-images .wpex-image-hover {
  border-radius: 50%;
}

/* Commons > Font Weights */
.wpex-fw-100 {
  font-weight: 100 !important;
}

.wpex-fw-200 {
  font-weight: 200 !important;
}

.wpex-fw-300,
.wpex-fw-light {
  font-weight: 300 !important;
}

.wpex-fw-400,
.wpex-fw-normal {
  font-weight: normal !important;
}

.wpex-fw-500 {
  font-weight: 500 !important;
}

.wpex-fw-600,
.wpex-fw-semibold {
  font-weight: 600 !important;
}

.wpex-fw-700,
.wpex-fw-bold {
  font-weight: 700 !important;
}

.wpex-fw-800 {
  font-weight: 800 !important;
}

.wpex-fw-900,
.wpex-fw-bolder {
  font-weight: 900 !important;
}

/* Commons > Font Styles */
body .wpex-italic {
  font-style: italic;
}

/* Commons > Max Widths */
.max-width-10 {
  max-width: 10%;
  margin: 0 auto;
}

.max-width-20 {
  max-width: 20%;
  margin: 0 auto;
}

.max-width-30 {
  max-width: 30%;
  margin: 0 auto;
}

.max-width-40 {
  max-width: 40%;
  margin: 0 auto;
}

.max-width-50 {
  max-width: 50%;
  margin: 0 auto;
}

.max-width-60 {
  max-width: 60%;
  margin: 0 auto;
}

.max-width-70 {
  max-width: 70%;
  margin: 0 auto;
}

.max-width-80 {
  max-width: 80%;
  margin: 0 auto;
}

/* Commons > Images */
.stretch-image img,
img.stretch-image {
  display: block;
  width: 100% !important;
}

.image-filter-grayscale img {
  opacity: 1 !important;
}

.image-filter-grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: grayscale(100%);
  filter: gray;
  -webkit-filter: grayscale(100%);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-backface-visibility: hidden;
}

.image-filter-grayscale:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

/* Commons > Image Classes */
.image-shadow {
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.image-border {
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
}

.image-rounded {
  background: #fff;
  border-radius: 3px;
}

.image-circle {
  background: #fff;
  border-radius: 99px;
}

.image-hover:hover {
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}

.image-fancy {
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
}

.image-fancy:hover {
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Commons > Fade In */
.wpex-show-on-load,
.fade-in-image {
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
}

.fade-in-image.no-opacity,
body.compose-mode .fade-in-image,
.wpex-show-on-load.no-opacity,
body.compose-mode .wpex-show-on-load {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

/* Commons > Highlight */
.text-highlight {
  background-image: url("images/highlight-left.png"), url("images/highlight-center.png"), url("images/highlight-right.png");
  background-repeat: repeat-x;
  background-repeat: no-repeat, repeat-x, no-repeat;
  background-position: center;
  background-position: left, center, right;
  background-clip: padding-box, content-box, padding-box;
  color: #a5651a;
  padding: 0 20px;
  margin: 0 -6px;
}

/* Commons > Image Hover */
.wpex-image-hover {
  position: relative;
  overflow: hidden;
  vertical-align: top;
}

.wpex-image-hover > a {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.wpex-image-hover img {
  display: block;
  width: 100%;
  /* width is important to fix firefox bug */
  margin: 0 auto;
  height: auto;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: all 0.25s;
  -moz-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
}

/* Commons > Image Hover > Opacity */
.wpex-image-hover.opacity img {
  width: auto;
  transform: translateZ(0);
}

.wpex-image-hover.opacity img:hover {
  opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
}

/* Commons > Image Hover > Grow */
.wpex-image-hover.grow {
  display: inline-block;
}

.wpex-image-hover.grow:hover img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
}

/* Commons > Image Hover > Shrink */
.wpex-image-hover.shrink:hover img {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  -moz-transform: scale(0.8);
}

/* Commons > Image Hover > Pan */
.wpex-image-hover.side-pan:hover img {
  margin-left: -11%;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
}

.wpex-image-hover.vertical-pan:hover img {
  margin-top: -10%;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
}

/* Commons > Image Hover > Tilt */
.wpex-image-hover.tilt:hover img {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

/* Commons > Image Hover > Blurr */
.wpex-image-hover.blurr img,
.wpex-image-hover.blurr-invert img {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.wpex-image-hover.blurr:hover img {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
}

/* Commons > Image Hover > Invert */
.wpex-image-hover.blurr-invert img {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
}

.wpex-image-hover.blurr-invert:hover img {
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
}

/* Commons > Image Hover > Sepia */
.wpex-image-hover.sepia img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}

.wpex-image-hover.sepia:hover img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}

/* Commons > Image Hover > FadeIn */
.wpex-image-hover.fade-in {
  background: #000;
}

.wpex-image-hover.fade-in img {
  width: 100%;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
}

.wpex-image-hover.fade-in:hover img {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

/* Commons > Image Hover > FadeOut */
.wpex-image-hover.fade-out {
  background: #000;
}

.wpex-image-hover.fade-out img {
  width: 100%;
}

.wpex-image-hover.fade-out:hover img {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
}

/* Commons > Other */
.non-clickable {
  cursor: default;
}

/* Commons > Deprecated */
.rounded {
  border-radius: 50%;
}

/*------------------------------------------------------------------ [Social Buttons] -------------------------------------------------------------------*/
.wpex-social-btn {
  display: block;
  display: inline-block;
  font-size: inherit;
  color: inherit;
  padding: 0;
  height: 1.846em;
  line-height: 1.846em;
  width: 1.846em;
  transition: 0.15s all;
  cursor: pointer;
  text-align: center;
  border-radius: inherit;
}

.wpex-social-btn-minimal {
  color: #bbb;
  border: 1px solid #eee;
}

.wpex-social-btn-flat {
  color: #888;
  background: #f7f7f7;
}

.wpex-social-btn-3d {
  background: #aaa;
  color: #fff !important;
  border-bottom: 3px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}

.wpex-social-btn-3d:hover {
  background: #555;
}

.wpex-social-btn-3d:active {
  border: none;
}

.wpex-social-btn-minimal:hover {
  text-decoration: none;
  background: #f7f7f7;
}

.wpex-social-btn-black,
.wpex-social-btn-black-ch {
  background: #000;
  color: #fff !important;
}

.wpex-social-btn-graphical {
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #444;
}

/*hover colors*/
.wpex-social-btn-flat.wpex-twitter:hover,
.wpex-social-btn-minimal.wpex-twitter:hover {
  color: #00aced;
}

.wpex-social-btn-flat.wpex-tripadvisor,
.wpex-social-btn-minimal.wpex-tripadvisor:hover {
  color: #589442;
}

.wpex-social-btn-flat.wpex-facebook:hover,
.wpex-social-btn-minimal.wpex-facebook:hover {
  color: #3b5998;
}

.wpex-social-btn-flat.wpex-pinterest:hover,
.wpex-social-btn-minimal.wpex-pinterest:hover {
  color: #cb2027;
}

.wpex-social-btn-flat.wpex-googleplus:hover,
.wpex-social-btn-minimal.wpex-googleplus:hover,
.wpex-social-btn-flat.wpex-google-plus:hover,
.wpex-social-btn-minimal.wpex-google-plus:hover {
  color: #dd4b39;
}

.wpex-social-btn-flat.wpex-linkedin:hover,
.wpex-social-btn-minimal.wpex-linkedin:hover {
  color: #4875b4;
}

.wpex-social-btn-flat.wpex-dribbble:hover,
.wpex-social-btn-minimal.wpex-dribbble:hover {
  color: #ef5b93;
}

.wpex-social-btn-flat.wpex-skype:hover,
.wpex-social-btn-minimal.wpex-skype:hover {
  color: #04b1f5;
}

.wpex-social-btn-flat.wpex-envelope:hover,
.wpex-social-btn-minimal.wpex-envelope:hover {
  color: #666;
}

.wpex-social-btn-flat.wpex-mail:hover,
.wpex-social-btn-minimal.wpex-mail:hover {
  color: #666;
}

.wpex-social-btn-flat.wpex-instagram:hover,
.wpex-social-btn-minimal.wpex-instagram:hover {
  color: #305777;
}

.wpex-social-btn-flat.wpex-flickr:hover,
.wpex-social-btn-minimal.wpex-flickr:hover {
  color: #ff0084;
}

.wpex-social-btn-flat.wpex-vk:hover,
.wpex-social-btn-minimal.wpex-vk:hover {
  color: #55779b;
}

.wpex-social-btn-flat.wpex-trello:hover,
.wpex-social-btn-minimal.wpex-trello:hover {
  color: #0cbadf;
}

.wpex-social-btn-flat.wpex-tumblr:hover,
.wpex-social-btn-minimal.wpex-tumblr:hover {
  color: #2c4762;
}

.wpex-social-btn-flat.wpex-foursquare:hover,
.wpex-social-btn-minimal.wpex-foursquare:hover {
  color: #2970ad;
}

.wpex-social-btn-flat.wpex-xing:hover,
.wpex-social-btn-minimal.wpex-xing:hover {
  color: #026466;
}

.wpex-social-btn-flat.wpex-renren:hover,
.wpex-social-btn-minimal.wpex-renren:hover {
  color: #2970ad;
}

.wpex-social-btn-flat.wpex-vimeo:hover,
.wpex-social-btn-minimal.wpex-vimeo:hover {
  color: #1ab7ea;
}

.wpex-social-btn-flat.wpex-vimeo:hover,
.wpex-social-btn-minimal.wpex-vimeo:hover {
  color: #00b386;
}

.wpex-social-btn-flat.wpex-youtube:hover,
.wpex-social-btn-minimal.wpex-youtube:hover {
  color: #c4302b;
}

.wpex-social-btn-flat.wpex-rss:hover,
.wpex-social-btn-minimal.wpex-rss:hover {
  color: #ff7900;
}

.wpex-social-btn-flat.wpex-vine:hover,
.wpex-social-btn-minimal.wpex-vine:hover {
  color: #00b386;
}

.wpex-social-btn-flat.wpex-email:hover,
.wpex-social-btn-minimal.wpex-email:hover {
  color: #ffc548;
}

.wpex-social-btn-flat.wpex-website:hover,
.wpex-social-btn-minimal.wpex-website:hover {
  color: #333;
}

.wpex-social-btn-flat.wpex-phone-number:hover,
.wpex-social-btn-minimal.wpex-phone-number:hover {
  color: #3395ff;
}

.wpex-social-btn-flat.wpex-yelp:hover,
.wpex-social-btn-minimal.wpex-yelp:hover {
  color: #af0605;
}

/*background colors*/
.wpex-social-bg {
  background: #aaa;
}

.wpex-social-bg,
.wpex-social-bg:hover {
  color: #fff !important;
}

.wpex-social-bg:hover {
  opacity: 0.6;
}

.wpex-social-bg.wpex-tripadvisor,
.wpex-social-btn-black-ch.wpex-tripadvisor:hover {
  background: #589442;
}

.wpex-social-bg.wpex-twitter,
.wpex-social-btn-black-ch.wpex-twitter:hover {
  background: #00aced;
}

.wpex-social-bg.wpex-facebook,
.wpex-social-btn-black-ch.wpex-facebook:hover {
  background: #3b5998;
}

.wpex-social-bg.wpex-pinterest,
.wpex-social-btn-black-ch.wpex-pinterest:hover {
  background: #cb2027;
}

.wpex-social-bg.wpex-googleplus,
.wpex-social-btn-black-ch.wpex-googleplus:hover,
.wpex-social-bg.wpex-google-plus,
.wpex-social-btn-black-ch.wpex-google-plus:hover {
  background: #dd4b39;
}

.wpex-social-bg.wpex-linkedin,
.wpex-social-btn-black-ch.wpex-linkedin:hover {
  background: #4875b4;
}

.wpex-social-bg.wpex-dribbble,
.wpex-social-btn-black-ch.wpex-dribbble:hover {
  background: #ef5b93;
}

.wpex-social-bg.wpex-dribbble:hover {
  background: #d0145b;
}

.wpex-social-bg.wpex-vk,
.wpex-social-btn-black-ch.wpex-vk:hover {
  background: #0cbadf;
}

.wpex-social-bg.wpex-skype,
.wpex-social-btn-black-ch.wpex-skype:hover {
  background: #12a5f4;
}

.wpex-social-bg.wpex-flickr,
.wpex-social-btn-black-ch.wpex-flickr:hover {
  background: #ff0084;
}

.wpex-social-bg.wpex-tumblr,
.wpex-social-btn-black-ch.wpex-tumblr:hover {
  background: #2c4762;
}

.wpex-social-bg.wpex-youtube,
.wpex-social-btn-black-ch.wpex-youtube:hover {
  background: #c4302b;
}

.wpex-social-bg.wpex-rss,
.wpex-social-btn-black-ch.wpex-rss:hover {
  background: #ff7900;
}

.wpex-social-bg.wpex-instagram,
.wpex-social-btn-black-ch.wpex-instagram:hover {
  background: #305777;
}

.wpex-social-bg.wpex-renren,
.wpex-social-btn-black-ch.wpex-renren:hover {
  background: #2970ad;
}

.wpex-social-bg.wpex-github,
.wpex-social-btn-black-ch.wpex-github:hover {
  background: #555;
}

.wpex-social-bg.wpex-foursquare,
.wpex-social-btn-black-ch.wpex-foursquare:hover {
  background: #0cbadf;
}

.wpex-social-bg.wpex-trello,
.wpex-social-btn-black-ch.wpex-trello:hover {
  background: #0cbadf;
}

.wpex-social-bg.wpex-xing,
.wpex-social-btn-black-ch.wpex-xing:hover {
  background: #026466;
}

.wpex-social-bg.wpex-vine,
.wpex-social-btn-black-ch.wpex-vine:hover {
  background: #00b386;
}

.wpex-social-bg.wpex-website,
.wpex-social-btn-black-ch.wpex-website:hover {
  background: #000;
}

.wpex-social-bg.wpex-email,
.wpex-social-btn-black-ch.wpex-email:hover {
  background: #ffc548;
}

.wpex-social-bg.wpex-phone-number,
.wpex-social-btn-black-ch.wpex-phone-number:hover {
  background: #3395ff;
}

.wpex-social-bg.wpex-vimeo,
.wpex-social-btn-black-ch.wpex-vimeo:hover {
  background: #1ab7ea;
}

.wpex-social-bg.wpex-yelp,
.wpex-social-btn-black-ch.wpex-yelp:hover {
  background: #af0605;
}

/*------------------------------------------------------------------ [Parallax Backgrounds] -------------------------------------------------------------------*/
.wpex-parallax-bg-wrap {
  position: relative;
}

.wpex-parallax-bg-wrap .container {
  position: relative;
  z-index: 1;
}

.wpex-parallax-bg-wrap .wpb_column {
  z-index: 1;
  position: relative;
}

.wpex-parallax-bg-wrap .center-row-inner {
  z-index: 1;
  position: relative;
}

/*advanced*/
.wpex-parallax-bg {
  display: block;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
  background-attachment: fixed;
  background-position: 50% 0;
  background-size: cover;
}

.compose-mode .wpex-parallax-bg {
  opacity: 1;
}

.wpex-parallax-bg.fixed-repeat {
  background-repeat: repeat;
  background-size: auto;
}

.wpex-parallax-bg.fixed-no-repeat {
  background-repeat: no-repeat;
  background-size: auto;
}

/*disable on mobile*/
body.wpex-is-mobile-device .wpex-parallax-bg.not-mobile {
  background-attachment: scroll !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/*------------------------------------------------------------------ [Video Backgrounds] -------------------------------------------------------------------*/
.wpex-video-bg-wrap {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
}

.wpex-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
}

.wpex-video-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.wpex-video-bg-overlay.dark {
  background: #000;
  opacity: 0.65;
}

.wpex-video-bg-overlay.dotted {
  background: rgba(0, 0, 0, 0.3) url("images/dotted-overlay.png") repeat;
}

.wpex-video-bg-overlay.dashed {
  background: rgba(0, 0, 0, 0.3) url("images/dashed-overlay.png") repeat;
}

/*------------------------------------------------------------------ [Overlays] -------------------------------------------------------------------*/
.overlay-parent {
  position: relative;
  display: block;
  overflow: hidden;
}

.overlay-parent > a,
.overlay-parent > a img {
  display: block;
  width: 100% !important;
}

/* Overlays > Hide */
.overlay-hide {
  visibility: hidden;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
}

/* Hoverlays > Show */
.overlay-parent:hover .overlay-plus-two-hover,
.overlay-parent:hover .overlay-plus-three-hover,
.overlay-parent:hover .magnifying-hover,
.overlay-parent:hover .overlay-slideup-title span.title,
.overlay-parent:hover .overlay-hover-button {
  visibility: visible;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

/* Overlays > Magnifying Hover */
.magnifying-hover {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.25s ease-in-out;
}

.magnifying-hover .fa {
  position: absolute;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -15px;
  color: #fff;
  font-size: 21px;
}

/* Overlays > Plus Hover */
.overlay-plus-hover {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000 url("images/overlay-plus.png") center center no-repeat;
  transition: all 0.25s ease-in-out;
}

.overlay-parent:hover .overlay-plus-hover {
  visibility: visible;
  opacity: 0.65;
  -moz-opacity: 0.65;
  -webkit-opacity: 0.65;
}

/* Overlays > Plus #2 Hover */
.overlay-plus-two-hover {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.25s ease-in-out;
}

.overlay-plus-two-hover .fa {
  position: absolute;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -15px;
  color: #fff;
  font-size: 14px;
}

/* Overlays > Plus #3 Hover */
.overlay-plus-three-hover {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.3s;
}

.overlay-plus-three-hover .fa {
  position: absolute;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  font-size: 36px;
  opacity: 0;
  visibility: none;
  transition: all 0.3s;
}

.overlay-plus-three-hover:hover .fa {
  margin-top: -15px;
  opacity: 1;
  visibility: visible;
}

/* Overlays > Slide Up Title > White */
.overlay-slideup-title {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  height: 100%;
  width: 100%;
  transition: all 0.25s ease-in-out;
}

.overlay-slideup-title.white {
  background: #fff;
}

.overlay-slideup-title.black {
  background: #000;
}

.overlay-slideup-title span.title {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 30px;
  color: #000;
  font-size: 1.077em;
  font-weight: 600;
  transition: all 0.15s ease-in-out;
  line-height: 1.6em;
}

.overlay-slideup-title.black span.title {
  color: #fff;
}

.overlay-parent:hover .overlay-slideup-title {
  visibility: visible;
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
}

.overlay-parent:hover .overlay-slideup-title span.title {
  bottom: 60px;
}

/* Overlays > View/Lightbox > Buttons */
.overlay-view-lightbox-buttons {
  background: #000;
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: opacity 0.25s ease-in-out;
}

.overlay-parent:hover .overlay-view-lightbox-buttons {
  visibility: visible;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

.overlay-view-lightbox-buttons-inner {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}

.overlay-view-lightbox-buttons-buttons {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.overlay-view-lightbox-buttons a {
  display: inline-block;
  color: #fff;
  border: 2px solid #fff;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
}

.blog-entry-inner .overlay-view-lightbox-buttons a {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.overlay-view-lightbox-buttons a:first-child {
  margin-right: 5px;
}

.overlay-view-lightbox-buttons a:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}

.wpb_row .overlay-view-lightbox-buttons a .fa {
  position: relative;
  top: -2px;
}

/* Overlays > View/Lightbox > Text */
.overlay-view-lightbox-text {
  background: #000;
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: all 0.25s ease-in-out;
}

.overlay-parent:hover .overlay-view-lightbox-text {
  visibility: visible;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

.overlay-view-lightbox-text-inner {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}

.overlay-view-lightbox-text-buttons {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.overlay-view-lightbox-text a {
  display: inline-block;
  color: #fff;
  border: 2px solid #fff;
  padding: 0 14px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 0.846em;
  font-weight: 600;
  letter-spacing: 1px;
  position: relative;
  transition: all 0.15s ease-in-out;
}

.overlay-view-lightbox-text a:first-child {
  margin-right: 5px;
}

.overlay-view-lightbox-text a:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
  padding-right: 32px;
}

.overlay-view-lightbox-text a .fa {
  visibility: hidden;
  position: absolute;
  top: 0;
  height: 30px;
  line-height: 30px;
  right: 14px;
}

.overlay-view-lightbox-text a:hover .fa {
  visibility: visible;
}

/* Overlays > Title + Excerpt Hover */
.overlay-title-excerpt-hover {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}

.overlay-parent:hover .overlay-title-excerpt-hover {
  visibility: visible;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

.overlay-title-excerpt-hover-inner {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}

.overlay-title-excerpt-hover-text {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding: 20px;
  transition: all 0.15s linear;
  transform: scale(1.3);
}

.overlay-title-excerpt-hover:hover .overlay-title-excerpt-hover-text {
  transform: none;
}

.overlay-title-excerpt-hover-title {
  font-size: 1.231em;
  color: #fff;
  margin: 0 0 10px;
}

.overlay-title-excerpt-hover-excerpt {
  font-style: italic;
  font-weight: normal;
  color: #bbb;
  overflow: hidden;
}

/* Overlays > Title + Category Hover */
.overlay-title-category-hover {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: all 0.25s ease-in-out;
}

.overlay-parent:hover .overlay-title-category-hover {
  visibility: visible;
  opacity: 1;
}

.overlay-title-category-hover-inner {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.overlay-title-category-hover-text {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding: 20px;
  transition: all 0.15s linear;
  transform: scale(1.3);
}

.overlay-title-category-hover:hover .overlay-title-category-hover-text {
  transform: none;
}

.overlay-title-category-hover-title {
  font-size: 1.231em;
}

.overlay-title-category-hover-category {
  font-style: italic;
  font-weight: normal;
  color: #bbb;
}

/* Overlays > Title + Category Visible */
.overlay-title-category-visible {
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.overlay-title-category-visible-inner {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}

.overlay-title-category-visible-text {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding: 20px;
}

.overlay-title-category-visible-title {
  font-size: 1.231em;
}

.overlay-title-category-visible-category {
  color: #fff;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

/* Overlays > Title + Date Hover */
.overlay-title-date-hover {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: all 0.25s ease-in-out;
}

.overlay-parent:hover .overlay-title-date-hover {
  visibility: visible;
  opacity: 1;
}

.overlay-title-date-hover-inner {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}

.overlay-title-date-hover-text {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding: 20px;
  transition: all 0.15s linear;
  transform: scale(1.3);
}

.overlay-title-date-hover:hover .overlay-title-date-hover-text {
  transform: none;
}

.overlay-title-date-hover-title {
  font-size: 1.231em;
}

.overlay-title-date-hover-date {
  font-style: italic;
  font-weight: normal;
  color: #bbb;
}

/* Overlays > Title + Date Visible */
.overlay-title-date-visible {
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.overlay-title-date-visible-inner {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}

.overlay-title-date-visible-text {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding: 20px;
}

.overlay-title-date-visible-title {
  font-size: 1.231em;
}

.overlay-title-date-visible-date {
  color: #fff;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

/* Overlays > Title Push Up */
.overlay-parent-title-push-up,
.overlay-parent-title-push-up > a {
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
}

.overlay-parent-title-push-up img {
  transition: all 0.35s;
}

.overlay-title-push-up {
  display: block;
  background: #000;
  color: #fff;
  padding: 15px 20px;
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  transition: 0.35s all;
  font-size: 1.077em;
  -webkit-backface-visibility: hidden;
  word-wrap: break-word;
}

/* Overlays > Title Bottom */
.overlay-title-bottom,
.overlay-title-bottom-see-through {
  display: block;
  background: #000;
  color: #fff;
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 1.077em;
}

.overlay-title-bottom-see-through {
  background: rgba(0, 0, 0, 0.6);
}

/* Overlays > Button */
.overlay-hover-button {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: all 0.25s ease-in-out;
}

.overlay-hover-button-inner {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}

.overlay-hover-button-text {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding: 20px;
  transition: all 0.15s linear;
  transform: scale(1.3);
}

.overlay-parent:hover .overlay-hover-button-text {
  transform: none;
}

.theme-button.overlay-hover-button-link {
  font-size: 1.077em;
}

/* Overlays > Category Tag */
.overlay-category-tag {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  z-index: 99;
}

.overlay-category-tag a {
  display: block;
  float: left;
  font-size: 0.846em;
  font-weight: 600;
  padding: 0.308em 0.615em;
  margin-right: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
  transition: 0.15s all;
  -moz-transition: 0.15s all;
  -webkit-transition: 0.15s all;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.65);
}

.overlay-category-tag a:hover {
  background: #000;
  text-decoration: none;
}

/* Overlays > Category Tag v2 */
.overlay-category-tag-two {
  position: absolute;
  left: 20px;
  top: 20px;
  margin: 0;
  z-index: 99;
}

.overlay-category-tag-two a {
  display: block;
  float: left;
  font-size: 0.846em;
  font-weight: 600;
  padding: 0.308em 0.923em;
  margin-right: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
  transition: 0.15s all;
  -webkit-transition: 0.15s all;
  color: #fff;
  border: 2px solid #fff;
  border-color: rgba(255, 255, 255, 0.5);
  border-radius: 40px;
  -moz-border-radius: 40px;
  letter-spacing: 1px;
}

.overlay-category-tag-two a:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}

/* Overlays > Categories + Title Bottom Visible */
.overlay-cats-title-btm-v {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  padding: 16px;
  color: #fff;
}

.overlay-cats-title-btm-v-cats {
  font-style: italic;
  font-size: 0.923em;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
}

.overlay-cats-title-btm-v-cats a {
  color: #fff;
}

.overlay-cats-title-btm-v .entry-title {
  font-size: 1.154em;
  color: #fff !important;
}

.overlay-cats-title-btm-v .entry-title:hover {
  text-decoration: none;
}

/*------------------------------------------------------------------ [WordPress Styles] -------------------------------------------------------------------*/
.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
  margin: 0 0 10px 20px;
}

.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}

.floatleftcenter {
  float: none;
  margin: 0 auto;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.wp-caption {
  text-align: center;
  max-width: 100%;
  border: 1px solid #eee;
  text-align: center;
  background-color: #fff;
  padding: 8px;
}

.wp-caption img {
  display: block;
  margin: 0 auto;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 0.875em;
  padding: 10px 0 0;
  margin: 0;
  text-align: center;
}

.wp-caption.alignnone {
  margin-bottom: 20px;
}

.wp-smiley {
  margin: 0;
  max-height: 1em;
}

#img-attch-page {
  text-align: center;
  overflow: hidden;
}

#img-attch-page img {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: 20px;
}

.post-password-form label,
.post-password-form input {
  display: block;
  float: none;
}

.post-password-form input {
  margin-top: 10px;
}

.post-password-form input[type=password] {
  width: 200px;
  max-width: 100%;
}

.post-password-form label {
  font-weight: 600;
  color: #000;
}

form.login {
  padding: 20px;
  border: 1px solid #eee;
}

form.login .lost_password {
  margin-left: 20px;
  display: inline-block;
}

.wpstats {
  display: none;
}

/*------------------------------------------------------------------ [Forms + Buttons] -------------------------------------------------------------------*/
/*fixes */
button,
input,
select,
textarea {
  font-size: 100%;
  line-height: inherit;
  margin: 0;
  vertical-align: middle;
}

/* turn off number spinners */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* reset search styling */
input[type=search] {
  outline: 0;
}

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

/* input normal */
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
textarea {
  color: #777;
  padding: 0.6em;
  display: inline-block;
  font-size: 1em;
  -webkit-appearance: none;
  max-width: 100%;
  border: 1px solid #d4cfcf;
  background: #f4f4f4;
  font-family: inherit;
  line-height: inherit;
}

/* textarea */
textarea {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}

/* remove chrome yellow autofill */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
}

.password-protection-box input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

/* placeholder color */
::-webkit-input-placeholder {
  color: inherit;
}

:-moz-placeholder {
  color: inherit;
}

::-moz-placeholder {
  color: inherit;
}

:-ms-input-placeholder {
  color: inherit;
}

/* input focus */
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus,
textarea:focus {
  outline: 0;
  /*border-color: #129FEA;
   background-color: #f9f9f9;
   */
}

/* white inputs */
.light-form input[type=text],
.light-form input[type=password],
.light-form input[type=email],
.light-form input[type=tel],
.light-form input[type=url],
.light-form textarea {
  background: #fff;
  color: #555;
  border-color: transparent;
}

/* theme button default */
.theme-button,
.color-button,
input[type=submit],
button {
  color: #fff;
  padding: 0.5em 1em;
  margin: 0;
  display: inline-block;
  font-size: 0.923em;
  font-weight: normal;
  color: #fff;
  outline: none;
  cursor: pointer;
  outline: none;
  border: none;
  font-family: inherit;
  -webkit-appearance: none;
  transition: all 0.15s ease-in-out;
  border-radius: 3px;
  -webkit-font-smoothing: inherit;
  text-decoration: none !important;
}

p.theme-button a {
  color: #fff;
}

.theme-button p,
.vcex-button p {
  margin: 0 !important;
}

/* theme button hover */
.theme-button:hover,
.color-button:hover,
input[type=submit]:hover,
button:hover {
  color: #fff;
}

/* theme button active */
.theme-button:active,
.color-button:active,
input[type=submit]:active,
button:active {
  color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}

/* readmore link edits */
.readmore-link-wrap {
  display: block;
}

.search-entry .readmore-link-wrap {
  margin-top: 10px;
}

.readmore-link {
  display: block;
  float: left;
}

/* make some buttons smaller */
.readmore-link {
  font-size: 0.846em;
}

/* password protection */
.password-protection-box {
  padding: 20px;
  background: #f7f7f7;
  border: 1px solid #eee;
  margin-bottom: 40px;
}

.password-protection-box p:last-child {
  margin: 0;
}

.password-protection-box h2 {
  font-size: 1.077em;
  margin: 0 0 10px;
}

.password-protection-box input {
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.password-protection-box input[type=password] {
  background: #fff;
  width: 68%;
  float: left;
}

.password-protection-box input[type=submit] {
  float: right;
  width: 30%;
  font-size: 1em;
  margin-left: 4px;
  height: 40px;
  line-height: 40px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 0;
  padding-bottom: 0;
}

/* full-width inputs */
.full-width-input input {
  width: 100%;
}

.full-width-input .wpcf7-submit {
  padding: 0.9em 1.2em;
}

/*------------------------------------------------------------------ [Theme Buttons] -------------------------------------------------------------------*/
/* Theme Buttons > Commons */
.theme-button.animate-on-hover,
.theme-button.hvr-float-shadow,
.theme-button.hvr-float-grow,
.theme-button.hvr-float {
  transition: all 0.25s ease-in-out;
}

/* Theme Buttons > Graphical */
.theme-button.graphical {
  color: #fff;
  border-radius: 3px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.theme-button.graphical:active {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) inset;
}

/* Theme Buttons > 3D */
.theme-button.three-d {
  color: #fff;
  border-radius: 2px;
  border-bottom: 4px solid rgba(0, 0, 0, 0.25);
}

.theme-button.three-d:active {
  border-color: transparent;
}

/* Theme Buttons > Backgrounds */
.theme-button.blue,
.color-button.blue,
.active > .theme-button.outline,
.theme-button.outline.active,
.theme-button.outline:hover {
  background: #4a97c2;
}

.theme-button:hover,
.theme-button.blue:hover,
.active > .theme-button,
.theme-button.active .active > .theme-button.blue,
.theme-button.blue.active {
  background: #327397;
}

.theme-button.grey,
.color-button.grey {
  background: #bbb;
}

.theme-button.grey:hover,
.active > .theme-button.grey,
.theme-button.active.grey {
  background: #999;
}

.active > .theme-button.outline.black,
.active > .theme-button.minimal-border.black,
.theme-button.outline.black:hover,
.theme-button.minimal-border.black:hover,
.theme-button.outline.black.active,
.theme-button.minimal-border.blackk.active,
.theme-button.black,
.color-button.black {
  background: #333;
}

.theme-button.black:hover,
.active > .theme-button.black,
.theme-button.active.black {
  background: #555;
}

.theme-button.orange,
.color-button.orange {
  background: #ee7836;
}

.theme-button.orange:hover,
.active > .theme-button.orange,
.theme-button.active.orange {
  background: #cf5511;
}

.theme-button.gold,
.color-button.gold {
  background: #ffaa33;
}

.theme-button.gold:hover,
.active > .theme-button.gold,
.theme-button.active.gold {
  background: #ff9500;
}

.theme-button.green,
.color-button.green {
  background: #87bf17;
}

.theme-button.green:hover,
.active > .theme-button.green,
.theme-button.active.green {
  background: #679212;
}

.theme-button.purple,
.color-button.purple {
  background: #9a5e9a;
}

.theme-button.purple:hover,
.active > .theme-button.purple,
.theme-button.active.purple {
  background: #653e65;
}

.theme-button.teal,
.color-button.teal {
  background: #00b3b3;
}

.theme-button.teal:hover,
.active > .theme-button.teal,
.theme-button.active.teal {
  background: #006f6f;
}

.theme-button.pink,
.color-button.pink {
  background: #f261c2;
}

.theme-button.pink:hover,
.active > .theme-button.pink,
.theme-button.active.pink {
  background: #bc0f83;
}

.theme-button.brown,
.color-button.brown {
  background: #804b35;
}

.theme-button.brown:hover,
.active > .theme-button.brown,
.theme-button.active.brown {
  background: #5c3626;
}

.theme-button.red,
.color-button.red {
  background: #f73936;
}

.theme-button.red:hover,
.active > .theme-button.red,
.theme-button.active.red {
  background: #bf0a08;
}

.theme-button.rosy,
.color-button.rosy {
  background: #ea2487;
}

.theme-button.rosy:hover,
.active > .theme-button.rosy,
.theme-button.active.rosy {
  background: #b81265;
}

.theme-button.white,
.color-button.white {
  background: #fff;
  color: #000;
}

.theme-button.white:hover,
.active > .theme-button.white,
.theme-button.active.white {
  background: #fff;
}

.theme-button.white:hover {
  opacity: 0.85;
  -moz-opacity: 0.85;
  -webkit-opacity: 0.85;
}

/* Theme Buttons > Outline */
/* **modify by chenft */
/*.theme-button.outline {
     color: #888;
     background: none;
     border-radius: 2px;
     border: 3px solid #eee;
     font-weight: 600;
 }
 */
.theme-button.outline {
  color: #888;
  background: none;
  border-radius: 2px;
  border: 2px solid #eee;
  font-weight: 600;
}

/* **modify by chenft end */
.theme-button.outline:active {
  border-color: transparent !important;
  box-shadow: none;
}

.theme-button.outline:hover {
  color: #fff;
  border-color: transparent !important;
}

.active > .theme-button.outline,
.theme-button.outline.active,
.theme-button.outline:hover {
  color: #fff;
  border-color: transparent;
}

/* Theme Buttons > Clean */
.theme-button.clean,
.theme-button.clean:hover,
.theme-button.clean.active,
.active > .theme-button.clean {
  color: #3f90bd;
  border-radius: 2px;
  border: 1px solid #ddd;
  background-image: linear-gradient(bottom, #f6f6f6 0%, #ffffff 100%);
  background-image: -o-linear-gradient(bottom, #f6f6f6 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(bottom, #f6f6f6 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(bottom, #f6f6f6 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(bottom, #f6f6f6 0%, #ffffff 100%);
  box-shadow: 0px 1px 1px rgba(180, 180, 180, 0.13);
  font-weight: 600;
}

.theme-button.clean:hover,
.theme-button.clean.active,
.active > .theme-button.clean {
  color: #000 !important;
}

.theme-button.clean:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

/* Theme Buttons > Backgrounds and Borders */
.theme-button.minimal-border {
  background: none;
  color: #888;
  border: 1px solid #ddd;
  border-radius: 0;
}

.theme-button.minimal-border:hover,
.active > .theme-button.minimal-border,
.theme-button.minimal-border.active {
  background: #f7f7f7;
  color: #000;
}

.theme-button.outline.black,
.theme-button.minimal-border.black {
  border-color: #333;
}

.theme-button.outline.grey,
.theme-button.minimal-border.grey {
  border-color: #bbb;
}

.theme-button.outline.grey:hover,
.theme-button.outline.grey.active,
.active > .theme-button.outline.grey,
.theme-button.minimal-border.grey:hover,
.theme-button.minimal-border.grey.active,
.active > .theme-button.minimal-border.grey {
  background: #bbb;
  color: #fff;
}

.theme-button.outline.blue,
.theme-button.minimal-border.blue {
  border-color: #3f90bd;
}

.theme-button.outline.blue:hover,
.theme-button.outline.blue.active,
.active > .theme-button.outline.blue,
.theme-button.minimal-border.blue:hover,
.theme-button.minimal-border.blue.active,
.active > .theme-button.minimal-border.blue {
  background: #3f90bd;
  color: #fff;
}

.theme-button.outline.orange,
.theme-button.minimal-border.orange {
  border-color: #ee7836;
}

.theme-button.outline.orange:hover,
.theme-button.outline.orange.active,
.active > .theme-button.outline.orange,
.theme-button.minimal-border.orange:hover,
.theme-button.minimal-border.orange.active,
.active > .theme-button.minimal-border.orange {
  background: #ee7836;
  color: #fff;
}

.theme-button.outline.gold,
.theme-button.minimal-border.gold {
  border-color: #ffaa33;
}

.theme-button.outline.gold:hover,
.theme-button.outline.gold.active,
.active > .theme-button.outline.gold,
.theme-button.minimal-border.gold:hover,
.theme-button.minimal-border.gold.active,
.active > .theme-button.minimal-border.gold {
  background: #ffaa33;
  color: #fff;
}

.theme-button.outline.green,
.theme-button.outline.green,
.theme-button.minimal-border.green {
  border-color: #87bf17;
}

.theme-button.outline.green:hover,
.active > .theme-button.outline.green,
.theme-button.outline.green.active,
.theme-button.minimal-border.green:hover,
.theme-button.minimal-border.green.active,
.active > .theme-button.minimal-border.green {
  background: #87bf17;
  color: #fff;
}

.theme-button.outline.purple,
.theme-button.minimal-border.purple {
  border-color: #9a5e9a;
}

.theme-button.outline.purple:hover,
.active > .theme-button.outline.purple,
.theme-button.outline.purple.active,
.theme-button.minimal-border.purple:hover,
.active > .theme-button.minimal-border.purple,
.theme-button.minimal-border.purple.active {
  background: #9a5e9a;
  color: #fff;
}

.theme-button.outline.teal,
.theme-button.minimal-border.teal {
  border-color: #009191;
}

.theme-button.outline.teal:hover,
.theme-button.outline.teal.active,
.active > .theme-button.outline.teal,
.theme-button.minimal-border.teal:hover,
.theme-button.minimal-border.teal.active,
.active > .theme-button.minimal-border.teal {
  background: #009191;
  color: #fff;
}

.theme-button.outline.pink,
.theme-button.minimal-border.pink {
  border-color: #f261c2;
}

.theme-button.outline.pink:hover,
.theme-button.outline.pink.active,
.active > .theme-button.outline.pink,
.theme-button.minimal-border.pink:hover,
.theme-button.minimal-border.pink.active,
.active > .theme-button.minimal-border.pink {
  background: #f261c2;
  color: #fff;
}

.theme-button.outline.brown,
.theme-button.minimal-border.brown {
  border-color: #804b35;
}

.theme-button.outline.brown:hover,
.theme-button.outline.brown.active,
.active > .theme-button.outline.brown,
.theme-button.minimal-border.brown:hover,
.theme-button.minimal-border.brown.active,
.active > .theme-button.minimal-border.brown {
  background: #804b35;
  color: #fff;
}

.theme-button.outline.red,
.theme-button.outline.red,
.theme-button.minimal-border.red {
  border-color: #f73936;
}

.theme-button.outline.red:hover,
.theme-button.outline.red.active,
.active > .theme-button.outline.red,
.theme-button.minimal-border.red:hover,
.theme-button.minimal-border.red.active,
.active > .theme-button.minimal-border.red {
  background: #f73936;
  color: #fff;
}

.theme-button.outline.rosy,
.theme-button.minimal-border.rosy {
  border-color: #ea2487;
}

.theme-button.outline.rosy:hover,
.theme-button.outline.rosy.active,
.active > .theme-button.outline.rosy,
.theme-button.minimal-border.rosy:hover,
.theme-button.minimal-border.rosy.active,
.active > .theme-button.minimal-border.rosy {
  background: #ea2487;
  color: #fff;
}

.theme-button.outline.white,
.theme-button.minimal-border.white {
  border-color: #fff;
  color: #fff;
}

.theme-button.outline.white:hover,
.theme-button.outline.white.active,
.active > .theme-button.outline.white,
.theme-button.minimal-border.white:hover,
.theme-button.minimal-border.white.active,
.active > .theme-button.minimal-border.white {
  border-color: #fff;
  background: #fff;
  color: #000;
}

/*theme button colors*/
.theme-button.clean.grey,
.theme-button.outline.grey,
.theme-button.minimal-border.grey,
.theme-txt-link.grey {
  color: #bbb;
}

.theme-button.clean.black,
.theme-button.outline.black,
.theme-button.minimal-border.black,
.theme-txt-link.black {
  color: #333;
}

.theme-button.clean.blue,
.theme-button.outline.blue,
.theme-button.minimal-border.blue,
.theme-txt-link.blue {
  color: #3f90bd;
}

.theme-button.clean.orange,
.theme-button.outline.orange,
.theme-button.minimal-border.orange,
.theme-txt-link.orange {
  color: #ee7836;
}

.theme-button.clean.gold,
.theme-button.outline.gold,
.theme-button.minimal-border.gold,
.theme-txt-link.gold {
  color: #ffaa33;
}

.theme-button.clean.green,
.theme-button.outline.green,
.theme-button.minimal-border.green,
.theme-txt-link.green {
  color: #87bf17;
}

.theme-button.clean.purple,
.theme-button.outline.purple,
.theme-button.minimal-border.purple,
.theme-txt-link.purple {
  color: #9a5e9a;
}

.theme-button.clean.teal,
.theme-button.outline.teal,
.theme-button.minimal-border.teal,
.theme-txt-link.teal {
  color: #009191;
}

.theme-button.clean.pink,
.theme-button.outline.pink,
.theme-button.minimal-border.pink,
.theme-txt-link.pink {
  color: #f261c2;
}

.theme-button.clean.brown,
.theme-button.outline.brown,
.theme-button.minimal-border.brown,
.theme-txt-link.brown {
  color: #804b35;
}

.theme-button.clean.red,
.theme-button.outline.red,
.theme-button.minimal-border.red,
.theme-txt-link.red {
  color: #f73936;
}

.theme-button.clean.rosy,
.theme-button.outline.rosy,
.theme-button.minimal-border.rosy,
.theme-txt-link.rosy {
  color: #ea2487;
}

.active > .theme-button.outline.black,
.active > .theme-button.minimal-border.black,
.theme-button.outline.black:hover,
.theme-button.minimal-border.black:hover,
.theme-button.outline.black.active,
.theme-button.minimal-border.blackk.active,
.theme-button.clean.white,
.theme-button.outline.white,
.theme-button.minimal-border.white,
.theme-txt-link.white {
  color: #fff;
}

/*text link*/
.active > .theme-txt-link,
.theme-txt-link.active {
  text-decoration: underline;
}

.theme-txt-link.expanded {
  width: 100%;
  display: block;
}

/*sizes & alignments*/
.theme-button.small,
.color-button.small {
  font-size: 0.923em;
}

.theme-button.medium,
.color-button.medium {
  font-size: 1.077em;
}

.theme-button.large,
.color-button.large {
  font-size: 1.385em;
}

.theme-button.align-left,
.color-button.align-left {
  float: left;
}

.theme-button.align-right,
.color-button.align-right {
  float: right;
  margin-right: 0;
  margin-left: 5px;
}

.theme-button-icon-right,
.color-button-icon-right {
  padding-left: 10px;
}

.theme-button-icon-left,
.color-button-icon-left {
  padding-right: 10px;
}

.theme-button.expanded {
  width: 100%;
  padding: 0.9em 1.2em;
  text-align: center;
}

/*------------------------------------------------------------------ [Color Buttons] -------------------------------------------------------------------*/
.color-button {
  margin: 0 5px 5px 0;
  display: inline-block;
}

.color-button:hover {
  opacity: 0.85;
}

/*layerslider fixes*/
.ls-container .color-button {
  padding: 0.8em 1em !important;
  margin: 0 5px 5px 0;
  display: inline-block;
  font-size: 1em;
  font-weight: 600;
  color: #fff;
  border: 0;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4) !important;
  outline: none;
  -webkit-appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 2px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 2px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.ls-container .color-button:hover {
  text-decoration: none;
  text-decoration: none;
  opacity: 0.8;
}

.ls-container .color-button:active {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) inset;
}

/*------------------------------------------------------------------ [Typography] -------------------------------------------------------------------*/
em {
  font-style: italic;
}

strong {
  font-weight: 600;
}

small {
  font-size: 80%;
}

hr {
  border: solid #e4e4e4;
  border-width: 1px 0 0;
  clear: both;
  margin: 40px 0;
  height: 0;
}

/* Typography > Font Sizes */
.wpex-em-14px {
  font-size: 1.077em;
}

.wpex-em-16px {
  font-size: 1.231em;
}

.wpex-em-18px {
  font-size: 1.385em;
}

.wpex-em-21px {
  font-size: 1.615em;
}

.wpex-fs-13px {
  font-size: 13px;
}

.wpex-fs-14px {
  font-size: 14px;
}

.wpex-fs-16px {
  font-size: 16px;
}

.wpex-fs-18px {
  font-size: 18px;
}

.wpex-fs-21px {
  font-size: 21px;
}

/* Typography > Font Smoothing */
body.smooth-fonts {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Typography > Links */
a {
  color: #0081cc;
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: underline;
}

/* Typography > Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: #222;
  line-height: 1.5;
  margin: 30px 0 20px;
}

.heading-typography {
  line-height: 1.5;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 a:hover,
h2 a:hover,
a:hover h2,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}

h1 {
  font-size: 1.5em;
  margin: 0 0 20px;
}

h2 {
  font-size: 1.313em;
}

h3 {
  font-size: 1.125em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.875em;
}

h6 {
  font-size: 0.75em;
}

/* Typography > Paragraph */
p {
  margin: 0 0 20px;
}

p.lead {
  font-size: 1.313em;
  line-height: 27px;
  color: #777;
}

/* Typography > Blockquote */
blockquote {
  background: url("images/quote.png") left 4px no-repeat;
  padding-left: 55px;
  margin: 40px 0;
  font-size: 1.231em;
  color: #ababab;
}

blockquote p:last-child {
  margin: 0;
}

blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}

blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}

/* Typography > Pre-tag */
pre {
  position: relative;
  background: #f7f7f7;
  padding: 20px;
  padding-right: 50px;
  margin: 30px 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font-family: "Verdana";
  letter-spacing: 1px;
  z-index: 1;
}

pre:before {
  position: absolute;
  width: 30px;
  padding-top: 10px;
  text-align: center;
  right: 0;
  top: 0;
  height: 100%;
  font-family: "FontAwesome";
  content: "\f121";
  background: #e7e7e7;
  color: #333;
  font-size: 14px;
}

/* Typography > Address */
address {
  letter-spacing: 0.5px;
  margin: 20px 0;
}

/* Typography > Dropcaps */
.dropcap {
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 3.231em;
  line-height: 100%;
}

.dropcap.boxed {
  color: #fff;
  background: #000;
  padding: 5px 10px;
}

/*------------------------------------------------------------------ [Typography Styles] -------------------------------------------------------------------*/
.typography-light,
.typography-light a,
.typography-light a:hover,
.typography-light h1,
.typography-light h2,
.typography-light h3,
.typography-light h4 {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
}

.typography-light p > a {
  text-decoration: underline;
}

.typography-white,
.typography-white-shadow,
.typography-white a,
.typography-white-shadow a,
.typography-white a:hover,
.typography-white-shadow a:hover,
.typography-white h1,
.typography-white-shadow h1,
.typography-white h2,
.typography-white-shadow h2,
.typography-white h3,
.typography-white-shadow h3,
.typography-white-shadow h4,
.typography-white h4 {
  color: #fff;
}

.typography-white p > a {
  text-decoration: underline;
}

.typography-black,
.typography-black a,
.typography-black a:hover,
.typography-black h1,
.typography-black h2,
.typography-black h3,
.typography-black h4 {
  color: #000;
}

.typography-black p > a {
  text-decoration: underline;
}

/*text shadows*/
.typography-white-shadow {
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.6);
}

/*------------------------------------------------------------------ [Animation + Hover Styles] -------------------------------------------------------------------*/
.transition-all {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.animate-bg-hover {
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.wpex-hover-white-text:hover,
.wpex-hover-white-text:hover * {
  color: #fff !important;
}

/*------------------------------------------------------------------ [Lists] -------------------------------------------------------------------*/
.entry ul,
.entry ol {
  margin: 0 0 20px 30px;
}

.entry ul {
  list-style: disc;
}

.entry ol {
  list-style: decimal;
}

.rev_slider ul {
  margin: 0;
  padding: 0;
}

/*checklist*/
ul.check-list {
  margin: 0 0 20px;
  list-style: none;
}

ul.check-list li {
  margin: 0 0 5px;
}

ul.check-list li:before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 10px;
  opacity: 0.8;
}

/*------------------------------------------------------------------ [53kf] -------------------------------------------------------------------*/
#icon_module {
  display: none;
}

.cs-container-box {
  position: fixed;
  right: 27px;
  top: 60vh;
  width: 88px;
  z-index: 999;
}

.cs-container .cs-box {
  padding-right: 18px;
  height: 30px;
  width: 58px;
  margin: 5px 0;
  z-index: 999;
  position: relative;
  float: right;
  transition: 0.5s;
}

.cs-box::after {
  content: "";
  width: 3px;
  height: 55%;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 22%;
  border-radius: 20px;
}

.cs-container .cs-item {
  background: #f0f0f0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  border: 2px solid #fff;
  position: relative;
  padding-top: 5px;
  cursor: pointer;
}

.cs-container .cs-item::after {
  content: "";
  background: url(/wp-content/uploads/2021/06/cs-arrow-white.png);
  background-size: 100% 100%;
  width: 8px;
  height: 17px;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
}

.cs-container .wechat-box {
  width: 88px;
}

.cs-container .chat-box,
.cs-container .phone-box,
.cs-container .form-box {
  width: 88px;
}

.cs-container .wechat-box img {
  height: 0;
  width: 0;
  transition: 0.5s;
}

.cs-container .wechat-box.active {
  width: 120px;
  height: 110px;
}

.cs-container .wechat-box.active img {
  height: 69px;
  width: 69px;
}

.cs-container .chat-box .cs-item,
.cs-container .phone-box .cs-item,
.cs-container .form-box .cs-item {
  background: #127ee0;
  padding-top: 6px;
}

.cs-container .wechat-box .cs-item {
  background: #127ee0;
  padding-top: 6px;
}

.cs-container .cs-box .cs-item .text,
.cs-container .phone-box .cs-item .text2 {
  color: #fff;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 100%;
  padding-bottom: 5px;
}

/* .cs-container .phone-box .cs-item .text {
   font-size: 16px;
 } */
.cs-container .chat-box .cs-item .text {
  /* display: none; */
  padding-top: 3px;
}

.cs-container .cs-box.active .cs-item .text {
  border-bottom: 1px solid #fff;
  margin: 0 auto 5px !important;
  display: block;
  width: 70%;
  text-align: center;
}

.cs-container #form-box.active .cs-item .text {
  width: 100%;
}

.cs-container .active .cs-item::after {
  content: "";
  background: url(/wp-content/uploads/2021/06/cs-arrow-blue.png);
  background-size: 100% 100%;
  width: 8px;
  height: 17px;
  position: absolute;
  right: -12px;
}

.cs-container .chat-box.active {
  width: 153px;
  height: 206px;
}

.cs-container .phone-box.active {
  width: 188px;
  height: 128px;
}

.cs-container .chat-box.active .cs-item,
.cs-container .phone-box.active .cs-item {
  background: #127ee0;
}

.cs-container .chat-box.active .cs-item img,
.cs-container .phone-box.active .title-box img {
  display: none;
}

.cs-container .chat-box .product-item {
  color: #fff;
  font-size: 12px;
  line-height: 192%;
  align-self: flex-start;
  padding-left: 24px;
  width: 100%;
  cursor: pointer;
  display: block;
  position: relative;
}

.cs-container .chat-box .product-item:hover {
  background-image: -moz-linear-gradient(0deg, rgb(14, 98, 183) 0%, rgb(18, 126, 224) 100%);
  background: -webkit-linear-gradient(0deg, rgb(14, 98, 183) 0%, rgb(18, 126, 224) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(14, 98, 183) 0%, rgb(18, 126, 224) 100%);
}

.cs-container .chat-box .product-item::before {
  content: "";
  background: none;
  width: 12px;
  height: 10px;
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.cs-container .chat-box .product-item:hover::before {
  background: url(/wp-content/uploads/2021/06/cs-item-hover.png);
}

.cs-container .chat-box .product-list,
.cs-container .phone-box .input-box {
  display: none;
  width: 0;
}

.cs-container .phone-box .input-box {
  height: 26px;
  padding-left: 6%;
  margin: 5px 0;
}

.cs-container .chat-box.active .product-list {
  display: block;
  width: 130px;
}

.cs-container .phone-box.active .input-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  animation-name: broaden-input;
  animation-duration: 0.6s;
  width: 100%;
}

.cs-container .active .phone-button {
  display: inline-block !important;
}

.mini-btn.mini-btn1 {
  right: 100px !important;
}

@keyframes broaden-input {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cs-container .phone-box .input-box img {
  height: 17px;
  width: 17px;
  margin: 0 3px 0 7px;
}

.cs-container .phone-box .verifycode {
  height: 26px;
}

.cs-container .phone-box .input-box .verifycode img {
  color: #fff;
  height: 35px;
  width: 74px;
  margin: 0;
  height: 26px;
}

.cs-container .phone-box .cs-item .text2 {
  margin: 0 auto 0 !important;
  width: 100%;
  display: block;
  text-align: center;
}

.cs-container .cs-box.active .cs-item .text2 {
  border-bottom: 1px solid #fff;
  margin: 0 auto 0 !important;
  display: block;
  width: 89%;
  text-align: center;
}

.cs-container .phone-box .verifycode-box {
  border: 1px solid #fff;
  width: 94%;
  border-radius: 3px;
}
.cs-container .phone-box .verifycode-box input {
  border: none !important;
}

.cs-container .phone-box .input-box .verifycode-box {
  display: flex;
}
.cs-container .phone-box .input-box .verifycode-box input {
  width: 54%;
}

.cs-container .phone-box .input-box input {
  width: 94%;
  height: 100%;
  background-color: #127ee0;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 3px;
  font-size: 11px;
}

.cs-container .phone-box .input-box input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.cs-container .cs-box .title-box {
  line-height: 100%;
  margin: 0;
  width: 100%;
  text-align: center;
}

.cs-container .phone-box .phone-button {
  display: none;
  height: 20px;
  line-height: 20px;
  color: #127ee0;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 2px #ffffff;
  text-align: center;
  width: 89%;
  margin-left: 6%;
  margin-top: 2px;
  padding: 0 !important;
}

.cs-container .phone-box .verifycode-box .hr {
  content: "";
  display: inline-block;
  height: 19px;
  width: 1px;
  background-color: #fff;
  margin-top: 4px;
}

.cs-container::after {
  content: "";
  background: #127ee0;
  width: 11px;
  height: 110%;
  border-radius: 15px;
  position: absolute;
  right: -4px;
  top: -9%;
  box-shadow: 2px 2px 4px #aaa;
}

/*------------------------------------------------------------------ [Togglebar] -------------------------------------------------------------------*/
#toggle-bar-wrap {
  background: #fff;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
}

#toggle-bar-wrap.toggle-bar-inline {
  display: none;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}

#toggle-bar-wrap.toggle-bar-inline.active-bar {
  display: block;
  visibility: visible;
  opacity: 1;
}

#toggle-bar-wrap.toggle-bar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  max-height: 100%;
  overflow: auto;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  padding: 40px 0;
}

#toggle-bar-wrap.toggle-bar-overlay.active-bar {
  visibility: visible;
  opacity: 1;
  z-index: 10001;
}

#toggle-bar-wrap.toggle-bar-fade-slide {
  top: -60px;
}

#toggle-bar-wrap.toggle-bar-fade-slide.active-bar {
  top: 0;
}

body.admin-bar #toggle-bar-wrap.toggle-bar-overlay {
  top: 32px;
}

/* Toggle Bar > Button */
.toggle-bar-btn {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  border-left: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #252525;
  border-top: 20px solid #252525;
  z-index: 10002;
  color: #fff;
  transition: all 0.3s;
}

.togglebar-is-inline .toggle-bar-btn {
  position: absolute;
}

body.admin-bar .toggle-bar-btn {
  top: 32px;
}

.toggle-bar-btn span.fa {
  position: absolute;
  font-size: 0.846em;
  top: -12px;
  left: 4px;
  text-shadow: none !important;
}

/*------------------------------------------------------------------ [Topbar] -------------------------------------------------------------------*/
#top-bar-wrap {
  border-bottom: 1px solid #eee;
  font-size: 0.923em;
}

#top-bar {
  position: relative;
  padding: 15px 0;
}

#top-bar a {
  color: #555;
}

.top-bar-left {
  float: left;
}

.top-bar-right {
  float: right;
}

.top-bar-centered {
  float: none;
  text-align: center;
}

/* Top Bar > Sticky */
.wpex-top-bar-sticky {
  background: #fff;
}

#top-bar-wrap-sticky-wrapper.is-sticky .wpex-top-bar-sticky {
  position: fixed;
  z-index: 999;
}

/* Top Bar > Content */
#top-bar-content strong {
  color: #000;
}

#top-bar-content #lang_sel {
  z-index: 99;
  position: relative;
  margin-right: 10px;
  display: inline-block;
}

#top-bar-wrap #lang_sel ul ul {
  z-index: 99999;
}

#top-bar .lang_sel_list_horizontal {
  font-family: inherit;
  height: auto;
}

#top-bar .lang_sel_list_horizontal a,
#top-bar .lang_sel_list_horizontal a:visited {
  background: none;
  color: inherit;
  padding: 0;
  font-size: inherit;
}

#top-bar .lang_sel_list_horizontal li {
  float: none;
  display: inline-block;
  margin: 0 10px 0 0 !important;
}

/* Top Bar > Menu */
.top-bar-left.has-content .top-bar-menu {
  margin-right: 20px;
}

.top-bar-right.has-content .top-bar-menu {
  margin-right: 20px;
}

.top-bar-menu,
.top-bar-menu li {
  display: block;
  float: left;
}

#top-bar-content.top-bar-centered .top-bar-menu,
#top-bar-content.top-bar-centered .top-bar-menu li {
  display: inline-block;
  float: none;
}

.top-bar-menu li {
  margin-right: 20px;
}

.top-bar-menu li li {
  display: none !important;
  /* dropdowns not supported hidden to prevent bugs*/
}

.top-bar-menu li:last-child {
  margin-right: 0;
}

.top-bar-menu li a .fa {
  margin-right: 6px;
}

/* Top Bar > Social */
#top-bar-social a {
  display: block;
  float: left;
  margin-right: 5px;
  transition: all 0.15s ease-in-out;
  font-size: 14px;
}

#top-bar-social a.wpex-social-btn {
  height: 26px;
  line-height: 26px;
  width: 26px;
  padding: 0;
}

#top-bar-social a.wpex-social-btn-no-style {
  margin-right: 10px;
  color: #bbb;
  font-size: 18px;
  height: auto;
  width: auto;
}

#top-bar-social a.wpex-social-btn-no-style:hover {
  color: #000;
}

#top-bar-social.social-style-colored-icons a {
  margin-right: 0;
}

#top-bar-social a:last-child {
  margin-right: 0 !important;
}

/* Top Bar > Social > Right */
#top-bar-social.top-bar-right {
  position: absolute;
  right: 0;
  top: 50%;
  height: 26px;
  line-height: 26px;
  margin-top: -13px;
}

body.boxed-main-layout #top-bar-social.top-bar-right {
  right: 30px;
}

/* Top Bar > Social > Left */
#top-bar-social.top-bar-left {
  position: absolute;
  left: 0;
  top: 50%;
  height: 26px;
  line-height: 26px;
  margin-top: -13px;
}

body.boxed-main-layout #top-bar-social.top-bar-left {
  left: 30px;
}

/* Top Bar > Social > Centered */
#top-bar-social.has-content.top-bar-centered {
  padding-top: 15px;
}

#top-bar-social.top-bar-centered a {
  display: inline-block;
  float: none;
}

/* Top Bar > Social > Image Icons */
#top-bar-social.top-bar-right.social-style-colored-icons,
#top-bar-social.top-bar-left.social-style-colored-icons {
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
}

.social-style-colored-icons img {
  height: 20px;
}

.social-style-colored-icons a:hover img {
  opacity: 0.85;
}

/* Top Bar > Language Switchers */
.top-bar-right .polylang-switcher-shortcode {
  float: right;
  margin-left: 20px;
}

.top-bar-left .polylang-switcher-shortcode {
  float: left;
  margin-right: 20px;
}

/*------------------------------------------------------------------ [Header Global Styles] -------------------------------------------------------------------*/
#site-header {
  padding: 0 !important;
  border-bottom: 0 !important;
  background: url(/wp-content/uploads/2021/07/header-nav-bg.png);
  background-color: transparent !important;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 92px;
  top: 0;
}

/* 首页菜单栏背景色为黑色 */
.page-id-17983 #site-header {
  background-color: rgba(0, 0, 0, 0.6) !important;
  box-shadow: none !important;
  position: fixed;
  top: 0;
  transition: 0.5s;
}

.page-id-17983 article {
  padding-top: 0 !important;
}

/* no padding should be added here, add to header-inner please*/
#site-header-inner {
  height: 50px;
  /* position: relative;
   */
  padding-top: 30px;
  padding-bottom: 30px;
  /* height: 100%;
   */
  /* z-index: 999;
   */
  padding: 0 !important;
}

#site-navigation.container {
  position: relative;
}

/* Header > Main > Logo */
#site-logo1 {
  display: table;
}

#site-logo1-inner {
  display: table-cell;
  vertical-align: middle;
}

#site-logo1 a {
  height: 46px;
  width: 168px;
  padding: 0;
  text-decoration: none;
  display: block;
  background: url(/wp-content/uploads/2021/07/nav-milesight-logo.png) no-repeat;
  background-size: contain;
}

#site-logo1 a.site-logo1-text {
  color: #222;
  font-size: 24px;
  font-weight: bold;
}

#site-logo1-fa-icon {
  margin-right: 10px;
}

#site-logo1-fa-icon.fa-wpex-hidden {
  margin-right: 0;
}

#site-logo1 a:hover {
  text-decoration: none;
}

#site-logo1 img {
  display: inline;
  vertical-align: middle;
  height: initial !important;
}

/* Header > Main > Full-Width */
@media only screen and (min-width: 960px) {
  #site-header.wpex-full-width .container {
    width: 100% !important;
    max-width: none !important;
  }
  #site-header.wpex-full-width > .container {
    padding-left: 30px;
  }
  #site-header.wpex-full-width .navbar-style-one {
    right: 30px;
  }
  #site-header.wpex-full-width.header-one #searchform-dropdown,
  #site-header.wpex-full-width.header-one #current-shop-items-dropdown {
    right: 30px;
  }
  #site-header.wpex-full-width .header-two-aside {
    margin-right: 30px;
  }
}
/*------------------------------------------------------------------ [Sticky Header] -------------------------------------------------------------------*/
#site-header.is-sticky {
  overflow: visible !important;
  z-index: 999;
  background: url(/wp-content/uploads/2021/07/header-nav-blue-bg.png);
  /* box-shadow: 0px 2px 5px rgba(0,0,0,0.9);
   */
}

#site-header.is-sticky #site-header-inner {
  z-index: 999;
}

/* Sticky Header > Shrink */
#site-header.shrink-sticky-header {
  width: 100%;
  transition: opacity 0.3s;
}

#site-header.shrink-sticky-header.sticky-header-shrunk #site-logo1 {
  padding-top: 0;
  padding-bottom: 0;
}

/* shrink with animation*/
.anim-shrink-header #site-header-sticky-wrapper,
.anim-shrink-header #site-header,
.anim-shrink-header #site-header-inner,
.anim-shrink-header .navbar-style-five,
.anim-shrink-header .navbar-style-five #site-navigation,
.anim-shrink-header #site-logo1,
.anim-shrink-header #site-logo1-inner,
.anim-shrink-header #site-logo1 a,
.anim-shrink-header #site-logo1 img {
  transition: all 0.3s linear;
}

.anim-shrink-header #site-logo1 img {
  max-height: none;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.anim-shrink-header #site-navigation-wrap {
  transition: top 0.3s linear;
}

.sticky-header-shrunk #site-header-inner {
  height: 70px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.shrink-sticky-header.sticky-header-shrunk .navbar-style-five .dropdown-menu > li > a,
.shrink-sticky-header.sticky-header-shrunk #site-logo1 img {
  height: 50px;
}

/*------------------------------------------------------------------ [SuperFish + Core Menu Styles] -------------------------------------------------------------------*/
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
  /* color: #004277 !important;
   */
  /* font-weight: bold;
   */
}

.sf-menu li {
  position: relative;
}

.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 10001;
}

.sf-menu > li {
  float: left;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}

.sf-menu a {
  display: block;
  position: relative;
}

.sf-menu ul ul {
  top: 0;
  left: 100%;
}

.sf-menu {
  float: left;
}

.sf-menu ul {
  min-width: 140px;
  *width: 140px;
}

.sf-menu a {
  zoom: 1;
}

.sf-menu li {
  position: relative;
  white-space: nowrap;
  *white-space: normal;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
  transition: none;
}

.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
}

.sf-menu ul img {
  display: block;
  float: none;
  max-width: 100%;
}

#site-navigation .dropdown-menu li a .fa {
  margin-right: 8px;
}

#site-navigation .dropdown-menu li.no-icon-margin a .fa {
  margin-right: 0;
}

#site-navigation .dropdown-menu .site-search-toggle .fa {
  margin: 0;
}

#site-navigation .dropdown-menu > li a:hover > span {
  color: #129ae0 !important;
}

/*------------------------------------------------------------------ [Menu] -------------------------------------------------------------------*/
#site-navigation a {
  text-decoration: none;
}

.menu-button.menu-button-rounded span.link-inner {
  border-radius: 40px !important;
}

/* Menu > Sticky */
#site-navigation-sticky-wrapper.is-sticky #site-navigation-wrap {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #eee;
  overflow: visible !important;
  z-index: 999;
  width: 100%;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
}

/* Menu > Main > Arrows */
#site-navigation .dropdown-menu li a .nav-arrow {
  margin-left: 4px;
  margin-right: 0;
}

#site-navigation .dropdown-menu ul a.sf-with-ul {
  padding-right: 25px;
}

#site-navigation .sf-menu > li ul li .nav-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  height: 10px;
  line-height: 10px;
  margin-top: -5px;
}

/* Menu > Main > Dropdowns */
#site-navigation .dropdown-menu ul {
  border: 1px solid #eee;
}

#site-navigation .dropdown-menu ul ul {
  margin-left: 0;
  text-align: left;
}

#site-navigation .dropdown-menu ul li:nth-child(2) ul {
  margin-top: 0;
}

#site-navigation .dropdown-menu ul li {
  padding: 0;
}

#site-navigation .dropdown-menu ul a {
  display: block;
  float: none;
  padding: 8px 12px;
  height: auto;
  margin: 0px;
  border: 0px;
  line-height: 1.4em;
  color: #666;
  font-size: 0.923em;
  border-bottom: 1px solid #eee;
  text-align: left !important;
  margin: 1px 5px !important;
}

#site-navigation .dropdown-menu ul a:hover {
  background-color: transparent !important;
}

#site-navigation .dropdown-menu ul li:last-child > a {
  border-bottom: none;
}

/* Menu > Main > Left Dropdowns */
#site-navigation .dropdown-menu li.left-dropdowns ul ul {
  left: auto;
  right: 100%;
}

body #site-navigation .sf-menu li.left-dropdowns ul a.sf-with-ul {
  padding-left: 25px;
  padding-right: 12px;
}

#site-navigation .dropdown-menu li.left-dropdowns ul .fa-angle-right {
  left: 9px;
  right: auto;
}

#site-navigation .dropdown-menu li.left-dropdowns ul .fa-angle-right:before {
  content: "\f104";
}

/* Menu > Main > Animate Links */
#site-navigation .dropdown-menu > li > a > span.link-inner {
  transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
  -webkit-transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
}

#site-navigation .dropdown-menu ul a {
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
}

#site-navigation .dropdown-menu .sub-menu .sub-menu a {
  /* margin: 1px 15px !important;
   */
  font-weight: normal !important;
  padding: 4.5px 12px;
  white-space: pre-wrap !important;
}

/*------------------------------------------------------------------ [Header One] -------------------------------------------------------------------*/
.header-one #site-logo1 {
  float: left;
  height: 100%;
}

/* Header > One > Navbar */
.navbar-style-one {
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -25px;
  height: 50px;
}

body.navbar-has-inner-span-bg .navbar-style-one {
  right: -4px;
}

.navbar-style-one .dropdown-menu > li:last-child.menu-button {
  margin-right: 12px;
}

.navbar-style-one .dropdown-menu > li > a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 4px;
  color: #555;
}

.navbar-style-one .dropdown-menu > li > a > span.link-inner {
  display: inline-block;
  line-height: 1;
  padding: 0.5em 0.8em;
  border-radius: 3px;
}

/*------------------------------------------------------------------ [Header Two] -------------------------------------------------------------------*/
.header-two {
  background: #fff;
}

.header-two-aside {
  float: right;
  font-size: 1.077em;
  text-align: right;
}

/* Header > Two > Logo */
.header-two-logo {
  float: left;
}

/* Header > Two > Search */
#header-two-search {
  margin-top: 10px;
}

#header-two-search {
  float: right;
}

#header-two-search input#header-two-search-input {
  font-size: 0.923em;
  width: 160px;
  float: left;
  border: 1px solid #ddd;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #e4e4e4;
  background: #f7f7f7;
}

#header-two-search-submit {
  height: 32px;
  line-height: 32px;
  width: 35px;
  text-align: center;
  padding: 0;
  outline: none;
  margin-left: 5px;
  cursor: pointer;
  font-size: 12px;
}

/* Header > Two > Navbar */
.navbar-style-two {
  background: #fff;
}

.navbar-style-two .dropdown-menu {
  width: 100%;
}

.navbar-style-two {
  border-top: 1px solid #eee;
  position: relative;
}

body.page-header-disabled .navbar-style-two {
  border-bottom: 1px solid #eee;
}

.navbar-style-two .dropdown-menu {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.navbar-style-two .dropdown-menu li {
  border-right: 1px solid #eee;
}

.navbar-style-two .dropdown-menu li li {
  border-right: 0;
}

.navbar-style-two .dropdown-menu > li > a {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #555;
  font-weight: normal;
  padding: 0 20px;
}

.navbar-style-two .dropdown-menu .woo-menu-icon,
.navbar-style-two .dropdown-menu .search-toggle-li {
  float: right;
  border-left: 1px solid #eee;
  border-right: 0;
}

/*------------------------------------------------------------------ [Header Three] -------------------------------------------------------------------*/
.header-three-logo {
  float: none;
  text-align: center;
  margin: 0 auto;
}

.header-three-logo a {
  display: inline;
  display: inline-block;
  float: none;
}

.header-three-aside {
  float: none;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}

.navbar-style-three {
  background: #fff;
  border-top: 1px solid #eee;
  position: relative;
}

body.page-header-disabled .navbar-style-three {
  border-bottom: 1px solid #eee;
}

.navbar-style-three .container {
  position: relative;
}

.navbar-style-three .sf-menu {
  text-align: center;
  float: none;
}

.navbar-style-three .dropdown-menu > li {
  display: inline-block;
  float: none;
}

.navbar-style-three .dropdown-menu > li > a {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #555;
  font-weight: normal;
  padding: 0 5px;
}

.navbar-style-three .dropdown-menu > li > a > span.link-inner {
  display: inline-block;
  line-height: 1;
  padding: 0.5em 0.8em;
  border-radius: 3px;
}

.navbar-style-three .dropdown-menu ul {
  text-align: left;
}

/*------------------------------------------------------------------ [Header Four] -------------------------------------------------------------------*/
.header-four-logo {
  float: none;
  text-align: center;
  margin: 0 auto;
}

.header-four-logo a {
  display: inline-block;
  float: none;
}

.header-four-aside {
  float: none;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}

.navbar-style-four {
  background: #fff;
  position: relative;
  border-bottom: 1px solid #eee;
}

.navbar-style-four .container {
  position: relative;
}

.navbar-style-four .sf-menu {
  text-align: center;
  float: none;
}

.navbar-style-four .dropdown-menu > li {
  display: inline-block;
  float: none;
}

.navbar-style-four .dropdown-menu > li > a {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #555;
  font-weight: normal;
  padding: 0 15px;
}

.navbar-style-four .dropdown-menu ul {
  text-align: left;
}

/*------------------------------------------------------------------ [Header Five] -------------------------------------------------------------------*/
#site-logo1.header-five-logo {
  display: none;
  float: none;
  margin: 0;
  padding: 0;
  transition: all 0.3s;
}

#site-logo1.header-five-logo.display {
  display: table;
}

.menu-item-logo {
  padding: 0 40px;
}

#site-navigation-wrap.navbar-style-five,
.navbar-style-five #site-navigation {
  height: 100%;
}

.navbar-style-five .container {
  position: relative;
}

.navbar-style-five .dropdown-menu {
  text-align: center;
  float: none;
  display: table;
  height: 100%;
  margin: 0 auto;
}

.navbar-style-five .dropdown-menu > li {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.navbar-style-five .dropdown-menu > li > a {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #555;
  font-weight: normal;
  padding: 0 4px;
}

.navbar-style-five .dropdown-menu ul {
  text-align: left;
}

.navbar-style-five .dropdown-menu > li > a > span.link-inner {
  display: inline-block;
  line-height: 1;
  padding: 0.5em 0.8em;
  border-radius: 3px;
}

/*------------------------------------------------------------------ [Header Six - Vertical Header] -------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  /* Header Vertical > Main */
  body.wpex-has-vertical-header {
    position: relative;
  }
  body.wpex-has-vertical-header.full-width-main-layout #wrap {
    padding-left: 280px;
  }
  body.wpex-has-vertical-header.full-width-main-layout.wpex-site-header-disabled #outer-wrap {
    padding-left: 0;
  }
  body.wpex-has-vertical-header #site-header {
    background: #fff;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  }
  body.wpex-fixed-vertical-header #site-header {
    position: fixed;
    overflow: visible;
  }
  body.wpex-has-vertical-header #site-header .container {
    width: 100%;
    max-width: 100%;
  }
  /* Boxed Layout */
  body.boxed-main-layout.wpex-has-vertical-header #wrap {
    padding-left: 280px;
  }
  body.wpex-has-vertical-header.boxed-main-layout.wpex-site-header-disabled #wrap {
    padding-left: 0;
  }
  body.boxed-main-layout.wpex-has-vertical-header #site-header .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* Header Vertical > Logo */
  body.wpex-has-vertical-header #site-logo1 {
    display: block;
    padding: 0 30px 30px 30px;
  }
  body.wpex-has-vertical-header #site-logo1-inner {
    display: block;
  }
  body.wpex-has-vertical-header #site-logo1 img {
    display: block;
    margin: 0 auto;
  }
  /* Header Vertical > Navbar */
  .navbar-style-six #site-navigation {
    border-top: 1px solid #eee;
  }
  .navbar-style-six .dropdown-menu > li {
    display: block;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eee;
  }
  .navbar-style-six .dropdown-menu > li > a {
    display: block;
    color: #555;
    font-weight: normal;
    padding: 1em 30px;
  }
  .navbar-style-six .dropdown-menu > li.menu-item-has-children > a {
    padding-right: 50px;
  }
  .navbar-style-six .dropdown-menu a:hover {
    background: #f9f9f9;
  }
  .navbar-style-six .dropdown-menu > .current-menu-item > a,
  .navbar-style-six .dropdown-menu > .current-menu-parent > a {
    background: #4a97c2;
    color: #fff !important;
    transition: all 0.3s ease-in-out;
  }
  .navbar-style-six .dropdown-menu > li > a > span.link-inner {
    display: block;
    padding: 0;
    transition: none;
  }
  .navbar-style-six .dropdown-menu .nav-arrow.top-level {
    position: absolute;
    right: 28px;
    top: 50%;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    font-size: 11px;
    opacity: 0.4;
  }
  body.wpex-has-vertical-header .wpex-menu-search-text {
    display: inline-block;
    padding-left: 20px;
  }
  /* Header Vertical > Navbar > Dropdowns */
  body.wpex-has-vertical-header #site-navigation .sf-menu ul {
    top: 0;
    left: 100%;
    text-align: left;
  }
  body.wpex-has-vertical-header #site-navigation .sf-menu ul a {
    padding: 1em 20px;
  }
  /* Header Vertical > Navbar > Megamenu */
  body.wpex-has-vertical-header #site-navigation .dropdown-menu li.megamenu {
    position: relative;
  }
  body.wpex-has-vertical-header #site-navigation .dropdown-menu li.megamenu ul {
    left: 100%;
    width: 750px;
  }
  /* Header Vertical > Title */
  body.wpex-has-vertical-header .page-header {
    border-top: 0;
  }
}
/*------------------------------------------------------------------ [Menu Extras ] -------------------------------------------------------------------*/
/* Menu Extras > Dropdown Tip */
.wpex-dropdowns-caret .dropdown-menu ul:before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: 12px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-left: 7px solid transparent;
}

.wpex-dropdowns-caret .dropdown-menu ul:after {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: 13px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.wpex-dropdowns-caret .dropdown-menu ul ul:before,
.wpex-dropdowns-caret .dropdown-menu ul ul:after {
  display: none;
}

/* Menu Extras > Dropshadows */
.wpex-dropdowns-shadow-one ul ul {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.wpex-dropdowns-shadow-two ul ul {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.wpex-dropdowns-shadow-three ul ul {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.wpex-dropdowns-shadow-four ul ul {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}

.wpex-dropdowns-shadow-five ul ul {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.24);
}

/* Menu Extras > Top Border */
.wpex-dropdown-top-border #site-navigation .dropdown-menu li ul {
  border: none;
  border-top: 3px solid transparent;
}

.wpex-dropdown-top-border .dropdown-menu ul:before,
.wpex-dropdown-top-border .dropdown-menu ul:after {
  display: none;
}

/* Menu Extras > Flush Dropdowns */
.wpex-flush-dropdowns .dropdown-menu ul:before,
.wpex-flush-dropdowns .dropdown-menu ul:after {
  display: none;
}

/* Menu Extras > Minimal Dropdown */
.wpex-dropdown-style-minimal #site-navigation .dropdown-menu ul {
  background: #fff !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #ddd;
  padding: 10px;
}

.wpex-dropdown-style-minimal #site-navigation .dropdown-menu ul:after,
.wpex-dropdown-style-minimal #site-navigation .dropdown-menu ul:before {
  display: none;
}

.wpex-dropdown-style-minimal #site-navigation .dropdown-menu ul li a {
  transition: none;
  border: 0;
}

.wpex-dropdown-style-minimal #site-navigation .dropdown-menu ul li a:hover {
  background: transparent;
  color: #000;
}

.wpex-dropdown-style-minimal .navbar-style-two #site-navigation .dropdown-menu ul {
  border-radius: 0;
  border-color: #eee;
}

/* Menu Extras > Minimal Dropdown / Square */
.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul {
  background: #fff;
  border: 0;
  padding: 0;
}

.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul:after,
.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul:before {
  display: none;
}

.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul li a {
  transition: none;
  border: 0;
}

.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul a {
  padding: 10px 18px;
}

/* Menu Extras > Black Dropdown */
.wpex-dropdown-style-black #site-navigation .dropdown-menu ul {
  background: #000;
  border: 0;
}

.wpex-dropdown-style-black .wpex-dropdowns-caret .dropdown-menu ul:before,
.wpex-dropdown-style-black .wpex-dropdowns-caret .dropdown-menu ul:after {
  border-bottom-color: #000;
}

.wpex-dropdown-style-black #site-navigation .dropdown-menu ul li a {
  display: block;
  color: #909090;
  border-color: #252525;
}

.wpex-dropdown-style-black #site-navigation .dropdown-menu ul li a:hover {
  background: #252525;
  color: #fff;
}

.wpex-dropdown-style-black #site-navigation li.megamenu > ul.sub-menu > li {
  border-color: #252525;
}

.wpex-dropdown-style-black #site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children > a {
  color: #fff;
}

.wpex-dropdown-style-black #searchform-dropdown {
  background: #222;
  border: 0;
}

.wpex-dropdown-style-black #searchform-dropdown input {
  background: #333;
  color: #909090;
}

/*move to woocommerce css*/
.wpex-dropdown-style-black #current-shop-items-dropdown {
  background: #000;
  border: 0;
}

.wpex-dropdown-style-black #current-shop-items-dropdown a {
  color: #fff;
}

.wpex-dropdown-style-black #current-shop-items-dropdown li {
  border-color: #252525;
}

.wpex-dropdown-style-black #current-shop-items-dropdown strong {
  color: #909090;
}

.wpex-dropdown-style-black.price,
.wpex-dropdown-style-black .amount {
  color: #ccc !important;
}

/*------------------------------------------------------------------ [Mega Menu] -------------------------------------------------------------------*/
#site-navigation > ul > li:hover::after {
  content: "";
  width: 35px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -36px;
}

#site-navigation > ul > li:last-child::after {
  height: 0;
}

#site-navigation li.megamenu {
  position: relative;
}

#site-navigation li.megamenu > ul.sub-menu .nav-arrow {
  display: none;
}

#site-navigation li.megamenu > ul.sub-menu {
  width: 200px !important;
  left: 0;
  right: auto;
  border-radius: 0;
  padding: 12px 0 0;
}

#site-navigation li.megamenu > ul.sub-menu > li {
  display: block;
  float: none;
  padding: 0px 12px;
  width: 100% !important;
}

#site-navigation li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu a:before {
  display: inline-block;
  content: "\f105";
  margin-right: 7px;
  font-family: "FontAwesome";
}

#site-navigation li.megamenu.col-1 > ul.sub-menu > li {
  width: 100%;
}

#site-navigation li.megamenu.col-2 > ul.sub-menu > li {
  width: 50%;
}

#site-navigation li.megamenu.col-2 > ul.sub-menu > li:nth-child(3n) {
  clear: both;
}

#site-navigation li.megamenu.col-3 > ul.sub-menu > li {
  width: 33.33%;
}

#site-navigation li.megamenu.col-3 > ul.sub-menu > li:nth-child(4n) {
  clear: both;
}

#site-navigation li.megamenu.col-4 > ul.sub-menu > li {
  width: 25%;
}

#site-navigation li.megamenu.col-4 > ul.sub-menu > li:nth-child(5n) {
  clear: both;
}

#site-navigation li.megamenu.col-5 > ul.sub-menu > li {
  width: 20%;
}

#site-navigation li.megamenu.col-5 > ul.sub-menu > li:nth-child(6n) {
  clear: both;
}

#site-navigation li.megamenu.col-6 > ul.sub-menu > li {
  width: 16.66%;
}

#site-navigation li.megamenu.col-6 > ul.sub-menu > li:nth-child(7n) {
  clear: both;
}

#site-navigation li.megamenu.col-7 > ul.sub-menu > li {
  width: 14.28%;
}

#site-navigation li.megamenu.col-7 > ul.sub-menu > li:nth-child(8n) {
  clear: both;
}

#site-navigation li.megamenu > ul.sub-menu > li ul {
  display: block !important;
  top: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  left: auto !important;
  position: relative !important;
  opacity: 1 !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

#site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children {
  margin-bottom: 12px;
}

#site-navigation li.megamenu > ul.sub-menu > .menu-item > a {
  font-weight: 600;
  color: #000;
  font-size: 14.42px;
  padding: 8px 12px;
  word-wrap: break-word;
  white-space: normal;
}

#site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children > a:hover {
  background: none;
}

#site-navigation li.megamenu.hide-headings > ul.sub-menu > .menu-item-has-children > a {
  display: none;
}

#site-navigation li.megamenu li a {
  border: 0;
}

#site-navigation li.megamenu ul:after,
#site-navigation li.megamenu ul:before {
  display: none;
}

#site-navigation li.megamenu > ul.sub-menu > li {
  border-left: none;
}

#site-navigation li.megamenu > ul.sub-menu > li:nth-child(2) {
  border-left: none;
}

#site-navigation li.megamenu.display-always > ul.sub-menu {
  display: block !important;
  opacity: 1 !important;
}

#site-navigation-wrap #site-navigation li.megamenu > ul.sub-menu {
  top: 72px !important;
  left: 0% !important;
  background-color: rgba(17, 29, 44, 0.9) !important;
  border: none;
  box-shadow: 3px 3px 13px 0px rgba(53, 53, 53, 0.55);
}

#site-navigation > ul > .megamenu:nth-child(2) > .sub-menu > li {
  display: inline-block;
  width: 100% !important;
  vertical-align: top;
}

#site-navigation > ul > .megamenu:nth-child(2) > .sub-menu {
  width: 1000px !important;
}

#site-navigation-wrap nav#site-navigation > ul li.megamenu:nth-child(2) > .sub-menu {
  position: fixed;
  width: 100vw !important;
  padding: 0;
  top: 92px !important;
  padding-bottom: 110px !important;
}

#site-navigation > ul > .megamenu:nth-child(2) > .sub-menu > li {
  display: inline-block;
  width: 19% !important;
  vertical-align: top;
}

#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li,
#site-navigation > ul > .megamenu:nth-child(5) > .sub-menu > li {
  display: inline-block;
  width: 20% !important;
  vertical-align: top;
  font-size: 14px;
}

#site-navigation > ul > .megamenu:nth-child(5) > .sub-menu > li {
  width: 24% !important;
}

#site-navigation-wrap nav#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu,
#site-navigation-wrap nav#site-navigation > ul > .megamenu:nth-child(5) > .sub-menu {
  width: 100vw !important;
  font-size: 0px;
  position: fixed;
  padding: 20px 10%;
  top: 92px !important;
}

#site-navigation > ul > .megamenu:nth-child(4) > .sub-menu > li {
  display: inline-block;
  width: 100% !important;
  vertical-align: top;
  font-size: 14px;
}

#site-navigation-wrap nav#site-navigation > ul li.megamenu:nth-child(4) > .sub-menu {
  left: 2% !important;
}

#site-navigation > ul > .megamenu:nth-child(4) .intro {
  color: #615b5b;
  font-size: 12px;
  font-weight: normal !important;
  margin-top: 3px;
  display: inline-block;
}

#site-navigation > ul > .megamenu:nth-child(4) .intro-two {
  color: #615b5b;
  font-size: 12px;
  font-weight: normal !important;
  margin-top: 13px;
  display: inline-block;
}

.is-sticky #site-navigation > ul > .megamenu:nth-child(4) .intro {
  color: white;
}

.is-sticky #site-navigation > ul > .megamenu:nth-child(4) .intro-two {
  color: white;
}

/*------------------------------------------------------------------ [Mobile Menu Toggles] -------------------------------------------------------------------*/
/* Mobile Menu Toggles > Icon Button(s) */
#mobile-menu {
  height: 40px;
  position: absolute;
  right: 6px;
  top: 57px;
  margin-top: -20px;
}

#mobile-menu a {
  display: block;
  float: left;
  height: 27px;
  width: 27px;
  border-radius: 3px;
  text-align: center;
  transition: all 0.15s ease-in-out;
  background: url(/wp-content/uploads/2021/02/menu-icon-white.png) no-repeat !important;
  background-size: cover !important;
  margin-top: -2px;
}

#mobile-menu a:first-child {
  margin-left: 0;
}

#mobile-menu a:hover {
  text-decoration: none;
  background: #f1f1f1;
  color: #333;
}

/* Mobile Menu Toggles > Icon Button(s) Under Logo */
.wpex-mobile-toggle-menu-icon_buttons_under_logo #mobile-menu {
  position: relative;
  top: auto;
  right: auto !important;
  left: auto !important;
  margin: 0;
  float: none;
  text-align: center;
  padding-top: 20px;
  height: auto;
}

.wpex-mobile-toggle-menu-icon_buttons_under_logo #mobile-menu a {
  display: inline-block;
  float: none;
}

/* Mobile Menu Toggles > Fixed Top */
#wpex-mobile-menu-fixed-top {
  background: #222;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

/*body.has-overlay-header #wpex-mobile-menu-fixed-top {
     top: auto;
     bottom: 0;
 }
 */
#wpex-mobile-menu-fixed-top .mobile-menu-toggle {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}

#wpex-mobile-menu-fixed-top .mobile-menu-toggle .fa {
  margin-right: 10px;
}

/* Mobile Menu Toggles > Navbar */
#wpex-mobile-menu-navbar {
  background: #262626;
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
}

#wpex-mobile-menu-navbar a {
  display: block;
  color: #fff;
}

#wpex-mobile-menu-navbar a:hover {
  text-decoration: none;
}

#wpex-mobile-menu-navbar a .fa {
  margin-right: 10px;
}

/*------------------------------------------------------------------ [Mobile Menus] -------------------------------------------------------------------*/
/* Mobile Menus > Sidebar */
#sidr-main {
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 300px;
  max-width: 100%;
  padding-bottom: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1.077em;
  background: #fff;
  color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-overflow-scrolling: touch;
}

.sidr.right {
  left: auto;
  right: -300px;
}

.sidr.left {
  left: -300px;
  right: auto;
}

.sidr a {
  color: #707070;
}

.sidr a:hover {
  text-decoration: none;
}

a.sidr-class-toggle-sidr-close {
  position: relative;
  margin: 0 auto;
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #333;
  background: #e0e0e0;
}

.sidr-class-toggle-sidr-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  height: 27px;
  width: 27px;
  background: url(/wp-content/uploads/2021/02/menu-icon.png) no-repeat !important;
  background-size: cover !important;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.sidr-class-dropdown-menu ul {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.035);
  margin-left: 0;
  background: #f0f0f0;
}

.sidr-class-dropdown-menu ul ul {
  background: #e5e5e5;
}

.sidr-class-dropdown-menu li {
  border-bottom: 1px solid #e5e5e5;
}

.sidr-class-dropdown-menu > li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.035);
}

.sidr-class-dropdown-menu li a {
  padding: 14px 20px;
  display: block;
  position: relative;
}

.sidr-class-sub-menu li a {
  padding-left: 30px;
}

.sidr-class-dropdown-menu ul ul li a {
  padding-left: 45px;
}

.sidr-class-dropdown-menu li a.sidr-class-sf-with-ul {
  padding-right: 40px;
}

.sidr-class-dropdown-menu ul li:last-child {
  border: none;
}

.sidr-class-menu-item-has-children {
  position: relative;
}

.sidr-class-dropdown-menu li.sidr-class-menu-item-has-children > a {
  padding-right: 60px;
}

.sidr-class-dropdown-toggle {
  font-size: 16px;
  height: 100%;
  width: 60px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: #707070;
  text-align: right;
  padding-right: 20px;
  text-align: center;
}

.sidr-class-dropdown-toggle:before {
  font-family: "FontAwesome";
  content: "\f0dd";
  position: absolute;
  height: 30px;
  line-height: 30px;
  width: 30px;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  color: #828282;
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

.sidr-class-dropdown-menu li.active > a > .sidr-class-dropdown-toggle:before {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.sidr-class-dropdown-menu ul ul a:before {
  margin-left: 20px;
}

.sidr-class-dropdown-menu ul ul ul a:before {
  margin-left: 40px;
}

.sidr-class-dropdown-menu a .fa {
  margin-right: 10px;
}

.sidr #searchform-header-replace-close,
.sidr .nav-arrow {
  display: none !important;
}

.sidr-class-wcmenucart {
  display: none !important;
}

/* Mobile Menus > Sidr > Overlay */
.wpex-sidr-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

/* Mobile Menus > Sidr > Search */
#sidr-id-searchform-overlay-title {
  display: none;
}

.sidr-class-mobile-menu-searchform {
  position: relative;
  margin: 20px 20px 0;
}

.sidr-class-mobile-menu-searchform input {
  width: 100%;
  background: #f0f0f0;
  border: 0;
  outline: 0;
  padding: 8px 10px 8px 32px !important;
  border-radius: 3px;
  color: #a0a0a0;
  font-size: 15px !important;
  font-weight: 400;
  margin-top: 0 !important;
}

.sidr-class-mobile-menu-searchform input::-webkit-input-placeholder {
  color: #a0a0a0 !important;
}

.sidr-class-mobile-menu-searchform button {
  background: none !important;
  display: block;
  position: absolute;
  right: 10px;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  top: 50%;
  margin-top: -15px;
  color: #fff;
  opacity: 0.4;
  padding: 0;
}

.sidr-class-mobile-menu-searchform button:hover {
  opacity: 1;
}

/* Mobile Menus > Toggle */
.mobile-toggle-nav {
  margin-top: 0;
  display: none;
  background: #fff;
}

.mobile-toggle-nav {
  z-index: 9999;
  height: auto;
  line-height: inherit;
}

.mobile-toggle-nav a {
  color: #555;
  display: block;
  padding: 10px 0;
  position: relative;
  border-top: 1px solid #eee;
}

.mobile-toggle-nav a:hover {
  color: #000;
}

.mobile-toggle-nav a:hover {
  text-decoration: none;
}

.mobile-toggle-nav a .fa {
  margin-right: 10px;
}

.mobile-toggle-nav .nav-arrow {
  display: none;
}

.mobile-toggle-nav .wpex-mobile-dropdown-icon {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  height: 30px;
  line-height: 30px;
  width: 60px;
  text-align: center;
  margin-top: -15px;
  font-weight: 400;
  font-size: 10px;
  text-align: right;
}

.mobile-toggle-nav .menu-item-has-children ul a {
  padding-left: 20px;
}

.mobile-toggle-nav .menu-item-has-children ul ul a {
  padding-left: 40px;
}

.mobile-toggle-nav .menu-item-has-children ul ul ul a {
  padding-left: 60px;
}

.mobile-toggle-nav .menu-item-has-children ul ul ul a {
  padding-left: 80px;
}

.wpex-mobile-toggle-menu-fixed_top .mobile-toggle-nav {
  background: #222;
}

.wpex-mobile-toggle-menu-fixed_top .mobile-toggle-nav a {
  border-color: #333;
  color: #aaa;
}

.wpex-mobile-toggle-menu-fixed_top .mobile-toggle-nav a:hover {
  color: #fff;
}

.mobile-toggle-nav #mobile-menu-search {
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.mobile-toggle-nav-search input[type=search] {
  width: 100%;
  padding: 0 50px 0 10px;
  height: 45px;
}

.mobile-toggle-nav-search .searchform-submit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  height: 45px;
  line-height: 45px;
  width: 45px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

/* Mobile Menus > Hide Things */
.sidr-class-search-toggle-li,
#sidr-id-searchform-dropdown,
.mobile-toggle-nav-ul li.search-toggle-li {
  display: none;
}

/* Mobile Menus > Full Screen Fade Overlay */
.full-screen-overlay-nav {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  display: block;
  overflow-y: auto;
  font-weight: 300;
  font-size: 2.462em;
}

.full-screen-overlay-nav.visible {
  z-index: 99999;
  visibility: visible;
  opacity: 1;
}

.full-screen-overlay-nav .full-screen-overlay-nav-close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 58px;
  height: 58px;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s;
}

.full-screen-overlay-nav .full-screen-overlay-nav-close:hover {
  opacity: 1;
}

.full-screen-overlay-nav-ul-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}

.full-screen-overlay-nav-ul {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  padding: 80px;
}

.full-screen-overlay-nav-ul ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.full-screen-overlay-nav-ul li {
  display: block;
}

.full-screen-overlay-nav-ul li a {
  display: inline-block;
  color: #000;
  transition: all 0.3s;
  margin-bottom: 20px;
}

.full-screen-overlay-nav-ul li a .fa {
  margin-right: 10px;
}

.full-screen-overlay-nav-ul li a:hover {
  text-decoration: none;
  opacity: 0.4;
}

.full-screen-overlay-nav-ul li.wpex-menu-extra {
  display: none !important;
}

.full-screen-overlay-nav-ul .nav-arrow {
  display: none;
}

.full-screen-overlay-nav.white {
  background: #fff;
}

.full-screen-overlay-nav.white .full-screen-overlay-nav-close {
  background: url("images/full-screen-overlay-nav-close-black.png") no-repeat;
}

.full-screen-overlay-nav.black {
  background: #000;
}

.full-screen-overlay-nav.black .full-screen-overlay-nav-close {
  background: url("images/full-screen-overlay-nav-close-white.png") no-repeat;
}

.full-screen-overlay-nav.black li a {
  color: #fff;
  opacity: 0.4;
}

.full-screen-overlay-nav.black li a:hover {
  opacity: 1;
}

/*------------------------------------------------------------------ [Header Overlay] -------------------------------------------------------------------*/
#overlay-header-wrap {
  position: relative;
}

#site-header.overlay-header {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  z-index: 9999;
  transition: background 0.3s;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
}

.wpex-sticky-header-holder.is-sticky #site-header.overlay-header {
  left: auto;
}

#site-header.overlay-header #site-header-inner {
  padding-top: 30px;
  padding-bottom: 30px;
}

body.has-overlay-header .wpex-sticky-header-holder {
  height: auto !important;
}

body.has-overlay-header .wpex-sticky-header-holder {
  background: none !important;
}

body.boxed-main-layout.has-overlay-header #wrap {
  position: relative;
}

body.boxed-main-layout.has-overlay-header #site-header.overlay-header {
  padding: 0 30px;
}

#site-header.overlay-header .has-overlay-logo .main-logo {
  display: none;
}

/* Header > Overlay > Light Skin */
#site-header.is-sticky.overlay-header.light-style {
  background: #000;
}

#site-header.overlay-header.light-style #site-logo1 a.site-logo1-text {
  color: #fff;
}

#site-header.overlay-header.light-style #site-navigation .dropdown-menu > li > a {
  color: #fff;
  opacity: 0.7;
}

#site-header.overlay-header.light-style #site-navigation .dropdown-menu > li > a:hover {
  opacity: 1;
  color: #fff;
}

#site-header.overlay-header.light-style #mobile-menu a {
  color: #fff !important;
  border: 0 !important;
}

#site-header.overlay-header.light-style #mobile-menu a:hover {
  opacity: 1;
}

/* Header > Overlay > White Skin */
#site-header.overlay-header.white-style.dyn-styles #site-logo1 a.site-logo1-text,
#site-header.overlay-header.white-style.dyn-styles #site-navigation .dropdown-menu > li > a {
  color: #fff;
}

#site-header.overlay-header.white-style.dyn-styles #site-navigation .dropdown-menu > li > a:hover {
  opacity: 0.5;
  color: #fff;
}

#site-header.overlay-header.white-style.dyn-styles #mobile-menu a {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  border: 0 !important;
}

#site-header.overlay-header.white-style.dyn-styles #mobile-menu a:hover {
  opacity: 1;
}

/* Header > Overlay > Dark Skin */
#site-header.overlay-header.dark-style.dyn-styles #site-navigation .dropdown-menu > li > a {
  color: #000;
  opacity: 0.7;
}

#site-header.overlay-header.dark-style.dyn-styles #site-navigation .dropdown-menu > li > a:hover {
  opacity: 1;
  color: #000;
}

#site-header.overlay-header.dark-style.dyn-styles #mobile-menu a {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000 !important;
  border: 0 !important;
}

#site-header.overlay-header.dark-style.dyn-styles #mobile-menu a:hover {
  opacity: 1;
}

/* Header > Overlay > Menu Button */
#site-header.overlay-header li.menu-button > a {
  opacity: 1 !important;
}

/*------------------------------------------------------------------ [Page Title] -------------------------------------------------------------------*/
/* Page Header > Main */
.page-header {
  margin: 0 0 40px;
  padding: 20px 0;
  position: relative;
  background-color: #f7f7f7;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.no-header-margin .page-header {
  margin-bottom: 0;
}

.page-header .container {
  position: relative;
}

.page-header-title {
  display: block;
  font-size: 21px;
  line-height: 1.4em;
  font-weight: normal;
  font-weight: 400;
  margin: 0px;
  color: #000;
}

body.breadcrumbs-position-default .page-header-title {
  max-width: 70%;
}

.page-subheading {
  font-size: 1.077em;
  margin: 0;
  color: #999;
}

.page-subheading p:last-child {
  margin: 0;
}

.centered-page-header .page-header-title,
.centered-minimal-page-header .page-header-title {
  max-width: 100% !important;
}

/* Page Header > Centered */
.centered-page-header {
  text-align: center;
  padding: 30px 0;
}

.centered-page-header .page-header-title {
  font-size: 32px;
}

.centered-page-header .page-subheading {
  font-size: 1.385em;
  font-weight: 300;
}

/* Page Header > Minimal Centered */
.centered-minimal-page-header {
  text-align: center;
  padding: 30px 0;
  background: #fff;
  border-color: #eee;
}

.centered-minimal-page-header .page-header-title {
  font-size: 32px;
}

.centered-minimal-page-header .page-subheading {
  font-size: 1.385em;
  font-weight: 300;
}

/* Page Header > Solid Color */
.solid-color-page-header .page-header-title {
  color: #fff !important;
}

.solid-color-page-header .site-breadcrumbs,
.solid-color-page-header .site-breadcrumbs a {
  color: #fff !important;
}

.solid-color-page-header .page-subheading {
  color: #fff;
}

/* Page Header > Archive Description */
.archive-description {
  margin-bottom: 30px;
}

/* Page Header > Background Image */
.background-image-page-header {
  width: 100%;
  border: none;
  background: #000;
}

.page-header-table {
  display: table;
  width: 100%;
  height: 400px;
}

.page-header-table-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 30px;
}

.page-header.background-image-page-header .page-header-title {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 100%;
  font-size: 3.231em;
  font-weight: 400;
  max-width: 100% !important;
}

.page-header.background-image-page-header .page-subheading {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 1.846em;
  font-weight: 300;
}

.background-image-page-header-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 1;
  opacity: 0.5;
}

.background-image-page-header-overlay.style-dotted {
  background: rgba(0, 0, 0, 0.3) url(images/dotted-overlay.png) repeat;
}

.background-image-page-header-overlay.style-dashed {
  background: rgba(0, 0, 0, 0.3) url(images/dashed-overlay.png) repeat;
}

/*------------------------------------------------------------------ [Breadcrumbs] -------------------------------------------------------------------*/
.site-breadcrumbs {
  position: absolute;
  right: 0;
  top: 50%;
  height: 32px;
  line-height: 32px;
  margin-top: -16px;
  font-size: 0.9em;
  color: #bcbcbc;
  font-weight: normal;
}

.site-breadcrumbs a {
  color: #333;
}

.site-breadcrumbs .breadcrumb-title {
  margin-right: 5px;
}

.site-breadcrumbs .fa {
  margin: 0 3px;
}

.site-breadcrumbs.position-under-title,
.centered-page-header .site-breadcrumbs,
.centered-minimal-page-header .site-breadcrumbs {
  position: inherit;
  top: auto;
  right: auto;
  margin-top: 0;
}

/* Breadcrumbs > Hide */
.background-image-page-header .site-breadcrumbs {
  display: none;
  z-index: 2;
  margin: 20px 0 0;
  top: auto;
  right: auto;
  position: inherit;
  text-align: center;
  color: #fff;
}

.background-image-page-header .site-breadcrumbs a {
  color: #fff;
}

/*------------------------------------------------------------------ [RevSlider] -------------------------------------------------------------------*/
.page-slider-mobile-alt {
  width: 100%;
  height: auto;
  display: block;
}

.tparrows.preview2:after {
  line-height: 1;
}

/*------------------------------------------------------------------ [Theme Slider] -------------------------------------------------------------------*/
/* Theme Slider > Main */
.wpex-slider {
  position: relative;
}

.wpex-slider .sp-grab,
.wpex-slider .sp-grabbing {
  cursor: default;
}

.wpex-slider * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Theme Slider > Preloader Image */
.wpex-slider-preloaderimg img {
  display: block;
  width: 100%;
}

/* Theme Slider > Slides */
.wpex-slider-slide {
  display: none;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ() scale(1, 1);
  -webkit-backface-visibility: hidden;
}

/* Theme Slider > Images */
.wpex-slider-media img {
  display: block;
  width: 100%;
  height: auto;
}

/* Theme Slider > Caption */
.wpex-slider-caption {
  padding: 15px;
  font-size: 14px;
  text-align: center;
  max-width: 100%;
}

/* Theme Slider > Buttons */
.wpex-slider .sp-buttons {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  padding: 15px;
}

.wpex-slider .sp-button {
  border-color: #fff;
  border-width: 1px;
  margin: 2px;
  width: 10px;
  height: 10px;
  transition: all 0.25s ease-in-out;
}

.wpex-slider .sp-button:hover,
.wpex-slider .sp-selected-button {
  background-color: #fff;
  border-color: transparent;
}

/* Theme Slider > Arrows > Default */
.wpex-slider .sp-arrow {
  height: 52px;
  width: 52px;
  line-height: 52px;
  background: none;
  top: 0;
  font-family: "FontAwesome";
  color: #fff;
  text-align: center;
  font-size: 32px;
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}

.wpex-slider .sp-arrow:hover {
  background: rgba(0, 0, 0, 0.65);
}

.sp-horizontal .sp-previous-arrow {
  left: 0 !important;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}

.sp-horizontal .sp-next-arrow {
  right: 0 !important;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
}

.wpex-slider .sp-arrow:before {
  font-family: "FontAwesome";
  content: "";
  background: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.wpex-slider .sp-arrow.sp-previous-arrow:before {
  content: "\f104";
  left: 0;
}

.wpex-slider .sp-arrow.sp-next-arrow:before {
  content: "\f105";
  right: auto;
}

.wpex-slider .sp-arrow:after {
  display: none;
}

/* Theme Slider > Arrows > Top Right */
.wpex-slider.arrows-topright.sp-horizontal .sp-arrows {
  top: 0;
  right: 0;
  left: auto;
  margin: 0;
  width: auto;
}

.wpex-slider.arrows-topright.sp-horizontal .sp-arrows .sp-arrow {
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 1em;
  float: left;
  left: auto;
  right: auto;
  position: relative;
  border-radius: 0;
}

/* Theme Slider > Thumbnails */
.wpex-slider-thumbnails {
  display: none;
}

.wpex-slider .sp-thumbnail-container {
  cursor: pointer;
}

.wpex-slider .sp-thumbnails-container.sp-bottom-thumbnails {
  width: 100% !important;
}

.wpex-slider .sp-thumbnails img {
  opacity: 0.75;
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  box-shadow: 0 0 0 #000;
}

.wpex-slider .sp-thumbnails img:hover,
.wpex-slider .sp-thumbnails .sp-selected-thumbnail img {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

.wpex-slider .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
  left: 10px;
}

.wpex-slider .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
  right: 10px;
}

/* Theme Slider > Thumbnails w/out Carousel */
.wpex-slider .sp-nc-thumbnail-container {
  display: block;
  float: left;
  cursor: pointer;
  margin-left: 5px;
}

.wpex-slider .sp-nc-thumbnail-container:first-child {
  margin-left: 0;
}

.wpex-slider .sp-nc-thumbnails img {
  opacity: 0.75;
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  box-shadow: 0 0 0 #000;
}

.wpex-slider .sp-nc-thumbnails img:hover,
.wpex-slider .sp-nc-thumbnails .sp-nc-selected-thumbnail img {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

/* Theme Slider > No Margins thumbnails */
.wpex-slider .sp-thumbnail-arrows {
  display: none !important;
}

.wpex-slider.no-margin-thumbnails .sp-thumbnails {
  width: 100% !important;
}

.wpex-slider.no-margin-thumbnails .sp-bottom-thumbnails {
  margin-top: 0;
}

.wpex-slider.no-margin-thumbnails .sp-thumbnail-container {
  margin: 0 !important;
}

.wpex-slider.no-margin-thumbnails .wpex-slider-thumbnails.cols-6 .sp-thumbnail-container {
  width: 16.6666% !important;
}

.wpex-slider.no-margin-thumbnails .wpex-slider-thumbnails.cols-5 .sp-thumbnail-container {
  width: 20% !important;
}

.wpex-slider.no-margin-thumbnails .wpex-slider-thumbnails.cols-4 .sp-thumbnail-container {
  width: 25% !important;
}

.wpex-slider.no-margin-thumbnails .wpex-slider-thumbnails.cols-3 .sp-thumbnail-container {
  width: 33.3333% !important;
}

.wpex-slider.no-margin-thumbnails .wpex-slider-thumbnails.cols-2 .sp-thumbnail-container {
  width: 50% !important;
}

.wpex-slider.no-margin-thumbnails img.sp-thumbnail {
  display: block;
  margin: 0 !important;
  width: 100% !important;
}

/* Theme Slider > Thumbnail Pointer */
.wpex-slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.wpex-slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  border-bottom-color: red;
}

/* Theme Slider > Layers */
.wpex-slider .sp-layer p:last-child {
  margin: 0;
}

.wpex-slider .sp-black a {
  color: #fff;
  text-decoration: underline;
}

.wpex-slider .sp-white a {
  color: #000;
  text-decoration: underline;
}

/*------------------------------------------------------------------ [Theme Carousel] -------------------------------------------------------------------*/
/* Carousel > CORE - DO NOT EDIT/DELETE */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*-webkit-transform:translateZ() scale(1.0,1.0);
   -webkit-backface-visibility:hidden;
   */
}

.owl-carousel .owl-item img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.no-js .owl-carousel {
  display: block;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/* Carousel > Default Design */
.wpex-carousel {
  position: relative;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Crousel > Media */
.wpex-carousel-entry-media img {
  display: block;
}

/* Crousel > Details */
.wpex-carousel-entry-details {
  background: #f7f7f7;
  border: 1px solid #eee;
  padding: 15px;
}

/* Crousel > Excerpt */
.wpex-carousel-entry-excerpt {
  margin-top: 5px;
}

.wpex-carousel-entry-excerpt p:last-child {
  margin: 0;
}

.wpex-carousel-entry-price span {
  color: inherit;
}

/* Carousel > Dots */
.wpex-carousel .owl-dots {
  text-align: center;
}

.wpex-carousel .owl-dots.disabled {
  display: none !important;
}

.wpex-carousel .owl-dot {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-left: 5px;
  margin-right: 0;
  margin-top: 30px;
  cursor: pointer;
  border-radius: 50%;
  background: #ddd;
  border: 0;
}

/* Carousel > Nav */
.wpex-carousel .owl-nav.disabled {
  display: none !important;
}

.wpex-carousel .owl-prev,
.wpex-carousel .owl-next {
  margin-top: 20px;
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  width: 20px;
  color: #fff;
  font-size: 11px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  padding: 0 !important;
  font-family: "Arial";
}

.wpex-carousel .owl-next {
  margin-left: 5px;
}

/* Carousel > No Margins Style */
.wpex-carousel.no-margins {
  margin-bottom: 0 !important;
}

.wpex-carousel.no-margins .wpex-carousel-entry-media img {
  width: 100%;
}

.wpex-carousel.no-margins .owl-prev,
.wpex-carousel.no-margins .owl-next {
  background: #000 !important;
  height: 60px;
  line-height: 60px;
  width: 40px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: absolute;
  top: 50%;
  margin: -30px 0 0;
  font-size: 1.231em;
  opacity: 0.6;
  box-shadow: none;
  cursor: pointer;
  z-index: 3;
  padding: 0 !important;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wpex-carousel.no-margins .owl-prev:hover,
.wpex-carousel.no-margins .owl-next:hover {
  opacity: 1;
  background: #000;
}

.wpex-carousel.no-margins .owl-prev {
  left: 15px;
}

.wpex-carousel.no-margins .owl-next {
  right: 15px;
}

/*------------------------------------------------------------------ [Entries (Global Styles)] -------------------------------------------------------------------*/
/* Entries > Left Thumbnail Style */
.entries.left-thumbs .entry {
  border: 0;
}

.entries.left-thumbs .entry .entry-media {
  float: left;
  margin: 0;
  width: 30%;
}

.entries.left-thumbs .entry .entry-details {
  background: none;
  border: none;
  float: right;
  width: 70%;
  padding: 0;
}

.entries.left-thumbs .entry:not(.has-media) .entry-details {
  width: 100%;
}

/* Entries > Title */
.entry-title {
  display: block;
  font-size: 1.077em;
  margin: 0 0 5px;
  font-weight: 600;
  color: #000;
}

.entry-title a {
  color: inherit;
}

.entry-title a:hover {
  text-decoration: none;
}

.single-post-title {
  font-size: 1.846em;
  margin: 0 0 10px;
  font-weight: 400;
}

/*------------------------------------------------------------------ [Portfolio] -------------------------------------------------------------------*/
/* Portfolio > Entries */
.portfolio-entry-categories {
  margin: -5px 0 10px;
}

.portfolio-entry-categories a {
  font-size: 0.923em;
  color: #777;
  list-style: none;
}

.vcex-portfolio-entry-media,
.portfolio-entry-media {
  position: relative;
  overflow: hidden;
}

.portfolio-entry-media-link {
  display: block;
}

.vcex-portfolio-entry-media img,
.portfolio-entry-media img {
  display: block;
  width: 100%;
  box-shadow: #000 0em 0em 0em;
}

.portfolio-entry-details {
  background: #f7f7f7;
  border: 1px solid #eee;
  padding: 15px;
}

.portfolio-entry-excerpt p {
  margin-bottom: 15px;
}

.portfolio-entry-excerpt p:last-child {
  margin: 0;
}

.portfolio-entry-readmore-wrap {
  padding-top: 15px;
}

/* Portfolio > No Margin Grid */
.portfolio-no-margins .col {
  margin: 0 !important;
  padding: 0 !important;
}

.vcex-no-margin-grid .portfolio-entry-details,
.portfolio-no-margins .portfolio-entry-details {
  background: #262626;
  border: none;
  color: #787878;
}

.vcex-no-margin-grid .portfolio-entry-title a,
.portfolio-no-margins .portfolio-entry-title a {
  color: #fff;
}

/* Portfolio > 1 Column Grid */
#portfolio-entries .portfolio-entry.span_1_of_1 {
  margin: 0 0 30px;
  float: none;
  border: none;
}

#portfolio-entries .portfolio-entry.span_1_of_1 .portfolio-entry-media {
  width: 45%;
  float: left;
  margin: 0 30px 0 0;
}

#portfolio-entries .portfolio-entry.span_1_of_1 .portfolio-entry-details {
  background: none;
  border: none;
  padding: 0;
}

#portfolio-entries .portfolio-entry.span_1_of_1 .portfolio-entry-title {
  margin: 0;
}

/* Portfolio > Singular */
#portfolio-single-media,
#portfolio-single-related {
  margin-bottom: 30px;
}

#portfolio-post-comments,
.single-portfolio .wpex-social-share-wrap.position-horizontal,
.no-composer #portfolio-single-related {
  margin-top: 30px;
}

/*------------------------------------------------------------------ [Staff] -------------------------------------------------------------------*/
/* Staff > Entries */
.staff-entry-categories {
  margin: -5px 0 10px;
}

.staff-entry-categories a {
  font-size: 0.923em;
  color: #777;
  list-style: none;
}

.staff-entry {
  text-align: left;
  margin-bottom: 30px;
}

.staff-entry-details {
  padding-top: 15px;
}

.staff-entry-media {
  position: relative;
}

.staff-entry-media-link {
  display: block;
}

.staff-entry-media img {
  display: block;
  margin: 0 auto;
}

.staff-entry-position {
  font-size: 0.923em;
  color: #777;
  list-style: none;
  margin: -5px 0 10px;
}

.staff-entry-excerpt p {
  margin-bottom: 15px;
}

.staff-entry-excerpt,
.staff-entry-excerpt p:last-child {
  margin: 0;
}

.staff-entry-readmore-wrap {
  padding-top: 15px;
}

/* Staff > 1 Column Grid */
#staff-entries .staff-entry.span_1_of_1 {
  margin: 0 0 30px;
  float: none;
  border: none;
}

#staff-entries .staff-entry.span_1_of_1 .staff-entry-media {
  width: 45%;
  float: left;
  padding: 0 30px 0 0;
}

#staff-entries .staff-entry.span_1_of_1 .staff-entry-details {
  width: 55%;
  float: right;
  padding-top: 0;
}

/* Staff > Carousel Social */
.vcex-caroufredsel-staff .staff-social a {
  border-color: #ddd;
}

.vcex-caroufredsel-staff .staff-social a:hover {
  background: #fff;
}

/* Staff > Singular */
#staff-post-thumbnail {
  margin-bottom: 20px;
}

#staff-post-thumbnail img {
  display: block;
  margin: 0;
}

#staff-single-media {
  margin-bottom: 30px;
}

/* Staff > Related */
#staff-single-related {
  margin-bottom: 30px;
}

/* Staff > No Margin Grid */
.staff-no-margins .col {
  margin: 0 !important;
  padding: 0 !important;
}

/* Staff > Single Post */
#staff-single-header {
  margin-bottom: 20px;
}

#staff-single-title {
  margin: 0;
}

#staff-single-position {
  color: #bbb;
}

/* Staff > Social */
.staff-social {
  margin-top: 5px;
  font-size: 13px;
}

.staff-social a {
  margin-right: 4px;
  margin-top: 4px;
  display: inline-block;
}

/*------------------------------------------------------------------ [Testimonials] -------------------------------------------------------------------*/
.testimonial-entry-content {
  position: relative;
  background: #f7f7f7;
  padding: 20px;
  border-radius: 3px;
}

.testimonial-caret {
  position: absolute;
  display: block;
  left: 10px;
  bottom: -12px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #f7f7f7;
}

.testimonial-entry-content p {
  margin: 0 0 15px;
}

.testimonial-entry-content p:last-child {
  margin: 0;
}

.testimonial-entry-bottom {
  margin-top: 20px;
}

.testimonial-entry-thumb {
  float: left;
  margin-right: 20px;
  min-width: 45px;
}

.testimonial-entry-thumb img {
  display: block;
  padding: 3px;
  border: 1px solid #eee;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}

.testimonial-entry-meta {
  float: left;
}

.testimonial-entry-author {
  margin: 0;
}

.testimonial-entry-company {
  margin-top: -2px;
  display: block;
  color: #999;
  font-size: 13px;
}

/* Testimonials > Singular */
.single-testimonials .entry-content {
  margin-bottom: 40px;
}

.single-testimonials .content-left-sidebar blockquote,
.single-testimonials .content-right-sidebar blockquote {
  margin-top: 0;
}

/*------------------------------------------------------------------ [Post Meta] -------------------------------------------------------------------*/
.meta,
.entry .meta {
  font-size: 0.923em;
  color: #777;
  list-style: none;
  margin: 0 0 10px;
}

.meta li,
.entry .meta li {
  float: left;
  margin: 0 20px 5px 0;
}

.meta li:last-child,
.entry .meta li:last-child {
  margin-right: 0;
}

.meta li .fa {
  margin-right: 8px;
}

.meta a {
  color: #777;
  text-decoration: none;
}

.meta a:hover {
  color: #000;
  text-decoration: none;
}

.meta time {
  display: inline;
}

/*------------------------------------------------------------------ [Blog] -------------------------------------------------------------------*/
.ys-page-bg {
    background: url(/Content/img/company-news-banner.png) no-repeat center;
    background-size: cover;
    height: 550px;
    padding-top: 200px;
}

.ys-page-bg .info::after {
  content: "";
  height: 4px;
  width: 95px;
  background: linear-gradient(132deg, #026ad7 0%, #439bfb 100%), linear-gradient(#1890ff, #1890ff);
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 10px;
}

.ys-page-bg .fixed-width {
  width: 1200px;
  margin: auto;
}

.blog-entry a.blog-entry-media-link {
  display: block;
  margin: 0 auto;
}

.blog-entry .new-year .blog-entry-media-link::before {
  content: "2021";
  position: absolute;
  background: url(/wp-content/uploads/2021/07/exhibition-new-tab.png);
  background-size: 100% 100%;
  width: 90px;
  height: 77px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  left: 20px;
  text-align: center;
  padding-top: 17px;
}

.blog-entry .new-year-2022 .blog-entry-media-link::before {
  content: "2022";
}

.blog-entry .new-year-2023 .blog-entry-media-link::before {
  content: "2023";
}

.blog-entry .new-year-2024 .blog-entry-media-link::before {
  content: "2024";
}

.blog-entry-media img {
  display: block;
  margin: 0 auto;
  width: 96%;
  max-width: 350px;
  border-radius: 10px;
}

.single-post .blog-entry.grid-entry-style.format-quote {
  width: 100%;
  margin: 0;
}

.format-quote {
  overflow: hidden;
}

.blog-entry-readmore span.readmore-rarr {
  margin-left: 7px;
}

.blog-entry .social-share-title {
  display: none;
}

.blog-entry-excerpt p:last-child {
  margin: 0;
}

/* Blog > Post Gallery */
.gallery-format-post-slider-wrap ul,
.gallery-format-post-slider-wrap ol {
  margin: 0;
  list-style: none;
}

.gallery-format-post-slider-wrap ul li {
  list-style: none;
}

.gallery-format-post-slider-wrap .flex-control-thumbs {
  padding-top: 10px;
  z-index: 99;
}

.gallery-format-post-slider-wrap .flex-control-thumbs:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  zoom: 1;
}

.gallery-format-post-slider-wrap .flex-control-thumbs li {
  display: block;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  height: auto;
  width: 50px;
}

.gallery-format-post-slider-wrap .flex-control-thumbs li a {
  display: block;
}

.gallery-format-post-slider-wrap .flex-control-thumbs li img {
  width: 100%;
  display: block;
  opacity: 0.4;
  margin-bottom: 3px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  box-shadow: #000 0em 0em 0em;
}

.gallery-format-post-slider-wrap .flex-control-thumbs img.flex-active,
.gallery-format-post-slider-wrap .flex-control-thumbs li img:hover {
  opacity: 1;
}

.gallery-format-post-slider-wrap .flex-direction-nav a {
  display: block;
  width: 40px;
  height: 60px;
  line-height: 60px;
  margin-top: -30px;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0.7;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 1.385em;
}

.gallery-format-post-slider-wrap .flex-direction-nav .flex-prev {
  left: 0;
  border-radius: 0 3px 3px 0;
}

.gallery-format-post-slider-wrap .flex-direction-nav .flex-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.gallery-format-post-slider-wrap .flex-direction-nav a:hover {
  opacity: 1;
}

/* Blog > Audio Format */
.blog-entry-img-link {
  position: relative;
  display: block;
}

.blog-entry-music-icon-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.2s;
}

.blog-entry-music-icon-overlay:hover {
  background: rgba(0, 0, 0, 0.6);
}

.blog-entry-music-icon-overlay .fa {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  color: #000;
  font-size: 1.385em;
  border-radius: 99px;
  opacity: 0.85;
}

.blog-post-audio {
  overflow: hidden;
  width: 100%;
}

.blog-post-audio iframe,
.blog-post-audio embed {
  max-width: 100%;
}

/*------------------------------------------------------------------ [Blog Entry] -------------------------------------------------------------------*/
.blog-entry-title {
  font-size: 0.15em;
  margin: 0 0 10px;
  font-weight: 400;
}

.blog-entry-media,
.blog-entry-excerpt,
.blog-entry-readmore {
  margin-bottom: 12px;
}

/* Blog Entry > Quote Format */
.blog-entry.format-quote .post-quote-entry-inner {
  position: relative;
  display: block;
  padding: 20px 30px;
  font-size: 1.231em;
  z-index: 2;
  background: #f7f7f7;
}

.blog-entry.format-quote p:last-child {
  margin: 0;
}

.blog-entry.format-quote .quote-entry-author {
  margin-top: 15px;
  font-size: 0.923em;
  font-weight: 300;
  text-decoration: underline;
}

.blog-entry.format-quote .fa-quote-right {
  position: absolute;
  right: 15px;
  bottom: 15px;
  color: #999;
  font-size: 60px;
  display: block;
  z-index: 1;
  opacity: 0.15;
}

/* Blog Entry > Avatar */
.entry-has-avatar .blog-entry-header {
  position: relative;
  padding-left: 100px;
  min-height: 74px;
  margin-bottom: 20px;
}

.blog-entry-author-avatar {
  position: absolute;
  left: 0;
  top: 0;
}

.blog-entry-author-avatar {
  height: 74px;
  width: 74px;
}

.blog-entry-author-avatar a,
.blog-entry-author-avatar img {
  display: block;
  width: 100%;
  height: 100%;
}

.entry-has-avatar.large-image-entry-style {
  position: relative;
}

/*------------------------------------------------------------------ [Blog Entry: Full Width] -------------------------------------------------------------------*/
.blog-entry.large-image-entry-style {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-left: 0;
}

.blog-entry.large-image-entry-style.format-quote {
  padding-bottom: 40px;
}

/* Blog Entry > Full-Width > Audio Format */
.blog-entry.large-image-entry-style .blog-entry-music-icon-overlay .fa {
  height: 60px;
  line-height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
}

/* Blog Entry > Full-Width > Readmore */
.blog-entry.large-image-entry-style .blog-entry-readmore {
  margin-top: 0px;
}

/*------------------------------------------------------------------ [Blog Entry: Thumbnail] -------------------------------------------------------------------*/
.entries.left-thumbs .blog-entry.thumbnail-entry-style {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eaeaea;
}

.blog-entry.thumbnail-entry-style .blog-entry-title {
  margin: 0 0 30px;
}

/* Blog Entry > Thumbnail > Gallery */
.blog-entry.thumbnail-entry-style .sp-fade-arrows {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

.blog-entry.thumbnail-entry-style .sp-horizontal .sp-arrows {
  margin-top: -20px;
}

.blog-entry.thumbnail-entry-style .wpex-slider .sp-arrow {
  height: 40px;
  width: 25px;
  line-height: 40px;
  font-size: 1.077em;
  background: rgba(0, 0, 0, 0.3);
}

.blog-entry.thumbnail-entry-style .wpex-slider .sp-arrow:hover {
  background: rgb(0, 0, 0);
}

/*------------------------------------------------------------------ [Blog Entry: Grid] -------------------------------------------------------------------*/
.blog-isotope-grid .infinite-scroll-loader {
  bottom: 0;
}

.blog-entry.grid-entry-style {
  float: left;
}

.blog-entry.grid-entry-style .blog-entry-inner {
  padding: 0 20px 20px;
  border: 1px solid #eee;
}

.blog-entry-inner {
  display: flex;
}

.blog-entry.grid-entry-style .blog-entry-media {
  margin: 0 -20px;
}

.blog-entry.grid-entry-style .wpex-social-share.position-horizontal .social-share-button-text,
.blog-entry.grid-entry-style .wpex-social-share.position-horizontal .fa {
  font-style: 0.75em;
}

/* Blog Entry > Grid > Title */
.blog-entry.grid-entry-style header {
  margin-top: 20px;
}

.blog-entry.grid-entry-style .blog-entry-title {
  font-size: 1.231em;
}

.blog-entry-inner .blog-entry-excerpt,
.blog-entry-inner .meta-date {
  font-size: 15px;
}

.blog-entry-inner .blog-entry-readmore a {
  width: 120px;
  height: 37.7px;
  background-image: linear-gradient(0deg, #0261c5 0%, #489fff 100%), linear-gradient(#1c357c, #1c357c);
  border-radius: 10px;
  font-size: 14px;
  text-align: center;
}

/* Blog Entry > Grid > Avatar */
.blog-entry.grid-entry-style .header-with-avatar {
  padding-left: 80px;
  min-height: 60px;
}

.blog-entry.grid-entry-style .blog-entry-author-avatar {
  height: 60px;
  width: 60px;
}

/* Blog Entry > Grid > Gallery */
.blog-entry.grid-entry-style .sp-fade-arrows {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

.blog-entry.grid-entry-style .sp-horizontal .sp-arrows {
  margin-top: -20px;
}

.blog-entry.grid-entry-style .wpex-slider .sp-arrow {
  height: 40px;
  width: 25px;
  line-height: 40px;
  font-size: 1.077em;
  background: rgba(0, 0, 0, 0.3);
}

.blog-entry.grid-entry-style .wpex-slider .sp-arrow:hover {
  background: rgb(0, 0, 0);
}

.blog-entry a.blog-entry-media-link {
  width: 90%;
  position: relative;
  margin: initial;
}

/* Blog Entry > Grid > Excerpt */
.blog-entry.grid-entry-style .blog-entry-excerpt {
  margin-top: 10px;
}

/* Blog Entry > Grid > Readmore */
.blog-entry.grid-entry-style .blog-entry-readmore {
  margin-top: 20px;
}

/*------------------------------------------------------------------ [Single Blog Posts] -------------------------------------------------------------------*/
/*.single-post .entry {
     margin: 40px 0 
 }
 */
/* Blog Single > Meta */
.content-full-screen .meta {
  display: none;
}

.single-post .meta {
  margin: 0 0 20px;
}

.single-post .meta.meta-with-title {
  border: none;
  padding: 0;
}

/* Blog Single > Thumbnail */
#post-media {
  display: block;
  position: relative;
  margin-bottom: 20px;
}

#post-media img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.post-media-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 0.923em;
  font-weight: normal;
  text-align: center;
}

.post-media-caption p {
  color: #fff;
}

.post-media-caption a {
  color: #fff;
  text-decoration: underline;
}

.post-media-caption p:last-child {
  margin: 0;
}

/* Blog Single > Tags */
.post-tags {
  margin-bottom: 40px;
}

/* Blog Single > Related Posts */
.related-posts {
  margin-bottom: 20px;
  overflow: hidden;
}

.related-posts li {
  margin-bottom: 20px;
}

.related-posts li:last-child,
.related-posts li p:last-child {
  margin-bottom: 0;
}

.related-post-thumb {
  display: block;
}

.related-post-thumb img {
  display: block;
  width: 100%;
}

.related-post-title {
  margin: 0 0 5px;
  display: block;
}

.related-post-content {
  padding: 10px;
  background: #f7f7f7;
  border: 1px solid #eee;
}

.related-post-excerpt {
  font-size: 0.923em;
  line-height: 1.7em;
}

.related-post-excerpt p:last-child {
  margin: 0;
}

/* Blog Single > Quote */
.single .format-quote {
  position: relative;
  display: block;
  padding: 20px 30px;
  font-size: 1.231em;
  z-index: 2;
  background: #f7f7f7;
}

.single .format-quote p:last-child {
  margin: 0;
}

.single .format-quote .quote-entry-author {
  margin-top: 15px;
  font-size: 0.923em;
  font-weight: 300;
  text-decoration: underline;
}

.single .format-quote .fa-quote-right {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 60px;
  display: block;
  z-index: 1;
  opacity: 0.1;
}

/*------------------------------------------------------------------ [Post Series] -------------------------------------------------------------------*/
#post-series {
  padding: 0 25px 25px;
  background: #f7f7f7;
  border: 1px solid #e4e4e4;
  margin-bottom: 30px;
}

#post-series-title {
  background: #eee;
  font-size: 1.231em;
  font-weight: normal;
  margin: 0 -25px 25px;
  padding: 10px 25px;
  color: #000;
  border-bottom: 1px solid #e4e4e4;
}

#post-series-title a {
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
}

#post-series-title a {
  color: inherit;
}

#post-series ul {
  list-style: none !important;
  margin: 0 !important;
}

#post-series li {
  padding: 7px 0;
  border-bottom: 1px solid #eee;
}

#post-series li:first-child {
  padding-top: 0;
}

#post-series li:last-child {
  border: none;
  padding-bottom: 0;
}

#post-series .post-series-count {
  font-weight: 600;
  color: #000;
  margin-right: 10px;
}

#post-series .post-series-current {
  opacity: 0.75;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  text-decoration: line-through;
}

/*------------------------------------------------------------------ [Author Bio] -------------------------------------------------------------------*/
.author-bio {
  position: relative;
  margin: 0 0 40px;
  background: #f7f7f7;
  border: 1px solid #eee;
  padding: 25px 25px 25px 125px;
}

.author-bio-avatar {
  position: absolute;
  top: 20px;
  left: 20px;
}

.author-bio-avatar img {
  display: block;
  border-radius: 74px;
  -moz-border-radius: 74px;
  -webkit-border-radius: 74px;
  height: 74px;
  width: 74px;
}

.author-bio-title {
  font-weight: 600;
  font-size: 1.077em;
  margin: 0 0 10px;
}

.author-bio-description p:last-child {
  margin: 0;
}

.author-bio-social {
  margin-top: 15px;
}

.author-bio-social a {
  display: block;
  float: left;
  color: #fff;
  height: 25px;
  line-height: 25px;
  width: 25px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  margin-right: 4px;
  font-size: 13px;
  background: #1e1e1e;
}

.author-bio-social a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}

.author-bio-social a:active {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}

.author-bio-social a.twitter {
  background: #00aced;
}

.author-bio-social a.facebook {
  background: #3b5998;
}

.author-bio-social a.google-plus {
  background: #d14836;
}

.author-bio-social a.pinterest {
  background: #cb2027;
}

.author-bio-social a.linkedin {
  background: #007fb1;
}

.author-bio-social a.instagram {
  background: #517fa4;
}

/* Other Custom Post Types --------------------------------------------------------------*/
.cpt-entry {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

.cpt-entry-media {
  margin-bottom: 20px;
}

.cpt-entry-title {
  font-size: 24px;
  margin: 0 0 10px;
  font-weight: 400;
}

.cpt-entry-excerpt {
  margin-bottom: 20px;
}

.cpt-entry-excerpt p:last-child {
  margin: 0;
}

/*------------------------------------------------------------------ [Social Sharing] -------------------------------------------------------------------*/
/* Social Sharing > Core */
ul.wpex-social-share {
  list-style: none;
}

.social-share-button-text {
  font-size: 13px;
}

.wpex-social-share li,
.wpex-social-share a {
  display: block;
  text-decoration: none;
}

.wpex-social-share a:hover {
  text-decoration: none;
}

/* Social Sharing > Add margin when needed */
.single-portfolio.no-composer .social-share-wrap.position-horizontal {
  margin: 40px 0 0;
}

/* Social Sharing > Minimal */
.wpex-social-share li a {
  color: #999;
  text-align: center;
  font-size: 1.077em;
  transition: all 0.15s ease;
}

.wpex-social-share li a:hover {
  background: #f7f7f7;
}

.wpex-social-share li.share-twitter a:hover {
  color: #00aced;
}

.wpex-social-share li.share-facebook a:hover {
  color: #3b5998;
}

.wpex-social-share li.share-pinterest a:hover {
  color: #cb2027;
}

.wpex-social-share li.share-googleplus a:hover {
  color: #dd4b39;
}

.wpex-social-share li.share-linkedin a:hover {
  color: #4875b4;
}

/* Social Sharing > Minimal > Vertical */
.wpex-social-share-wrap.position-vertical .social-share-title {
  display: none;
}

.wpex-social-share.position-vertical {
  position: absolute;
  top: 0;
  left: -55px;
  z-index: 9;
  width: 35px;
  list-style: none;
  margin: 0;
}

.content-left-sidebar .wpex-social-share.position-vertical {
  right: -55px;
  left: auto;
}

.wpex-social-share.position-vertical li {
  float: left;
}

.wpex-social-share.position-vertical li:first-child {
  border-top: 1px solid #e4e4e4;
}

.wpex-social-share.position-vertical li a {
  border: 1px solid #e4e4e4;
  border-top: none;
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.wpex-social-share.position-vertical .social-share-button-text {
  display: none;
}

/* Social Sharing > Minimal > Horizontal */
.wpex-social-share.position-horizontal {
  margin: 0 auto 40px;
}

.wpex-social-share.position-horizontal li {
  float: left;
  margin: 0 5px 5px 0;
  border: none;
}

.wpex-social-share.position-horizontal li a {
  color: #999;
  padding: 0.308em 0.769em;
  border: 1px solid #e4e4e4;
}

.wpex-social-share.position-horizontal li .fa {
  margin-right: 5px;
}

/* Social Sharing > Flat */
.wpex-social-share.style-flat li li:first-child {
  border: none;
}

.wpex-social-share.position-vertical.style-flat li:first-child {
  border-top: none;
}

.wpex-social-share.style-flat li a {
  color: #fff !important;
  border: none !important;
  border-radius: 2px;
}

.wpex-social-share.style-flat li.share-twitter a {
  background: #00aced;
}

.wpex-social-share.style-flat li.share-twitter a:hover {
  background: #0093cb;
}

.wpex-social-share.style-flat li.share-facebook a {
  background: #3b5998;
}

.wpex-social-share.style-flat li.share-facebook a:hover {
  background: #324b80;
}

.wpex-social-share.style-flat li.share-pinterest a {
  background: #cb2027;
}

.wpex-social-share.style-flat li.share-pinterest a:hover {
  background: #ae1b21;
}

.wpex-social-share.style-flat li.share-googleplus a {
  background: #dd4b39;
}

.wpex-social-share.style-flat li.share-googleplus a:hover {
  background: #d03724;
}

.wpex-social-share.style-flat li.share-linkedin a {
  background: #4875b4;
}

.wpex-social-share.style-flat li.share-linkedin a:hover {
  background: #3e659c;
}

.wpex-social-share.style-flat li {
  margin-bottom: 3px;
}

/* Social Sharing > 3D */
.wpex-social-share.style-three-d li li:first-child {
  border: none;
}

.wpex-social-share.position-vertical.style-three-d li:first-child {
  border-top: none;
}

.wpex-social-share.style-three-d li a {
  color: #fff !important;
  border: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}

.wpex-social-share.style-three-d li a:active {
  border-bottom-color: transparent;
}

.wpex-social-share.style-three-d li.share-twitter a {
  background: #00aced;
}

.wpex-social-share.style-three-d li.share-twitter a:hover {
  background: #0093cb;
}

.wpex-social-share.style-three-d li.share-facebook a {
  background: #3b5998;
}

.wpex-social-share.style-three-d li.share-facebook a:hover {
  background: #324b80;
}

.wpex-social-share.style-three-d li.share-pinterest a {
  background: #cb2027;
}

.wpex-social-share.style-three-d li.share-pinterest a:hover {
  background: #ae1b21;
}

.wpex-social-share.style-three-d li.share-googleplus a {
  background: #dd4b39;
}

.wpex-social-share.style-three-d li.share-googleplus a:hover {
  background: #d03724;
}

.wpex-social-share.style-three-d li.share-linkedin a {
  background: #4875b4;
}

.wpex-social-share.style-three-d li.share-linkedin a:hover {
  background: #3e659c;
}

.wpex-social-share.style-three-d li {
  margin-bottom: 3px;
}

/* Social Sharing > Rounded */
.wpex-social-share.style-rounded li {
  margin-bottom: 10px;
  margin-right: 10px;
}

.wpex-social-share.position-vertical.style-rounded li:first-child {
  border-top: none;
}

.wpex-social-share.style-rounded li a {
  padding: 0.462em 1.692em;
  border: 2px solid #eee;
  border-radius: 2px;
  transition: all 0.2s ease;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
}

.wpex-social-share.style-rounded li.share-twitter a {
  border-color: #00aced;
  color: #00aced;
}

.wpex-social-share.style-rounded li.share-twitter a:hover {
  background: #00aced;
  color: #fff;
}

.wpex-social-share.style-rounded li.share-facebook a {
  border-color: #3b5998;
  color: #3b5998;
}

.wpex-social-share.style-rounded li.share-facebook a:hover {
  background: #3b5998;
  color: #fff;
}

.wpex-social-share.style-rounded li.share-pinterest a {
  border-color: #cb2027;
  color: #cb2027;
}

.wpex-social-share.style-rounded li.share-pinterest a:hover {
  background: #cb2027;
  color: #fff;
}

.wpex-social-share.style-rounded li.share-googleplus a {
  border-color: #dd4b39;
  color: #dd4b39;
}

.wpex-social-share.style-rounded li.share-googleplus a:hover {
  background: #dd4b39;
  color: #fff;
}

.wpex-social-share.style-rounded li.share-linkedin a {
  border-color: #4875b4;
  color: #4875b4;
}

.wpex-social-share.style-rounded li.share-linkedin a:hover {
  background: #4875b4;
  color: #fff;
}

.wpex-social-share.style-rounded.position-vertical li a {
  padding: 0;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*------------------------------------------------------------------ [WP Gallery] -------------------------------------------------------------------*/
.content-full-width .gallery-item {
  margin-bottom: 15px;
}

.content-left-sidebar .gallery-item,
.content-right-sidebar .gallery-item {
  margin-bottom: 10px;
}

.wpex-gallery {
  margin-bottom: 15px;
}

#wrap .wpex-gallery p {
  margin: 0;
}

#wrap .gallery {
  margin: 0 -10px;
}

.gallery-item {
  padding: 0 10px;
}

#wrap .gallery-item img {
  display: block;
  border: none;
  width: 100%;
}

.gallery-item img:hover {
  opacity: 0.8;
}

.gallery-caption {
  font-size: 0.923em;
  background: #f7f7f7;
  border: 1px solid #e4e4e4;
  border-top: none;
  text-align: center;
  padding: 5px 10px;
}

/*------------------------------------------------------------------ [Pagination] -------------------------------------------------------------------*/
/*next/previous posts*/
.post-pagination {
  border-top: 1px solid #eee;
  padding: 30px 0;
  color: #888;
}

.post-pagination .post-prev {
  float: left;
  width: 48%;
}

.post-pagination .post-prev span {
  margin-right: 5px;
}

.post-pagination .post-next {
  float: right;
  width: 48%;
  text-align: right;
}

.post-pagination .post-next span {
  margin-left: 5px;
}

.post-pagination a {
  color: #888;
}

.content-full-screen .post-pagination {
  display: none;
}

/*standard*/
ul.page-numbers {
  list-style: none;
  margin: 10px 0 0;
}

ul.page-numbers li {
  display: block;
  float: left;
  margin: 0 4px 4px 0;
  text-align: center;
}

ul .page-numbers a,
a.page-numbers,
span.page-numbers {
  line-height: 1;
  display: block;
  padding: 0.4em 0.7em;
  font-size: 0.923em;
  text-decoration: none;
  font-weight: normal;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid #ddd;
  color: #888;
  transition: all 0.15s ease-in-out;
}

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
  color: #000;
  background: #f7f7f7;
  text-decoration: none;
}

.page-numbers:hover {
  text-decoration: none;
}

/*infinite scroll*/
.infinite-scroll-loader {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -8px;
  height: 16px;
  line-height: 16px;
  width: 30px;
  background: url("images/loader.gif") center center no-repeat;
  text-indent: -9999px;
}

#infscr-loading img {
  display: none !important;
}

.infinite-scroll-nav {
  display: none;
}

/*Add some padding*/
.infinite-scroll-wrap {
  position: relative;
  padding-bottom: 20px;
}

/*------------------------------------------------------------------ [Sidebar] -------------------------------------------------------------------*/
#sidebar {
  margin-bottom: 10px;
}

/* sidebar box bottom padding + 10px = 40px bottom padding for sidebar */
.sidebar-box {
  padding-bottom: 30px;
}

.sidebar-box input {
  max-width: 100%;
}

.sidebar-box .widget-title {
  display: block;
  margin: 0 0 20px;
  font-size: 1.077em;
  line-height: 1.5;
  font-weight: 600;
  color: #000;
}

.sidebar-box .widget-titleselect {
  width: 100%;
}

/*------------------------------------------------------------------ [Widgets] -------------------------------------------------------------------*/
.widget ul {
  list-style: none;
  margin: 0;
}

.widget_wpex_facebook_page_widget {
  overflow: hidden;
}

/* Widgets > Borders */
.wpex-widget-recent-posts-li,
.widget_categories li,
.widget_recent_entries li,
.widget_archive li,
.widget_recent_comments li,
.widget_product_categories li,
.widget_layered_nav li,
.widget-recent-posts-icons li,
.site-footer .widget_nav_menu li {
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}

.wpex-widget-recent-posts-li:first-child,
.widget_categories li:first-child,
.widget_recent_entries li:first-child,
.widget_archive li:first-child,
.widget_recent_comments li:first-child,
.widget_product_categories li:first-child,
.widget_layered_nav li:first-child,
.widget-recent-posts-icons li:first-child,
.site-footer .widget_nav_menu li:first-child {
  border-top: 1px solid #eee;
}

.widget_product_categories ul ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.widget_product_categories ul ul li {
  padding-left: 15px;
}

/* Widgets > Google Map */
.wpex-gmap-widget-embed iframe {
  margin-bottom: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: none;
}

/* Widgets > About */
.wpex-about-widget-image img {
  display: block;
}

.wpex-about-widget-description {
  padding-top: 20px;
}

/* Widgets > Business Info */
.wpex-info-widget div {
  padding-left: 2.308em;
  position: relative;
  line-height: 1.5;
  margin-bottom: 10px;
}

.wpex-info-widget div:last-child {
  margin-bottom: 0;
}

.wpex-info-widget p {
  margin: 0;
}

.wpex-info-widget .fa {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.231em;
}

/* Widgets > Custom Menu */
#sidebar .widget_nav_menu .sub-menu {
  display: none;
}

#sidebar .widget_nav_menu ul {
  margin: 0;
}

#sidebar .widget_nav_menu ul ul {
  margin: 0;
  border: none;
  border-radius: 0;
}

#sidebar .widget_nav_menu ul > li:first-child > a {
  border-top: 1px solid #eee;
}

#sidebar .widget_nav_menu li ul li:first-child a {
  border-top: none;
}

#sidebar .widget_nav_menu a {
  position: relative;
  font-weight: normal;
  display: block;
  padding: 9px 15px;
  border: 1px solid #eee;
  border-top: none;
  color: #777;
  cursor: pointer;
}

#sidebar .widget_nav_menu a .fa {
  margin-right: 10px;
}

#sidebar .widget_nav_menu .menu-item-has-children > a {
  padding-right: 30px;
}

#sidebar .widget_nav_menu ul ul li a {
  padding-left: 20px;
}

#sidebar .widget_nav_menu ul ul ul li a {
  padding-left: 30px;
}

#sidebar .widget_nav_menu .sub-menu a:before {
  content: "-";
  margin-right: 10px;
}

#sidebar .widget_nav_menu .sub-menu .sub-menu a:before {
  content: "- -";
  margin-right: 10px;
}

#sidebar .widget_nav_menu a:hover,
#sidebar .widget_nav_menu li.active > a {
  background-color: #f9f9f9;
  text-decoration: none;
}

#sidebar .widget_nav_menu .parent > a:after {
  font-family: "FontAwesome";
  display: block;
  content: "\f0d7";
  position: absolute;
  right: 15px;
  top: 50%;
  font-size: 1.077em;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  color: #ddd;
}

#sidebar .widget_nav_menu .parent.active > a:after {
  content: "\f0d8";
}

#sidebar .widget_nav_menu .current_page_item > a,
#sidebar .widget_nav_menu .current-menu-item > a {
  background: #f7f7f7;
}

#sidebar .widget_nav_menu .current_page_item > .sub-menu,
#sidebar .widget_nav_menu .current-menu-item > .sub-menu {
  display: block;
}

/* Widgets > Modern Menu */
.modern-menu-widget {
  border: 1px solid #eee;
  border-radius: 3px;
  margin: 0;
}

.modern-menu-widget li,
.modern-menu-widget a {
  display: block;
}

.modern-menu-widget a {
  position: relative;
  padding: 0.538em 30px 0.538em 0.769em;
  color: #777;
}

.modern-menu-widget a > .fa {
  margin-right: 8px;
}

.modern-menu-widget a:after {
  display: block;
  font-family: "FontAwesome";
  content: "\f054";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  line-height: 12px;
  font-size: 0.923em;
  color: #bbb;
}

body.content-right-sidebar .modern-menu-widget li a {
  padding-left: 30px;
  padding-right: 0.769em;
}

body.content-right-sidebar .modern-menu-widget a:after {
  left: 10px;
  content: "\f053";
}

.modern-menu-widget a:hover {
  text-decoration: none;
  background: #fafafa;
}

.modern-menu-widget li.current-menu-item a {
  color: #fff;
  margin: 0 -1px;
}

.modern-menu-widget li.current-menu-item a:after {
  color: #fff;
}

.modern-menu-widget li {
  border-bottom: 1px solid #eee;
}

.modern-menu-widget li ul {
  border-top: 1px solid #eee;
}

.modern-menu-widget > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.modern-menu-widget > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.modern-menu-widget li:last-child {
  border-bottom: none;
}

/* Widgets > Tagcloud */
#main .tagcloud a,
.post-tags a {
  display: block;
  float: left;
  padding: 0.3em 0.8em;
  margin: 0 5px 5px 0;
  border: 1px solid #eee;
  color: #555;
  background: #f7f7f7;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

#main .tagcloud a:hover,
.post-tags a:hover {
  text-decoration: none;
  color: #fff;
  border-color: transparent;
}

/* Widgets > Social (images) */
.wpex-social-widget-output {
  list-style: none;
}

.wpex-social-widget-output li {
  margin: 0;
  padding: 0;
  border: none;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.wpex-social-widget-output li img {
  display: block;
}

.wpex-social-widget-output li img:hover {
  opacity: 0.8;
}

.wpex-social-widget-output li img:active {
  position: relative;
  top: 1px;
}

/* Widgets > Social Font Awesome */
.wpex-fa-social-widget .desc {
  margin-bottom: 20px;
}

.wpex-fa-social-widget .desc p:last-child {
  margin: 0;
}

.wpex-fa-social-widget ul {
  list-style: none;
}

.wpex-fa-social-widget ul li {
  margin: 0;
  padding: 0;
  border: none;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.wpex-fa-social-widget .wpex-social-btn {
  display: block;
  font-size: 1.077em;
  padding: 0;
}

/* Widgets > Flickr */
.wpex-flickr-widget {
  margin-right: -10px;
}

.wpex-flickr-widget .flickr_badge_image {
  display: block;
  width: 22%;
  float: left;
  margin-right: 2%;
  margin-bottom: 7px;
  height: auto !important;
}

.wpex-flickr-widget .flickr_badge_image a,
.wpex-flickr-widget .flickr_badge_image img {
  display: block;
  float: left;
  width: auto !important;
  height: auto !important;
}

.wpex-flickr-widget .flickr_badge_image:hover {
  opacity: 0.8;
}

/* Widgets > Video */
.wpex-video-widget-description {
  text-align: center;
  margin-top: 15px;
}

/* Widgets > Calendar */
#wp-calendar {
  width: 100%;
  font-size: 0.846em;
}

#wp-calendar thead th {
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-top: none;
  font-size: 0.846em;
}

#wp-calendar tbody td {
  text-align: center;
  border: 1px solid #ddd;
  line-height: 2.5em;
  transition: background 0.15s ease;
  -webkit-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
}

#wp-calendar tbody td:hover {
  background: #f1f1f1;
  color: #333;
}

#wp-calendar tbody td a {
  display: block;
  text-decoration: none;
  background: #f1f1f1;
  color: #333;
}

#wp-calendar tbody td:hover a {
  background: #4d4d4d;
  color: #fff;
}

#wp-calendar tfoot td {
  padding-top: 1px;
  padding: 4px;
}

#wp-calendar caption {
  cursor: pointer;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0;
  padding: 12px;
  outline: 0 none !important;
  color: #fff;
  text-align: center;
}

#wp-calendar tbody a {
  display: block;
  text-decoration: underline;
}

#wp-calendar th {
  text-align: center;
  border: 1px solid transparent;
  border-top: none;
  padding: 7px 0;
  color: #a7a7a7;
}

#footer #wp-calendar thead th {
  background: #222;
}

#footer #wp-calendar tbody td {
  border-color: #222;
}

/* Widgets > Thumbnail Grid */
.wpex-recent-posts-thumb-grid.wpex-row {
  margin: 0 -5px;
  margin-bottom: -10px;
  overflow: hidden;
}

.wpex-recent-posts-thumb-grid.wpex-row .nr-col {
  padding: 0 5px;
  margin-bottom: 10px;
}

/* Widgets > Instagram Grid */
.wpex-instagram-grid-widget img:hover {
  opacity: 0.8;
}

/* Widgets > Posts w/ Thumbnails */
.wpex-widget-recent-posts-li {
  margin: 0;
  font-size: 1em;
  min-height: 95px;
  padding-left: 85px;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}

.wpex-widget-recent-posts-li:first-child {
  padding-top: 15px;
}

.wpex-widget-recent-posts-thumbnail {
  position: absolute;
  left: 0;
  top: 15px;
  width: 65px;
}

.wpex-widget-recent-posts-thumbnail,
.wpex-widget-recent-posts-thumbnail img {
  display: block;
}

.wpex-widget-recent-posts-li:first-child .wpex-widget-recent-posts-thumbnail {
  top: 15px;
}

.wpex-widget-recent-posts-title {
  font-weight: 600;
  color: #000;
}

.wpex-widget-recent-posts-title:hover {
  text-decoration: none;
  opacity: 0.75;
}

#sidebar .wpex-widget-recent-posts-date {
  font-size: 0.923em;
  font-weight: 400;
  color: #777;
}

.wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-thumbnail {
  position: inherit;
  left: auto;
  top: auto;
  margin-bottom: 15px;
  width: 100%;
}

.wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-li {
  padding-left: 0;
  min-height: 0;
}

.wpex-widget-recent-posts.style-fullimg .wpex-widget-recent-posts-date {
  margin-top: 0;
}

/* Widgets > Categories */
.widget_categories li {
  position: relative;
}

.widget_categories li ul {
  margin: 0 0 0 20px;
}

.widget_categories li ul li:first-child {
  border-top: 1px solid #eee;
  margin-top: 4px;
}

.widget_categories li ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.widget_categories .cat-count-span {
  color: #999;
  font-size: 0.846em;
}

/* Widgets > Layered Nav */
.widget_layered_nav li {
  position: relative;
}

.widget_layered_nav .count {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  line-height: 12px;
  color: #999;
  font-size: 0.846em;
}

/* Widgets > Recent Posts */
.widget_recent_entries .post-date {
  display: block;
  font-size: 0.846em;
  color: #777;
  margin: 5px 0 0;
}

/* Widgets > Recent Posts w/ Icons */
.sidebar-widget-icons .widget_archive a:before,
.sidebar-widget-icons .widget_recent_entries a:before,
.sidebar-widget-icons .widget_recent_comments a:first-child:before,
.sidebar-widget-icons .widget_layered_nav a:before,
.sidebar-widget-icons .widget_product_categories a:before,
.sidebar-widget-icons .widget_categories a:before {
  margin-right: 10px;
  font-family: "FontAwesome";
  color: #999;
  display: inline-block;
}

.sidebar-widget-icons .widget_archive a:before {
  content: "\f016";
}

.sidebar-widget-icons .widget_recent_entries a:before {
  content: "\f0f6";
}

.sidebar-widget-icons .widget_recent_comments a:first-child:before {
  content: "\f0e5";
}

.sidebar-widget-icons .widget_layered_nav a:before {
  content: "\f0da";
}

.sidebar-widget-icons .widget_product_categories a:before {
  content: "\f0da";
}

.sidebar-widget-icons .widget_categories a:before {
  content: "\f114";
}

/* Widgets > Footer Colors */
#footer li,
#footer #wp-calendar thead th,
#footer #wp-calendar tbody td {
  border-color: #333;
}

#footer #wp-calendar tbody td:hover,
#footer #wp-calendar tbody td a {
  color: #fff;
  background-color: #333;
}

/* Widgets > With Icons */
.widget-recent-posts-icons li .fa {
  margin-right: 10px;
  color: #999;
}

.site-footer .widget-recent-posts-icons li .fa {
  color: #777;
}

/* Widgets > Recent Posts */
.wpex-recent-comments-widget li {
  position: relative;
  padding-left: 70px;
  display: block;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  min-height: 62px;
}

.wpex-recent-comments-widget li:first-child {
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.wpex-recent-comments-widget li a {
  display: block;
}

.wpex-recent-comments-widget li a.avatar {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  padding: 3px;
  border: 1px solid #e4e4e4;
}

.wpex-recent-comments-widget li:first-child a.avatar {
  top: 20px;
}

.site-footer .wpex-recent-comments-widget li a.avatar {
  border-color: #333;
}

.wpex-recent-comments-widget strong {
  color: #000;
}

.site-footer .wpex-recent-comments-widget strong {
  color: #fff;
}

/* Widgets > Newsletter */
.wpex-newsletter-widget {
  padding: 20px;
  background: #f7f7f7;
  border: 1px solid #eee;
  text-align: center;
}

.wpex-newsletter-widget-heading {
  font-weight: 600;
  font-size: 1.231em;
  margin: 0 0 10px;
}

.wpex-newsletter-widget-description {
  font-size: 0.923em;
  margin-bottom: 10px;
  color: #787878;
}

.wpex-newsletter-widget-description p:last-child {
  margin: 0;
}

.wpex-newsletter-widget input[type=email],
.wpex-newsletter-widget input[type=text] {
  border-color: #ddd;
  background: #fff;
  width: 100%;
  margin-bottom: 5px;
  text-align: center;
}

.wpex-newsletter-widget button {
  font-size: 1em;
  margin-top: 5px;
  width: 100%;
  padding: 0.9em 1.2em;
  display: block;
}

#footer .wpex-newsletter-widget {
  background: #222;
  border-color: #333;
}

#footer .wpex-newsletter-widget-heading {
  color: #fff;
}

#footer input[type=email].wpex-newsletter-widget-input,
#footer input[type=text].wpex-newsletter-widget-input {
  border-color: transparent;
}

#footer input[type=email].wpex-newsletter-widget-input:focus,
#footer input[type=text].wpex-newsletter-widget-input:focus {
  color: #fff;
}

/*------------------------------------------------------------------ [Footer Callout] -------------------------------------------------------------------*/
#footer-callout-wrap {
  background: #f7f7f7;
  padding: 30px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: none;
}

#footer-callout {
  font-size: 1.385em;
}

#footer-callout-left,
#footer-callout-right {
  display: block;
  float: left;
}

#footer-callout-left {
  width: 75%;
}

#footer-callout-left.full-width {
  width: 100%;
}

#footer-callout-right {
  width: 23%;
  margin-left: 2%;
}

#footer-callout .theme-button {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 0.889em;
  padding: 15px 20px;
}

/*------------------------------------------------------------------ [Footer + Footer Widgets] -------------------------------------------------------------------*/
/* Footer > Main */
#footer.site-footer {
  background: #fff;
  color: #6a6a6a;
}

#footer li a:hover {
  color: #0599d9;
}

.footerleft img {
  width: 210px;
  margin-bottom: 5px;
}

.site-footer .container {
  padding-top: 45px;
}

.single-col-footer .col {
  margin-left: 0;
  width: 100%;
  margin-right: 0;
}

.site-footer ul {
  margin: 0;
}

.site-footer .col {
  margin-bottom: 0;
}

.full-screen-post .site-footer {
  margin-top: 0;
}

.site-footer .widget_recent_entries li,
.site-footer .widget_categories li {
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #333;
}

/* Footer > Typography */
.footer-widget .widget-title {
  display: block;
  line-height: 1.5;
  color: #fff;
  font-weight: 600 !important;
  font-size: 1.077em;
  margin: 0 0 7px;
  font-family: "Open Sans";
}

.site-footer-widgets {
  position: relative;
}

.site-footer.site-footer a,
.site-footer.site-footer strong {
  color: #4f5e6a;
}

.site-footer a:hover {
  color: #fff;
  text-decoration: none;
}

/* Footer > Widgets */
.footer-widget {
  padding-bottom: 9px;
}

#footer-widgets.wpex-row .col {
  margin-bottom: 0 !important;
}

.footer-widget .wpex-widget-recent-posts-title {
  color: #fff;
}

/* Footer > Bottom */
div#footer-bottom {
  background: #fff;
  color: #6a6a6a;
  font-size: 14px;
}

#footer-bottom-inner {
  position: relative;
}

#footer-bottom p {
  color: #999;
}

#footer-bottom p:last-child {
  margin: 0;
}

#footer-bottom-inner {
  padding-top: 20px;
  padding-bottom: 20px;
}

#footer-bottom a {
  color: #aaa;
}

#footer-bottom a:hover {
  color: #0599d9;
  text-decoration: none;
}

/* Footer > Copyright */
#footer-copyright {
  font-size: 0.923em;
  font-weight: 400;
}

#footer-copyright p:last-child {
  margin: 0;
}

/* Footer > Social */
#footer-bottom-menu {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  height: 40px;
  line-height: 40px;
}

#footer-bottom-menu ul {
  list-style: none;
  margin: 0;
}

#footer-bottom-menu ul li {
  float: left;
  margin-left: 20px;
}

#footer-bottom-menu ul li:first-child {
  margin-left: 0;
}

#footer-bottom-menu ul li .fa {
  margin-right: 7px;
}

/* Footer > Back To Top Button */
#site-scroll-top {
  position: fixed;
  right: 27px;
  bottom: 20px;
  color: #898989;
  height: 30px;
  line-height: 28px;
  width: 30px;
  font-size: 16px;
  border-radius: 50%;
  background: #127ee0 !important;
  border: 2px solid #fff;
  text-align: center;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

#site-scroll-top:hover {
  border-color: transparent;
  text-decoration: none;
  color: #fff;
}

#site-scroll-top.show {
  display: block;
  visibility: visible;
  opacity: 1;
}

/*------------------------------------------------------------------ [Footer Reveal] -------------------------------------------------------------------*/
.footer-has-reveal #site-header.overlay-header {
  background: none;
}

@media only screen and (min-width: 960px) {
  .footer-reveal {
    display: block;
    visibility: hidden;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    z-index: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .footer-has-reveal #main {
    position: relative;
    z-index: 2;
    background: #fff;
  }
}
@media only screen and (max-width: 959px) {
  body.footer-has-reveal #wrap {
    margin-bottom: 0 !important;
  }
}
.footer-reveal.wpex-visible {
  visibility: visible;
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

/*------------------------------------------------------------------ [Search] -------------------------------------------------------------------*/
/*search input*/
.searchform {
  position: relative;
}

.wpex-menu-search-text {
  display: none;
}

.searchform input {
  width: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  padding: -0.2em 30px 0.8em 0.8em;
}

.searchform .searchform-submit {
  position: absolute;
  top: 50%;
  right: 15px;
  height: 20px;
  line-height: 20px;
  margin: -10px 0 0;
  background: none;
  padding: 0;
  border: 0;
  outline: 0;
  color: #000;
  font-size: 11px;
  opacity: 0.5;
}

.searchIt #search-input input {
  width: 121px;
  height: 23px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #ffffff;
  opacity: 0.52;
}

.searchIt #search-input .search-icon {
  height: 15px;
  position: absolute;
  right: 7px;
  top: 6px;
}

.searchIt .language-box {
  margin-bottom: 9px;
  margin-top: -14px;
}

.searchIt .language-box option {
  color: #000 !important;
}

.searchIt .language-label {
  font-size: 12px;
}

.searchIt .language-select {
  background-color: transparent;
  border: 1px solid;
  border-radius: 5px;
  width: 65px;
  font-size: 12px;
  margin-left: 4px;
  height: 20px;
}

#footer .searchform input {
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  border: none;
  padding: 0.8em;
}

#footer input[type=search] {
  outline: none;
}

/*search results page*/
#search-no-results {
  font-size: 1.231em;
  margin-bottom: 20px;
  margin-top: 120px;
  text-align: center;
}

/*entries*/
.search-entry {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-left: 130px;
  min-height: 120px;
}

.search-entry-no-thumb {
  padding-left: 0;
  min-height: 0;
}

.search-entry h2 {
  font-size: 1.313em;
  margin: 0 0 10px;
  font-weight: 600;
}

.search-entry-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  padding: 4px;
  border: 1px solid #eee;
}

.search-entry-thumb img {
  display: block;
  width: 100%;
}

.search-entry-thumb img:hover {
  opacity: 0.8;
}

.search-entry-text p:last-child {
  margin: 0;
}

/*search site overlay - modal*/
#searchform-overlay {
  display: none;
  width: 350px;
  top: 120px;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  transition: transform 0.4s;
}

#searchform-overlay.active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#searchform-overlay-title {
  font-size: 2.154em;
  margin: 0 0 20px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
}

#searchform-overlay input {
  font-size: 1.077em;
  background: #fff;
  -webkit-apperance: none !important;
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0;
  padding-right: 40px;
  padding-left: 20px;
  height: 45px;
  color: #000;
  font-weight: 400;
  border-radius: 3px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
}

#searchform-overlay .searchform-submit {
  font-size: 18px;
}

#searchform-overlay .searchform-submit:hover {
  opacity: 1;
}

/*dropdown searchform*/
#searchform-dropdown {
  z-index: 10000;
  position: relative;
  opacity: 0;
  border-top: none !important;
  transition: all 0.2s;
  width: 121px;
}

#searchform-dropdown input {
  display: block;
  outline: none;
  border: none;
  width: 100%;
  background: #ebebeb;
  border-radius: 3px;
  padding: 1px;
  padding-left: 30px;
  font-size: 14px;
  margin-top: 0;
}

#searchform-dropdown::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(/wp-content/uploads/2019/04/menu-search-icon.png) no-repeat;
  background-size: cover;
  left: 10px;
  top: 5px;
  z-index: 100;
}

#searchform-dropdown button {
  display: none;
}

.boxed-main-layout #searchform-dropdown {
  right: 30px;
}

/*header replace*/
#searchform-header-replace {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}

#searchform-header-replace form {
  height: 100%;
  width: 100%;
}

#searchform-header-replace input {
  height: 100%;
  width: 100%;
  outline: 0;
  border: 0;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  font-size: 32px;
  text-transform: uppercase;
  color: #bbb;
  background: none;
}

#searchform-header-replace-close {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  height: 40px;
  line-height: 40px;
  font-size: 26px;
  color: #bbb;
  cursor: pointer;
}

#searchform-header-replace-close:hover {
  color: #000;
}

body.boxed-main-layout #searchform-header-replace input {
  padding: 0 30px;
}

body.boxed-main-layout #searchform-header-replace-close {
  right: 30px;
}

/*display search on click*/
#searchform-dropdown.show,
#searchform-header-replace.show {
  visibility: visible;
  opacity: 1;
}

.search-results .site-content {
  padding-top: 100px;
  width: 1200px;
  margin: auto;
}

/*------------------------------------------------------------------ [Contact Form 7] -------------------------------------------------------------------*/
div.wpcf7 .wpcf7-not-valid {
  border-color: #f00 !important;
}

span.wpcf7-not-valid-tip {
  display: none !important;
}

div.wpcf7 input,
div.wpcf7 textarea {
  max-width: 100%;
}

div.wpcf7-validation-errors {
  margin: 20px 0 0;
  padding: 10px;
  color: #c4690e;
  background: #fffdf3;
  text-align: center;
  border: 1px solid #fad7b5;
  font-weight: 400;
  font-size: 0.923em;
}

div.wpcf7 .wpcf7-mail-sent-ok {
  margin: 10px 0 0;
  padding: 10px;
  background: #edfdd3 !important;
  border: 1px solid #c4dba0 !important;
  text-align: center;
  color: #657e3c !important;
  font-weight: normal !important;
  font-size: 14px !important;
}

div.wpcf7-mail-sent-ng {
  margin: 0;
  padding: 10px;
  background: #ffe9e9;
  color: #d04544;
  border: 1px solid #e7a9a9;
}

.wpcf7 input,
.wpcf7 textarea {
  margin-top: 5px;
}

div.wpcf7 .col input {
  width: 100%;
}

div.wpcf7 .one-half input {
  width: 100%;
}

div.wpcf7 .one-half {
  padding-left: 20px;
}

div.wpcf7 .one-half.first {
  padding-left: 0;
}

div.wpcf7 .full-width input {
  width: 100%;
}

/*------------------------------------------------------------------ [Login Page] -------------------------------------------------------------------*/
#login-page-wrap {
  padding: 80px 0;
  text-align: center;
}

#login-page-logo {
  margin-bottom: 10px;
}

#login-page-logo a {
  font-weight: 600;
  font-size: 26px;
  color: #000;
}

#login-template-form {
  display: inline-block;
  border: 1px solid #eee;
  background: #f7f7f7;
  padding: 20px;
  width: 300px;
  max-width: 100%;
}

#login-template-form label {
  font-size: 0.846em;
  text-transform: uppercase;
  font-weight: 400;
  text-align: left;
  letter-spacing: 1px;
  display: block;
  float: none;
  margin-bottom: 5px;
  color: #999;
}

#login-template-form input[type=text],
#login-template-form input[type=password] {
  width: 100%;
  background: #fff;
}

#login-template-form .button-primary {
  width: 100%;
}

#login-template-form .login-submit {
  margin: 0;
}

/*------------------------------------------------------------------ [Login Form] -------------------------------------------------------------------*/
#wpex-loginform-wrap label {
  font-size: 1.125em;
}

#wpex-loginform-wrap input[type=text],
#wpex-loginform-wrap input[type=password] {
  width: 100%;
  font-size: 1em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  margin-top: 10px;
  border-radius: 3px;
}

#wpex-loginform-wrap input[type=text]:focus,
#wpex-loginform-wrap input[type=password]:focus {
  border-color: #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
}

#wpex-loginform-wrap p:last-child {
  margin: 0;
}

#wpex-loginform-wrap a:hover {
  color: #4d4d4d;
  text-decoration: none;
}

/*------------------------------------------------------------------ [Archives] -------------------------------------------------------------------*/
.archives-section {
  margin-bottom: 60px;
}

.archives-section h2 {
  margin: 0 0 10px;
}

.archives-list {
  list-style: none;
  border-top: 1px solid #eee;
  padding-top: 10px;
}

.archives-list li {
  display: block;
  color: #999;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.archives-list li a {
  color: #999;
}

.archives-list li a:hover {
  color: #000;
  text-decoration: none;
}

.archives-list li .fa {
  color: #999;
  margin-right: 15px;
}

/*------------------------------------------------------------------ [Comments] -------------------------------------------------------------------*/
#comments {
  margin-bottom: 40px;
}

#comments.empty-closed-comments {
  display: none;
}

/* Comments > Entry */
#comments .children {
  margin-left: 30px;
}

#comments .comment {
  position: relative;
}

#comments .comment-body {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
}

#comments .comment .comment-body {
  margin-left: 80px;
}

body.comment-avatars-disabled #comments .comment .comment-body {
  margin-left: 0;
}

#comments .comment-content p:last-child {
  margin-bottom: 0;
}

/* Comments > Avatar */
#comments .comment-author .avatar {
  left: -80px;
  position: absolute;
  top: 0px;
  padding: 3px;
  border: 1px solid #e4e4e4;
}

#comments .comment-author .avatar img {
  display: block;
}

/* Comments > Meta */
#comments .comment-meta {
  margin-bottom: 15px;
}

#comments .comment-meta .fn {
  display: block;
  font-size: 1.077em;
  font-weight: 600;
  color: #000;
}

#comments .comment-meta .fn .url {
  color: #000;
}

#comments .comment-meta .says {
  display: none;
}

#comments .comment-meta a:hover {
  text-decoration: none;
}

#comments .comment-metadata time {
  color: #a7a7a7;
}

#comments .comment-metadata .comment-edit-link {
  display: inline-block;
  margin-left: 6px;
}

#comments .comment-metadata .comment-edit-link:hover {
  text-decoration: underline;
}

/* Comments > Reply */
#comments .comment-body .reply {
  padding-top: 15px;
}

#comments .comment-body .reply a {
  color: #a7a7a7;
  text-decoration: underline;
}

#comments .comment-body .reply a:hover {
  color: #000;
}

#comments .comment-reply-title {
  font-size: 1.231em;
  margin-bottom: 0;
}

#comments .logged-in-as {
  font-size: 0.923em;
  margin: 0 0 10px;
}

#comments #cancel-comment-reply-link {
  font-size: 0.923em;
  color: #989898;
  float: right;
  font-weight: normal;
  border: 2px solid #ededed;
  padding: 3px 10px;
  border-radius: 3px;
  text-decoration: none;
}

#comments #cancel-comment-reply-link:hover {
  color: #000;
}

#comments #cancel-comment-reply-link .fa {
  margin-right: 7px;
}

/* Comments > Form */
#comments p.comment-notes {
  color: #666;
  margin: 10px 0 20px;
}

#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-website,
#comments .comment-form-comment,
#comments .comment-form-url {
  margin: 0 0 10px;
}

#comments .comment-form-author input,
#comments .comment-form-author input,
#comments .comment-form-email input,
#comments .comment-form-website input,
#comments .comment-form-comment input,
#comments .comment-form-url input {
  width: 50%;
}

#comments #commentform label {
  display: block;
  margin-bottom: 3px;
}

#comments .form-allowed-tags {
  display: none;
}

#comments span.required {
  color: #f00;
  font-size: 9px;
  position: relative;
  top: -4px;
}

/* Comments > Closed */
.no-comments {
  margin-top: 40px;
  padding: 10px;
  background: #f7f7f7;
  border: 1px solid #eee;
  text-align: center;
}

.no-comments .fa {
  margin-right: 8px;
}

/* Comments > Pagination */
.comment-navigation a.page-numbers,
.comment-navigation span.page-numbers {
  display: block;
  float: left;
  margin: 0 4px 4px 0;
}

/* Comments > JetPack */
.comment-subscription-form {
  margin: 0px;
}

.comment-subscription-form:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.comment-subscription-form input,
.comment-subscription-form label {
  float: left;
  font-size: 0.846em;
  margin: 0px !important;
  margin-right: 5px !important;
}

/*------------------------------------------------------------------ [WPML] -------------------------------------------------------------------*/
#footer #lang_sel_list a,
#footer #lang_sel_list a:visited {
  background: none;
  color: inherit;
  padding: 0;
  font-size: inherit;
}

#footer #lang_sel_list li {
  float: none;
  border: none;
}

/*------------------------------------------------------------------ [Font Awesome] -------------------------------------------------------------------*/
#site-scroll-top,
.page-numbers.next,
.page-numbers.prev {
  font-family: "FontAwesome";
}

.page-numbers.next,
.page-numbers.prev {
  padding: 0.34em 0.7em;
}

.sf-menu > li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu a:before,
.wpex-slider .sp-arrow,
.wpex-slider .sp-arrow:before,
#main .widget_nav_menu .parent > a:after,
.modern-menu-widget a:after,
.sidebar-widget-icons .widget_archive a:before,
.sidebar-widget-icons .widget_recent_entries a:before,
.sidebar-widget-icons .widget_recent_comments a:before,
.sidebar-widget-icons .widget_layered_nav a:before,
.sidebar-widget-icons .widget_product_categories a:before,
.sidebar-widget-icons .widget_categories a:before,
.theme-select:after,
.searchform input:after,
ul.check-list li:before,
.animsition-loading:after {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*Fixes some line-height issues with some fonts*/
#site-scroll-top,
.author-bio-social a,
.wpex-fa-social-widget .wpex-social-btn {
  font-family: "FontAwesome";
}

/*------------------------------------------------------------------ [Tipsy Tooltips] -------------------------------------------------------------------*/
.tipsy {
  font-size: 0.769em;
  position: absolute;
  padding: 5px;
  z-index: 99;
}

.tipsy-inner {
  background-color: #000;
  color: #fff;
  max-width: 200px;
  padding: 5px 8px 4px 8px;
  text-align: center;
}

.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000;
}

.tipsy-arrow-n {
  border-bottom-color: #000;
}

.tipsy-arrow-s {
  border-top-color: #000;
}

.tipsy-arrow-e {
  border-left-color: #000;
}

.tipsy-arrow-w {
  border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/*------------------------------------------------------------------ [Resets] -------------------------------------------------------------------*/
body .remove-dims {
  height: auto;
  width: auto;
}

.reset-styles {
  font-size: 1em;
  color: inherit;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  border: none;
  background: none;
  letter-spacing: inherit;
}

.reset-styles a {
  font-size: inherit;
  color: inherit;
}

body .disable-box-shadow {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

/*------------------------------------------------------------------ [Print Styles] -------------------------------------------------------------------*/
@media print {
  #sidebar,
  #footer-callout-wrap,
  #footer,
  #footer-bottom,
  #top-bar-wrap,
  #site-navigation-wrap,
  .toggle-bar-btn,
  .post-pagination,
  .related.products,
  .product form.cart {
    display: none;
  }
  .container {
    width: 100%;
    padding: 0;
  }
  .wpb_accordion_content,
  .wpb_toggle_content {
    display: block !important;
  }
}
/*------------------------------------------------------------------ [Accent Colors] -------------------------------------------------------------------*/
/* Accent > #4a97c2 > Background */
.wpex-accent-bg,
.background-highlight,
input[type=submit],
.theme-button,
button,
#main .tagcloud a:hover,
.post-tags a:hover,
.wpex-carousel .owl-dot.active,
#site-navigation .menu-button > a > span.link-inner,
.wpex-carousel .owl-prev,
.wpex-carousel .owl-next {
  background: #4a97c2;
  color: #fff;
}

/* Accent > #3b86b0 > Background */
.modern-menu-widget li.current-menu-item a,
#wp-calendar caption,
#site-scroll-top:hover,
input[type=submit]:hover,
.theme-button:hover,
button:hover,
.wpex-carousel .owl-prev:hover,
.wpex-carousel .owl-next:hover,
#site-navigation .menu-button > a > span.link-inner:hover {
  background: #3b86b0;
}

/* Accent > #3b86b0 > Color */
.wpex-accent-color,
a.wpex-accent-color,
#site-navigation .dropdown-menu a:hover,
#site-navigation .dropdown-menu > .current-menu-item > a,
#site-navigation .dropdown-menu > .current-menu-parent > a,
h1 a:hover,
h2 a:hover,
a:hover h2,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.entry-title a:hover,
.modern-menu-widget a:hover {
  color: #3b86b0;
}

/* Accent > #3b86b0 > Borders */
#searchform-dropdown {
  border-color: #3b86b0;
}

.toggle-bar-btn:hover {
  border-top-color: #3b86b0;
  border-right-color: #3b86b0;
}

.wpex-dropdown-top-border #site-navigation .dropdown-menu li .sub-menu {
  /* border-top-color: rgb(0, 160, 227) !important;
   */
  background: transparent !important;
}

/*------------------------------------------------------------------ [iLightbox] -------------------------------------------------------------------*/
.ilightbox-overlay,
.ilightbox-loader,
.ilightbox-loader *,
.ilightbox-holder,
.ilightbox-holder .ilightbox-container,
.ilightbox-holder .ilightbox-container img.ilightbox-image,
.ilightbox-holder .ilightbox-container .ilightbox-caption,
.ilightbox-toolbar,
.ilightbox-toolbar *,
.ilightbox-thumbnails,
.ilightbox-thumbnails *,
.ilightbox-holder .ilightbox-container .ilightbox-social,
.ilightbox-holder .ilightbox-container .ilightbox-social * {
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  line-height: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.ilightbox-overlay,
.ilightbox-loader,
.ilightbox-loader *,
.ilightbox-holder .ilightbox-container .ilightbox-caption,
.ilightbox-toolbar,
.ilightbox-thumbnails,
.ilightbox-thumbnails *,
.ilightbox-holder .ilightbox-container .ilightbox-social {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
}

.ilightbox-noscroll {
  overflow: hidden;
}

.ilightbox-closedhand * {
  cursor: url(closedhand.cur), default !important;
}

.ilightbox-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}

.ilightbox-loader {
  position: fixed;
  z-index: 100005;
  top: 45%;
  left: -192px;
  padding-left: 30px;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -webkit-border-radius: 0 100px 100px 0;
  border-radius: 0 100px 100px 0;
}

.ilightbox-loader div {
  width: 72px;
  height: 72px;
  -webkit-border-radius: 0 100px 100px 0;
  border-radius: 0 100px 100px 0;
}

.ilightbox-loader.horizontal {
  left: 45%;
  top: -192px;
  padding: 0;
  padding-top: 30px;
  -webkit-border-radius: 0 0 100px 100px;
  border-radius: 0 0 100px 100px;
}

.ilightbox-loader.horizontal div {
  -webkit-border-radius: 0 0 100px 100px;
  border-radius: 0 0 100px 100px;
}

.ilightbox-toolbar {
  display: none;
  position: fixed;
  z-index: 100010;
}

.ilightbox-toolbar a {
  float: left;
  cursor: pointer;
}

.ilightbox-toolbar .ilightbox-prev-button,
.ilightbox-toolbar .ilightbox-next-button {
  display: none;
}

.ilightbox-thumbnails {
  display: block;
  position: fixed;
  z-index: 100009;
}

.ilightbox-thumbnails.ilightbox-horizontal {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
}

.ilightbox-thumbnails.ilightbox-vertical {
  top: 0;
  right: 0;
  width: 140px;
  height: 100%;
  overflow: hidden;
}

.ilightbox-thumbnails .ilightbox-thumbnails-container {
  display: block;
  position: relative;
}

.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container {
  width: 100%;
  height: 100px;
}

.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container {
  width: 140px;
  height: 100%;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid {
  display: block;
  position: absolute;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail {
  display: block;
  cursor: pointer;
  padding: 10px;
  position: relative;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -ms-interpolation-mode: bicubic;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover {
  opacity: 1;
}

.ilightbox-holder {
  display: none;
  position: fixed;
  z-index: 100003;
  -webkit-transform: none;
  -moz-transform: none;
}

.ilightbox-holder.ilightbox-next,
.ilightbox-holder.ilightbox-prev {
  cursor: pointer;
}

.ilightbox-holder div.ilightbox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.ilightbox-holder.supportTouch div.ilightbox-container {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.ilightbox-holder img.ilightbox-image {
  width: 100%;
  height: 100%;
}

.ilightbox-holder .ilightbox-container .ilightbox-caption {
  display: none;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  max-width: 100%;
  padding: 5px 10px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 150%;
  word-wrap: break-word;
  z-index: 20003;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.ilightbox-holder .ilightbox-container .ilightbox-social {
  display: none;
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px;
  padding-left: 0;
  z-index: 20003;
  height: 16px;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul {
  float: left;
  list-style: none;
  height: 16px;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li {
  display: inline;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li a {
  float: left;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a {
  background-image: url("../social_icons/facebook_16.png");
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg a {
  background-image: url("../social_icons/digg_16.png");
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a {
  background-image: url("../social_icons/twitter_16.png");
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious a {
  background-image: url("../social_icons/delicious_16.png");
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit a {
  background-image: url("../social_icons/reddit_16.png");
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a {
  background-image: url("../social_icons/google_plus_16.png");
}

.ilightbox-holder .ilightbox-alert {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  padding-top: 100px;
  margin: auto;
  width: 300px;
  height: 50px;
}

.ilightbox-holder .ilightbox-wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.ilightbox-holder .ilightbox-inner-toolbar {
  position: relative;
  z-index: 100;
}

.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {
  position: absolute;
}

.ilightbox-button {
  position: fixed;
  z-index: 100008;
  cursor: pointer;
}

.isMobile .ilightbox-button,
.isMobile .ilightbox-thumbnails {
  display: none !important;
}

.isMobile .ilightbox-toolbar .ilightbox-prev-button,
.isMobile .ilightbox-toolbar .ilightbox-next-button {
  display: block;
}

/*iLightbox tweaks*/
.ilightbox-holder .ilightbox-container .ilightbox-caption p:last-child {
  margin: 0;
}

.ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-title {
  font-weight: normal;
  font-size: 16px;
  font-family: inherit;
}

/*------------------------------------------------------------------ [Slider Pro 1.2.0] -------------------------------------------------------------------*/
.slider-pro {
  position: relative;
  margin: 0 auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.sp-slides-container {
  position: relative;
}

.sp-mask {
  position: relative;
  overflow: hidden;
}

.sp-slides {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

.sp-slide {
  position: absolute;
}

.sp-image-container {
  overflow: hidden;
}

.sp-image {
  position: relative;
  display: block;
  border: none;
}

.sp-no-js {
  overflow: hidden;
  max-width: 100%;
}

.sp-thumbnails-container {
  position: relative;
  overflow: hidden;
}

.sp-bottom-thumbnails,
.sp-top-thumbnails {
  left: 0;
  margin: 0 auto;
}

.sp-top-thumbnails {
  position: absolute;
  top: 0;
  margin-bottom: 4px;
}

.sp-bottom-thumbnails {
  margin-top: 4px;
}

.sp-left-thumbnails,
.sp-right-thumbnails {
  position: absolute;
  top: 0;
}

.sp-right-thumbnails {
  right: 0;
  margin-left: 4px;
}

.sp-left-thumbnails {
  left: 0;
  margin-right: 4px;
}

.sp-thumbnails {
  position: relative;
}

.sp-thumbnail {
  border: none;
}

.sp-thumbnail-container {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-bottom-thumbnails .sp-thumbnail-container,
.sp-top-thumbnails .sp-thumbnail-container {
  margin-left: 2px;
  margin-right: 2px;
}

.sp-bottom-thumbnails .sp-thumbnail-container:first-child,
.sp-top-thumbnails .sp-thumbnail-container:first-child {
  margin-left: 0;
}

.sp-bottom-thumbnails .sp-thumbnail-container:last-child,
.sp-top-thumbnails .sp-thumbnail-container:last-child {
  margin-right: 0;
}

.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
  margin-top: 2px;
  margin-bottom: 2px;
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
  margin-top: 0;
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
  margin-bottom: 0;
}

.sp-right-thumbnails.sp-has-pointer {
  margin-left: -13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  left: 18px;
  margin-left: 0 !important;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: "";
  position: absolute;
  height: 100%;
  border-left: 5px solid red;
  left: 0;
  top: 0;
  margin-left: 13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 50%;
  margin-top: -8px;
  border-right: 13px solid red;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.sp-left-thumbnails.sp-has-pointer {
  margin-right: -13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  right: 18px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: "";
  position: absolute;
  height: 100%;
  border-left: 5px solid red;
  right: 0;
  top: 0;
  margin-right: 13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: 50%;
  margin-top: -8px;
  border-left: 13px solid red;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.sp-bottom-thumbnails.sp-has-pointer {
  margin-top: -13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  top: 18px;
  margin-top: 0 !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 5px solid red;
  top: 0;
  margin-top: 13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 0;
  margin-left: -8px;
  border-bottom: 13px solid red;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.sp-top-thumbnails.sp-has-pointer {
  margin-bottom: -13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  bottom: 18px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 5px solid red;
  bottom: 0;
  margin-bottom: 13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  border-top: 13px solid red;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.sp-layer {
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden;
}

.sp-black {
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
}

.sp-white {
  color: #000;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
}

.sp-rounded {
  border-radius: 10px;
}

.sp-padding {
  padding: 10px;
}

.sp-grab {
  cursor: url(images/openhand.cur), move;
}

.sp-grabbing {
  cursor: url(images/closedhand.cur), move;
}

.sp-selectable {
  cursor: default;
}

.sp-caption-container {
  text-align: center;
  margin-top: 10px;
}

.sp-full-screen {
  margin: 0 !important;
  background-color: #000;
}

.sp-full-screen-button {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sp-full-screen-button:before {
  content: "↕";
}

.sp-fade-full-screen {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.slider-pro:hover .sp-fade-full-screen {
  opacity: 1;
}

.sp-buttons {
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

.sp-button {
  width: 10px;
  height: 10px;
  border: 2px solid #000;
  border-radius: 50%;
  margin: 4px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.sp-selected-button {
  background-color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sp-button {
    width: 14px;
    height: 14px;
  }
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
  .sp-button {
    width: 16px;
    height: 16px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .sp-button {
    width: 18px;
    height: 18px;
  }
}
.sp-arrows {
  position: absolute;
}

.sp-fade-arrows {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.sp-slides-container:hover .sp-fade-arrows {
  opacity: 1;
}

.sp-horizontal .sp-arrows {
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -15px;
}

.sp-vertical .sp-arrows {
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -10px;
}

.sp-arrow {
  position: absolute;
  display: block;
  width: 20px;
  height: 30px;
  cursor: pointer;
}

.sp-vertical .sp-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sp-horizontal .sp-previous-arrow {
  left: 20px;
}

.sp-horizontal .sp-next-arrow {
  right: 20px;
}

.sp-vertical .sp-previous-arrow {
  top: 20px;
}

.sp-vertical .sp-next-arrow {
  bottom: 20px;
}

.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #fff;
}

.sp-previous-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}

.sp-previous-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}

.sp-next-arrow:before {
  right: 30%;
  top: 0;
  -webkit-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg);
}

.sp-next-arrow:after {
  right: 30%;
  top: 50%;
  -webkit-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
}

.ie7 .sp-arrow,
.ie8 .sp-arrow {
  width: 0;
  height: 0;
}

.ie7 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie8 .sp-arrow:before {
  content: none;
}

.ie7.sp-horizontal .sp-previous-arrow,
.ie8.sp-horizontal .sp-previous-arrow {
  border-right: 20px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.ie7.sp-horizontal .sp-next-arrow,
.ie8.sp-horizontal .sp-next-arrow {
  border-left: 20px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.ie7.sp-vertical .sp-previous-arrow,
.ie8.sp-vertical .sp-previous-arrow {
  border-bottom: 20px solid #fff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

.ie7.sp-vertical .sp-next-arrow,
.ie8.sp-vertical .sp-next-arrow {
  border-top: 20px solid #fff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

.sp-thumbnail-arrows {
  position: absolute;
}

.sp-fade-thumbnail-arrows {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
  opacity: 1;
}

.sp-bottom-thumbnails .sp-thumbnail-arrows,
.sp-top-thumbnails .sp-thumbnail-arrows {
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -12px;
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -7px;
}

.sp-thumbnail-arrow {
  position: absolu te;
  display: block;
  width: 15px;
  height: 25px;
  cursor: pointer;
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.sp-top-thumbnails .sp-previous-thumbnail-arrow {
  left: 0;
}

.sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.sp-top-thumbnails .sp-next-thumbnail-arrow {
  right: 0;
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
  top: 0;
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
  bottom: 0;
}

.sp-next-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-previous-thumbnail-arrow:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #fff;
}

.sp-previous-thumbnail-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}

.sp-previous-thumbnail-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}

.sp-next-thumbnail-arrow:before {
  right: 30%;
  top: 0;
  -webkit-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg);
}

.sp-next-thumbnail-arrow:after {
  right: 30%;
  top: 50%;
  -webkit-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
}

.ie7 .sp-thumbnail-arrow,
.ie8 .sp-thumbnail-arrow {
  width: 0;
  height: 0;
}

.ie7 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie8 .sp-thumbnail-arrow:before {
  content: none;
}

.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow {
  border-right: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow {
  border-left: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  border-bottom: 12px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
  border-top: 12px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

a.sp-video {
  text-decoration: none;
}

a.sp-video img {
  -webkit-backface-visibility: hidden;
  border: none;
}

a.sp-video:after {
  content: "▶";
  position: absolute;
  width: 45px;
  padding-left: 5px;
  height: 50px;
  border: 2px solid #fff;
  text-align: center;
  font-size: 30px;
  border-radius: 30px;
  top: 0;
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
  margin: auto;
  line-height: 52px;
}

.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
  max-width: none !important;
  max-height: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -mox-box-shadow: none !important;
  box-shadow: none !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

.slider-pro a {
  position: static;
  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
}

.slider-pro canvas,
.slider-pro embed,
.slider-pro iframe,
.slider-pro object,
.slider-pro video {
  max-width: none;
  max-height: none;
}

.slider-pro p.sp-layer {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h1.sp-layer {
  font-size: 32px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h2.sp-layer {
  font-size: 24px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h3.sp-la yer {
  font-size: 19px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h4.sp-layer {
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h5.sp-layer {
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h6.sp-layer {
  font-size: 11px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro img.sp-layer {
  border: none;
}

.linkbox.lightbox-group.vcex-image-grid {
  margin: -19px 0 20px 17px;
}

.touch #mc_embed_signup {
  width: 52% !important;
  margin-left: 43px;
}

.touch #mc_embed_signup .validate {
  position: relative;
}

.touch #mc_embed_signup .validate #mce-EMAIL {
  border-radius: 0;
  height: 42px !important;
}

.touch #mc_embed_signup .validate #mc-embedded-subscribe {
  border-radius: 0;
  border: 1px solid #fff !important;
  position: absolute;
  right: -178px !important;
  top: 15px;
  height: 42px !important;
  width: 63%;
}

.gateway5.wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li {
  width: 20% !important;
  text-align: center;
}

.gateway5.wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li a,
.gateway4.wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li a {
  padding: 10px 0;
}

.gateway4.wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li {
  width: 25% !important;
  text-align: center;
}

#footer-bottom #copyright .foot-line-2 {
  font-size: 14px;
}

#footer-bottom #copyright .foot-line-2 a {
  font-size: 12px;
  font-weight: lighter;
  margin: 0 5px;
  color: inherit;
}

#footer-bottom #copyright .foot-line-2 a:hover {
  text-decoration: underline;
}

.s-image-display {
  width: 150px;
  height: 150px;
  border-radius: 75px;
  margin-right: -48px;
  margin-left: 35px;
  float: left;
}

.s-image-display .vcex-icon-box-heading {
  margin-top: -13px;
}

.s-image-display .vcex-icon-box-image {
  width: 80px;
  padding-top: 24px;
}

.s-product-display {
  margin-top: 30px;
}

.s-product-display img {
  max-width: 548px;
}

.s-header {
  background: url(/cn/wp-content/uploads/2016/07/1-1.png) no-repeat;
  margin-top: -1px;
}

.s-header .vc_element.vc_vcex_icon_box {
  float: left;
}

.fast-installations {
  background: #00a0e3;
}

.fast-installations .vc_single_image-img {
  width: 100%;
  max-width: 1464px;
}

.easy-configuration,
.reliable-system {
  background-color: #f4f4f4;
}

.easy-configuration .vc_single_image-img {
  width: 100%;
  max-width: 600px;
}

.scalable-modular-design {
  background: url(/cn/wp-content/uploads/2016/07/4.png) no-repeat;
  background-size: cover;
}

.design-ul ul {
  list-style-type: none;
  margin-left: 11px;
}

.design-ul * {
  color: #fff;
}

.design-title {
  background: url(/cn/wp-content/uploads/2016/07/4_li.png) 0 2px no-repeat;
  padding-left: 28px;
}

.scalable-modular-design .vc_element.vc_vcex_button {
  text-align: center;
}

.scalable-modular-design .vc_column-inner.wpex-clr {
  margin-left: -91px;
  margin-top: -10px;
}

.robust-feature {
  background: url(/cn/wp-content/uploads/2016/07/5.png) no-repeat;
  background-size: 100% 100%;
}

.robust-feature .robust-feature-ul ul {
  width: 28%;
  float: left;
  text-align: left;
  list-style: none;
  color: #fff;
  margin-bottom: 87px !important;
}

.robust-feature .robust-feature-ul li {
  background: url(/cn/wp-content/uploads/2016/07/5_li.png) 0 2px no-repeat;
  padding-left: 23px;
  line-height: 26px;
  font-size: 15px;
}

.robust-feature-ul {
  clear: both;
  margin-left: 13%;
  clear: both;
}

.scalable-modular-design .learn-more,
.easy-configuration .learn-more {
  line-height: 40px;
  width: 140px;
  padding: 0;
  height: 40px;
  text-align: center;
}

.reliable-system .wpb_single_image img {
  width: 100%;
  max-width: 400px;
}

.table-models .models-content td {
  line-height: 44px;
  width: 20%;
  text-align: center;
}

.table-models table {
  border-collapse: collapse;
}

.table-models .models-content,
.table-models .models {
  width: 100%;
  color: #464646;
}

.table-models .tr1 td {
  background: #f5f5f5;
}

.resources-article h3 {
  font-weight: bolder;
}

.resources-article .resources-list {
  list-style: none;
  margin-left: 0;
}

.resources-article .resources-list.helpful li {
  background: url("/cn/wp-content/uploads/2016/07/link.png") 0 5px no-repeat;
  padding-left: 20px;
  line-height: 30px;
}

.resources-article .resources-list.helpful li:hover {
  background: url("/cn/wp-content/uploads/2016/07/link-hover.png") 0 5px no-repeat;
}

.resources-article .resources-list li {
  background: url("/cn/wp-content/uploads/2016/07/resource.png") 0 5px no-repeat;
  padding-left: 20px;
  line-height: 30px;
}

.resources-article .resources-list li:hover {
  background: url("/cn/wp-content/uploads/2016/07/resource-hover.png") 0 5px no-repeat;
}

.resources-article .resources-list a {
  color: #6a6a6a;
}

.resources-article .resources-list a:hover {
  color: #00a0e3;
  text-decoration: none;
}

.resources-article .vc_column-inner.wpex-clr {
  margin-left: -39px;
}

.resources-article h3 {
  color: #6a6a6a;
}

.header-button {
  width: 140px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  border-radius: 5px;
  background-image: url(/cn/wp-content/uploads/2016/07/book-1.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  padding: 0;
  padding-left: 37px;
  float: right;
  margin-right: 23px;
}

.header-button:not(.quote)::after {
  content: url(/cn/wp-content/uploads/2016/07/drop.png);
  position: absolute;
  top: 7px;
  right: 5px;
}

.header-button.quote {
  background-image: url(/cn/wp-content/uploads/2016/07/shop.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  margin-right: 138px;
}

.news-image img {
  /* max-width: 727px;
   */
  width: 100%;
}

.models-content td:not(:last-child) {
  border-right: 1px solid #d0d0d0;
}

.scalable-modular-design a {
  text-align: center;
  display: block;
  margin: 0 auto;
}

.h2-style {
  text-align: center;
  color: #2b2b2b;
  font-size: 40px;
  font-family: "Open Sans";
  font-weight: normal;
}

.p-style {
  width: auto;
  max-width: 1000px;
  margin: 15px auto 0px;
  text-align: left;
  padding: 0px 40px;
  font-family: "Open Sans";
  font-size: 16px;
  color: #2b2b2b;
  line-height: 28px;
}

.background-gray {
  background-color: #f3f3f3;
}

.partner-align-middle,
.content-align-middle {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.learn-btn {
  border: 2px solid #00a0e3 !important;
  color: #4a4a4a !important;
  font-weight: normal !important;
  padding: 0 25px !important;
  line-height: 34px;
}

.learn-btn:hover {
  color: #0089cf !important;
}

.bepartner-outer {
  text-align: center;
}

.bepartner-content {
  max-width: 650px;
  margin: 0 auto;
  padding: 0.5rem 0 0.6rem 0.25rem;
}

.bepartner {
  border: 1px solid #535353;
  border-radius: 0px;
  padding: 17px 56px;
  font-size: 16px;
  background: #fff !important;
}

.bepartner span {
  font-size: 25px;
  font-weight: 300;
}

#datasheet-list {
  margin: 0 auto;
  width: 220px;
  text-align: center;
  list-style: none;
  border: 1px solid #cacaca;
  background: #f8f7f7;
  border-radius: 5px;
  margin-top: 2px;
  cursor: pointer;
  visibility: hidden;
  position: relative;
  display: inline-block;
  left: 112px;
}

#datasheet-list li {
  line-height: 30px;
}

#datasheet-list li a {
  color: #686868;
  text-decoration: none;
}

#datasheet-list li:hover {
  background: #e8e8e8;
}

.product-page-row-first,
.product-page-row {
  padding: 30px 0px !important;
  margin: 0px !important;
}

.vc_separator {
  margin-bottom: 10px !important;
}

.vc_toggle_active .vc_toggle_title h4:before {
  content: "\f068" !important;
}

.getip {
  position: relative;
  top: 8px;
}

.blog-entry h2 a,
.page-header-title,
.centered-page-header .page-header-title {
  font-family: "Open Sans" !important;
}

.swap-image-container img,
.swap-image-container div {
  display: block;
  transition: transform 0.25s ease-in-out;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  overflow: hidden;
  margin: 11%;
  width: 76.79%;
}

.swap-image {
  position: relative;
  display: block;
}

.swap-image-container {
  background-color: #f0f0f0;
  text-align: center;
  padding-top: 1px;
  width: 350px;
  width: 82.595%;
  margin: 0 auto;
  transition: 0.5s;
}

.swap-image-primary {
  z-index: 2;
  position: absolute;
  top: 0;
}

.swap-image-secondary {
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.swap-image-container:hover .swap-image-primary {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.swap-image-container:hover .swap-image-secondary {
  opacity: 1;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.swap-image-container:hover .h2title {
  margin-top: 53.575%;
}

.swap-image-container .pcontent {
  color: #4a4a4a;
  display: block;
  font-size: 15px;
}

.swap-image-container a {
  padding-right: 35px !important;
  padding-left: 35px !important;
  display: block;
}

.swap-image-container a:hover {
  text-decoration: none;
}

.swap-image-container:hover {
  background-color: #0599d9;
  transform: translate3d(0, -3px, 0);
  box-shadow: 0 5px 10px #ccc;
}

.swap-image-container:hover * {
  color: #fff !important;
}

.swap-image-container .h2title {
  margin-top: 49.86%;
  margin-bottom: 10px;
  display: block;
}

.sidecontainer {
  margin-bottom: 49px !important;
  margin-top: 0px;
}

.sidecontainer p a {
  color: #1f79d2;
  color: #004277;
  margin-top: 15px;
}

.vcex-blog-entry-title a {
  color: #1f79d2;
  color: #004277;
  font-weight: lighter;
  margin-bottom: 17px !important;
  display: block;
  line-height: 30px;
  font-size: 24px;
}

#footer-widgets .footer-box.span_1_of_4.col.col-1 {
  margin-bottom: 0;
}

.footer-box.span_1_of_4.col-2,
.footer-box.span_1_of_4.col-3 {
  display: none;
}

.footer-box.span_1_of_4.col.col-4 {
  display: none;
}

#footer li {
  line-height: 19px;
  padding: 2px 0;
  font-size: 14px;
}

.footer-widget.widget_nav_menu.clr {
  height: 185px;
}

@font-face {
  font-family: "iconfont";
  src: url("../font/iconfont.eot?t=1477445860699");
  /* IE9*/
  src: url("../font/iconfont.eot?t=1477445860699#iefix") format("embedded-opentype"), url("../font/iconfont.woff?t=1477445860699") format("woff"), url("../font/iconfont.ttf?t=1477445860699") format("truetype"), url("../font/iconfont.svg?t=1477445860699#iconfont") format("svg");
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 23px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e618";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
  font-size: 23px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.fa-weibo:before {
  font-size: 23px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-email:before {
  content: "\e636";
}

.icon-twitter:before {
  content: "\e89d";
}

.icon-linkedin:before {
  content: "\e605";
}

.icon-youtube:before {
  content: "\e883";
}

.icon-google:before {
  content: "\e689";
}

.icon-more:before {
  content: "\e613";
}

.followlink .linkblock {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 0.35s;
  margin: 0 2px;
}

.followlink .linkblock i {
  display: block;
  position: absolute;
  top: 0;
  display: block;
  position: relative;
  top: 0;
  transition: top 0.35s;
  width: 36px;
  height: 36px;
  line-height: 36px !important;
}

.followlink .linkblock:hover {
  background: #3b5998;
}

.followlink .linkblock:hover i {
  top: -36px;
  color: #fff;
}

.followlink .linkblock:hover {
  background: #3b5998;
}

.followlink .linkblock:nth-child(1):hover {
  background: #3b983d;
}

.followlink .linkblock:nth-child(3):hover {
  background: #007bb6;
}

.followlink .linkblock:nth-child(4):hover {
  background-color: #dd111c;
}

.followlink .linkblock:nth-child(5):hover {
  background: #dd111c;
}

.followus h4 {
  margin-bottom: 0;
}

.followus hr {
  margin: 10px 0;
  border-color: #6a6a6a;
}

.followus p {
  margin-bottom: 15px;
}

#footer-widgets .widget-title {
  color: #6a6a6a;
  margin-top: 30px;
  position: relative;
}

.footerleft * {
  color: #6a6a6a;
}

.followlink .linkblock:nth-child(5) i,
.followlink .linkblock:nth-child(4) i {
  font-size: 17px;
}

#footer-inner,
#footer-bottom-inner {
  width: 100% !important;
}

.product-page-row {
  border: none !important;
}

.fixedblock i.iconfont.icon-more {
  color: #fff;
  display: inline-block;
  width: 50px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
}

.fixedblock .moresolutions {
  display: none;
  color: #fff;
  margin-left: 45px;
}

.fixedblock ul.solutionitem {
  list-style: none;
  margin-left: 0;
}

.fixedblock .fixedmore {
  position: fixed;
  top: 25%;
  left: 3px;
  background: rgba(52, 52, 52, 0.6);
  border-radius: 25px;
  z-index: 999;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

.fixedblock ul.solutionitem li {
  padding: 15px;
  margin: 10px;
}

.fixedblock ul.solutionitem li:hover {
  background: rgba(52, 52, 52, 0.7);
  border-radius: 12px;
}

.solutionitem a {
  display: block;
  color: #fff;
}

.solutionitem a:hover {
  color: #0081cc;
}

.solutionitem img {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}

.solutionitem p {
  width: 155px;
  margin: 0 0 0 15px;
  vertical-align: middle;
  display: inline-block;
}

.fixedblock .fixedmore:hover {
  width: 280px;
  background: rgba(52, 52, 52, 0.8);
  -webkit-animation: more-ip-animate 1s ease-in-out;
  -moz-animation: more-ip-animate 1s ease-in-out;
  -ms-animation: more-ip-animate 1s ease-in-out;
  -o-animation: more-ip-animate 1s ease-in-out;
  animation: more-ip-animate 1s ease-in-out;
  overflow: hidden;
  height: 470px;
  left: 15px;
}

.fixedblock .fixedmore.n-series:hover {
  -webkit-animation-name: more-n-animate;
  -moz-animation-name: more-n-animate;
  -ms-animation-name: more-n-animate;
  -o-animation-name: more-n-animate;
  animation-name: more-n-animate;
  height: 273px;
  animation-name: more-n-animate;
  height: 273px;
}

@keyframes more-ip-animate {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 470px;
  }
}
@keyframes more-ip-animate {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 470px;
  }
}
@keyframes more-ip-animate {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 470px;
  }
}
@keyframes more-ip-animate {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 470px;
  }
}
@keyframes more-ip-animate {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 470px;
  }
}
@keyframes more-n-animate {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    height: 50px;
    left: 15px;
  }
  100% {
    height: 273px;
  }
}
@keyframes more-n-animate {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    height: 50px;
    left: 15px;
  }
  100% {
    height: 273px;
  }
}
@keyframes more-n-animate {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    height: 50px;
    left: 15px;
  }
  100% {
    height: 273px;
  }
}
@keyframes more-n-animate {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    height: 50px;
    left: 15px;
  }
  100% {
    height: 273px;
  }
}
@keyframes more-n-animate {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    height: 50px;
    left: 15px;
  }
  100% {
    height: 273px;
  }
}
.fixedblock .fixedmore.one-item:hover {
  -webkit-animation-name: more-one-item;
  -moz-animation-name: more-one-item;
  -ms-animation-name: more-one-item;
  -o-animation-name: more-one-item;
  animation-name: more-one-item;
  height: 165px;
}

@keyframes more-one-item {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 165px;
  }
}
@keyframes more-one-item {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 165px;
  }
}
@keyframes more-one-item {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 165px;
  }
}
@keyframes more-one-item {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 165px;
  }
}
@keyframes more-one-item {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 165px;
  }
}
.fixedblock .fixedmore.three-item:hover {
  -webkit-animation-name: more-three-item;
  -moz-animation-name: more-three-item;
  -ms-animation-name: more-three-item;
  -o-animation-name: more-three-item;
  animation-name: more-three-item;
  height: 370px;
}

@keyframes more-three-item {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 370px;
  }
}
@keyframes more-three-item {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 370px;
  }
}
@keyframes more-three-item {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 370px;
  }
}
@keyframes more-three-item {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 370px;
  }
}
@keyframes more-three-item {
  0% {
    width: 50px;
    height: 50px;
    left: 3px;
  }
  50% {
    width: 280px;
    left: 15px;
    height: 50px;
  }
  100% {
    height: 370px;
  }
}
/* #site-navigation-wrap nav#site-navigation > ul li.megamenu:nth-child(7) > .sub-menu {
   width: 210px !important;
   left: -52% !important;
 }
 #site-navigation li.megamenu:nth-child(7) > ul.sub-menu > li {
   display: inline-block;
 }
 nav#site-navigation > ul > li:nth-child(7) > .sub-menu > li {
   width: 45% !important;
 } */
/* nav#site-navigation > ul > li:nth-child(6) > .sub-menu > li {
     width: 45% !important;
     float: left;
 }
 nav#site-navigation > ul > li:nth-child(6) > .sub-menu > li:nth-child(2){
     position: absolute;
     top: 50px;
 }
 nav#site-navigation > ul > li:nth-child(6) > .sub-menu > li:nth-child(4){
     float: right;
     right: 21px;
 }
 nav#site-navigation > ul > li:nth-child(6) > .sub-menu > li:hover > a > span {
    color: #fff !important;
 } */
#site-navigation-wrap nav#site-navigation > ul li.megamenu:nth-child(6) > .sub-menu {
  left: -41% !important;
}

.contacttemplate {
  font-size: 0;
}

.foot-line-1 .facebook img {
  width: 19px;
}

.foot-line-1 .youtube img {
  width: 40px;
}

li.ui-state-default.ui-corner-top {
  width: 33.3% !important;
  text-align: center;
}

.sub-menu .menu-item a img {
  width: 210px;
  height: 160px;
  padding: 0 !important;
  margin: 12px auto;
}

nav#site-navigation > ul > li:nth-child(6) > .sub-menu li.right {
  width: 61% !important;
  margin-right: 7px !important;
}

div#searchform-dropdown,
div#searchform-dropdown2 {
  border-top-color: rgb(0, 160, 227) !important;
  border-top-color: #004277 !important;
}

div#searchform-dropdown2 p {
  display: none;
}

div#searchform-dropdown2 a {
  display: inline-block;
  width: 100%;
  line-height: 35px;
  font-size: 14.42px;
  padding: 0 12px;
  color: #fff;
}

div#searchform-dropdown2 a:hover {
  background-color: #0599d9 !important;
  background-color: #004277 !important;
  color: #fff !important;
  text-decoration: none;
}

#site-navigation .megamenu > a.sf-with-ul {
  /* height: initial; */
  padding: 0 3px;
}

#site-navigation .dropdown-menu > li > a:hover > span {
  color: #fff !important;
}

#site-navigation li.megamenu:hover > a span span {
  border-bottom: 2px solid rgb(0, 160, 227) !important;
  border-bottom: 2px solid #004277 !important;
}

.tp-bullets.custom .tp-bullet {
  height: 0 !important;
  padding: 2px 0;
  border-bottom: 2px solid rgba(125, 125, 125, 0.5);
  background: none !important;
}

.tp-bullets.custom .tp-bullet.bullet-animate-pre {
  border-color: #10adf2 !important;
  border-color: #004277 !important;
  background: none !important;
}

.tp-bullets.custom .tp-bullet.selected.bullet-animate {
  border-color: rgba(125, 125, 125, 0.5) !important;
}

.tp-bullets.custom .tp-bullet.bullet-animate:before {
  background: none !important;
  border-color: #10adf2 !important;
  border-color: #004277 !important;
}

.tp-bullets.custom .tp-bullet:before {
  height: 0 !important;
  top: 4px !important;
  border-bottom: 2px solid rgba(125, 125, 125, 0.5) !important;
}

nav#site-navigation > ul > li:nth-child(6) > .sub-menu > li.textblod:not(:first-child) > a span,
.sf-menu > li:first-child > ul > li > a span,
.sf-menu > li:nth-child(2) > ul > li > a span {
  font-weight: bold !important;
}

nav#site-navigation > ul > li:nth-child(6) > .sub-menu li.right:hover {
  background: #0599d9;
  background: #004277;
}

nav#site-navigation > ul > li:nth-child(6) > .sub-menu li.right:hover * {
  color: #fff;
}

nav#site-navigation > ul > li:nth-child(6) > .sub-menu li.right li a {
  padding: 0;
}

nav#site-navigation > ul > li:nth-child(6) > .sub-menu > li:not(.right) > a {
  padding: 8px 12px;
}

#site-navigation #menu-main-menu > .megamenu > a.sf-with-ul span {
  color: #fff;
  padding-top: 3px;
  padding-bottom: 3px;
}

.bepartner.center {
  float: none;
  border: none;
}

.not-sticky .globeIt,
.globeIt {
  /*background: url(/cn/wp-content/uploads/2016/11/globe-icon-1.png) no-repeat;*/
}

.globeIt:hover {
  /*background: url(/en/wp-content/themes/Total-child/images/globe-icon-hover.png) no-repeat;*/
}

.searchIt:hover {
  /*background: url(/en/wp-content/themes/Total-child/images/search-icon-hover.png) no-repeat;*/
}

#site-navigation > #menu-main-menu > li.megamenu:not(:first-child) > ul.sub-menu > li span {
  font-weight: normal;
}

.not-sticky #searchform-dropdown2 {
  background: #f9f9f9 !important;
}

.not-sticky div#searchform-dropdown2 a {
  color: #000;
}

#searchform-dropdown input::-webkit-input-placeholder,
.wpex-mobile-menu input::-webkit-input-placeholder {
  color: #777;
}

#searchform-dropdown input::-moz-placeholder,
.wpex-mobile-menu input::-moz-input-placeholder {
  color: #777;
}

#searchform-dropdown input:-ms-input-placeholder,
.wpex-mobile-menu input::-ms-input-placeholder {
  color: #777;
}

#searchform-dropdown input::input-placeholder,
.wpex-mobile-menu input::-input-placeholder {
  color: #777;
}

#sidr-main #sidr-id-menu-main-menu-1 > .sidr-class-megamenu:nth-child(5) > .sidr-class-sub-menu > .sidr-class-right img {
  display: none;
}

#sidr-main #sidr-id-menu-main-menu-1 > .sidr-class-megamenu:nth-child(5) > .sidr-class-sub-menu > .sidr-class-right ul {
  display: none;
}

#sidr-main #sidr-id-menu-main-menu-1 > .sidr-class-megamenu:nth-child(5) > .sidr-class-sub-menu > .sidr-class-right .sidr-class-dropdown-toggle {
  display: none;
}

div#homevideo {
  margin: 75px 0;
}

#site-navigation > #menu-main-menu > li.megamenu:nth-child(6) .right .link-inner {
  line-height: 26px;
}

.newsBlock .vcex-blog-entry-excerpt.clr {
  font-size: 16px;
}

.sidecontainer .vcex-blog-entry-excerpt.clr {
  font-size: 14px;
  line-height: 17px;
}

.sidecontainer .vcex-blog-entry-title a {
  font-size: 18px;
}

.linkus-6-img {
  position: relative;
  top: 166px;
}

.linkus-gif {
  position: relative;
  top: 58px;
  width: 301px;
  margin: 0 auto;
}

.bepartner.center:hover {
  background: #c8a000 !important;
}

.tp-bullet:hover {
  border-color: #004277 !important;
}

.not-sticky .sf-menu > li:first-child > ul > li > a span,
.not-sticky .sf-menu > li:nth-child(2) > ul > li > a span {
  color: #000;
  /*font-weight: bold !important;
   */
}

.not-sticky nav#site-navigation > ul > li:nth-child(6) > .sub-menu > li.textblod > a span,
.not-sticky .sf-menu > li:first-child > ul > li > a span,
.not-sticky .sf-menu > li:nth-child(2) > ul > li > a span {
  color: #fff;
  font-weight: bold !important;
}

.partner-block h3 {
  color: #004277;
  font-size: 24px;
  line-height: 30px;
}

.partner-block p {
  font-size: 18px;
  color: #3b4c56;
}

.partner-block img {
  display: inline-block;
  vertical-align: middle;
  margin: 50px;
}

.inlineblock {
  margin: 35px 0;
}

.benefit-block {
  background: rgba(19, 157, 212, 0.95);
  padding: 20px 37px;
}

.benefit-block h3,
.benefit-block h4 {
  font-size: 26px;
  line-height: 35px;
  color: #fff;
  margin: 0;
}

.benefit-block h3 {
  margin: 0;
}

.benefit-block ul {
  list-style: none;
  margin-left: 0;
}

.benefit-block li {
  background: url(http://www.yeastar.com/cn/wp-content/uploads/2016/05/check.png) no-repeat 0 7px;
  padding-left: 24px;
  color: #fff;
  line-height: 27px;
}

#homevideo .wpb_video_wrapper {
  margin: 90px auto;
}

/*home-slide-css-star*/
.home-slide .wpex-slider .sp-arrow {
  line-height: 40px;
  top: 0;
  color: #fff;
  text-align: center;
  font-size: 32px;
  transition: all 0.3s ease-in-out;
  border-radius: 50% !important;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 100;
}

.home-slide .sp-previous-arrow {
  margin-left: 0.3rem;
}

.home-slide .sp-next-arrow {
  margin-right: 0.3rem;
}

.home-slide .wpex-slider .sp-arrow:hover {
  background: #bec1c4;
}

.home-slide .wpex-slider .sp-button {
  margin: 2px;
  width: 50px;
  height: 5px;
  border: none;
  border-bottom: 2px solid rgba(125, 125, 125, 0.5);
  transition: all 0.5s ease-in-out;
  border-radius: 0 !important;
  position: relative;
  z-index: 3;
}

.home-slide .wpex-slider .sp-button:hover,
.home-slide .wpex-slider .sp-selected-button {
  background-color: rgba(125, 125, 125, 0);
  border-bottom: 2px solid #004277;
}

.home-slide .wpex-slider .sp-buttons {
  min-width: 360px;
  top: 100%;
  transform: matrix(1, 0, 0, 1, -182, -56);
  left: 50%;
}

.home-slide .wpex-slider .sp-arrow.sp-previous-arrow:before {
  left: -2px;
}

.home-slide .wpex-slider-media a {
  position: absolute;
  display: block;
  height: 736px;
  width: 1920px;
  top: 0;
  left: 0;
}

/*home-slide-css-end*/
.become-partner li,
.become-partner textarea {
  background: #efefef;
  margin: 19px 0;
  border: 2px solid #e8e7e7;
  background-repeat: no-repeat;
  background-position: 16px center;
  overflow: hidden;
}

.become-partner input[type=text],
.become-partner input[type=email] {
  background-color: #fff;
  border: none;
  width: 96%;
  margin-left: 66px;
  line-height: 66px;
  padding: 0 18px;
  display: block;
  margin-top: 0;
}

.become-partner select {
  background-color: #fff;
  border: none;
  width: 94%;
  margin-left: 66px;
  line-height: 66px;
  padding: 0 18px;
  height: 66px;
  display: list-item;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin-right: 10px;
  outline: medium none;
}

.become-partner select::-ms-expand {
  display: none;
}

.become-partner .name {
  background-image: url("/cn/wp-content/uploads/2017/01/name.png");
}

.become-partner .email {
  background-image: url("/cn/wp-content/uploads/2017/01/email.png");
}

.become-partner .company {
  background-image: url("/cn/wp-content/uploads/2017/01/company-1.png");
  background-position: 20px center;
}

.become-partner .eath {
  background-image: url("/cn/wp-content/uploads/2017/01/eath.png");
}

.become-partner .heart {
  background-image: url("/cn/wp-content/uploads/2016/05/heart.png");
  background-position: 18px center;
  display: table;
  position: relative;
  width: 100%;
}

.become-partner .phone {
  background-image: url("/cn/wp-content/uploads/2017/01/phone.png");
  background-position: 21px center;
}

.become-partner .skype {
  background-image: url("/cn/wp-content/uploads/2016/05/skype-1.png");
}

.become-partner .business {
  background-image: url("/cn/wp-content/uploads/2016/05/business.png");
  background-position: 20px center;
  display: table;
  width: 100%;
  position: relative;
}

.become-partner .eye {
  background-image: url("/cn/wp-content/uploads/2016/05/eye.png");
  display: table;
  position: relative;
  width: 100%;
}

.become-partner .eye:after,
.become-partner .business:after,
.become-partner .heart:after {
  content: "";
  display: block;
  background: url(http://www.yeastar.com/cn/wp-content/uploads/2016/05/arrow-3.png) no-repeat left center #fff;
  right: 0px;
  background-size: 14px;
  top: 1px;
  position: absolute;
  height: 66px;
  width: 31px;
}

.become-partner .www {
  background-image: url("/cn/wp-content/uploads/2016/05/www.png");
  background-position: 8px center;
}

.become-partner textarea {
  background: #fff;
  margin-top: 20px;
}

.become-partner ul {
  margin-left: 0;
}

.vc_custom_1480408161239 {
  background-size: 100% 100%;
}

.event_news .vc_single_image-wrapper {
  width: 100%;
}

.is-sticky .sf-menu > li:first-child > ul > li > a span {
  font-weight: bold;
}

* h1 *,
* h2 *,
h1 *,
h2 * {
  font-weight: 300 !important;
}

.is-sticky #site-navigation li.megamenu:hover > a {
  border-color: #fff !important;
}

#site-scroll-top span:before {
  font-family: "FontAwesome" !important;
}

.vcex-blog-entry-date {
  font-size: 14px !important;
}

.become-partner .screat {
  background: url(http://www.yeastar.com/cn/wp-content/uploads/2016/05/screat.png) no-repeat;
  width: 315px;
  padding-top: 32px;
  padding-left: 32px;
  margin-left: -3px;
  height: 88px;
}

.become-partner label {
  margin-left: 10px;
}

.become-partner input[type=submit] {
  background-color: #004277;
  font-size: 25px;
  padding: 16px 110px;
  border-radius: 9px;
  margin-top: 26px;
}

.become-partner input[type=submit]:hover {
  background-color: #ffbb1c;
}

.partner-pabe strong {
  color: #004277;
  font-size: 23px;
  line-height: 60px;
}

.partner-pabe p {
  line-height: 25px;
}

.partner-pabe a {
  display: inline-block !important;
  float: left;
  margin-left: 45px;
  margin-top: 60px;
  width: 162px;
}

.become-partner select option {
  font-size: 16px;
}

.vc_custom_1480562182775 {
  background-size: 100% 100%;
}

.become-partner span {
  display: inline-block;
  width: 100%;
}

h2.blog-entry-title.entry-title a {
  color: #1c357c;
  font-weight: bold !important;
  font-size: 22px;
  line-height: 40px;
}

.blog-entry-excerpt.wpex-clr p {
  font-size: 14px;
}

.stylishss-button .fa:before {
  font-size: 22px;
}

.blog-year-type .col-xs-1,
.blog-year-type .col-xs-2,
.blog-year-type .col-xs-3,
.blog-year-type .col-xs-4,
.blog-year-type .col-xs-5,
.blog-year-type .col-xs-6,
.blog-year-type .col-xs-7,
.blog-year-type .col-xs-8,
.blog-year-type .col-xs-9,
.blog-year-type .col-xs-10,
.blog-year-type .col-xs-11,
.blog-year-type .col-xs-12 {
  float: left;
  min-height: 1px;
}

.blog-year-type {
  position: relative;
  min-height: 25vw;
}

.blog-year-type .col-xs-1 {
  width: 8.333%;
}

.blog-year-type .col-xs-2 {
  width: 16.666%;
}

.blog-year-type .col-xs-10 {
  width: 90%;
}

.blog-year-type .col-xs-11 {
  width: 91.666%;
}

.blog-year-type .posts-year {
  padding-left: 15px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.single-page-tag .post-year-title,
.blog-year-type .post-year-title,
.blog-year-type .post-blog-title {
  color: #004378;
  font-weight: bold;
  font-size: 18px;
  padding-left: 5px;
  letter-spacing: 1px;
}

.blog-year-type .posts-year .post-year-year {
  color: #828282;
  font-size: 15px;
  padding: 0px 0px 0px 5px;
  line-height: 13px;
  margin: 13px 0px;
  border-left: 3px solid transparent;
}

.blog-year-type .posts-year .post-current-year {
  border-left: 3px solid #f6b10e;
}

.blog-year-type .posts-year .post-year-year a {
  text-decoration: none;
  color: #828282;
}

#site-navigation-wrap #site-navigation li.megamenu:nth-child(3) > ul.sub-menu,
#site-navigation-wrap #site-navigation li.megamenu:nth-child(5) > ul.sub-menu {
  left: 0% !important;
}

.blog-page-sidebar .post-year-title {
  padding-left: 0;
}

.blog-year-type .post-blog-title {
  margin-left: -14px;
}

.post-blog-title .fa-sort-desc,
.post-year-title .fa-sort-desc {
  display: none;
}

.total-tag {
  margin-top: 50px;
  max-width: 180px;
}

.total-tag .tag-li a {
  line-height: 17px;
  font-size: 14px;
}

.total-tag .tag-li:first-child {
  border-left: 3px solid #f6b10e !important;
}

.blog-year-type .posts-year .post-year-year,
.total-tag-phone li .single-page-tag .tag-li {
  color: #828282;
  font-size: 15px;
  padding: 0px 0px 0px 5px;
  line-height: 13px;
  margin: 13px 0px;
  border-left: 3px solid transparent;
}

.single-page-tag .tag-li {
  height: 30px;
  line-height: 27px;
  /* background: #f7f7f7;
   */
  margin: 10px 0px;
  padding-left: 8px;
}

.blog-year-type .posts-year .post-current-year {
  border-left: 3px solid #f6b10e;
}

.blog-year-type .posts-year .post-year-year a,
.total-tag .tag-li a,
.single-page-tag .tag-li a {
  text-decoration: none;
  color: #828282;
}

.blog-year-type .posts-year .post-year-year:hover,
.sidebar-container .tag-li:hover {
  border-left: 3px solid #f6b10e;
  padding-left: 5px;
}

#content article.single-blog-article {
  padding-left: 16%;
  padding-right: 16%;
  position: relative;
}

#content article.single-blog-article .page-header-inner {
  width: 100% !important;
}

#content article.single-blog-article .page-header-inner .page-header-title {
  height: auto;
  font-size: 42.9px;
  font-weight: normal;
  color: #004277;
}

#content article.single-blog-article .page-header {
  padding-top: 26px !important;
}

/*blog-page-tags-template*/
.single-back-blog {
  position: absolute;
  top: 40px;
  left: 130px;
}

.single-back-blog a {
  color: #109dda;
  text-decoration: none;
  font-size: 16px;
}

.single-back-blog a:hover {
  color: #118cef;
}

.single-back-blog .fa-long-arrow-left:before,
.back-home a .fa-long-arrow-left:before {
  content: "\f177";
  font-size: 23px;
  position: relative;
  top: 2px;
  left: -10px;
}

.curerent-tag {
  position: absolute;
  top: 150px;
  left: 250px;
}

.curerent-tag .tag-title {
  font-size: 35px;
  font-weight: bold;
  margin-left: 5px;
}

.page-tags-conten {
  max-width: 1200px;
  margin: 60px auto 0 auto;
  padding-right: 15px;
}

#page-tags-article {
  clear: both;
}

.blog-entry:nth-child(odd) .page-tags-entries {
  background: #fafafa;
  min-height: 140px;
  width: 470px;
}

.blog-entry:nth-child(even) .page-tags-entries {
  margin-top: -155px;
  background: #fafafa;
  min-height: 140px;
  width: 470px;
  float: right;
}

.page-tags-entries:hover {
  box-shadow: 0 0 10px #d6d0d0;
  -webkit-box-shadow: 0 0 10px #d6d0d0;
  -moz-box-shadow: 0 0 10px #d6d0d0;
}

.page-tags-entries .blog-entry-media {
  float: left !important;
  margin: 10px 10px !important;
  width: 120px !important;
}

.page-tags-entries .blog-entry-header {
  margin-top: 20px;
  max-width: 320px;
}

.page-tags-entries ul.meta {
  color: #a9bcd3;
  margin-bottom: 0px;
  margin-left: 155px;
  font-size: 15px;
}

.page-tags-conten .single-tag {
  width: 170px;
}

.single-tag .tag-li .tag-a {
  font-size: 14px;
  line-height: 17px;
}

.page-tags-entries h2.blog-entry-title.entry-title a {
  font-size: 16px;
  line-height: 30px;
}

.page-tags-conten .entries.left-thumbs .blog-entry.thumbnail-entry-style {
  margin-bottom: 0px;
  padding-bottom: 15px;
  border-bottom: none;
}

/*blog-sigle-head-title*/
.back-home {
  position: relative;
  top: 40px;
  left: 130px;
}

.back-home a {
  color: #109dda;
  text-decoration: none;
  font-size: 16px;
}

.back-home a:hover {
  color: #118cef;
}

.alone-page-tag {
  text-align: right;
  position: relative;
  top: -12px;
  max-width: 500px;
  margin: 0 0 0 auto;
  right: 11.5%;
}

.alone-page-tag:before {
  content: "";
  background: url("/wp-content/uploads/2017/09/row11.png") no-repeat center;
  display: inline-block;
  width: 24px;
  height: 22px;
  position: relative;
  top: 3px;
  left: 0;
}

.alone-page-tag span {
  color: #0599d9;
}

.alone-page-tag span a {
  margin-left: 5px;
  color: #0599d9;
  font-size: 15px;
}

/*blog-home-subscribe*/
.head-subscribe {
  height: 0;
}

.subscribe-mask {
  width: 100%;
  background: #000;
  height: 61px;
  position: relative;
  bottom: 67px;
  opacity: 0.5;
}

.subscribe {
  height: 0;
  max-width: 1000px;
  margin: 0 auto;
}

.subscribe-intro {
  position: relative;
  top: -110px;
  left: 0;
  color: #f8f8f8;
  font-size: 19px;
  font-weight: bold;
}

.submit-right {
  position: relative;
  right: -532px;
  top: -166px;
  max-width: 468px;
  min-height: 41px;
  border-radius: 50px;
  border: 1px solid #fff;
  background: #fff;
}

.email-before-line {
  border-right: 1px solid #d0d0d0;
  display: inline-block;
  height: 23px;
  position: absolute;
  top: 8px;
}

.subscribe-name input,
.subscribe-email input {
  background: #fff;
  height: 40px;
  width: 170px;
  margin: 0 0px 0 30px;
  border: #fff;
  font-size: 16px;
  color: #777;
}

.subscribe-name input {
  margin-left: 47px;
}

.subscribe-name input::-moz-placeholder,
.subscribe-email input::-moz-placeholder {
  color: #d0d0d0;
}

.subscribe-name input::-o-input-placeholder,
.subscribe-email input::-o-input-placeholder {
  color: #d0d0d0;
}

.subscribe-name input::-ms-input-placeholder,
.subscribe-email input::-ms-input-placeholder {
  color: #d0d0d0;
}

.subscribe-name input::-webkit-input-placeholder,
.subscribe-email input::-webkit-input-placeholder {
  color: #d0d0d0;
}

.subscribe-name .fa-user:before {
  content: "\f007";
  font-size: 20px;
  margin-left: 25px;
  color: #d0d0d0;
  position: absolute;
  top: 0px;
}

.subscribe-email .fa-envelope:before {
  content: "\f0e0";
  font-size: 20px;
  margin-left: 7px;
  color: #d0d0d0;
  position: absolute;
  top: 0px;
}

.subscribe-submit-btn {
  background: url("/cn/wp-content/uploads/2017/09/row-1-1.png") center no-repeat !important;
  width: 35px;
  height: 35px;
  border-radius: 50% !important;
  position: absolute;
  top: -3px;
  right: 5px;
}

.subscribe-submit-btn:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.submit-right .ajax-loader {
  position: absolute;
  top: 11px;
  right: -22px;
}

div.subscribe-errors {
  position: relative;
  max-width: 850px;
  left: 0;
  right: 0;
  margin: auto;
}

.head-subscribe .subscribe-errors {
  top: -0.5rem;
}

div.wpcf7 .wpcf7-mail-sent-ok {
  max-width: 1000px;
  margin: 0 auto;
}

#fca_eoi_form_8823 .fca_eoi_layout_5.fca_eoi_layout_postbox {
  background-color: #fff !important;
}

/*blog-single-footer-subscribe*/
.footer-subscribe-size {
  background: #f6f6f6;
  max-width: 100%;
  margin: 30px auto 80px auto !important;
  padding: 5px 15px 3px 35px !important;
  clear: both;
}

.footer-subscribe .title {
  color: #0599d9;
  font-size: 32px !important;
}

.footer-subscribe .intro {
  font-size: 16px;
  /*max-width: 450px;
   */
  color: #8a8a8a;
}

.footer-subscribe .submit-infor {
  max-width: 500px;
  border: 1px solid #f6f6f6;
  border-radius: 30px;
  background: #fff;
  min-height: 42px;
  -webkit-box-shadow: 0 0 10px #c1c1c1;
  -moz-box-shadow: 0 0 10px #c1c1c1;
  box-shadow: 0 0 10px #c1c1c1;
  position: relative;
  margin-top: 30px;
}

.submit-infor .infor-name,
.submit-infor .infor-email {
  margin-left: 20px;
}

.infor-name .fa-user:before,
.infor-email .fa-envelope:before {
  font-size: 20px;
  color: #d0d0d0;
  position: relative;
  top: 3px;
}

.infor-name input,
.infor-email input {
  background: #fff;
  height: 40px;
  width: 155px;
  margin: 0 0 0 20px;
  border: #fff;
  font-size: 16px;
  color: #777;
}

.infor-submit {
  background: url(/wp-content/uploads/2018/07/row-1-1.png) center no-repeat !important;
  width: 35px;
  height: 35px;
  border-radius: 50% !important;
  margin: 2px 0 0 10px !important;
}

.infor-submit:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.subscribe-image {
  float: right;
  margin-top: -190px;
}

/* .submit-infor .ajax-loader {
     position: absolute;
     top: 13px;
     right: -22px;
 }
 */
.infor-name input::-moz-placeholder,
.infor-email input::-moz-placeholder {
  color: #d0d0d0;
}

.infor-name input::-o-input-placeholder,
.infor-email input::-o-input-placeholder {
  color: #d0d0d0;
}

.infor-name input::-ms-input-placeholder,
.infor-email input::-ms-input-placeholder {
  color: #d0d0d0;
}

.infor-name input::-webkit-input-placeholder,
.infor-email input::-webkit-input-placeholder {
  color: #d0d0d0;
}

/*blog-page-sidebar tag related-posts title*/
.blog-header-title {
  font-size: 34px !important;
  max-width: 900px;
  text-align: center;
  min-height: 90px;
  color: #004277;
}

.blog-page-sidebar {
  margin-top: 280px;
  background: #fff !important;
  width: 180px !important;
  position: fixed;
  left: 17%;
}

.blog-page-sidebar .related-posts {
  margin-left: 5px;
  display: none;
}

.blog-page-sidebar .theme-heading span.text:after {
  border-bottom: none;
}

.blog-page-sidebar .text {
  color: #004277;
  font-size: 18px;
  margin-top: 30px;
  font-weight: bold;
}

.blog-page-sidebar .related-post {
  width: 100%;
  background: #f7f7f7;
  height: 105px;
  padding: 8px 20px;
  position: relative;
  margin: 0 0 15px;
}

.blog-page-sidebar .overlay-parent > a,
.overlay-parent > a img {
  width: 90px !important;
}

.blog-page-sidebar .related-post-content {
  background: none;
  border: none;
  margin-top: -90px;
  margin-left: 102px;
  padding: 0;
}

.blog-page-sidebar .related-post-title {
  font-size: 14px;
}

.related-post .overlay-parent {
  position: initial;
}

.blog-page-sidebar .related-post:hover {
  background: #009cde;
}

.blog-page-sidebar .related-post:hover a {
  color: #fff;
}

.wpex-vc-row-centered .wpex-vc-columns-wrap {
  margin: 0 !important;
}

.single-blog-article,
.w1300 {
  padding-top: 50px;
}

/* new-menu20220223 add */
#site-navigation .dropdown-menu li.megamenu ul.sub-menu .left-tab {
  width: 100% !important;
  position: static !important;
}

#site-navigation .dropdown-menu li.megamenu ul.sub-menu .left-tab > a {
  background-color: #646464;
  background-color: rgba(255, 255, 255, 0.1);
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 2px !important;
  /* font-size: 16px; */
  padding: 10px;
  width: 16%;
  padding-left: 3%;
}

#site-navigation .dropdown-menu li.megamenu ul.sub-menu .left-tab > a > span {
  font-weight: normal !important;
}

#site-navigation .dropdown-menu li.megamenu ul.sub-menu .left-tab:last-child > a {
  margin-bottom: 0 !important;
}

#site-navigation .dropdown-menu li.megamenu ul.sub-menu .left-tab > ul {
  width: 70% !important;
  position: absolute !important;
  left: 20% !important;
  top: 50px !important;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  display: none !important;
}

#site-navigation .dropdown-menu li.megamenu ul.sub-menu .active.left-tab > ul {
  display: block !important;
}

#site-navigation .dropdown-menu li.megamenu ul.sub-menu .left-tab > ul > li {
  margin-bottom: 20px !important;
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid;
  overflow: hidden;
}

#site-navigation .dropdown-menu li.megamenu ul.sub-menu .active.left-tab > a {
  background-color: rgba(100, 100, 100, 0);
}

#site-navigation .dropdown-menu li.megamenu ul.sub-menu .active.left-tab > a > span {
  color: #fff !important;
}

#site-navigation .left-tab a::before {
  display: none !important;
}

#site-navigation .left-tab > ul > li > a {
  font-size: 16px !important;
}

#site-navigation .left-tab > ul > li > a > span {
  font-weight: bold !important;
  display: inline-block;
  line-height: 1;
}

#site-navigation .left-tab > ul > li > a > span::after {
  content: "";
  width: 120%;
  background-color: #4696f5;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
}

#site-navigation .left-tab > ul.sub-menu > li > ul.sub-menu a {
  color: #fff !important;
}

#site-navigation .left-tab > ul > li > ul li:hover {
  background-color: #4696f5;
}

#site-navigation .left-tab > ul > li > ul li:hover span {
  color: #fff !important;
}

#site-navigation .dropdown-menu li.masonry > ul.sub-menu {
  /* temp-code */
  /* display: block !important; */
  /* temp-code */
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

#site-navigation .dropdown-menu li.masonry > ul.sub-menu > li {
  display: block !important;
  width: auto !important;
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid;
  margin-bottom: 40px !important;
}

#site-navigation .dropdown-menu li.masonry > ul.sub-menu > li > a {
  font-size: 16px;
  letter-spacing: 4px;
  padding-bottom: 0;
}

#site-navigation .dropdown-menu li.masonry > ul.sub-menu > li > a span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

#site-navigation .dropdown-menu li.masonry > ul.sub-menu > li > a span::after {
  content: "";
  width: 120%;
  background-color: #4696f5;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
}

/* new-menu20220223 add */
@media (max-width: 1500px) {
  .wpb_wrapper .product-parameters h3 {
    font-size: 1.3vw;
    font-weight: 600;
    color: #4f5e6a;
    padding: 0 0 2vw 5.5vw;
  }
  .blog-page-sidebar {
    left: 10%;
  }
  .model-0 {
    top: 33%;
  }
  .blog-header-title {
    font-size: 30px !important;
    max-width: 780px;
    margin: 50px auto 50px 31% !important;
  }
  .blog-page-sidebar .text {
    margin-top: 15px;
  }
  .blog-page-sidebar .related-post {
    height: 95px;
    padding: 2px 12px;
    margin-bottom: 0;
  }
  #content article.single-blog-article {
    padding-left: 18%;
    padding-right: 18%;
    position: relative;
  }
  .contact-ursalink .wpex-vc-columns-wrap {
    max-width: 1100px !important;
    margin: 0 auto;
  }
}
@media (max-width: 959px) {
  #content article.single-blog-article {
    padding-left: 2em;
    padding-right: 2em;
  }
  #searchform-dropdown {
    top: 40%;
    opacity: 1;
  }
  .sidr-class-searchIt {
    display: none;
  }
}
@media (max-width: 800px) {
  .bepartner-content p:first-child span {
    font-size: 25px !important;
  }
}
@media (max-width: 767px) {
  #site-header {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) !important;
  }
  #site-header.is-sticky {
    background-color: #222 !important;
    background: none;
  }
  .page-id-17983 #site-header {
    box-shadow: none !important;
  }
  .sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle， .sidr-class-mobile-menu-searchform input:focus {
    color: #ccc;
  }
  .sidr-class-searchIt,
  .sidr-class-globeIt,
  .sidr-class-dropdown-menu .select-lang a:before {
    display: none;
  }
  .sidr-class-sub-menu .sidr-class-menu-image {
    display: none;
  }
  .total-tag {
    margin-top: 0;
    max-width: 100%;
  }
  .blog-header-title {
    font-size: 23px !important;
    padding: 0 2em;
    margin: 18px auto !important;
  }
  .blog-page-sidebar {
    position: initial !important;
    margin-top: 0 !important;
    margin-left: 10%;
  }
  #site-logo1 a {
    height: 30px;
    width: 150px;
    padding: 0;
    margin: 10px 0;
    text-decoration: none;
    display: block;
  }
  .bepartner {
    padding: 0.1rem 0.2rem;
  }
  /*academy-nav-menu*/
  .academy-nav .clr ul {
    float: left;
    margin: 0 auto 10px !important;
    height: auto;
    display: none;
  }
  .academy-nav .clr li {
    float: initial;
    margin-right: 0;
    height: auto;
    line-height: 35px;
  }
  .nav-btn-img .fa-caret-up:before {
    content: "\f0d7";
    font-size: 30px;
    color: #fff;
    position: relative;
    top: -35px;
    left: 101%;
    display: inline-block;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .nav-btn-click:before {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .nav-btn-img {
    height: 45px;
  }
  .academy-nav-btn {
    display: block;
  }
  .academy-nav .clr img {
    display: none;
  }
  .academy-img {
    background: url(/en/wp-content/uploads/2018/08/iconfont-email-1.png) no-repeat;
    margin-top: 0;
  }
  .bepartner-content {
    margin-right: 0;
    padding: 0 0 5em 2.5em;
  }
  .bepartner-content p {
    text-align: center !important;
  }
  /*head-nav-menu*/
  .sidr-class-mobile-menu-searchform button {
    left: 3%;
    top: 25px;
    background: url(/wp-content/uploads/2019/04/menu-search-icon.png) no-repeat !important;
    background-size: cover !important;
    width: 18px;
    height: 18px;
  }
  .sidr-class-dropdown-menu li:last-child {
    border-bottom: none;
  }
  #sidr-id-menu-main-menu li:nth-last-child(2) {
    /*border-bottom: #fff;*/
  }
  /*footer-layout.css*/
  .footer-box:nth-child(1) {
    display: none !important;
  }
  .footer-widget .widget-title {
    color: #6a6a6a !important;
    margin: 0 0 0 -85px !important;
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.28rem !important;
  }
    h3.widget-title::after {
        content: "";
        float: right;
        -ms-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        background: url(/Content/img/home-form-arrow.png) no-repeat;
        background-size: cover;
        position: absolute;
        top: 50%;
        right: 0;
        width: 0.18rem;
        height: 0.18rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
  h3.click-title-after::after {
    -ms-transform: rotate(180deg) scale(1.08);
    -moz-transform: rotate(180deg) scale(1.08);
    -webkit-transform: rotate(180deg) scale(1.08);
    -o-transform: rotate(180deg) scale(1.08);
    transform: rotate(180deg) scale(1.08);
  }
  .langue-title-after::after {
    transform: rotate(180deg) scale(1.08);
    -ms-transform: rotate(180deg) scale(1.08);
    -moz-transform: rotate(180deg) scale(1.08);
    -webkit-transform: rotate(180deg) scale(1.08);
    -o-transform: rotate(180deg) scale(1.08);
    position: relative;
    top: 20px !important;
    display: inline-block;
  }
  .footer-box:nth-child(4) .footer-widget:nth-child(3) h3.widget-title:after {
    content: "";
    background: url(/en/wp-content/uploads/2016/05/downa.png) no-repeat center;
    display: inline-block;
    width: 15px;
    height: 10px;
    left: -10%;
    top: 22px;
    position: relative;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .footer-box:nth-child(4) .footer-widget:nth-child(3) h3.widget-title {
    border: 0;
    width: 120%;
    font-size: 0.15rem !important;
  }
  .footer-box:nth-child(4) .footer-widget:nth-child(3) h3.widget-title:before {
    content: "";
    background: url("/en/wp-content/uploads/2016/05/language-img1.png") no-repeat center;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    top: 8px;
    margin-right: 5px;
  }
  .click-menu-image-title {
    color: #6a6a6a;
  }
  .footer-widget.widget_nav_menu.clr {
    height: auto !important;
  }
  #footer,
  #footer-bottom {
    background-color: #fff !important;
  }
  #footer {
    padding-top: 0.15rem;
  }
  #footer-bottom {
    padding: 0.15rem 0.2rem 0.7rem !important;
  }
  .site-footer .container {
    padding-top: 0px;
  }
  .footer-widget {
    padding-bottom: 0;
  }
  .menu {
    margin: 0.1rem 0 0 -70px !important;
    display: none;
    font-size: 0.12rem;
  }
  #mobile-menu {
    top: 34px;
  }
  #menu-footer-contacts,
  #menu-it-footer-contacts,
  #menu-de-footer-contacts {
    margin: 0 !important;
    display: block;
    font-size: 0.11rem;
  }
  #menu-it-footer-contacts {
    margin-left: 0.5rem !important;
  }
  #menu-de-footer-contacts {
    margin-left: 1.42rem !important;
  }
  div#footer-widgets div.footer-box {
    margin-bottom: 0px;
    max-width: 90%;
  }
  #footer li {
    padding: 4px 0;
    font-size: 0.26rem;
  }
  #footer-inner div#footer-widgets .footer-box.col-2,
  #footer-inner div#footer-widgets .footer-box.span_1_of_4.col.col-3,
  #footer-inner div#footer-widgets .footer-box.span_1_of_4.col.col-4 {
    margin-left: 100px;
  }
  div#copyright {
    font-size: 0.24rem;
    text-align: center !important;
    margin-bottom: 20px;
  }
  #footer-bottom-inner {
    padding: 0 0 0.16rem 0;
  }
  .border-totale-width {
    margin: 0rem auto 0 auto !important;
  }
  .footer-box:nth-child(4) .footer-widget:nth-child(3) {
    height: auto !important;
    display: block;
  }
  .footer-box.span_1_of_4.col-2,
  .footer-box.span_1_of_4.col-3 {
    display: block;
  }
  #footer-bottom #copyright .foot-line-2 {
    float: left !important;
  }
  #footer-bottom #copyright .foot-line-2 a {
    font-size: 0.11rem;
    margin-left: 0;
  }
  .footer-box .textwidget > .contact-info {
    margin-left: -60px;
    font-size: 0.24rem;
  }
  /*blog-phone*/
  .blog-year-type {
    width: 100% !important;
  }
  .blog-entry-inner .blog-entry-excerpt,
  .blog-entry-inner .meta-date {
    font-size: 14px;
  }
  .blog-year-type .col-xs-10 {
    width: 100% !important;
    padding: 0 0.3rem;
    margin-top: 0.2rem;
  }
  h2.blog-entry-title.entry-title a {
    font-size: 16px;
    line-height: normal;
    display: inline-block;
  }
  .blog-entry-media img {
    margin: 0 auto 0 0;
    border-radius: 6px;
    width: 100%;
  }
  article.blog-entry.new-tag .blog-entry-media a::after {
    content: "";
    background: url(/wp-content/uploads/2021/06/new-tag.png);
    width: 32px;
    height: 32px;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
  }
  .blog-year-type .post-year-title {
    padding-left: 0.3rem !important;
    width: 100% !important;
  }
  .blog-year-type .posts-year,
  .blog-entry-excerpt,
  .blog-entry-readmore {
    display: none;
  }
  .blog-year-type {
    padding-left: 0;
  }
  .entries.left-thumbs .entry .entry-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .meta,
  .entry .meta {
    margin: 0;
  }
  .page-tags-conten .single-tag {
    width: 100% !important;
  }
  .post-year-phone,
  .blog-phone-tag {
    display: none;
  }
  .post-blog-title .fa-sort-desc,
  .post-year-title .fa-sort-desc {
    display: inline-block;
  }
  .post-year-title .fa-sort-desc:before {
    content: "\f0dd";
    font-size: 0.5rem;
    margin-left: 5px;
  }
  .post-blog-title .fa-sort-desc:before {
    content: "\f0dd";
    font-size: 0.23rem;
    margin-left: 0.13rem;
  }
  .blog-menu-click:before {
    transform: rotate(180deg);
    display: inline-block;
    position: relative;
    top: 5px;
  }
  .page-numbers.next,
  .page-numbers.prev {
    padding: 0.16em 0.7em;
  }
  /*tags-template-page*/
  .curerent-tag {
    position: relative;
    top: -0.8rem;
    left: 0.2rem;
    max-width: 92%;
  }
  .tag-icon img {
    width: 0.2rem;
  }
  .curerent-tag .tag-title {
    font-size: 0.23rem;
    font-weight: bold;
    margin-left: 3px;
  }
  .sing-page-header-bg {
    min-height: 1.4rem;
  }
  .single-back-blog {
    position: absolute;
    top: 0.25rem;
    left: 0.3rem;
  }
  .blog-entry:nth-child(even) .page-tags-entries {
    float: left;
    margin-top: 0.2rem;
  }
  .blog-entry .page-tags-entries {
    width: 3.2rem !important;
    background: #f7f7f7 !important;
    margin-top: 0.2rem;
  }
  .blog-entry .new-year .blog-entry-media-link::before {
    content: "";
    background: none;
  }
  .entries.left-thumbs .blog-entry.thumbnail-entry-style {
    padding-bottom: 0;
  }
  .page-tags-conten {
    margin-top: 0;
    margin-left: -8%;
  }
  .page-tags-entries h2.blog-entry-title.entry-title a {
    padding: 0 0.11rem;
  }
  .page-tags-head-tag {
    height: 0;
  }
  .alone-page-tag {
    left: 0.5rem;
    top: -0.1rem;
    max-width: 80%;
    margin: 0 auto;
    text-align: left;
  }
  /*new-page*/
  .page-header-title {
    height: auto !important;
    padding: 0 0.4rem;
    font-size: 21px !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
    margin-top: 0.6rem;
  }
  .single.single-post.content-full-width #content-wrap.container .page-header-inner {
    padding: 0 3.5rem 0 3.2rem;
  }
  .single.single-post.content-full-width .post-pagination.container {
    padding: 0.2rem 0.3rem;
  }
  #searchform-dropdown {
    top: 7px;
    opacity: 1;
  }
  .fa {
    font: normal normal normal 18px/1 FontAwesome !important;
  }
  /* Form */
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=tel],
  input[type=url],
  input[type=search],
  textarea,
  select {
    padding: 0.15rem;
    font-size: 0.26rem;
    margin-top: 0.1rem;
  }
  .single #content-wrap.container.clr {
    max-width: 100% !important;
    width: 100% !important;
  }
  div.wpcf7 .wpcf7-mail-sent-ok {
    font-size: 16px !important;
  }
  /*------------------------------------------------------------------ [53kf] -------------------------------------------------------------------*/
  #mobile_icon_div {
    display: none !important;
  }
  .cs-container {
    display: none;
  }
  .mobile-cs-container {
    display: block !important;
    z-index: 999;
  }
  .mobile-cs-container .mobile-cs-icon {
    height: 56px;
  }
  .mobile-cs-container {
    position: fixed;
    bottom: 10%;
    right: 4%;
  }
  .mobile-cs-container .mobile-cs-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #fff;
    height: 0;
    transition: 0.6s;
  }
  .mobile-cs-container .mobile-cs-item {
    background: url(/wp-content/uploads/2021/06/mobile-cs-item-icon.png);
    width: 40px;
    height: 53px;
    background-size: 100% 100%;
    padding: 8px 3px;
    text-align: center;
    line-height: 100%;
    opacity: 0;
    display: none;
    transition: 0.6s;
  }
  .mobile-cs-container .mobile-cs-item a {
    color: #fff;
    margin-top: 5px;
    display: block;
  }
  .mobile-cs-container .mobile-cs-item a:hover {
    text-decoration: none;
  }
}
@media (max-width: 639px) {
  #content article.single-blog-article {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media (min-width: 1550px) {
  #content article.single-blog-article {
    padding-left: 216px;
    padding-right: 216px;
  }
  .blog-header-title {
    margin: 40px auto 0 29% !important;
  }
}
/* 字体间距修改 */
/* * {
   letter-spacing: 0.08em;
 } */
/* 谷歌验证删除 */
.my-recaptcha {
  display: none !important;
}

/* 字体设置为细时有些人电脑上字体会模糊 */
article div p,
article div span {
  font-weight: normal;
}

.go-top {
  width: 88px;
  right: -4vw;
  position: absolute;
  bottom: -2vw;
}