/*--------------------------------------------------------------
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
/*------------------------------------------------------------------
[Browser Reset]
-------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
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: 62.5%;
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:focus {
outline: none;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
img {
max-width: 100%;
height: auto;
}
select {
max-width: 100%;
}
/*------------------------------------------------------------------
[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;
}
.clr:after {
display: none;
}
.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: 90%;
}
.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: 28%;
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 {
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("../font/OpenSans-Regular.eot?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-display: swap;
}
@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;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("../font/Manrope-VariableFont_wght.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
src: url(../font/static/Manrope-Bold.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
src: url(../font/static/Manrope-SemiBold.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
src: url(../font/static/Manrope-Medium.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
src: url(../font/static/Manrope-Regular.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 300;
src: url(../font/static/Manrope-Light.ttf) format("truetype");
font-display: swap;
}
p,
a,
h1,
h2,
h3,
div,
li,
span,
* {
font-family: "Open Sans" !important;
font-weight: 400;
}
.new-ui h1 {
font-family: "Manrope" !important;
}
.new-ui h2 {
font-family: "Manrope" !important;
}
/*.new-ui p,.new-ui li,.new-ui span {
font-family:'Roboto' !important;
}
*/
/*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", "Manrope", "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
line-height: 1.65;
color: #303c42;
}
/*-------------------------------------------------------------------------------------------------------
**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.4em;
}
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.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* 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: #303c42;
margin: 0 0 1vw;
overflow: hidden;
position: relative;
}
.blog-page-sidebar .wpex-row {
margin: 0;
}
.blog-page-entry .theme-heading {
font-size: 30px !important;
margin: 2vw 0;
}
.theme-heading * {
font-weight: 300;
}
.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;
}
/* blog编辑器自定义样式名称 */
.single-blog-article .text-highlight,
.single-blog-article .highlight-yellow {
background-image: none;
box-shadow: inset 0 -6px 0 0 rgba(245, 180, 24, 0.2);
padding: 0;
color: #303c42;
}
.single-blog-article .highlight-blue {
box-shadow: inset 0 -7px 0 0 rgba(0, 152, 217, 0.2);
}
.single-blog-article .highlight-green {
box-shadow: inset 0 -7px 0 0 rgba(119, 178, 42, 0.2);
}
.single-blog-article .related {
background: #fff;
padding: 16px 0 16px 30px;
box-shadow: 0 0 0.7vw rgba(61, 74, 89, 0.1);
width: 100%;
display: block;
font-weight: 600;
color: #0070c0;
font-size: 20px;
position: relative;
margin: 12px 0 32px;
}
.single-blog-article .related a {
margin-left: 10px;
display: inline-block;
width: calc(100% - 120px);
vertical-align: top;
}
.single-blog-article .related a:after {
content: "";
display: inline-block;
width: 100px;
height: 100%;
background: #d8e8f3;
position: absolute;
right: 0;
top: 0;
}
.single-blog-article .related a:before {
content: "";
display: inline-block;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
width: 22px;
height: 22px;
position: absolute;
right: 38px;
z-index: 2;
top: calc(50% - 11px);
transform: rotate(-45deg);
}
.single-blog-article .related a:hover {
color: #0098d9;
text-decoration: none;
}
.single-blog-article .related a:hover:after {
background: #c2ddf1;
}
.single-blog-article blockquote,
.single-blog-article .blog-blockquote {
background: none;
border-top: 2px solid #e3e3e3;
border-bottom: 2px solid #e3e3e3;
padding: 42px 40px 25px;
font-style: italic;
color: #ababab;
font-size: 18px;
margin: 70px 0 40px;
display: block;
position: relative;
}
.single-blog-article .blog-blockquote span,
.single-blog-article blockquote p:last-child {
text-align: right;
color: #0070c0;
display: block;
margin-top: 20px;
}
.single-blog-article blockquote:before,
.single-blog-article .blog-blockquote:before {
content: "";
display: inline-block;
background: url(/wp-content/uploads/2020/11/blog-blockquote-icon.png) center
no-repeat;
width: 78px;
height: 67px;
position: absolute;
top: -40px;
background-color: #fff;
}
.blog-progress-bar {
margin-bottom: 0;
}
/* 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,#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,#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]
-------------------------------------------------------------------*/
.bypostauthor,
.sticky {
}
.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;
transition: 0.15s linear border;
-webkit-appearance: none;
max-width: 100%;
border: 1px solid #d4cfcf;
background: #f7f7f7;
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: #006ee1;
text-decoration: none;
outline: none;
cursor: pointer;
}
a:hover {
text-decoration: underline;
}
/* Typography > Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
color: #101f3a;
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;
}
/*------------------------------------------------------------------
[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;
}
/*------------------------------------------------------------------
[Main menu]
-------------------------------------------------------------------*/
#site-header {
padding: 0;
position: relative;
z-index: 999;
background: white;
}
.not-sticky #site-header {
box-shadow: 0px 3px 7px 0px hsl(200deg 16% 22% / 7%);
}
#site-header-sticky-wrapper.is-sticky #site-header {
position: fixed;
overflow: visible;
z-index: 999;
background: #fff;
box-shadow: 0px 3px 7px 0px hsl(200deg 16% 22% / 7%);
}
#site-header-inner {
width: 1250px !important;
max-width: 95% !important;
min-height: 85px;
}
/* 法语（fr-FR）西班牙语（es-ES）导航栏拥挤，特殊调整导航栏宽度 */
html[lang="fr-FR"] #site-header-inner,
html[lang="es-ES"] #site-header-inner {
width: 1300px !important; /* 仅修改宽度，其他属性继承默认值 */
}
/* 波兰语（pl-PL）德语（de-DE）导航栏拥挤 */
html[lang="pl-PL"] #site-header-inner,
html[lang="de-DE"] #site-header-inner {
width: 1350px !important;
}
/*log*/
.header-one #site-logo1 {
float: left;
height: 100%;
display: table;
}
#site-logo1 a {
width: 180px;
padding: 0;
margin: 15px 0;
text-decoration: none;
display: block;
}
#site-logo1 img {
vertical-align: middle;
/* height:53px; */
}
body .navbar-style-one {
float: right;
/* position:relative;
right:0;
top:0;
margin-top:0;
height:0;
*/
}
.not-sticky .sf-menu,
.not-sticky .sf-menu *,
.is-sticky .sf-menu,
.is-sticky .sf-menu *,
.sf-menu,
.sf-menu * {
color: #101f3a;
}
.sf-menu {
float: left;
}
.sf-menu,
.sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
#site-navigation li.megamenu {
cursor: initial;
}
body #site-navigation li {
padding: 0 30px 0 0;
margin-top: 32px;
}
.sf-menu li {
white-space: normal;
}
.sf-menu > li {
float: left;
}
#site-navigation .megamenu > a.sf-with-ul {
height: initial;
}
#site-navigation .dropdown-menu > li > a {
color: #ffffff;
}
#site-navigation .dropdown-menu a {
font-size: 16px;
font-weight: normal;
}
#site-navigation a {
text-decoration: none;
}
body .navbar-style-one .dropdown-menu > li > a {
display: block;
padding: 0;
line-height: 22px;
}
#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;
}
.navbar-style-one .dropdown-menu > li > a > span.link-inner {
display: inline-block;
line-height: 1;
padding: 0;
border-radius: 3px;
}
.megamenu > a {
cursor: pointer;
}
#site-navigation .active {
background-color: initial;
}
#site-header
#site-navigation
.dropdown-menu
.en-menu
ul
.menu-item-has-children
> a
span {
color: #101f3a;
font-size: 16px;
font-family: Manrope !important;
cursor: pointer;
}
#site-header
#site-navigation
.dropdown-menu
.en-menu
ul
.menu-no-link.menu-item-has-children
> a
span {
cursor: initial;
}
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-menu
> ul.sub-menu,
#site-navigation > ul > .en-menu.megamenu > .sub-menu,
#site-navigation-wrap #site-navigation li.en-menu.megamenu > ul.sub-menu {
width: 1250px !important;
max-width: 90%;
position: absolute;
top: 85px !important;
right: 0;
left: 0 !important;
margin: 0 auto !important;
background-color: #fff !important;
border: none;
z-index: 10001;
display: none;
padding: 0 0 40px 2.2vw;
box-shadow: 0px 3px 20px 0px hsl(200deg 16% 22% / 10%);
overflow: hidden;
}
#site-navigation-wrap #site-navigation li.megamenu.en-pro > ul.sub-menu,
#site-navigation-wrap #site-navigation li.megamenu.pro > ul.sub-menu {
/*display:block !important;*/
padding: 0 !important;
}
.registration-active
#site-navigation-wrap
#site-navigation
li.megamenu.en-menu
> ul.sub-menu {
top: 162px !important;
}
.is-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-menu
> ul.sub-menu {
top: 85px !important;
}
#site-navigation li.megamenu.sfHover.en-pro > .sub-menu {
display: flex !important;
}
.registration-active #searchform-dropdown2 {
top: 162px;
}
.is-sticky #searchform-dropdown2 {
top: 85px !important;
}
#site-navigation > ul > .en-pro.megamenu:first-child > .sub-menu > li {
display: inline-block;
width: 18%;
vertical-align: top;
padding: 23px 0 0;
min-height: 295px;
}
#site-navigation
> ul
> .en-pro.more-height.megamenu:first-child
> .sub-menu
> li {
min-height: 330px;
}
#site-navigation
> ul
> .en-pro.megamenu:first-child
> .sub-menu
> li:nth-child(1) {
display: flex;
flex-wrap: wrap;
align-content: flex-end;
width: 23%;
padding-bottom: 30px;
margin-right: 10px;
background: url(https://www.yeastar.com/wp-content/uploads/2025/11/menu-unified-image.png)
center no-repeat;
background-size: cover;
}
#site-navigation
> ul
> .en-pro.megamenu:first-child
> .sub-menu
> li:nth-child(2) {
margin-left: 3%;
padding-bottom: 30px;
width: 26%;
}
#site-navigation
> ul
> .en-pro.megamenu:first-child
> .sub-menu
> li:nth-child(3) {
width: 26%;
}
#site-header .en-pro .menu-white span {
white-space: nowrap;
}
#site-header .en-pro .link-inner img {
width: 52px;
height: 52px;
border-radius: 10px;
margin-bottom: 12px;
background: url(https://www.yeastar.com/wp-content/uploads/2023/10/menu-unified-icon.png)
center no-repeat;
background-size: cover;
}
#site-header .en-pro .menu-intro .link-inner {
margin: 8px 0 17px;
display: block;
}
#site-header .en-pro .menu-a-link {
margin-bottom: 20px !important;
}
#site-navigation
.dropdown-menu
.en-par.en-menu
.sub-menu
.sub-menu
.business-menu-title
span {
cursor: pointer !important;
}
#site-navigation
.dropdown-menu
.en-menu
.sub-menu
.sub-menu
.business-menu-title
span {
display: inline-block;
padding: 4px 12px 4px 25px;
font-weight: 600;
line-height: 22px !important;
position: relative;
margin: 15px 0 5px;
background: rgba(201, 234, 251, 0.5);
border-radius: 30px;
width: initial;
}
#site-navigation
.dropdown-menu
.en-menu
.sub-menu
.sub-menu
.business-menu-title
span::before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
background-color: #00b7ff;
border-radius: 50%;
position: absolute;
top: 14px;
left: 11px;
}
#site-navigation
.dropdown-menu
.en-menu
.sub-menu
.sub-menu
.business-menu-title
span::after {
content: "";
display: inline-block;
width: 7px;
height: 7px;
background-color: #006ee1;
border-radius: 50%;
position: absolute;
top: 10px;
left: 9px;
}
#site-header .en-pro .menu-remote-acces span {
font-family: Manrope !important;
font-weight: bold;
display: inline-block;
border-top: 1px solid #e4eaee;
width: 100%;
padding-top: 15px;
margin-top: 20px;
}
#site-navigation .en-pro .menu-cloud-trial,
#site-navigation .en-pro .menu-cloud-video {
font-size: 14px;
display: inline-block;
padding: 0 30px 0 6px !important;
color: #006ee1;
position: relative;
line-height: 26px !important;
margin-right: 6px;
margin-left: 15px;
min-width: 102px;
font-weight: 600;
}
#site-navigation .en-pro.more-height .menu-cloud-trial,
#site-navigation .en-pro.more-height .menu-cloud-video {
margin-bottom: 3px;
}
#site-header #site-navigation .dropdown-menu .en-menu ul .nav-arrow > a span {
width: initial;
background: url(/wp-content/uploads/svg/arrow-right.svg) right center
no-repeat;
background-size: 13px 14px;
padding-right: 20px;
transition: all 0.3s;
}
#site-navigation .en-pro .menu-wp-trial,
#site-navigation .en-pro .menu-wp-video {
color: #00a857;
}
#site-header
#site-navigation
.dropdown-menu
.en-menu
ul
.nav-arrow
> a:hover
span {
background-image: url(/wp-content/uploads/svg/arrow-right-blue.svg);
padding-right: 23px;
}
#site-navigation .en-pro .menu-cloud-trial::before,
#site-navigation .en-pro .menu-cloud-video::before {
content: "";
display: inline-block;
width: 26px;
height: 26px;
border: 1px solid #006ee1;
border-radius: 13px;
position: absolute;
top: 1px;
right: 0;
transition: all 0.3s;
}
#site-navigation .en-pro .menu-cloud-trial:hover,
#site-navigation .en-pro .menu-cloud-video:hover {
padding-left: 11px !important;
}
#site-navigation .en-pro .menu-cloud-trial:hover::before,
#site-navigation .en-pro .menu-cloud-video:hover::before {
width: 100%;
}
#site-navigation .en-pro .menu-wp-trial:hover,
#site-navigation .en-pro .menu-wp-video:hover {
color: #00a857;
}
#site-navigation .en-pro .menu-wp-trial::before,
#site-navigation .en-pro .menu-wp-video::before {
border-color: #00a857;
}
#site-navigation .en-pro .menu-cloud-trial::after {
content: "";
display: inline-block;
width: 12px;
height: 9px;
background: url(/wp-content/uploads/svg/arrow-right-blue.svg) right center
no-repeat;
background-size: cover;
position: absolute;
right: 7px;
top: 9px;
}
#site-navigation .en-pro .menu-wp-trial::after {
background-image: url(/wp-content/uploads/svg/arrow-right-green.svg);
}
#site-navigation .en-pro .menu-cloud-video::after {
content: "";
display: inline-block;
width: 7px;
height: 9px;
background: url(/wp-content/uploads/2022/09/video-play-blue.png) right
center no-repeat;
background-size: cover;
position: absolute;
right: 9px;
top: 9px;
}
#site-navigation .en-pro .menu-wp-video::after {
background-image: url(/wp-content/uploads/2022/09/video-play-green.png);
}
.weight-bold > a span {
font-weight: 600;
margin-bottom: 3px;
display: inline-block;
}
.bgcolor-gray {
background: #f7f9fa;
}
.menu-intro a span {
color: #101f3a !important;
line-height: 22px !important;
}
#site-navigation .dropdown-menu ul .menu-intro a:hover span {
color: #101f3a !important;
}
#site-navigation .dropdown-menu ul .menu-no-link > a:hover span {
color: #101f3a !important;
}
.is-sticky .menu-a-link a span,
.not-sticky .menu-a-link a span {
color: #006ee1;
}
.is-sticky .menu-a-link a span .fa-download:before,
.not-sticky .menu-a-link a span .fa-download:before,
.is-sticky .menu-a-link a span .fa-long-arrow-right:before,
.not-sticky .menu-a-link a span .fa-long-arrow-right:before {
color: #006ee1;
position: relative;
transition: all 0.1s;
left: 0;
}
.is-sticky .menu-a-link a span:hover,
.not-sticky .menu-a-link a span:hover {
text-decoration: underline;
}
.is-sticky
.menu-a-link
a
span:hover
i:before
.not-sticky
.menu-a-link
a
span:hover
i:before {
left: 5px;
}
#site-navigation-wrap #site-navigation li.megamenu > ul.sub-menu .bgcolor-gray {
width: 27%;
position: absolute;
top: 0;
height: 100%;
right: 0;
margin-right: 0;
padding: 15px;
}
/* #site-navigation-wrap #site-navigation li.megamenu.en-pro > ul.sub-menu .bgcolor-gray {
padding: 23px 0 0 3px;
width: 20%;
} */
#site-navigation-wrap
#site-navigation
li.megamenu.en-par
> ul.sub-menu
.bgcolor-gray
ul
li:nth-child(2) {
display: flex;
align-items: center;
margin-left: 9px;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-par
> ul.sub-menu
.bgcolor-gray
ul
li:nth-child(2)
a:nth-child(1) {
display: none;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-par
> ul.sub-menu
.bgcolor-gray
ul
li:nth-child(2)
a {
margin: 0;
padding: 0 6px;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-par
> ul.sub-menu
.bgcolor-gray
ul
li:nth-child(2)
a:hover,
#site-navigation-wrap
#site-navigation
li.megamenu.en-par
> ul.sub-menu
.bgcolor-gray
ul
li:nth-child(3)
a:hover
span {
color: #006ee1 !important;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-par
> ul.sub-menu
.bgcolor-gray
ul
li:is(
:nth-child(1),
:nth-child(4),
:nth-child(5),
:nth-child(6),
:nth-child(7)
)
a
span::before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
background-color: #00b7ff;
border-radius: 50%;
position: absolute;
top: 14px;
left: -5px;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-par
> ul.sub-menu
.bgcolor-gray
ul
li:is(
:nth-child(1),
:nth-child(4),
:nth-child(5),
:nth-child(6),
:nth-child(7)
)
a
span::after {
content: "";
display: inline-block;
width: 7px;
height: 7px;
background-color: #006ee1;
border-radius: 50%;
position: absolute;
top: 10px;
left: -7px;
}
#site-navigation-wrap #site-navigation .why-yeastar-subtitle-link.menu-item a span,
#site-navigation-wrap #site-navigation .why-yeastar-subtitle-link.menu-item a {
font-size: 14px !important;
font-weight: 400 !important;
color: #303c42;
}
#site-navigation-wrap #site-navigation .why-yeastar-title-link.menu-item a:hover span {
color: #006ee1 !important;
}
#site-navigation-wrap #site-navigation .why-yeastar-title.menu-item a span {
cursor: auto
}
.en-solu .sub-menu .menu-item img {
height: 41px;
display: block;
padding: 0 !important;
margin-bottom: 25px;
}
.menu-dot:before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background: #006ee1;
border-radius: 50%;
position: absolute;
top: 13px;
}
.menu-dot {
position: relative;
left: 16px;
}
.other-services span {
font-weight: 600;
font-size: 16px !important;
font-family: Manrope !important;
margin-top: 40px;
display: block;
}
/*Partners*/
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-par
> ul.sub-menu,
#site-navigation-wrap #site-navigation li.megamenu.en-par > ul.sub-menu {
padding-bottom: 30px;
padding-top: 36px;
}
div .menu-image-title-after.menu-image-title {
padding-left: 0;
}
#site-navigation > ul > .megamenu:nth-child(5) > .sub-menu > li {
display: inline-block;
vertical-align: top;
width: 23%;
padding: 0 20px 0 0;
}
#site-navigation > ul > .megamenu:nth-child(5) > .sub-menu > li:nth-child(3) {
width: 25%;
}
#site-navigation li.megamenu.en-par > ul.sub-menu li.menu-intro {
margin-bottom: 16px;
}
#site-navigation li.megamenu.en-par > ul.sub-menu li {
margin-top: 0 !important;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-en-par
> ul.sub-menu
.bgcolor-gray {
padding: 77px 0 0 20px;
}
#site-navigation > ul > .megamenu:nth-child(5) .bgcolor-gray span {
font-weight: 600;
font-family: Manrope !important;
font-size: 16px !important;
line-height: 32px !important;
}
#site-navigation li.megamenu:nth-child(5) > ul.sub-menu > .bgcolor-gray > a {
padding-bottom: 10px;
}
#site-navigation
li.megamenu:nth-child(5)
> ul.sub-menu
> .bgcolor-gray
> a
> span {
color: #006ee1 !important;
}
#site-navigation-wrap #site-navigation li.megamenu.en-par img {
margin-bottom: 22px;
height: 2.1vw;
min-height: 31px;
}
/*Company*/
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-com
> ul.sub-menu,
#site-navigation-wrap #site-navigation li.megamenu.en-com > ul.sub-menu {
/* height:420px; */
min-height: 330px;
/*display:block !important;
*/
padding-top: 65px;
}
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li {
display: inline-block;
vertical-align: top;
width: 34%;
margin-right: 8px;
padding-bottom: 11px;
}
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li:nth-child(1),
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li:nth-child(3),
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li:nth-child(4),
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li:nth-child(7) {
width: 28%;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-com
> ul.sub-menu
.bgcolor-gray {
width: 33%;
padding: 15px 30px 0 0;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-com
> ul.sub-menu
.bgcolor-gray
.link-inner {
line-height: 25px;
}
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li:nth-child(3) {
opacity: 0;
}
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li:hover {
background: #f7f9fa;
/*transform:scale(1.02);
*/
/*transition:all 0.2s;
*/
}
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li:hover > a span {
color: #006ee1;
}
#site-navigation
> ul
> .megamenu:nth-child(6)
> .sub-menu
> li.bgcolor-gray:hover
> a
span {
color: #10183a;
}
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li:nth-child(4),
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li:nth-child(5),
#site-navigation > ul > .en-company:nth-child(6) > .sub-menu > li:nth-child(7),
#site-navigation > ul > .en-company:nth-child(6) > .sub-menu > li:nth-child(8) {
margin-top: 25px;
}
.sf-menu .en-com img {
margin: 10px 0;
width: 300px;
}
.wpex-dropdown-top-border #site-navigation .dropdown-menu .en-par li .sub-menu {
margin-top: 12px;
}
.wpex-dropdown-top-border
#site-navigation
.dropdown-menu
.en-par
li:last-child
.sub-menu {
margin-top: 0;
margin-left: 16px;
}
.wpex-dropdown-top-border
#site-navigation
.dropdown-menu
.en-par
li:last-child
.sub-menu
li {
margin-top: 2px !important;
}
.wpex-dropdown-top-border
#site-navigation
.dropdown-menu
.en-par
li:last-child
.sub-menu
li:hover
a,
.wpex-dropdown-top-border
#site-navigation
.dropdown-menu
.en-par
li:last-child
.sub-menu
li:hover
a
span,
.wpex-dropdown-top-border
#site-navigation
.dropdown-menu
.en-par
li:last-child
.sub-menu
li
a:hover,
.wpex-dropdown-top-border
#site-navigation
.dropdown-menu
.en-par
li:last-child
.sub-menu
li
a
span:hover {
color: #101f3a !important;
}
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li.yeastar-day {
width: 100%;
padding-top: 20px;
margin-top: 20px;
position: relative;
}
#site-navigation
> ul
> .megamenu:nth-child(6)
> .sub-menu
> li.yeastar-day
span {
/* font-weight:normal;
*/
}
.yeastar-day .save-the-date {
color: #fff;
background-color: #f5b40a;
padding: 2px 15px;
border-radius: 8px;
border-bottom-left-radius: 40px;
border-top-right-radius: 40px;
margin-right: 15px;
font-weight: normal !important;
}
.yeastar-day .undeline-text {
color: #006ee1;
position: relative;
top: 3px;
}
.yeastar-day .link-inner i {
color: #006ee1;
position: relative;
top: 3px;
}
#site-navigation
> ul
> .megamenu:nth-child(6)
> .sub-menu
> .yeastar-day:hover {
background-color: #fff;
}
#site-navigation
> ul
> .megamenu:nth-child(6)
> .sub-menu
> .yeastar-day:hover
.undeline-text {
text-decoration: underline;
}
#site-navigation
> ul
> .megamenu:nth-child(6)
> .sub-menu
> li:hover
> a
.save-the-date {
color: #fff !important;
}
.yeastar-day::before {
content: "";
display: inline-block;
width: 57%;
height: 1px;
background-color: #d7dee4;
position: absolute;
top: 0;
}
#site-navigation
.dropdown-menu
ul
.coming-next
a:hover
.link-inner
span
strong {
color: #101f3a;
}
/* 单独定位 */
li#menu-item-117182 {
position: absolute;
top: -93px;
left: 10px;
}
span.inner-img {
margin-top: 20px;
}
/* 位置调整 */
#site-navigation-wrap .mt-9 {
margin-top: 9% !important;
}
#site-navigation-wrap .pt-2 {
padding-top: 2% !important;
}
#site-navigation-wrap .w-17 {
width: 17% !important;
}
#site-navigation-wrap .pr-70 {
padding-right: 70px !important;
}
#site-navigation-wrap .en-pro .central-management-item {
margin-top: 20px !important;
}
/* 新增 - 字号调整 */
#site-navigation-wrap .central-management-item a span {
font-size: 16px !important;
font-weight: 600 !important;
font-family: Manrope !important;
}
#site-navigation-wrap .lh-normal a span {
line-height: normal !important;
}
li.megamenu .new-tag .menu-new-text {
display: inline-block;
margin-left: 5px;
background: url(/wp-content/uploads/2023/10/new-tag-img.png) center
no-repeat;
background-size: cover;
width: 27px;
height: 17px;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-pro
> ul.sub-menu
.menu-new-text {
position: relative;
top: 5px;
}
.coming-next .link-inner span {
display: block;
}
/*Solution*/
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-sol
> ul.sub-menu,
#site-navigation-wrap #site-navigation li.megamenu.en-sol > ul.sub-menu {
/*display:block !important;
*/
padding-top: 20px;
}
#site-navigation > ul > .megamenu:nth-child(2) > .sub-menu > li {
display: inline-block;
vertical-align: top;
width: 22%;
padding-bottom: 8px;
}
#site-navigation-wrap
#site-navigation
li.megamenu:nth-child(2)
> ul.sub-menu
.bgcolor-gray {
width: 32%;
padding: 20px 10px 0 10px;
}
.sf-menu .en-sol img {
width: 25px;
margin-right: 5px;
}
#site-navigation li.megamenu.en-sol .bgcolor-gray li {
margin-top: 8px;
}
#site-navigation li.megamenu.en-sol.es-menu .bgcolor-gray li:first-child {
min-height: 57px;
}
#site-navigation .en-sol .menu-app-markerplace .sub-menu li span {
display: flex;
align-items: center;
white-space: nowrap;
}
#site-navigation .en-sol .menu-app-markerplace .sub-menu li.menu-a-link span {
display: block;
}
#site-navigation .en-sol .menu-app-markerplace .sub-menu li {
display: inline-block;
vertical-align: top;
}
#site-navigation .en-sol .menu-app-markerplace .sub-menu li:nth-child(odd) {
width: 56%;
}
#site-navigation .en-sol .menu-app-markerplace .sub-menu li:nth-child(even) {
width: 40%;
}
.menu-a-link {
margin-top: 10px !important;
}
.head-menu-opacity {
opacity: 0;
}
.head-menu-display > .sf-with-ul {
display: none;
}
.solution-subtitle > a {
cursor: initial;
position: relative;
z-index: 2;
}
.solution-subtitle > a .link-inner {
font-size: 14px !important;
font-weight: 400 !important;
background-color: #f1f4f5;
padding: 0 3px;
border-radius: 3px;
}
.solution-subtitle a:hover .link-inner {
color: #101f3a !important;
}
.head-menu-display {
margin-top: 3px !important;
}
.head-menu-display::after {
content: "";
display: inline-block;
width: 1px;
height: 266px;
background-color: #ecf0f1;
position: absolute;
top: 29px;
right: 409px;
}
.sidr-class-menu-no-content,
.sidr-class-head-menu-opacity {
display: none;
}
/*Resources*/
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-res
> ul.sub-menu,
#site-navigation-wrap #site-navigation li.megamenu.en-res > ul.sub-menu {
/*display:block !important;
*/
padding: 20px 0 30px;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-res
> ul.sub-menu
.bgcolor-gray {
padding-top: 8%;
width: 20%;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-res
> ul.sub-menu
.en-res-bgdolor-gray {
padding-top: 5%;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li {
display: inline-block;
vertical-align: top;
width: 17.3%;
padding: 8px 0 20px 0;
position: relative;
}
#site-navigation
.dropdown-menu
.en-menu.en-res
.sub-menu
li:last-child
.sub-menu
a
span {
line-height: 35px;
}
#site-navigation li.megamenu.en-res > ul.sub-menu > li:first-child {
position: absolute;
width: 28%;
left: 0;
padding: 8px 0 20px 2.2vw;
margin-left: 0;
}
#site-navigation li.megamenu.en-res > ul.sub-menu > li:first-child img {
width: 75%;
margin: 21px 0;
}
#site-navigation
li.megamenu.en-res
> ul.sub-menu
> li:first-child
li:first-child
a {
cursor: initial;
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li.menu-no-content {
opacity: 0;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li .menu-new-img {
width: 90%;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:nth-child(3),
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:nth-child(7),
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:nth-child(11) {
margin: 0 6% 0 16%;
}
.en-res .bgcolor-gray > a span {
/* font-weight:300 !important;
background:#fff;
padding:0 8px;
border-radius:5px; */
}
.en-res .bgcolor-gray > a:hover span {
color: #10183a !important;
}
.en-res .bgcolor-gray ul li:first-child > a span {
font-weight: 600;
}
.en-res img {
margin: 10px 0;
}
.menu-no-content {
opacity: 0;
position: relative;
z-index: -1;
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:last-child
.sf-with-ul
span {
font-weight: 600;
cursor: initial !important;
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:last-child
span {
/* color:#006ee1; */
font-weight: 400;
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:last-child
span:hover {
/* text-decoration:underline; */
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:last-child
span
i:before {
color: #006ee1;
}
.menu-btn-link {
display: inline-block;
background: #006ee1;
border-radius: 5px;
color: #fff !important;
padding: 2px 15px;
margin-top: 15px;
position: relative;
overflow: hidden;
border-radius: 5px;
}
.menu-btn-link i:before {
color: #fff !important;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:hover {
/* background:#f7f9fa; */
/*transform:scale(1.02);
*/
/*transition:all 0.2s;
*/
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:last-child:hover {
/* background:#fff; */
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:hover > a span,
#site-navigation > ul > .megamenu:nth-child(4) > .sub-menu > li:hover > a span,
#site-navigation > ul > .megamenu:nth-child(6) > .sub-menu > li:hover > a span {
color: #006ee1 !important;
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li.bgcolor-gray:hover
> a
span,
#site-navigation
> ul
> .megamenu:nth-child(6)
> .sub-menu
> li.bgcolor-gray:hover
> a
span {
color: #10183a !important;
}
#site-navigation
.dropdown-menu
.en-res
.bgcolor-gray
ul
a:hover
.link-inner
i:before {
left: 0;
}
.dropdown-menu .megamenu a span .menu-intro {
font-size: 14px !important;
line-height: 22px !important;
display: inline-block;
margin-top: 4px;
}
.dropdown-menu .megamenu a:hover span .menu-intro {
color: #101f3a !important;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:hover:before,
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:hover:after,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(3):hover:before,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(6):hover:before,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(9):hover:before,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(3):hover:after,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(6):hover:after,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(9):hover:after {
/*content:"";
*/
width: 12px;
height: 2px;
background: #006ee1;
display: inline-block;
position: absolute;
right: 8px;
top: 44%;
transform: rotate(45deg);
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:hover:before,
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:hover:after {
top: 46%;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:hover:after,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(3):hover:after,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(6):hover:after,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(9):hover:after {
top: 52%;
transform: rotate(-45deg);
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li.bgcolor-gray:hover:before,
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li.bgcolor-gray:hover:after,
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:last-child:hover:before,
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:last-child:hover:after,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li.bgcolor-gray:hover:before,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li.bgcolor-gray:hover:after {
display: none;
}
#site-navigation > ul > .megamenu:nth-child(3) .menu-intro > a,
#site-navigation > ul > .megamenu:nth-child(4) .menu-intro > a,
#site-navigation > ul > .megamenu:nth-child(6) .menu-intro > a {
/*cursor:pointer;
*/
}
.dropdown-menu
.megamenu:nth-child(3)
> .sub-menu
> li.bgcolor-gray
.menu-a-link
> a:hover,
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li.bgcolor-gray
> a:hover,
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li.bgcolor-gray:hover,
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li.bgcolor-gray
li:last-child
> a:hover,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:first-child
ul
li:last-child
> a:hover,
#site-navigation
> ul
> .megamenu:nth-child(6)
> .sub-menu
> li.bgcolor-gray:hover {
transform: scale(1);
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:last-child {
/* margin-top:20px; */
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li.menu3-li {
margin-top: 20px;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li.menu3-li span {
/* display:flex;
*/
align-items: center;
font-weight: normal;
white-space: nowrap;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li.menu3-li:hover {
background-color: #fff;
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li.menu3-li:hover
span {
text-decoration: underline;
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li.menu3-li:hover
span
i:before {
color: #006ee1;
}
.sub-menu .menu-item a .meu-svg {
width: 30px;
height: 30px;
background-color: #f7f9fa;
margin: -4px 10px 0 0;
border-radius: 4px;
display: inline-block;
vertical-align: top;
}
/*Academy*/
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-aca
> ul.sub-menu,
#site-navigation-wrap #site-navigation li.megamenu.en-aca > ul.sub-menu {
/*display:block !important;
*/
padding-top: 22px;
padding-bottom: 70px;
}
#site-navigation > ul > .megamenu:nth-child(4) > .sub-menu > li {
display: inline-block;
vertical-align: top;
width: 31%;
margin-left: 10px;
position: relative;
}
#site-navigation > ul > .megamenu:nth-child(4) > .sub-menu > li:first-child {
position: absolute;
width: 32%;
left: 0;
padding-left: 2.2vw;
margin-left: 0;
}
#site-navigation-wrap
#site-navigation
li.megamenu.en-aca
> ul.sub-menu
.bgcolor-gray {
padding-top: 80px;
}
.en-aca .bgcolor-gray a span {
font-weight: 600;
font-size: 16px !important;
font-family: Manrope !important;
line-height: 32px !important;
white-space: nowrap;
}
.en-aca .bgcolor-gray > a {
padding-bottom: 0 !important;
}
.en-aca .menu-btn,
.en-res .menu-btn {
border: 1px solid #006ee1;
color: #fff !important;
padding: 2px 10px;
margin-top: 15px;
display: inline-block;
border-radius: 5px;
position: relative;
overflow: hidden;
background: #006ee1;
}
.en-aca .menu-btn:hover:after,
.en-res .menu-btn:hover:after,
.menu-btn-link:hover:after {
content: "";
display: inline-block;
-moz-animation: menubtn 0.7s;
-webkit-animation: menubtn 0.7s;
animation: menubtn 0.7s;
width: 15px;
height: 15px;
position: absolute;
background: rgba(255, 255, 255, 0.15);
border-radius: 50%;
animation-iteration-count: infinite;
animation-duration: 1.3s;
left: 0;
right: 0;
top: 0.5vw;
margin: auto;
line-height: 30px;
}
@keyframes menubtn {
0% {
transform: scale(1);
}
10% {
transform: scale(2);
}
20% {
transform: scale(3);
}
30% {
transform: scale(4);
}
40% {
transform: scale(5);
}
50% {
transform: scale(6);
}
60% {
transform: scale(7);
}
70% {
transform: scale(8);
}
80% {
transform: scale(9);
}
90% {
transform: scale(10);
}
100% {
transform: scale(11);
}
}
#site-navigation > ul > .megamenu:nth-child(4) > .sub-menu > li:nth-child(3),
#site-navigation > ul > .megamenu:nth-child(4) > .sub-menu > li:nth-child(6),
#site-navigation > ul > .megamenu:nth-child(4) > .sub-menu > li:nth-child(9) {
background-size: 40px 40px;
background-position-x: 15px;
padding: 8px 0 20px 1.6vw !important;
margin-left: 1.2vw;
cursor: initial;
}
#site-navigation > ul > .megamenu:nth-child(4) > .sub-menu > li:nth-child(3) {
padding-top: 0 !important;
}
.menu-online-img {
background: url(/wp-content/uploads/2021/09/online-traing-img.png) left
no-repeat;
}
.menu-onsite-img {
background: url(/wp-content/uploads/2021/09/onsite-training-img.png) left
no-repeat;
}
.menu-train-img {
background: url(/wp-content/uploads/2021/09/training-partner-img.png) left
no-repeat;
}
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(3):hover,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(6):hover,
#site-navigation
> ul
> .megamenu:nth-child(4)
> .sub-menu
> li:nth-child(9):hover {
/* background-color:#f7f9fa;
transition:all 0.2s;
transform:scale(1.02);
*/
/*cursor:pointer;
*/
}
#site-navigation ul li.menu-download .menu-image-title,
#site-navigation ul li.menu-download span {
padding: 15px;
background: #0070c0;
color: #fff !important;
border-radius: 14px;
line-height: 0px;
cursor: pointer;
margin-top: -6px;
}
#site-navigation ul li.free-trial .menu-image-title:hover,
#site-navigation ul li.free-trial span:hover,
#site-navigation #menu-main-menu-2-polish li.free-trial span span:hover {
background: #ff9a00;
color: #fff !important;
}
#site-navigation ul li.free-trial .menu-image-title,
#site-navigation ul li.free-trial span,
#site-navigation #menu-main-menu-2-polish li.free-trial span span {
padding: 15px;
background: #f5b418;
color: #fff !important;
border-radius: 14px;
line-height: 0px;
cursor: pointer;
margin-top: -6px;
}
body #site-navigation li.free-trial {
margin-left: 0;
}
#site-navigation li.free-trial font {
color: #fff;
}
#site-navigation .dropdown-menu > li.globeIt a:hover > span.link-inner {
color: #f7b215;
}
#site-navigation li.megamenu > a,
.is-sticky #site-navigation li.megamenu.menu-item > a {
padding-bottom: 24px;
}
#site-navigation li.megamenu > a::after {
content: "";
display: block;
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
background: #006ee1;
transition: all 0.3s ease-in-out;
transform: scale3d(0, 1, 1);
transform-origin: 50% 0;
}
#site-navigation li.megamenu:hover > a::after {
transform: scale3d(1, 1, 1);
}
#site-navigation ul li.menu-download .menu-image-title:hover,
#site-navigation ul li.menu-download span:hover {
background: #0098d9;
color: #fff !important;
}
#site-navigation li.megamenu > ul.sub-menu > li:first-child {
border-left: none;
}
#site-navigation
li.megamenu.en-par
> ul.sub-menu
> li:first-child
> ul.sub-menu {
margin-top: 2px;
}
#site-navigation li.megamenu > ul.sub-menu li {
padding: 0;
margin: 0;
}
#site-navigation
> ul
> .en-pro.megamenu:first-child
> .sub-menu
> li:nth-child(2)
> ul
> li:nth-child(even) {
display: flex;
align-items: center;
}
#site-navigation
> ul
> .en-pro.megamenu:first-child
> .sub-menu
> li:nth-child(2)
> ul
> li:nth-child(even)
a {
margin: 0;
padding: 0 6px;
font-size: 14px;
}
#site-navigation li.megamenu li a {
border: 0;
}
#site-navigation li.megamenu > ul.sub-menu > .menu-item > a {
padding: 8px 10px 2px 10px;
}
.dropdown-menu .megamenu .text-bg-gray > a:hover,
.dropdown-menu .megamenu .menu-no-link > a:hover,
.dropdown-menu .megamenu .menu-intro a:hover,
.dropdown-menu .en-menu.megamenu > a:hover {
transform: scale(1);
}
.navbar-style-one .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;
line-height: 1.4em;
font-size: 0.923em;
margin: 0 5px;
}
.sf-menu a {
display: block;
position: relative;
zoom: 1;
}
.not-sticky .sf-menu > li.en-menu > ul > li > a span,
.sf-menu > li.en-menu > ul > li > a span {
display: inline-block;
line-height: 25px;
font-size: 16px;
font-weight: 600;
}
.not-sticky .sf-menu > li.en-menu > ul > .text-bg-gray > a span,
.sf-menu > li.en-menu > ul > .text-bg-gray > a span {
background: #eff2f5;
padding: 0 8px;
font-weight: 400;
cursor: initial;
margin-bottom: 6px;
border-radius: 5px;
font-size: 14px !important;
cursor: initial !important;
}
.not-sticky .sf-menu > li.en-menu > ul > .text-bg-gray > a:hover span,
.sf-menu > li.en-menu > ul > .text-bg-gray > a:hover span {
color: #10183a !important;
}
.sf-menu ul img {
display: block;
float: none;
max-width: 100%;
}
.wpex-dropdown-top-border #site-navigation .dropdown-menu li .sub-menu {
background: transparent !important;
}
#site-navigation li.megamenu > ul.sub-menu > li ul {
display: block !important;
top: auto;
width: 100%;
min-width: 0;
left: auto;
position: relative;
opacity: 1 !important;
border: none;
padding: 0;
box-shadow: none;
}
.content-intro .intro-width {
max-width: 300px;
display: inline-block;
}
#site-navigation .dropdown-menu .sub-menu .sub-menu a {
line-height: 22px;
padding: 0 10px;
}
.not-sticky #site-navigation .dropdown-menu .en-menu .sub-menu .sub-menu a span,
#site-navigation .dropdown-menu .en-menu .sub-menu .sub-menu a span {
font-size: 14px;
line-height: 32px;
}
.pbx-info {
max-width: 300px;
display: inline-block;
}
.en-menu .learn-more {
color: #f5b418;
margin-top: 15px;
display: inline-block;
font-weight: 400 !important;
}
.en-solu .learn-more.menu-link {
margin-top: 8px;
}
#site-navigation .dropdown-menu li a .fa {
margin-right: 8px;
}
.en-menu .fa-long-arrow-right,
.en-menu .fa-download {
animation: inherit;
margin-left: 5px;
}
.menu-no-link > a,
.menu-intro > a {
cursor: initial;
}
.fa-long-arrow-right:before {
content: "\f178";
}
#site-navigation .dropdown-menu ul a:hover *,
#site-header
#site-navigation
.dropdown-menu
.en-menu
ul
.menu-item-has-children
> a:hover
span {
color: #006ee1;
}
#site-navigation .dropdown-menu .en-menu ul a:hover .link-inner i:before {
/*left:5px;
*/
}
.en-menu .fa-long-arrow-right:before {
position: relative;
left: 0;
transition: all 0.1s;
}
#site-header
#site-navigation
.dropdown-menu
.en-menu
ul
li.last-li
ul
li:nth-child(1) {
padding: 0 !important;
min-height: initial;
}
@media only screen and (min-width: 960px) {
/* 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;
}
} /*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]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Mobile Menu Toggles]
-------------------------------------------------------------------*/
/* Mobile Menu Toggles > Icon Button(s) */
#mobile-menu {
height: 40px;
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
}
#mobile-menu a {
display: block;
float: left;
color: #666;
font-size: 18px;
height: 40px;
width: 40px;
line-height: 40px;
border: 1px solid #eee;
border-radius: 3px;
text-align: center;
margin-left: 10px;
background: #f7f7f7;
transition: all 0.15s ease-in-out;
}
#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: 100vw;
/* max-width: 100%; */
padding-bottom: 30px;
overflow-x: hidden;
overflow-y: auto;
font-size: 1.077em;
background: #ffffff;
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,
.sidr-class-dropdown-toggle:hover,
.sidr-class-menu-item-has-children.active > a,
.sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle {
color: #fff;
text-decoration: none;
} */
a.sidr-class-toggle-sidr-close {
/* position: relative; */
position: fixed;
margin: 0 auto;
display: block;
height: 67px;
width: 100vw;
line-height: 50px;
font-size: 18px;
color: #fff;
background: #fff;
z-index: 999;
}
.sidr-class-toggle-sidr-close:before {
content: " ";
position: absolute;
top: 27px;
left: 5vw;
width: 89px;
height: 26px;
background-image: url(/wp-content/uploads/2024/07/shate-S20-1.png);
background-size: cover;
}
.sidr-class-toggle-sidr-close:after {
content: " ";
position: absolute;
top: 30px;
left: 90vw;
width: 20px;
height: 20px;
background-image: url(/wp-content/uploads/2024/07/close-mobile-menu-icon.png);
background-size: cover;
}
/* 点击效果 - 移动设备上，点击链接时可能会出现默认的点击高亮效果 */
a {
-webkit-tap-highlight-color: transparent;
}
/* 移动端 - 一级菜单 */
.sidr-class-dropdown-menu {
padding: 0 5vw;
}
.sidr-class-dropdown-menu ul {
display: none;
border-top: 1px solid rgba(255, 255, 255, 0.035);
margin-left: 0;
background: rgba(255, 255, 255, 0.02);
}
.sidr-class-dropdown-menu > li {
border-bottom: 1px solid #e0e8f1;
}
.sidr-class-dropdown-menu li a {
display: block;
position: relative;
padding: 16px 0;
font-weight: 600;
font-size: 18px;
color: #303c42;
}
.sidr-class-dropdown-menu > li > a::before {
content: " ";
position: absolute;
top: 30px;
right: 0vw;
width: 12px;
height: 12px;
background-image: url(/wp-content/uploads/2024/07/close-arrow.png);
background-size: contain;
background-repeat: no-repeat;
}
i.sidr-class-right-arrow-icon {
position: relative;
}
i.sidr-class-right-arrow-icon::before {
content: " ";
position: absolute;
top: 4px;
left: 11px;
width: 14px;
height: 14px;
background-image: url(/wp-content/uploads/2024/07/right-arrow-icon.png);
background-size: contain;
background-repeat: no-repeat;
}
.sidr-class-download a::before {
right: 49vw !important;
}
.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-toggle {
font-size: 11px;
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-menu a:hover {
text-decoration: none !important;
}
.sidr-class-dropdown-menu > .active > a::before {
background-image: url(/wp-content/uploads/2024/07/open-menu-icon.png) !important;
}
/* 移动端 - 底部View Demo按钮 */
.sidr-class-view-demo-btn {
margin-top: 8vw;
width: 90vw;
text-align: center;
border-radius: 30px;
border-bottom: none !important;
background: #006ee1;
}
.sidr-class-view-demo-btn:active {
background: #005fc3;
}
.sidr-class-view-demo-btn a {
font-size: 16px !important;
color: #ffffff !important;
}
.sidr-class-view-demo-btn a::before {
display: none;
}
/* 移动端 - 二级菜单 */
.sidr-class-secondary-menu a {
font-size: 14px !important;
}
.sidr-class-secondary-menu > a {
opacity: 0.6;
}
.sidr-class-secondary-menu .sidr-class-sub-menu li a {
padding-left: 5.2vw;
}
.sidr-class-secondary-menu .sidr-class-sub-menu li a:hover,
.sidr-class-secondary-hidden .sidr-class-sub-menu li a:hover {
background: #e5f6fe;
border-radius: 30px;
padding: 10px 5.2vw !important;
margin: 6px 0;
}
.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;
}
/* 移动端 - 三级菜单 */
.sidr-class-secondary-hidden .sidr-class-sub-menu li a {
padding-left: 5.2vw;
}
.sidr-class-secondary-hidden .sidr-class-sub-menu li a {
font-size: 14px !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-left: 5vw;
margin-top: 67px;
}
.sidr-class-mobile-menu-searchform input {
padding: 15px 45px 15px 35px;
width: 90vw;
border: 0;
outline: 0;
line-height: 1.4em;
border-radius: 42px;
color: #bbbbbb;
font-size: 1em;
font-weight: 400;
transition: all 0.3s;
}
.sidr-class-mobile-menu-searchform input:focus {
color: #303c42;
}
.sidr-class-mobile-menu-searchform button {
background: none !important;
display: block;
position: absolute;
left: 8px;
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
top: 50%;
margin-top: -15px;
color: #e4e6ea;
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;
}
/*------------------------------------------------------------------
[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;
}
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;
}
.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]
-------------------------------------------------------------------*/
.blog-entry a.blog-entry-media-link {
display: block;
margin: 0 auto;
}
.blog-home-page .theme-button,
.new-home-page .theme-button {
background: #0070c0;
padding: 0.4em 1.5em;
}
.blog-home-page .theme-button:hover,
.new-home-page .theme-button:hover {
background: #0098d9;
}
.blog-main {
margin-bottom: 50px;
}
.blog-main .page-header {
padding: 0;
background-color: #fff;
border-bottom: none;
margin-bottom: 6.5vw;
}
.blog-main #blog-entries {
clear: both;
margin-top: 3.9vw;
}
.news-main div#blog-entries {
position: relative;
top: -3.8vw;
left: 2vw;
}
/* wpml-new-home */
.blog-main .wpml-new-home {
max-width: 58vw;
}
.wpml-new-home .blog-year-type .col-xs-10 {
width: 100%;
}
.wpml-new-home .post-year-title,
.wpml-new-home .posts-year {
opacity: 0;
height: 0;
}
.blog-entry-media img {
display: block;
margin: 0 auto;
width: 100%;
max-width: 200px;
}
.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: 1.5em;
margin: 0 0 10px;
font-weight: 400;
}
.blog-entry-media,
.blog-entry-excerpt {
margin-bottom: 20px;
}
.blog-home-page .blog-entry-excerpt {
display: none;
}
.blog-entry-readmore {
margin: 35px 0 25px;
width: max-content;
}
/* 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 #eee;
clear: both;
}
.blog-entry.thumbnail-entry-style .blog-entry-title {
margin: 0 0 10px;
}
/* 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: rgba(0, 0, 0, 1);
}
/*------------------------------------------------------------------
[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.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 > 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: rgba(0, 0, 0, 1);
}
/* 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;
}
.page-tags-entries .meta {
display: block;
}
.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]
-------------------------------------------------------------------*/
/*free-trial*/
.server-location input[name="server-location"] {
cursor: no-drop;
}
/*next/previous posts*/
.post-pagination {
border-top: 1px solid #eee;
padding: 30px 0;
color: #888;
}
.post-pagination li {
margin: 20px 0;
}
.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;
}
/*next/previous posts get-help*/
div.footer-get-help {
width: 100%;
min-height: 80px;
background: #f3f6f8;
}
p.get-help-width {
line-height: 80px;
max-width: 580px;
margin: 0 auto;
}
.get-help-intro {
font-size: 25px;
}
.get-help-btn {
display: inline-block;
width: 120px;
height: 50px;
background: #0599d9;
line-height: 50px;
text-align: center;
margin-left: 50px;
cursor: pointer;
font-size: 20px;
}
.get-help-btn a {
color: #fff;
text-decoration: none;
}
.get-help-btn:hover {
background: #0780b5;
}
/*standard*/
ul.page-numbers {
list-style: none;
margin: 10px 0 0;
}
ul.page-numbers li {
display: block;
float: left;
margin: 0 4px 10px 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: #fff;
background: #0070c0;
text-decoration: none;
border-color: #0070c0;
}
.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;
}
#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 */
.site-footer {
background: #f8f8fa;
color: #303c42;
clear: both;
}
.site-footer .container {
padding-top: 76px;
}
.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.68;
color: #101f3a;
font-weight: 600;
font-size: 16px;
margin: 0 0 7px;
}
#footer .followus p {
margin-top: 0;
}
.site-footer-widgets {
position: relative;
}
.site-footer a,
.site-footer strong {
color: #101f3a;
display: inline-block;
}
/* Footer > Widgets */
#footer-inner {
width: 1200px;
}
#footer-widgets {
width: 1200px;
margin: 0 auto;
}
#footer-widgets.wpex-row .col {
margin-bottom: 0 !important;
}
.footer-widget .wpex-widget-recent-posts-title {
color: #fff;
}
/* Footer > Bottom */
#footer-bottom {
background: #f8f8fa;
color: #303c42;
font-size: 0.923em;
}
#footer-bottom p {
color: #999;
}
#footer-bottom p:last-child {
margin: 0;
}
#footer-bottom-inner {
width: 1200px !important;
}
#footer-bottom a {
color: #aaa;
}
#footer-bottom a:hover {
color: #006ee1;
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;
}
#copyright {
display: flex;
width: 100%;
justify-content: space-between;
padding: 18px 0 33px;
margin: 0 auto;
font-size: 14px;
line-height: 30px;
}
/* Footer > Back To Top Button */
#site-scroll-top {
position: fixed;
right: 40px;
bottom: 40px;
color: #898989;
height: 35px;
line-height: 35px;
width: 35px;
font-size: 16px;
border-radius: 50%;
background: #f7f7f7;
border: 3px 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;
}
#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;
}
/*entries*/
.search-entry {
position: relative;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
padding-left: 130px;
min-height: 120px;
max-width: 87vw;
margin: 20px auto;
}
.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: absolute;
right: 12vw;
background: #f9f9f9;
top: 100%;
padding: 12px;
width: 200px;
border-top: 3px solid transparent;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
visibility: hidden;
opacity: 0;
transition: all 0.25s ease-in-out;
}
#searchform-dropdown input {
display: block;
outline: none;
border: none;
width: 100%;
/*background:rgba(51,51,51,.9) !important;
*/
-webkit-appearance: none;
border-radius: 0;
}
#searchform-dropdown button {
display: none;
}
#searchform-dropdown button.searchform-submit {
display: block;
}
.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;
}
/*------------------------------------------------------------------
[Contact Form 7]
-------------------------------------------------------------------*/
div.wpcf7 .wpcf7-not-valid {
border-color: #f00;
}
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;
display: none;
}
div.wpcf7 .wpcf7-mail-sent-ok {
margin: 10px 0 0;
padding: 10px;
background: #edfdd3;
border: 1px solid #c4dba0;
text-align: center;
color: #657e3c;
font-weight: normal;
}
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;
width: 100%;
}
#comments.empty-closed-comments {
display: none;
}
/* Comments > Entry */
#comments .children {
margin-left: 30px;
list-style: none;
}
#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: #303c42;
}
#comments .comment-meta .fn .url {
color: #303c42;
}
#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: 10px;
position: absolute;
top: 0;
right: 0;
font-size: 16px;
}
#comments .comment-body .reply a {
color: #fff;
text-decoration: none;
background: #0095d9;
padding: 0.2em 0.8em;
cursor: pointer;
border-radius: 5px;
}
#comments .comment-body .reply a:hover {
background: #0081cc;
}
#comments .comment-reply-title {
font-size: 1.74em;
margin-bottom: 0;
color: #303c42;
margin: 38px 0 19px 0;
font-weight: 300;
position: relative;
}
.small-reply-title {
font-weight: 300;
position: absolute;
background: #fff;
left: 0;
padding-bottom: 10px;
}
#comments .logged-in-as {
font-size: 0.923em;
margin: 0 0 10px;
}
#comments #cancel-comment-reply-link {
font-size: 15px;
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: #303c42;
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: 35%;
background: #fff;
}
#comments .error {
border-color: red;
}
#comments input[type="text"]:focus,
#comments input[type="email"]:focus,
#comments textarea:focus {
border: 1px solid #0098d9;
}
#comments #commentform label {
display: inline-block;
margin-bottom: 3px;
margin: 0 0 0 5px;
position: relative;
top: 2px;
width: 10%;
}
#comments #commentform label[for="wp-comment-cookies-consent"] {
width: 55%;
}
#comments .form-allowed-tags {
display: none;
}
#comments span.required {
color: #f00;
font-size: 9px;
position: relative;
top: -4px;
}
.comment-form-comment textarea {
background: #fff;
width: 100%;
display: block;
max-height: 220px;
}
#comments .comment-form-cookies-consent {
opacity: 0;
height: 0;
line-height: 0;
margin: 0;
}
#comments #commentform .comment-form-comment label {
margin: 0 0 10px 0;
}
#wp-comment-cookies-consent {
margin-right: 5px;
position: relative;
z-index: 1;
}
#comments .form-submit {
position: relative;
}
#comments #submit {
background: #0098d9;
}
#comments .ajax-loader {
display: inline-block;
background-image: url(/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
background-size: 16px 16px;
border: none;
padding: 0;
margin: 0 0 0 15px;
vertical-align: middle;
display: none;
}
.comment-verificate {
background: #0098d9;
color: #fff;
position: absolute;
top: 0;
padding: 0.5em 1em;
cursor: pointer;
}
#comments .comment-form-url {
opacity: 0;
height: 0;
}
#comments .comment-list {
list-style: none;
}
/* 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.33em 0.95em;
}
.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: #006ee1;
}
/* 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 {
position:absolute;
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: "\2195";
}
.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;
}
.foot-line-2 {
position: initial;
}
}
@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: absolute;
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: "\25B6";
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: 23% !important;
text-align: center;
}
#footer-bottom #copyright .foot-line-2 {
font-size: 14px;
}
#footer-bottom #copyright .foot-line-2 a {
font-size: 14px;
margin: 0 5px;
color: inherit;
color: #303c42;
}
#footer-bottom #copyright .foot-line-2 a:hover {
text-decoration: underline;
}
/*Italy*/
.it-foot-right {
position: relative;
bottom: -6.6rem;
z-index: 998;
margin-left: -150px;
}
/*English*/
.foot-right {
position: relative;
bottom: -6.5rem;
z-index: 998;
margin-left: -100px;
}
/*Deutsch*/
.it-foot-right-2 {
position: relative;
bottom: -6.6rem;
z-index: 998;
margin-left: -240px;
}
/*.f*/
.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(/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(/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(/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(/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(/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("/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("/wp-content/uploads/2016/07/link-hover.png") 0 5px
no-repeat;
}
.resources-article .resources-list li {
background: url("/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("/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(/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(/wp-content/uploads/2016/07/drop.png);
position: absolute;
top: 7px;
right: 5px;
}
.header-button.quote {
background-image: url(/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: 1151px;
margin: 0 auto;
padding: 5rem 0 6rem 2.5rem;
}
.bepartner-content.bepartner-pl {
max-width: 840px;
}
.bepartner-content-it {
max-width: 1162px;
margin: 0 auto;
padding: 5rem 0 6rem 2.5rem;
}
.bepartner-content-de {
max-width: 1212px;
margin: 0 auto;
padding: 5rem 0 6rem 2.5rem;
}
.bepartner {
border: 1px solid #535353;
border-radius: 0px;
padding: 17px 56px;
font-size: 16px;
background: #fff !important;
}
.bepartner:hover {
border: 1px solid #00a0e3;
-webkit-box-shadow: 0 0 10px rgba(0, 160, 227, 1);
-moz-box-shadow: 0 0 10px rgba(0, 160, 227, 1);
box-shadow: 0 0 10px rgba(0, 160, 227, 1);
}
.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: 0 11%;
width: 76.79%;
}
.swap-image {
position: relative;
display: block;
}
.swap-image-container {
background-color: #f0f0f0;
text-align: center;
padding-top: 1px;
min-height: 395px;
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);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.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);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.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);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.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;
}
div#footer-widgets .footer-box {
display: inline-block;
vertical-align: top;
width: 43%;
}
#footer-widgets .footer-widget.widget_nav_menu.clr {
display: inline-block;
width: 50%;
vertical-align: top;
}
div#footer-widgets .footer-box:nth-child(3) {
width: auto;
}
div#footer-widgets .footer-box:nth-child(3) .clr {
width: 100%;
}
div#footer-widgets .footer-box:nth-child(3) .clr:nth-child(2) {
display: none;
}
div#footer-widgets .footer-box:nth-child(4) {
display: block;
width: 100%;
}
.footerleft {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(16, 31, 58, 0.15);
padding: 50px 0 8px;
}
#footer li {
line-height: 32px;
}
#footer-widgets .col-4 .footer-widget:nth-child(4) {
height: auto !important;
}
#footer-widgets .col-4 .footer-widget:nth-child(2) {
height: 0 !important;
opacity: 0;
width: 0 !important;
}
@font-face {
font-family: "iconfont";
src: url("../font/iconfont.eot?t=1477445860699");
/* IE9*/
src: url("../font/iconfont.eot?t=1477445860699#iefix")
format("embedded-opentype"),
/* IE6-IE8 */ url("../font/iconfont.woff?t=1477445860699")
format("woff"),
/* chrome,firefox */ url("../font/iconfont.ttf?t=1477445860699")
format("truetype"),
/* chrome,firefox,opera,Safari,Android,iOS 4.2+*/
url("../font/iconfont.svg?t=1477445860699#iconfont") format("svg");
/* iOS 4.1- */
font-display: swap;
}
.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";
}
.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-instagram:before {
content: "\f16d";
}
.icon-more:before {
content: "\e613";
}
.followlink {
margin-top: 5px;
}
.linkblock .fa-xing:before {
padding-top: 6px;
display: block;
}
.linkblock .fa-xing:nth-child(2):before {
padding-top: 10px;
}
.linkblock .fa-instagram:before {
font-size: 14px;
padding-top: 6px;
display: block;
}
.linkblock .fa-instagram:nth-child(2):before {
padding-top: 12px;
}
.followlink .linkblock:nth-child(6):hover .fa-xing:before {
padding-top: 11px;
}
.followlink .linkblock {
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 50%;
background: #101f3a;
background-color: #949a9e;
overflow: hidden;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.35s;
margin: 0 5px;
cursor: pointer !important;
}
.followlink .linkblock:first-child {
margin-left: 0;
}
.followlink .linkblock i {
display: block;
position: relative;
top: 0;
transition: top 0.35s;
color: #fff;
font-size: 12px;
line-height: 26px;
}
.followlink .linkblock .icon-twitter:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(/wp-content/uploads/svg/twitter-icon.svg) center no-repeat;
background-size: cover;
position: relative;
top: 2px;
left: 0px;
}
.followlink .linkblock:hover {
background: #3b5998;
}
.followlink .linkblock:hover i {
top: -26px;
color: #fff;
}
.followlink .linkblock:nth-child(1):hover {
background: #0a66c2;
}
.followlink .linkblock:nth-child(2):hover {
background: #1877f2;
}
.followlink .linkblock:nth-child(3):hover {
background: #1d9bf0;
}
.followlink .linkblock:nth-child(4):hover {
background: #ff0000;
}
.followlink .linkblock:nth-child(5):hover {
background-color: #de336a;
}
.followlink .linkblock:nth-child(6):hover {
background: #006567;
}
.followlink .linkblock:nth-child(7):hover {
background: #0aa2c2;
}
.followlink .linkblock:nth-child(6):hover i {
top: -30px;
}
.followus h4 {
margin-bottom: 0;
}
.followus hr {
margin: 10px 0;
border-color: #6a6a6a;
}
.followus p {
margin-bottom: 15px;
}
.footerleft * {
color: #303c42;
}
.footerleft img {
width: 294px;
}
.footerleft a {
line-height: 0;
}
.footerleft .content-right img {
width: 65px;
margin-left: 20px;
}
.footerleft .content-right img:first-child {
margin-left: 0;
}
.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;
}
@-webkit-keyframes more-ip-animate {
0% {
width: 50px;
height: 50px;
left: 3px;
}
50% {
width: 280px;
left: 15px;
height: 50px;
}
100% {
height: 470px;
}
}
@-moz-keyframes more-ip-animate {
0% {
width: 50px;
height: 50px;
left: 3px;
}
50% {
width: 280px;
left: 15px;
height: 50px;
}
100% {
height: 470px;
}
}
@-o-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;
}
}
@-webkit-keyframes more-n-animate {
0% {
width: 50px;
height: 50px;
left: 3px;
}
50% {
width: 280px;
height: 50px;
left: 15px;
}
100% {
height: 273px;
}
}
@-moz-keyframes more-n-animate {
0% {
width: 50px;
height: 50px;
left: 3px;
}
50% {
width: 280px;
height: 50px;
left: 15px;
}
100% {
height: 273px;
}
}
@-o-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;
}
@-webkit-keyframes more-one-item {
0% {
width: 50px;
height: 50px;
left: 3px;
}
50% {
width: 280px;
left: 15px;
height: 50px;
}
100% {
height: 165px;
}
}
@-moz-keyframes more-one-item {
0% {
width: 50px;
height: 50px;
left: 3px;
}
50% {
width: 280px;
left: 15px;
height: 50px;
}
100% {
height: 165px;
}
}
@-o-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;
}
@-webkit-keyframes more-three-item {
0% {
width: 50px;
height: 50px;
left: 3px;
}
50% {
width: 280px;
left: 15px;
height: 50px;
}
100% {
height: 370px;
}
}
@-moz-keyframes more-three-item {
0% {
width: 50px;
height: 50px;
left: 3px;
}
50% {
width: 280px;
left: 15px;
height: 50px;
}
100% {
height: 370px;
}
}
@-o-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;
}
}
.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: 31.3% !important;
text-align: center;
}
.sub-menu .menu-item a img {
/* width:210px;
height:160px;
padding:0 !important;
margin:12px auto;
*/
}
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: #303c42;
}
#searchform-dropdown2 {
z-index: 10000;
position: absolute;
right: 200px;
background: #f9f9f9;
top: 85px;
padding: 15px;
width: 200px;
border-top: 3px solid transparent;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
visibility: hidden;
opacity: 0;
/* transition:all 0.25s ease-in-out;
*/
border-top-color: #0081cc;
}
div#searchform-dropdown2 a:hover {
background-color: #004277;
color: #fff;
text-decoration: none;
}
.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;
}
.bepartner.center {
float: none;
border: none;
}
/*hidden grecaptcha*/
.grecaptcha-none {
display: none !important;
}
/*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: 3rem;
}
.home-slide .sp-next-arrow {
margin-right: 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*/
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;
}
.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(https://www.yeastar.com/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;
}
.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;
/* -o-expand {
display:none;
}
*/
}
.become-partner .name {
background-image: url("/wp-content/uploads/2016/05/name.png");
}
.become-partner .email {
background-image: url("/wp-content/uploads/2016/05/email.png");
}
.become-partner .company {
background-image: url("/wp-content/uploads/2016/05/company-1.png");
background-position: 20px center;
}
.become-partner .eath {
background-image: url("/wp-content/uploads/2016/05/eath.png");
}
.become-partner .heart {
background-image: url("/wp-content/uploads/2016/05/heart.png");
background-position: 18px center;
display: table;
position: relative;
width: 100%;
}
.become-partner .phone {
background-image: url("/wp-content/uploads/2016/05/phone.png");
background-position: 21px center;
}
.become-partner .skype {
background-image: url("/wp-content/uploads/2016/05/skype-1.png");
}
.become-partner .business {
background-image: url("/wp-content/uploads/2016/05/business.png");
background-position: 20px center;
display: table;
width: 100%;
position: relative;
}
.become-partner .eye {
background-image: url("/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(https://www.yeastar.com/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("/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%;
}
* h1 *,
* h2 *,
h1 *,
h2 * {
font-weight: 300;
}
* h1 strong,
* h2 strong,
h1 strong,
h2 strong {
font-weight: 600;
}
#site-scroll-top span:before {
font-family: "FontAwesome" !important;
}
.vcex-blog-entry-date {
font-size: 14px !important;
}
.become-partner .screat {
background: url(https://www.yeastar.com/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%;
}
/*free-trial*/
#email-error {
color: red;
display: none;
}
/*join-itsp-partner-program*/
.join-itsp-partner-program {
font-size: 2.8rem;
text-align: center;
color: #4a4a4a;
font-weight: 300;
display: inline-block;
margin-bottom: 9rem !important;
text-decoration: none !important;
line-height: 35px;
}
.join-itsp-partner-program:hover {
color: #004277;
/*font-size:3rem;
*/
}
/*intellinet-info*/
.partaners-title,
.partaners-intro {
font-size: 40px;
}
.partaners-title,
.partaners-intro {
color: #fff;
text-align: center;
}
.partaners-intro {
font-weight: 300;
font-size: 2.5rem;
}
.intellinet-title {
font-size: 2.5rem;
margin-top: 4rem;
}
.intellinet-title a {
color: #004277;
}
.intellinet-intro,
.intellinet-intro-no-table {
font-size: 16px;
color: #8a8a8a;
line-height: 30px;
margin-bottom: 5rem !important;
}
.intellinet-intro-no-table {
margin-bottom: 10.5rem !important;
}
.intellinet-img img {
margin-top: 7.5em;
}
#itsp-page {
color: #004277;
font-size: 16px;
background: #f1f4f6;
width: 60%;
width: 272px;
z-index: 2;
padding-bottom: 30px;
margin: 56px 0;
position: relative;
left: 8.5em;
top: initial;
overflow-y: scroll;
overflow-x: hidden;
}
#itsp-page > div:first-child {
padding-top: 20px;
font-size: 18px;
color: #004277;
padding-left: 20px;
}
#itsp-page .show-itsp-country {
margin-top: 10px;
}
#itsp-page .show-itsp-country {
transition: all 0.5s;
}
#itsp-page .show-itsp-country,
.cloud-country div {
position: relative;
}
#itsp-page .cloud-title {
padding-left: 20px;
}
#itsp-page .cloud-country div {
padding-left: 45px;
}
#itsp-page .cloud-title:before,
#itsp-page .cloud-country div:before {
content: "";
display: inline-block;
width: 9px;
height: 9px;
border-top: 2px solid #004277;
border-right: 2px solid #004277;
transform: rotate(138deg);
position: absolute;
top: 7px;
transition: all 0.5s;
}
#itsp-page .cloud-title:before {
left: 25px;
}
#itsp-page .cloud-country {
display: none;
}
#itsp-page .cloud-title,
#itsp-page .cloud-country div p {
margin-left: 23px;
margin-bottom: 0;
margin-top: 10px;
cursor: pointer;
}
#itsp-page .cloud-country div ul {
list-style: none;
font-size: 15px;
color: #666;
width: 99%;
display: none;
margin-left: 14px;
margin-bottom: 0;
}
#itsp-page .cloud-country div ul ul {
margin-left: 0;
}
#itsp-page .cloud-country div ul li {
margin: 0;
padding: 5px 10px 0;
}
#itsp-page .cloud-country div ul li a {
color: #666;
}
#itsp-page .cloud-country div ul .show-support {
display: none;
position: initial;
margin: initial;
padding: 0;
box-shadow: none;
}
#itsp-page .cloud-country div ul li.more-support {
background: #f1f4f6;
width: 88%;
height: 25px;
cursor: pointer;
margin-bottom: 0;
}
#itsp-page .more-support:after {
content: "";
display: block;
border-top: 2px solid #666;
border-right: 2px solid #666;
width: 9px;
height: 9px;
transform: rotate(134deg);
margin: 0 auto;
position: relative;
top: 5px;
}
#itsp-page .cloud-country .show-more-country {
display: none;
padding-left: 0;
}
#itsp-page .cloud-country .show-more-country:before {
content: "";
border: none;
}
#itsp-page .more-pbx {
text-align: center;
background: #e1e5e9;
margin-bottom: 0;
cursor: pointer;
padding: 5px 0 8px;
margin-top: 20px;
}
#itsp-page .more-pbx:after {
content: "";
display: block;
background: url(/wp-content/uploads/2018/12/more-arrow.png) no-repeat center;
width: 16px;
height: 7px;
margin: 0 auto;
}
/*click propetry*/
#itsp-page .cloud-country .itsp-div-active:before {
transform: rotate(-44deg);
top: 10px;
}
#itsp-page .itsp-div-active p {
font-weight: 600;
}
#itsp-page .cloud-title-active {
font-weight: 600;
}
#itsp-page .cloud-title-active:before {
transform: rotate(-44deg);
top: 10px;
font-size: 18px;
}
#itsp-page .more-support-active:after {
transform: rotate(-44deg);
top: 10px;
}
.itsp-vc-15 .vc_col-sm-2:first-child {
width: 25%;
}
.itsp-vc-15 .vc_col-sm-8 {
width: 62%;
}
.itsp-vc-15 .vc_col-sm-8 .vc_row {
border-top: 1px solid #e1e5e9;
}
.itsp-vc-15 .vc_col-sm-8 .templatera_shortcode .vc_row {
border-top: none;
}
.itsp-vc-15 .vc_col-sm-2:last-child {
width: 8.3%;
}
/*intellinet-table*/
.table-phone {
overflow: auto;
margin: 0 0 65px !important;
}
.intellinet-table {
border-collapse: collapse;
width: 100%;
}
.intellinet-table tr td {
height: 50px;
line-height: 25px;
padding: 5px 10px;
vertical-align: middle;
text-align: center;
width: 16.666%;
}
.border-color-1 {
border-left: 1px solid #e1e5e9 !important;
}
.border-color-2 {
border-right: 1px solid #e1e5e9 !important;
}
.intellinet-table tr:nth-child(odd) td {
background: #e1e5e9;
border: 1px solid #fff;
}
.intellinet-table tr:nth-child(even) td {
background: #fff;
border: 1px solid #e1e5e9;
}
.split-line {
margin: 0 auto;
width: 100%;
}
/*Bottom-Document-Inquiry-Demo*/
.border-totale-width {
max-width: 1080px !important;
margin: 10rem auto 4rem auto !important;
}
.border-totale-width p a {
color: #303c42;
font-weight: 300;
text-decoration: none;
}
.border-totale-width p a:hover {
color: #0081cc;
}
.border-one,
.border-two,
.border-three {
width: 300px;
height: 170px;
border: 1px solid #ccc;
margin: 0 2.2rem 1rem 2.2em;
}
.border-one:hover,
.border-two:hover,
.border-three:hover {
border: 1px solid #00a0e3;
-webkit-box-shadow: 0 0 10px rgba(0, 160, 227, 1);
-moz-box-shadow: 0 0 10px rgba(0, 160, 227, 1);
box-shadow: 0 0 10px rgba(0, 160, 227, 1);
}
.border-one img,
.border-two img,
.border-three img {
width: 70%;
margin-top: 20px;
}
h2.blog-entry-title.entry-title a {
color: #004277;
font-weight: 400 !important;
font-size: 30px;
}
.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 .col-xs-1 {
width: 8.333%;
}
.blog-year-type .col-xs-2 {
width: 16.666%;
}
.blog-year-type .col-xs-10 {
width: 83.333%;
}
.blog-year-type .col-xs-11 {
width: 91.666%;
}
.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: 14px;
letter-spacing: 1px;
}
.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 {
width: 56vw;
/*width:1078px;
*/
margin: 0 auto;
}
.total-tag .tag-li a {
line-height: 17px;
font-size: 14px;
}
.single-page-tag .tag-li {
height: 30px;
line-height: 27px;
background: #f7f7f7;
margin: 10px 0px;
padding-left: 8px;
}
.tag-home {
position: relative;
}
.blog-phone-tag {
width: 93%;
overflow: hidden;
height: 68px;
padding: 20px;
}
.blog-phone-tag.tag-height-auto {
height: auto;
}
.blog-main .total-tag .tag-li {
/* background:url(/wp-content/uploads/2020/11/normal-tag-icon.png) left no-repeat;
*/
/* background-size:20px 20px;
*/
background-position-y: 0;
background-repeat: no-repeat;
line-height: initial;
min-height: 23px;
border: none;
margin: 0 10px 25px 0;
vertical-align: top;
display: inline-block;
transition: all 0.5s;
box-shadow: 0 0 0.7vw rgba(61, 74, 89, 0.15);
padding: 6px 18px;
border-left: 3px solid #fff;
}
.blog-main .page-tag .tag-li:nth-child(1) {
border-left: 3px solid #f5b418;
}
.blog-main .total-tag .tag-li:hover {
border-left: 3px solid #f5b418;
padding-left: 18px;
}
.blog-main .total-tag .tag-li:hover a {
font-weight: 600;
}
.blog-main .total-tag .tag-li a {
font-size: 16px;
/*font-weight:600;
*/
color: #303c42;
line-height: initial;
text-decoration: none;
}
.blog-main .page-tag .tag-li:nth-child(1) a {
font-weight: 600;
}
.show-more-tag {
font-size: 19px;
font-weight: 600;
position: absolute;
top: 21px;
right: 0;
cursor: pointer;
}
.show-more-tag img {
position: relative;
top: 4px;
margin-right: 6px;
}
.show-more-tag:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-top: 7px solid #303c42;
border-right: 6px solid transparent;
margin-left: 5px;
position: relative;
top: -1.5px;
transition: all 0.5s ease-in-out;
transform: rotate(0);
}
.tag-more-click-ctive:after {
transform: rotate(180deg);
}
#content article.single-blog-article {
padding-left: 16%;
padding-right: 16%;
}
#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;
}
#wrap .complimentary {
width: 100%;
background: #004277;
color: #fff;
text-align: center;
padding: 8px 0;
font-size: 15px;
position: fixed;
left: 0;
right: 0;
z-index: 88888;
line-height: initial;
top: 32px;
}
#wrap.noWpad .complimentary {
top: 0;
}
#wrap.noWpad.havWpad .complimentary {
top: 32px;
}
#wrap .complimentary span {
font-weight: 600;
line-height: initial;
}
#wrap .complimentary .remote-span {
display: inline-block;
background: #fff;
border-radius: 5px;
width: 130px;
margin-left: 50px;
height: 25px;
line-height: 25px;
font-size: 13px;
color: #004277;
margin-top: 0;
}
#wrap .complimentary .remote-span:hover a {
text-decoration: none;
font-weight: 600;
}
#wrap .complimentary .remote-span a {
color: #004277;
}
#wrap .free-close-btn {
position: fixed;
opacity: 0.8;
right: 3%;
margin-top: -7px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s;
}
#wrap .free-close-btn:hover {
transform: rotate(180deg);
}
.noWpad div#site-header-sticky-wrapper {
height: 90px !important;
}
.noWpad #site-header {
top: 40px !important;
position: fixed;
width: 100%;
}
.noWpad
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-menu
> ul.sub-menu,
.noWpad #site-navigation > ul > .en-menu.megamenu > .sub-menu,
.noWpad
#site-navigation-wrap
#site-navigation
li.en-menu.megamenu
> ul.sub-menu {
/*top:130px !important;
*/
}
.noWpad .blog-main {
margin-top: 40px;
}
.noWpad #main {
margin-top: 2vw;
}
.havWpad .blog-main {
margin-top: 40px;
}
.havWpad #site-header {
top: 73px !important;
position: fixed;
width: 100%;
}
.havWpad div#site-header-sticky-wrapper {
height: 90px !important;
}
.havWpad
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-menu
> ul.sub-menu,
.havWpad #site-navigation > ul > .en-menu.megamenu > .sub-menu,
.havWpad
#site-navigation-wrap
#site-navigation
li.en-menu.megamenu
> ul.sub-menu {
/*top:164px !important;
*/
}
/*blog-home-page p h2 h3 */
.blog-home-page p,
.blog-page-entry p {
line-height: 34px;
font-size: 18px !important;
}
.blog-page-entry ul {
font-size: 18px;
line-height: 34px;
list-style: none;
position: relative;
margin-left: 18px;
}
.blog-page-entry ul li {
position: relative;
padding-left: 18px;
}
.blog-page-entry ul li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
background: #2476c5;
border-radius: 50%;
position: absolute;
left: 0;
top: 14px;
}
.blog-page-entry ul li.li-before-hide:before {
display: none;
}
.blog-page-entry ol {
font-size: 18px;
line-height: 34px;
}
.blog-home-page h2,
.blog-page-entry h2 {
font-size: 1.5625vw;
}
.blog-home-page h3,
.blog-page-entry h3 {
font-size: 22px;
font-weight: 400;
}
.blog-home-page .blog-entry-content.entry-details.clr {
float: initial !important;
width: initial;
padding: 0 15px;
margin-top: 20px;
}
.blog-home-page .entries.left-thumbs .entry .entry-media {
float: initial;
}
/*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;
margin-right: 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 {
display: block;
margin: 1.2vw 0 3.5vw;
}
.back-home a {
color: #109dda;
text-decoration: none;
font-size: 16px;
}
.back-home a:hover {
color: #118cef;
}
.alone-page-tag {
height: 0;
}
.alone-page-tag:before {
content: "";
background: url(/wp-content/uploads/2020/01/single-tag-img.png) no-repeat
center;
display: inline-block;
width: 24px;
height: 22px;
position: relative;
top: 5px;
left: 0;
}
.alone-page-tag span {
/* color:#0599d9;
*/
}
.alone-page-tag span a {
margin-left: 5px;
color: #303c42;
font-size: 15px;
}
.single-blog-article .fa-clock-o:before {
color: #303c42;
}
.blog-home-page,
.new-home-page {
max-width: 70vw;
margin: 0 auto;
}
.blog-home-page .entries.left-thumbs .entry .entry-media {
float: initial;
width: 100%;
}
.company-new-home-title {
position: absolute;
color: #fff;
font-size: 4.7vw;
top: 8.5vw;
font-weight: 600;
left: 14.5vw;
}
.blog-home-h1-p {
position: absolute;
top: 6.5vw;
color: #fff;
text-align: center;
left: 0;
right: 0;
margin: auto;
}
.blog-home-h1-p h1 {
font-weight: 600;
color: #fff;
font-size: 3vw;
margin-bottom: 0.5vw;
}
.blog-home-h1-p p {
font-size: 1.3vw;
font-weight: 300;
}
#main .blog-home-page article {
display: inline-block;
vertical-align: top;
border: none;
width: 29.7%;
background: #fff;
padding: 0;
position: relative;
margin-right: 3.2vw;
box-shadow: 0 0 0.7vw rgba(61, 74, 89, 0.15);
margin-bottom: 3.2vw;
}
#main .blog-home-page article:nth-child(3n + 3) {
margin-right: 0;
}
.blog-home-page .blog-entry-media img {
margin: 0;
max-width: initial;
}
.blog-home-page {
width: 65vw;
}
.blog-main .hbspt-form {
max-width: 926px;
background: #fff;
margin: 0 auto;
padding: 1.7vw 30px;
box-shadow: 0 0 0.7vw rgba(61, 74, 89, 0.15);
margin-top: -3.8vw;
position: relative;
z-index: 2;
}
.blog-main .hbspt-form .field,
.blog-main .hbspt-form .hs_submit {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
.blog-main .hbspt-form .field > label {
display: inline-block;
vertical-align: middle;
width: initial;
font-size: 18px;
margin-bottom: 0;
margin-right: 8px;
}
.blog-main .hbspt-form .field div {
width: 227px;
}
.blog-main .hbspt-form .hs_email {
margin: 0 23px;
}
.blog-main .hbspt-form .field input {
background: #eef1f6;
margin-bottom: 0;
padding: 0.4em 1em;
width: 100%;
font-size: 16px;
height: 35px;
border: 1px solid #eef1f6;
border-radius: 17px;
}
.blog-main .hs-submit input[type="submit"] {
color: #ffffff;
width: 200px;
margin: 0;
height: 38px;
line-height: 38px;
padding: 0;
border-radius: 5px;
background: #f5b418;
position: relative;
top: -2px;
}
.blog-main .hs-submit input[type="submit"]:hover {
background: #ff9a00;
}
.blog-main label.hs-error-msg {
margin-bottom: 0;
}
/*blog-page-sidebar tag related-posts title*/
.single-page-tag {
display: none;
}
.single-blog-article {
padding: 0;
margin: 0;
}
#wrap .blog-main div#content-wrap,
#wrap .news-main div#content-wrap {
max-width: 100% !important;
width: 100% !important;
margin-top: 0 !important;
padding: 0 !important;
}
body.single-post .blog-main #primary {
max-width: 100%;
width: 100%;
}
body.single-post.wpex-responsive .single-blog-article .container {
width: 83.4vw !important;
}
body.single-post.wpex-responsive .blog-main .container {
padding-left: 7.5vw;
}
.blog-main .single-blog-article .page-header {
background: #f7fafc;
min-height: 22vw;
}
.blog-header-title {
font-size: 2.08vw;
max-width: 47vw;
font-weight: 400;
margin: 2.2vw 0 0.8vw;
color: #006ee1;
display: flex;
align-items: center;
}
.single-blog-article .meta {
color: #303c42;
font-size: 15px;
display: inline-block;
}
.single-blog-article .read-time {
display: inline-block;
vertical-align: top;
margin-left: 0.3vw;
padding-left: 0.8vw;
position: relative;
font-size: 15px;
}
.single-blog-article .read-time:before {
content: "|";
position: absolute;
left: 0;
top: -1px;
}
.single-blog-article .banner-img,
.single-blog-article .blog-article-img {
position: absolute;
right: 6.2vw;
top: 3vw;
width: 20vw;
z-index: 0;
}
.single-blog-article .blog-article-img {
right: 15.5vw;
}
#blog-text-center,
.news-main .entry {
width: 57.6vw;
margin: 2.1vw auto 0;
}
.blog-page-sidebar {
background: #eef1f6;
width: 100%;
float: right;
}
.blog-page-sidebar .related-posts {
width: 58vw;
margin: 4.5vw auto;
}
.blog-page-sidebar .theme-heading span.text:after {
border-bottom: none;
}
.blog-page-sidebar .text {
color: #303c42;
font-size: 30px;
margin-top: 30px;
font-weight: bold;
border-left: 4px solid #f5b418;
line-height: 32px;
padding-left: 15px;
margin: 0 0 2vw 0;
}
.blog-page-sidebar .related-post {
width: 29.7%;
background: #fff;
padding: 0;
position: relative;
margin-right: 3vw;
}
.blog-page-sidebar .related-post:last-child {
margin-right: 0;
}
div.article_left {
left: 13vw;
}
.blog-page-sidebar .related-post-content {
background: none;
border: none;
position: relative;
padding: 0 15px;
margin-top: 20px;
}
.blog-page-sidebar .related-post-title,
.blog-home-page h2.blog-entry-title.entry-title a {
font-size: 21px;
height: 100px;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.blog-home-page h2.blog-entry-title.entry-title a {
/* font-size:22px;
height:100px;
*/
color: #303c42;
}
.blog-page-sidebar .related-post-title a:hover,
.blog-home-page h2.blog-entry-title.entry-title a:hover {
color: #0070c0;
}
.blog-page-sidebar .blog-entry-readmore a:hover {
background: #0098d9;
}
.blog-page-sidebar .blog-entry-readmore a {
background: #0070c0;
padding: 0.4em 1.5em;
}
.single-blog-article .article_left {
position: fixed;
left: 260px;
top: 167px;
width: 120px;
z-index: 1;
text-align: center;
display: none;
}
.single-blog-article .article_left a {
display: block;
margin-bottom: 10px;
}
.single-blog-article .article_left img {
width: 45px;
box-shadow: 0 0 0.7vw rgba(47, 69, 159, 0.3);
border-radius: 50%;
}
.single-blog-article .a_twitter img {
box-shadow: 0 0 0.7vw rgba(34, 165, 254, 0.3);
}
.single-blog-article .a_linkedin img {
box-shadow: 0 0 0.7vw rgba(37, 118, 196, 0.3);
}
/*new*/
.news-main .page-header-title {
font-size: 34px;
font-weight: 300;
text-align: center;
min-height: 90px;
word-wrap: break-word;
margin: 2.1vw auto 0;
max-width: 54vw;
}
.news-main .page-header {
background: #fff;
border: none;
}
.news-main .blog-entry-inner.clr:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
/*gateway-seriese*/
.gateway-page-one {
position: relative;
min-height: 580px;
}
.gateway-page-one .title-one {
position: absolute;
top: 130px;
font-size: 50px;
color: #004277;
font-weight: 300;
}
.gateway-page-one .background-img {
background-image: url(/wp-content/uploads/2017/07/product-details.png?id=12013) !important;
background-position: left top !important;
background-repeat: no-repeat !important;
background-size: cover !important;
position: absolute;
top: 0;
left: 0;
width: 103% !important;
min-height: 560px;
}
.gateway-page-one .page-one-mask {
width: 110%;
height: 130px;
background: #e4e8ea;
opacity: 0.9;
margin-top: 430px;
position: absolute;
left: 0;
z-index: 997;
}
/*page-two*/
#gateway-category .title {
color: #004277;
font-size: 40px;
font-weight: 300;
}
#gateway-category .page-2-intro {
line-height: 25px;
color: #8a8a8a;
font-size: 16px;
max-width: 840px;
margin: 0 auto;
}
.page-two-a a {
text-decoration: none;
font-size: 22px;
color: #8a8a8a;
}
.page-two-a a:hover {
color: #004277;
cursor: pointer;
}
.page-two-a .fa-angle-down:before {
content: "\f107";
font-size: 40px;
}
#benefits .top-line {
width: 60px;
border: 1px solid #fff;
margin: 0 auto;
}
/*page-3*/
#benefits .page-3-img {
background-image: url(/wp-content/uploads/2017/07/detail-page-3.png) !important;
background-position: left top !important;
background-repeat: no-repeat !important;
background-size: cover !important;
width: 100% !important;
min-height: 530px;
}
#specifications .specification-table {
border-collapse: collapse;
width: 100%;
}
#specifications .bg-white {
border-right-color: #f0f4f7;
}
#specifications .bg-white,
#specifications .bg-gray,
#specifications .gray,
#specifications .bg-white-border,
#specifications .bg-white-bottom {
text-align: center;
background: #fff;
padding: 10px;
line-height: 30px;
color: #8a8a8a;
}
#specifications .bg-white,
#specifications .bg-gray,
#specifications .specification-table {
border: 2px solid #fff;
}
#specifications .bg-white-border {
border-top: 2px solid #f0f4f7;
}
#specifications .bg-white-bottom {
border-bottom: 2px solid #f0f4f7;
}
#specifications .gray {
background: #f0f4f7;
border: none;
border-top: 2px solid #fff;
}
#specifications .bg-gray {
background: #f0f4f7;
border: 2px solid #fff;
}
/*page-four*/
#gateway-nav-menu .page-4-icon-title {
font-size: 22px;
color: #004277;
}
#gateway-nav-menu .page-4-icon-intro {
font-size: 16px;
color: #8a8a8a;
}
#gateway-nav-menu .four-4-img {
margin-top: 140px;
}
#gateway-nav-menu .four-4-img img {
width: 90%;
}
.gateway-page-one .circle {
width: 120px;
position: absolute;
z-index: 998;
left: 43%;
top: 164px;
}
.gateway-page-one .ul-li {
width: 10px;
height: 10px;
border-radius: 10px;
border: 1px solid #8a8a8a;
float: left;
list-style: none;
margin-left: 10px;
cursor: pointer;
}
.gateway-page-one .ul-li:hover {
background: #8a8a8a;
}
/*silder-image*/
.gateway-page-one .slider {
position: absolute;
left: 0;
top: 382px;
z-index: 998;
width: 100%;
height: 180px;
}
.gateway-page-one .silder-img {
position: absolute;
top: 45px;
width: 100%;
}
.gateway-page-one .left-row,
.gateway-page-one .right-row,
#usecases .right-2,
#usecases .left-2 {
width: 40px;
height: 40px;
border-radius: 40px;
background: #eaeaea;
color: #3c5ba2;
margin-top: 90px;
cursor: pointer;
position: absolute;
top: 0;
}
.gateway-page-one .left-row:hover,
#usecases .left-2:hover,
.gateway-page-one .right-row:hover,
#usecases .right-2:hover {
background: #e4e4e4;
}
.gateway-page-one .left-row p,
.gateway-page-one .right-row p,
#usecases .left-2 p,
#usecases .right-2 p {
text-align: center;
font-size: 28px;
line-height: 36px;
}
#usecases .left-2,
#usecases .right-2 {
top: 150px;
}
#usecases .right-2 {
right: 0;
}
.gateway-page-one .left-row {
left: 70%;
}
.gateway-page-one .right-row {
right: 70%;
}
#usecases .banner {
position: relative;
margin: 0px auto;
list-style: none;
position: absolute;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webit-transition: all 1s;
transition: all 1s;
}
#usecases .banner li {
float: left;
width: 100%;
height: 360px;
position: relative;
list-style: none;
}
#usecases .slider-2 {
width: 100%;
min-height: 360px;
overflow: hidden;
position: relative;
}
#usecases .slider-left {
width: 35%;
}
#usecases .use-case-title {
margin-left: 0 !important;
}
#usecases .slider-right {
position: absolute;
right: 50px;
width: 60%;
}
#usecases .slider-2-title {
color: #004277;
font-weight: 300;
display: inline-block;
line-height: 30px;
margin-bottom: 30px;
}
#usecases .slider-2-intro {
color: #8a8a8a;
line-height: 25px;
}
/*voip-telephone-system-feature-detail*/
.features-back {
margin-left: 20px;
}
.features-detail-page {
min-height: 260px;
}
.features-back img {
cursor: pointer;
}
.features-total-intro {
margin-left: -32px;
}
.features-intro h2 {
font-size: 22px;
color: #004277;
}
.features-intro a {
text-decoration: underline;
display: inline-block;
margin-bottom: 20px;
}
/*academy nav menu*/
.academy-nav .clr {
max-width: 1847px;
padding-left: 30px;
padding-right: 30px;
width: 100%;
margin: 0 auto;
}
.academy-nav .vc_column-inner {
padding-left: 0px;
padding-right: 0px;
}
.academy-img {
background: url(/wp-content/uploads/2017/12/academy-logo1.png) no-repeat;
background-size: 180px 45px;
height: 45px;
margin-top: 10px;
}
.nav-btn-img .academy-nav-btn {
display: none;
}
.academy-nav .clr ul {
float: right;
display: block;
}
.academy-nav .clr li {
list-style: none;
float: left;
margin-right: 10px;
height: 65px;
line-height: 65px;
}
.academy-nav .clr li a {
color: #fff;
text-decoration: none;
display: inline-block;
padding: 0 10px;
height: 30px;
line-height: 26px;
border: 1px solid #0070c0;
font-size: 16px;
}
.academy-nav .clr li a:hover {
border: 1px solid #fff;
border-radius: 4px;
}
/*academy get certificd*/
.get-certified {
min-height: 275px;
}
.get-certified .theme-button {
color: #ffffff;
background: none;
border: 1px solid #8ab1d0;
font-size: 23px;
padding: 10px 20px;
margin-top: 108px;
}
/*form submit prompt*/
.submit-prompt {
margin-top: 1rem;
}
.submit-prompt input {
margin-top: -1px;
}
.submit-prompt .wpcf7-list-item {
margin: 0;
}
.accept-reply .wpcf7-radio .first {
display: block;
margin: 10px 0;
}
.letter-update {
display: none;
}
/* page cookie prompt */
.has-cookie-bar #catapult-cookie-bar {
opacity: 0.85 !important;
}
.cookie-bar-bar .use_x_close .x_close {
right: 1%;
top: 32%;
}
.cookie-bar-bar .float-accept .ctcc-inner {
max-width: 72%;
margin: 0 auto;
}
#fistname-error .input-title {
width: 32%;
}
div .field select {
font-size: 16px;
}
/* hubpot form */
.field label,
.field div {
display: inline-block;
}
.field div {
width: 96%;
}
.legal-consent-container .field div {
width: 100%;
}
.hs-message label,
.hs-message div {
width: 100%;
display: block;
}
.field input {
background: #fff;
margin-bottom: -7px;
padding: 0.4em;
width: 100%;
font-size: 16px;
height: 2.3vw;
border: 1px solid #e8e7e7;
}
.field > label {
display: inline-block;
width: 100%;
font-size: 16px;
color: #303c42;
margin-bottom: 5px;
}
.field select {
line-height: inherit;
margin: 0;
vertical-align: middle;
width: 100%;
border: 1px solid #e8e7e7;
margin-top: 5px;
color: #303c42;
outline: none;
height: 2.3vw;
}
textarea.hs-input {
border: 1px solid #e8e7e7;
}
.field {
margin-bottom: 1.2vw;
min-height: 36px;
}
.hs_message {
min-height: initial;
}
.hs-form-required {
color: red;
font-size: 13px;
}
.field textarea {
width: 100%;
max-width: 100%;
-webkit-appearance: none;
margin-top: 0;
height: 6.7vw;
resize: none;
background: #fff;
font-size: 16px;
}
.hs-dependent-field div input {
width: initial;
position: relative;
top: 5px;
}
.entry .hbspt-form div ul {
list-style: none;
margin-left: 0;
}
.legal-consent-container .hs-form-booleancheckbox-display > span {
margin-top: -5px;
}
.hs-submit input[type="submit"] {
border-radius: 3px;
color: #ffffff;
background: #0081cc;
width: 300px;
font-size: 20px;
margin: 20px 0 46px;
}
.hs-submit input[type="submit"]:hover {
background: #0098d9;
}
.hs_recaptcha.hs-recaptcha.field.hs-form-field {
display: none;
}
label.hs-error-msg {
margin: 10px 0;
}
.hbspt-form fieldset.form-columns-2 {
max-width: 100%;
}
fieldset.form-columns-1 .input {
width: 100%;
}
#primary .form-columns-1 .hs-input {
width: 94%;
}
#primary .form-columns-1 textarea.hs-input {
width: 97%;
}
fieldset.form-columns-1[data-reactid=".hbspt-forms-0.1:$7"] {
display: block;
width: 100%;
}
#primary .form-columns-1 .inputs-list input {
width: auto;
position: relative;
top: 2px !important;
min-height: auto;
height: auto;
}
.hs_message .input {
width: 100% !important;
}
div .entry div ul {
margin-bottom: 0;
}
.hs-richtext p {
margin-bottom: 5px;
}
form#hsForm_54bfa041-1d82-4740-80f7-eaabcf746852 {
margin-top: 20px;
font-size: 16px;
}
.become-partner-form {
position: relative;
left: 2vw;
}
fieldset.form-columns-1 {
max-width: 100% !important;
}
.hs-error-msg,
.hs-main-font-element {
color: red;
}
.submitted-message p {
color: green;
}
/* 开启维护模式 */
#upgrate-content .updating {
background: url(/wp-content/uploads/2019/11/upgrading.png) center no-repeat;
background-size: cover;
min-height: 28.3vw;
position: relative;
}
#upgrate-content .upgrade-tip {
text-align: center;
font-size: 1.3vw;
margin: -2vw auto 3vw !important;
color: #3d4a59;
width: 46vw;
}
/* 全站横幅 */
.registration-banner {
padding: 15px 0;
background-color: #006ee1;
color: #fff;
text-align: center;
font-size: 16px;
}
.registration-banner .line {
color: #fff;
border-bottom: 1px solid #fff;
position: relative;
display: inline-block;
margin-left: 15px;
}
.registration-banner .line::after {
content: "";
width: 10px;
height: 10px;
display: inline-block;
transform: rotate(45deg);
border: 2px solid #fff;
border-bottom: transparent;
border-left: transparent;
transition: all 0.3s;
position: relative;
left: 5px;
}
.registration-banner .line:hover {
text-decoration: none;
}
.registration-banner .line:hover::after {
left: 8px;
}
.registration-banner .x {
display: inline-block;
font-size: 24px;
position: absolute;
top: 5px;
right: 20px;
cursor: pointer;
}
.is-sticky .registration-banner {
display: none;
}
@media (max-width: 1680px) {
#searchform-dropdown2 {
right: 160px;
}
}
@media (max-width: 1600px) {
#searchform-dropdown2 {
right: 20px;
}
}
@media (max-width: 1500px) {
/* hubspot-form */
div .field select {
font-size: 15px;
}
#main .hbspt-form p,
#main .hbspt-form span {
font-size: 14px;
line-height: 23px;
}
div .field input,
.field > label {
font-size: 15px;
}
#main .field > label {
font-size: 15px;
margin-bottom: 0px;
}
#main.blog-main .field > label {
font-size: 18px;
}
/*blog-comment*/
.comment-form-comment textarea {
width: 100%;
}
#comments .comment-form-email input,
#comments .comment-form-author input {
width: 47%;
padding: 0.4em 0.6em;
}
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-aca
> ul.sub-menu,
#site-navigation-wrap #site-navigation li.megamenu.en-aca > ul.sub-menu {
padding-bottom: 50px;
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:nth-child(3),
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:nth-child(7),
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:nth-child(11) {
margin: 0 5% 0 15%;
}
#searchform-dropdown2 {
right: 20px;
}
#searchform-dropdown {
right: 3vw;
}
/*free-trial*/
#email-error .input-title {
width: 0;
}
#email-error {
text-align: right;
}
#content article.single-blog-article {
padding-left: 18%;
padding-right: 18%;
}
.single.single-post.content-full-width #content-wrap.container {
padding-left: 16%;
padding-right: 16%;
}
/*academy nav menu*/
.academy-nav .clr li a {
font-size: 15px;
}
/* academy get certificd*/
.get-certified {
min-height: 195px;
}
.get-certified .theme-button {
font-size: 20px;
padding: 5px 17px;
margin-top: 72px;
}
/*join-in-itsp-partner-program*/
.intellinet-intro,
.intellinet-intro-no-table {
font-size: 15px;
line-height: 25px;
margin-bottom: 4rem !important;
}
.intellinet-intro-no-table {
margin-bottom: 8.5rem !important;
}
#itsp-page > div:first-child {
padding-top: 20px;
font-size: 16px;
padding-left: 20px;
}
#itsp-page .cloud-title,
#itsp-page .cloud-country div p {
font-size: 15px;
}
#itsp-page .cloud-country div p {
margin-left: 18px;
}
#itsp-page .cloud-country div ul {
margin-left: 6px;
}
#itsp-page .cloud-title {
padding-left: 15px;
}
#itsp-page .cloud-title:before {
left: 20px;
top: 5px;
}
#itsp-page .cloud-title-active:before {
top: 10px;
}
#itsp-page {
font-size: 15px;
width: 228px;
padding-bottom: 30px;
margin: 56px 0;
position: relative;
left: 115px;
}
#itsp-page .cloud-country div {
padding-left: 45px;
}
#itsp-page .cloud-country div ul {
width: 100%;
}
#itsp-page .cloud-country div ul li {
font-size: 13px;
}
.intellinet-img img {
width: 150px;
}
.itsp-vc-15 .vc_col-sm-2:first-child {
width: 28%;
}
.itsp-vc-15 .vc_col-sm-8 {
width: 60%;
}
/* foot-cookie-prompt */
.cookie-bar-bar .float-accept .ctcc-inner {
max-width: 58%;
text-align: center;
}
.cookie-bar-bar .use_x_close .x_close {
right: -2%;
top: 18%;
}
/*blog*/
div.article_left {
left: 12vw;
}
.blog-home-page {
width: 100%;
}
.blog-home-page h2.blog-entry-title.entry-title a {
/*font-size:22px;
*/
/*height:70px;
*/
}
.blog-year-type .post-year-title,
.blog-home-page .posts-year {
position: relative;
left: -2.5vw;
}
.single-blog-article .article_left {
left: 150px;
}
.blog-header-title {
margin: 2.8vw 0 0.8vw;
}
.news-main .page-header-title {
font-size: 30px;
min-height: 68px;
}
.blog-page-sidebar .related-posts {
width: 65vw;
}
.blog-page-sidebar .text {
font-size: 28px;
line-height: 30px;
}
.blog-main .hbspt-form {
max-width: 845px;
}
.blog-main .hbspt-form .field div {
width: 200px;
}
.blog-main .hs-submit input[type="submit"] {
width: 170px;
}
.blog-home-page h2,
.blog-page-entry h2 {
font-size: 24px;
}
.blog-home-page h3,
.blog-page-entry h3 {
font-size: 20px;
}
}
@media (max-width: 1300px) {
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-menu
> ul.sub-menu,
#site-navigation > ul > .en-menu.megamenu > .sub-menu,
#site-navigation-wrap #site-navigation li.en-menu.megamenu > ul.sub-menu {
width: 92% !important;
max-width: 92%;
}
#site-navigation
> ul
> .en-pro.megamenu:first-child
> .sub-menu
> li:nth-child(1),
#site-navigation
> ul
> .en-pro.megamenu:first-child
> .sub-menu
> li:nth-child(6) {
margin-right: 0;
}
.blog-home-page p,
.blog-page-entry p {
line-height: 28px;
font-size: 16px !important;
}
.single-blog-article .related a {
width: calc(100% - 180px);
}
.single-blog-article .article_left {
left: 44px;
}
.bepartner-content {
max-width: 1145px;
}
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-menu
> ul.sub-menu,
#site-navigation > ul > .en-menu.megamenu > .sub-menu,
#site-navigation-wrap #site-navigation li.en-menu.megamenu > ul.sub-menu {
left: 4% !important;
}
.en-aca .bgcolor-gray a span {
white-space: initial;
}
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:nth-child(3),
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:nth-child(7),
#site-navigation
> ul
> .megamenu:nth-child(3)
> .sub-menu
> li:nth-child(11) {
margin: 0 5% 0 16%;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li {
width: 17.3%;
}
#footer-widgets,
#copyright,
#site-header-inner {
width: 90%;
}
.clr:after {
display: none;
}
}
@media (max-width: 1200px) {
div#footer-widgets .footer-box {
width: 40.5%;
}
}
@media (max-width: 1152px) {
/* become-bepatner */
.bepartner-content {
max-width: 1139px;
padding: 5rem 0 2.5rem;
}
#site-logo1 a {
width: 150px;
}
#site-logo1 img {
/* height:44px; */
}
/* footer */
#footer-inner,
#footer-bottom-inner {
width: 100% !important;
}
/*foot - contacts*/
#footer-bottom #copyright .foot-line-2 {
float: inherit !important;
}
/* foot-cookie-prompt */
.cookie-bar-bar .float-accept .ctcc-inner {
max-width: 69%;
}
/*itsp*/
#itsp-page {
width: 88%;
left: 1em;
}
/*blog*/
div.article_left {
left: 6vw;
}
.single.single-post.content-full-width .post-pagination.container {
max-width: 95% !important;
}
#site-navigation > ul > .en-pro.megamenu:first-child > .sub-menu > li {
min-height: 285px;
}
body #site-navigation li {
padding: 0 20px 0 0;
}
}
@media (max-width: 1024px) {
/* footer */
/* become-bepatner */
.bepartner-content p:first-child span {
font-size: 31px !important;
}
.bepartner-content {
max-width: 1045px;
}
.bepartner {
padding: 12px 22px;
}
.bepartner span {
font-size: 22px;
}
/* footer-faq */
.border-one,
.border-two,
.border-three {
width: 272px;
}
body.single-post.wpex-responsive #site-header .container {
width: 1200px !important;
}
.back-home a {
font-size: 14px;
}
.single-blog-article .meta,
.alone-page-tag span a {
font-size: 13px;
}
div.article_left {
left: 9vw;
}
/*menu*/
.not-sticky
#site-navigation-wrap
#site-navigation
li.megamenu.en-menu
> ul.sub-menu,
#site-navigation > ul > .en-menu.megamenu > .sub-menu,
#site-navigation-wrap #site-navigation li.en-menu.megamenu > ul.sub-menu {
min-width: 900px;
}
#site-header-inner {
min-width: 95% !important;
}
body #site-navigation li {
padding: 0 1vw 0 0;
}
}
@media (max-width: 960px) {
#content article.single-blog-article {
padding-left: 2em;
padding-right: 2em;
}
}
@media (max-width: 800px) {
/* become-partner */
.bepartner {
padding: 10px 15px;
}
.bepartner span {
font-size: 19px;
}
.bepartner-content p:first-child span {
font-size: 25px !important;
}
/* itsp-partner */
.partaners-title,
.partaners-intro {
font-size: 26px;
}
.partaners-intro {
font-size: 1.5rem;
}
.join-itsp-partner-program,
.join-itsp-partner-program:hover {
font-size: 2.3rem;
}
/* footer */
#footer-bottom-inner {
max-width: 100%;
}
div#footer-inner {
max-width: 97%;
}
.site-footer .container {
padding-top: 22px;
}
div#footer-widgets .footer-box:first-child {
max-width: 100%;
}
.site-footer .container {
padding-top: 10px;
}
#footer-bottom-inner {
padding: 0;
}
#menu-item-15941,
#menu-item-15968,
#menu-item-15969 {
position: relative;
top: 30px;
left: 115px;
}
/* footer-faq */
.border-one,
.border-two,
.border-three {
width: 90%;
}
/* cookie-prompt*/
#foot-cookie-prompt .cookie-content {
max-width: 55rem;
font-size: 13px;
}
#foot-cookie-prompt .cookie-close {
width: 16px;
height: 16px;
line-height: 14px;
font-size: 13px;
top: -26px;
right: -9%;
}
}
@media (max-width: 800px) and (min-width: 768px) {
/*foot-cookie-prompt*/
.cookie-bar-bar .float-accept .ctcc-inner {
max-width: 100%;
margin: 0 auto;
}
/* acdemy-menu */
.academy-nav .clr li a {
padding: 0 2px;
}
.academy-img {
background-size: 129px 35px;
}
.academy-nav .clr {
padding: 0;
}
.academy-nav .clr li {
margin-right: 3px;
}
/*itsp*/
#itsp-page > div:first-child {
font-size: 14px;
}
#itsp-page {
font-size: 12px;
}
.itsp-vc-15 .vc_col-sm-8 {
width: 70%;
}
.itsp-vc-15 .vc_col-sm-2:last-child {
width: 0;
}
}
@media (max-width: 767px) {
/* nav-menu */
.sub-menu .menu-item a .meu-svg {
display: none;
}
/*hubspot*/
.field div,
.field > label,
.field textarea {
width: 100% !important;
}
div .field input,
.field select {
height: initial;
padding: 0.4em;
width: 100% !important;
}
.field {
margin-bottom: 15px;
}
.hs-dependent-field div input {
top: 0;
}
.field textarea {
width: 100% !important;
}
#primary .form-columns-1 .inputs-list input {
width: initial !important;
}
div .hs-dependent-field div input {
width: initial !important;
}
/*blog-commetn*/
#comments .comment-body .reply {
top: -15px;
}
#comments .comment-list {
margin-left: 0;
}
#site-logo1 img {
height: auto !important;
}
/*footer-menu*/
#sidr-main .sidr-class-sub-menu img {
width: 16%;
position: relative;
top: 8px;
left: -2px;
}
.sidr-class-space-fill {
display: none;
}
#footer-widgets .footer-widget.widget_nav_menu.clr {
display: block;
width: 100%;
}
#footer-bottom {
padding: 0 !important;
}
div#footer-widgets .footer-box:nth-child(3) .clr:nth-child(2) {
display: block;
}
/*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: absolute;
top: 10px;
left: 135px;
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;
}
.nav-btn-img .academy-nav-btn {
display: block;
}
.academy-nav .clr img {
display: none;
}
.academy-img {
background: url(/wp-content/uploads/2017/12/academy-log.png) no-repeat;
margin-top: 0;
}
/*voip-telephone-system-feature-detail*/
.features-intro {
padding: 0 0 0 6rem;
margin-top: -5rem;
}
.features-detail-page {
padding-bottom: 4rem;
}
.autoclip {
padding: 3rem 3rem 0;
}
/*s-series-voip-pbx-onsite*/
.voip-pbx-training-time {
padding: 0 3rem;
}
.voip-pbx-training {
margin: 0 0 0 -20% !important;
padding: 0 11% 0 3.5% !important;
}
.voip-pbx-training-intro .wpb_wrapper {
margin: 0 -150px 0 -100px !important;
}
/*support*/
#case-study-block .wpb_text_column.wpb_content_element {
width: 100% !important;
margin-bottom: 3rem !important;
}
.last-row .container {
padding: 0 !important;
}
.caseSmallInfo p {
margin-bottom: 4.5rem !important;
}
.bussiness-need a {
padding: 22px 15px 0 !important;
}
.financila-title {
width: 110% !important;
text-align: left !important;
}
.bussiness-need a {
margin-bottom: 3rem;
}
.bussiness-need {
margin-top: -60px !important;
}
.busy-need-info {
margin-bottom: 5rem !important;
}
ul.productBlock {
padding-left: 0 !important;
}
.productBlock li:first-child {
margin-top: -45px !important;
}
/*join-in-itsp-partner-program*/
.intellinet-intro,
.intellinet-title,
.intellinet-intro-no-table {
padding: 0 1.5rem;
margin-bottom: 2rem !important;
}
.join-itsp-partner-program {
padding: 0 3rem;
font-size: 2.5rem;
}
.intellinet-img img {
margin: 0 auto 2rem;
}
.intellinet-log .vc_align_right {
text-align: center;
}
.itsp-vc-15 .vc_col-sm-2:first-child,
.itsp-vc-15 .vc_col-sm-8,
.itsp-vc-15 .vc_col-sm-2:last-child {
width: 100%;
}
#itsp-page {
width: 100%;
padding-bottom: 25px;
margin: 0;
left: 0;
}
#itsp-page .cloud-country div ul {
width: 68%;
margin-left: 56px;
}
/*footer-layout.css*/
.footer-box:nth-child(1) {
/*display:none !important;
*/
}
.footer-widget .widget-title {
overflow: hidden;
border-bottom: 1px solid #d4d4d4;
font-size: 1.2rem !important;
margin-bottom: 10px;
}
.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;
}
.click-title-after::after {
-ms-transform: rotate(45deg) scale(1.08);
-moz-transform: rotate(45deg) scale(1.08);
-webkit-transform: rotate(45deg) scale(1.08);
-o-transform: rotate(45deg) scale(1.08);
transform: rotate(45deg) scale(1.08);
}
.langue-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);
position: relative;
top: 20px !important;
display: inline-block;
}
#footer-widgets .col-4 .footer-widget:nth-child(3) h3.widget-title:after {
content: "";
background: url("/wp-content/uploads/2020/04/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-widgets .col-4 .footer-widget:nth-child(3) h3.widget-title {
border: 0;
width: 120%;
font-size: 1.5rem !important;
}
#footer-widgets .col-4 .footer-widget:nth-child(3) h3.widget-title:before {
content: "";
background: url(/wp-content/uploads/2020/04/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 {
padding-top: 35px;
}
.site-footer .container {
padding-top: 0px;
}
.footer-widget {
padding-bottom: 10px;
}
.menu {
display: none;
}
.footerleft {
display: block;
padding-top: 10px;
}
#menu-footer-contacts,
#menu-it-footer-contacts,
#menu-de-footer-contacts {
margin: 0 !important;
display: block;
font-size: 1.1rem;
}
#menu-it-footer-contacts {
margin-left: 5rem !important;
}
#menu-de-footer-contacts {
margin-left: 14.2rem !important;
}
#copyright {
display: block;
}
.border-totale-width {
margin: 0rem auto 0 auto !important;
}
#footer-widgets .col-4 .footer-widget:nth-child(3) {
height: auto !important;
opacity: 1;
}
#menu-item-15941,
#menu-item-15968,
#menu-item-15969 {
position: static;
}
/*head-log*/
/*become-partner*/
.bepartner-content,
.bepartner-content-it,
.bepartner-content-de {
padding: 3rem 0 3rem 2.5rem;
}
.bepartner-content p span,
.bepartner-content-it p span,
.bepartner-content-de p span {
font-size: 2.5rem !important;
}
.bepartner {
padding: 1rem 2rem;
}
/*faq*/
.conten-total-width .ul {
display: none;
}
.fa-sort-desc-click:before {
transform: rotate(180deg);
display: inline-block;
position: relative;
top: 5px;
}
.conten-total-width .fa-sort-down,
.conten-total-width .fa-sort-desc {
display: inline-block !important;
}
.conten-total-width .fa-sort-down:before,
.conten-total-width .fa-sort-desc:before {
content: "\f0dd";
margin-left: 11px;
font-size: 20px;
}
.conten-total-width .conten-left {
left: 2%;
margin: -2rem 0 3rem 0;
position: relative !important;
z-index: 999 !important;
}
.conten-total-width .conten-left li {
margin: 1rem 0 0 0;
}
.conten-total-width .conten-left li:first-child {
margin: 0;
}
.conten .title {
font-size: 3.6rem !important;
width: 100%;
}
.conten .title:before,
.conten .title:after {
display: none;
}
.not-answer {
font-size: 1.8rem !important;
text-align: left !important;
margin: 6rem 0 5rem -0.4rem !important;
padding: 0.5rem 2rem !important;
}
.not-answer p {
line-height: 30px !important;
}
.gpl-open-source-download {
margin-left: 6px !important;
}
.gpl-open-source-download td {
padding: 0 !important;
}
.source-code:after,
.source-code:before {
display: none;
}
/*voip-gateway-seriese*/
/*page-one*/
.gateway-page-one {
min-height: 460px;
}
.gateway-page-one .title-one {
right: 4%;
font-size: 3.7rem;
padding: 0 1.4rem;
}
.gateway-page-one .background-img {
min-height: 460px;
}
.gateway-page-one .left-row,
.gateway-page-one .right-row {
display: none;
}
.gateway-page-one .silder-img {
top: 11px !important;
}
.gateway-page-one .page-one-mask {
height: 70px;
margin-top: 390px;
}
.gateway-page-one .circle {
left: 35%;
top: 63px;
}
/*page-two*/
.page-two-a {
display: none;
}
#gateway-category .page-2-intro {
padding: 0 2.2rem;
text-align: left !important;
}
#benefits .page-3-img {
display: none;
min-height: 0;
}
#gateway-nav-menu .four-4-img {
margin-top: 6rem;
}
#gateway-category .title {
font-size: 3.6rem;
}
/*silder-image*/
#usecases .slider-2 {
min-height: 440px;
}
#usecases .slider-2-intro {
min-width: 32rem;
display: inline-block;
padding-left: 2.5rem;
}
#usecases .slider-right {
position: static;
width: 85%;
}
#usecases .left-2,
#usecases .right-2 {
display: none;
}
/*table*/
#specifications {
overflow: scroll;
margin-top: 5rem;
}
#specifications .specification-table td {
white-space: nowrap !important;
}
#keyfeatures ul {
padding: 0 3rem;
}
#usecases {
margin-bottom: 6rem;
}
#usecases .use-case-title {
margin: 5rem 0 1rem 2.5rem !important;
}
#usecases .slider-2-title {
min-width: 30rem;
margin-bottom: 1rem;
padding-left: 2.5rem;
font-size: 2.2rem;
}
/*new-page*/
.single.single-post.content-full-width #content-wrap.container {
padding: 0;
}
.single.single-post.content-full-width .post-pagination.container {
padding: 5vw 0 5vw;
width: 90%;
}
/*blog-phone*/
.blog-home-page {
max-width: 90%;
margin: 0 auto;
left: 0;
padding: 0;
}
.news-main .entry {
width: 90%;
margin: 2.1vw auto 0;
}
h2.blog-entry-title.entry-title a {
font-size: 20px;
line-height: 32px;
display: inline-block;
}
.blog-entry-media img {
margin: 0 auto 0 0;
}
.page-tags-conten .single-tag {
width: 100% !important;
}
.post-year-phone,
.blog-phone-tag {
/*display:none;
*/
}
.blog-phone-tag {
width: 70%;
min-height: 62px;
}
.blog-main .total-tag .tag-li {
margin-bottom: 10px;
}
.post-blog-title .fa-sort-desc,
.post-year-title .fa-sort-desc {
display: inline-block;
}
.single-blog-article .read-time {
padding-left: 8px;
}
.post-year-title .fa-sort-desc:before {
content: "\f0dd";
font-size: 2.3rem;
margin-left: 5px;
}
.post-blog-title .fa-sort-desc:before {
content: "\f0dd";
font-size: 2.3rem;
margin-left: 1.3rem;
}
.blog-menu-click:before {
transform: rotate(180deg);
display: inline-block;
position: relative;
top: 5px;
}
.blog-home-page h3,
.blog-page-entry h3 {
font-size: 18px;
}
.blog-page-entry ul {
font-size: 16px !important;
}
.single-blog-article .article_left {
display: flex !important;
justify-content: space-around;
position: relative !important;
left: 0 !important;
top: 0 !important;
margin-bottom: 3rem !important;
width: 100% !important;
}
.single-blog-article .article_left img {
width: 3.5rem !important;
}
.ys-page-bg.blog-home-bgimg {
min-height: 150px;
}
.blog-home-h1-p h1 {
font-size: 25px;
}
.blog-home-h1-p p {
font-size: 16px;
}
.blog-main .hbspt-form .hs_email {
margin: 5px 0 20px;
width: 100%;
}
.blog-home-page .entries.left-thumbs .entry .entry-media {
margin-bottom: 0;
}
#main .blog-home-page article {
margin-bottom: 30px;
}
/*single-page*/
.footer-subscribe-size {
min-height: 38rem;
padding-left: 15px !important;
}
.footer-subscribe .submit-infor {
border-radius: 0;
min-height: 42px;
}
.infor-name .fa-user:before,
.infor-email .fa-envelope:before {
top: 13px;
}
.blog-page-sidebar {
margin-top: 0;
padding-left: 0 !important;
width: 100% !important;
float: left;
}
.get-help-intro {
font-size: 1.5em;
padding: 0;
text-align: center;
display: block;
}
.get-help-btn {
width: 7em;
display: block;
height: 2.2em;
line-height: 2.2em;
font-size: 1.2em;
margin: 0 auto;
}
p.get-help-width {
line-height: 50px;
padding: 1em 0 2em;
}
.blog-header-title,
.news-main .page-header-title {
font-size: 6vw;
max-width: 100%;
width: 90%;
}
.news-main .page-header {
margin: 6vw 0 0;
}
.blog-page-sidebar .related-posts {
width: 90%;
}
/*blog-home-subscribe*/
.subscribe-submit-btn,
.infor-submit {
border-radius: 0 !important;
height: auto;
width: 9rem;
font-size: 18px !important;
margin: 0.6rem 0 2.5rem 1.3rem !important;
position: initial;
background-image: none !important;
background-color: #4a97c2 !important;
}
.infor-submit {
font-size: 1.6rem !important;
margin: 1.5rem 0 2.5rem 1.3rem !important;
}
.submit-right .ajax-loader {
position: initial;
}
.subscribe {
height: 0;
}
.head-subscribe {
height: 361px;
background: url(/wp-content/uploads/2017/02/company-blog.png) no-repeat;
}
.submit-right {
top: -330px;
right: 0;
border-radius: initial;
margin: 0 1.5rem;
}
.subscribe-intro {
top: -330px;
color: #fff;
padding: 0 1.5rem;
}
.submit-right .subscribe-name {
display: block;
}
.subscribe-name .fa-user:before {
position: relative;
top: 3.8rem;
margin-left: 1.5rem;
}
.subscribe-name input,
.subscribe-email input {
width: 80%;
border: 1px solid #d4cfcf;
margin: 0.8rem 0 0.8rem 4.5rem !important;
}
.infor-name input,
.infor-email input {
width: 70%;
margin: 20px 0 0 10px;
border: 1px solid #d4cfcf;
}
.infor-name input {
margin: 20px 0 0 15px;
}
.email-before-line,/*.blog-home-bgimg,*/
div.subscribe-errors {
display: none !important;
}
.subscribe-email .fa-envelope:before {
left: 0.7rem;
top: 0.2rem;
}
.subscribe-mask {
height: 361px;
bottom: 0;
}
.posts-year .total-tag {
margin-top: 0;
max-width: 100%;
width: 100%;
}
/*blog-footer-page-number*/
ul.page-numbers {
float: left !important;
}
.blog-year-type .col-xs-10 {
width: 100%;
}
/*tags-template-page*/
.curerent-tag {
position: relative;
top: -8rem;
left: 2rem;
max-width: 92%;
}
.tag-icon img {
width: 2rem;
}
.curerent-tag .tag-title {
font-size: 2.3rem;
font-weight: bold;
margin-left: 3px;
}
.sing-page-header-bg {
min-height: 14rem;
}
.single-back-blog {
position: absolute;
top: 2.5rem;
left: 3rem;
}
.blog-entry:nth-child(even) .page-tags-entries {
float: left;
margin-top: 2rem;
}
.blog-entry .page-tags-entries {
width: 32rem !important;
background: #f7f7f7 !important;
margin-top: 2rem;
}
.page-tags-entries h2.blog-entry-title.entry-title a {
padding: 0 1.1rem;
}
.page-tags-head-tag {
height: 0;
}
#blog-text-center,
.news-main .entry {
width: 90%;
}
.alone-page-tag {
max-width: 80%;
text-align: left;
left: -8px;
right: initial;
margin-left: 0;
top: 0;
padding-bottom: 0;
height: initial;
}
body.single-post.wpex-responsive .single-blog-article .container {
width: 100% !important;
padding-left: 0;
}
.blog-header-title {
margin: -5px 0 10px;
}
/*yeastar-academy-certification-verification*/
.conten-center {
margin-left: 0 !important;
width: 100% !important;
}
.authen-icon {
margin: -2rem 0 2rem 25% !important;
}
.recaptcha .g-recaptcha {
margin-left: -20%;
}
.concent {
padding: 0 10% !important;
}
.search-title {
margin-top: 3rem !important;
}
.seach-input,
.search-title {
margin-left: 0 !important;
}
.seach-no {
left: 0 !important;
}
.seach-btn {
left: 90% !important;
}
.image-group {
padding-left: 23% !important;
}
.partaners-title,
.partaners-intro {
font-size: 2.5rem;
}
.partaners-intro {
font-size: 2rem;
}
/* vedio */
.wpb_video_widget.vc_video-el-width-70 .wpb_wrapper {
width: auto !important;
}
.theme-heading span.text {
font-size: 80% !important;
margin-bottom: 2rem;
}
/* comments */
#comments .comment-form-email input,
#comments .comment-form-author input {
width: 77% !important;
}
#comments .comment-reply-title {
margin: 2rem 0 0 0 !important;
}
#comments #commentform label {
width: 20% !important;
}
}
@media (max-width: 639px) {
#content article.single-blog-article {
padding-left: 1em;
padding-right: 1em;
}
}
@media (min-width: 1550px) {
#content article.single-blog-article,
.single.single-post.content-full-width #content-wrap.container {
padding-left: 216px;
padding-right: 216px;
}
}