/*-------------------------------------------------------------- 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 license License URI:http://themeforest.net/licenses/terms/regular
/*------------------------------------------------------------------ [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;
}
.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:26%;
float:right;
}
#outer-wrap {
overflow:hidden
}
#wrap {
position:relative;
}
/* VERY IMPORTANT - do not reset */
/* 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-face {
font-family:'Open Sans';
src:url('../font/OPENSANSLIGHT_0.eot');
src:url('../font/OPENSANSLIGHT_0.eot') format('embedded-opentype'),url('../font/OPENSANSLIGHT_0.woff2') format('woff2'),url('../font/OPENSANSLIGHT_0.woff') format('woff'),url('../font/OPENSANSLIGHT_0.ttf') format('truetype'),url('../font/OPENSANSLIGHT_0.svg#OPENSANSLIGHT_0') format('svg');
font-weight:300;
font-style:normal;
}
p,a,h1,h2,h3,div,li,span,* {
font-family:'Open Sans' !important;
font-weight:400;
}
body {
background:#fff;
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
font-size:14px;
line-height:1.65;
color:#666;
}
/*------------------------------------------------------------------------------------------------------- **modify by chenft end */
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:#3d4a59;
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:.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:#3d4a59;
margin:0 0 20px;
overflow:hidden;
position:relative;
}
.theme-heading span.text {
display:inline-block;
max-width:90%;
position:relative;
}
.theme-heading span.text:after {
content:"";
display:block;
position:absolute;
top:50%;
border-bottom:solid 1px #eee;
left:100%;
width:9999px;
margin-top:-1px;
margin-left:15px;
}
/* Commons > Text Highlights */
.text-highlight {
color:#0081cc
}
/* Commons > Colors */
.wpex-child-inherit-color * {
color:inherit !important
}
.wpex-color-black,.wpex-color-black a,.wpex-color-black a:hover {
color:#3d4a59 !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 .25s ease;
-moz-transition:all .25s ease;
transition:all .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.0,1.0);
}
.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:#3d4a59;
}
.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:#3d4a59
}
.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:#3d4a59;
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:#3d4a59
}
.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:#3d4a59;
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:#3d4a59;
background:rgba(0,0,0,0.7);
transition:all .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:#3d4a59 url("images/overlay-plus.png") center center no-repeat;
transition:all .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:#3d4a59;
background:rgba(0,0,0,0.8);
transition:all .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:#3d4a59;
background:rgba(0,0,0,0.6);
transition:all .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 .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 .25s ease-in-out;
}
.overlay-slideup-title.white {
background:#fff
}
.overlay-slideup-title.black {
background:#3d4a59
}
.overlay-slideup-title span.title {
position:absolute;
bottom:30px;
left:0;
width:100%;
text-align:center;
padding:0 30px;
color:#3d4a59;
font-size:1.077em;
font-weight:600;
transition:all .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:#3d4a59;
background:rgba(0,0,0,0.65);
position:absolute;
top:0;
right:0;
height:100%;
width:100%;
transition:opacity .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 .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:#3d4a59;
text-decoration:none;
}
.wpb_row .overlay-view-lightbox-buttons a .fa {
position:relative;
top:-2px;
}
/* Overlays > View/Lightbox > Text */
.overlay-view-lightbox-text {
background:#3d4a59;
background:rgba(0,0,0,0.65);
position:absolute;
top:0;
right:0;
height:100%;
width:100%;
transition:all .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 .15s ease-in-out;
}
.overlay-view-lightbox-text a:first-child {
margin-right:5px
}
.overlay-view-lightbox-text a:hover {
background:#fff;
color:#3d4a59;
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:#3d4a59;
background:rgba(0,0,0,0.75);
position:absolute;
top:0;
right:0;
height:100%;
width:100%;
transition:all .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:#3d4a59;
background:rgba(0,0,0,0.75);
position:absolute;
top:0;
right:0;
height:100%;
width:100%;
transition:all .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:#3d4a59;
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:#3d4a59;
background:rgba(0,0,0,0.75);
position:absolute;
top:0;
right:0;
height:100%;
width:100%;
transition:all .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:#3d4a59;
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:#3d4a59;
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:#3d4a59;
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:#3d4a59;
background:rgba(0,0,0,0.75);
position:absolute;
top:0;
right:0;
height:100%;
width:100%;
transition:all .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:#3d4a59;
background:rgba( 0,0,0,0.65 );
}
.overlay-category-tag a:hover {
background:#3d4a59;
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:#3d4a59;
text-decoration:none;
}
/* Overlays > Categories + Title Bottom Visible */
.overlay-cats-title-btm-v {
position:absolute;
bottom:0;
width:100%;
background:#3d4a59;
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:#3d4a59;
}
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:.6em;
display:inline-block;
font-size:1em;
transition:.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;
}
/* 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:.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,.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,.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:#3d4a59;
}
.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: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:#3d4a59 !important
}
.theme-button.clean:active {
box-shadow:0 1px 2px rgba(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:#3d4a59;
}
.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:#3d4a59;
}
/*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,.2),2px 2px 2px rgba(0,0,0,.2);
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2),2px 2px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 0 0 1px rgba(0,0,0,.15),2px 2px 2px rgba(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,.4) inset;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4) inset;
-moz-box-shadow:0 2px 2px rgba(0,0,0,.4) inset;
}
/*------------------------------------------------------------------ [Typography] -------------------------------------------------------------------*/
em {
font-style:italic
}
strong {
font-weight:600;
}
small {
font-size:80%
}
hr {
border:solid #e4e4e4;
border-width:1px 0 0;
clear:both;
margin:40px 0;
height:0;
}
/* Typography > Font Sizes */
.wpex-em-14px {
font-size:1.077em
}
.wpex-em-16px {
font-size:1.231em
}
.wpex-em-18px {
font-size:1.385em
}
.wpex-em-21px {
font-size:1.615em
}
.wpex-fs-13px {
font-size:13px
}
.wpex-fs-14px {
font-size:14px
}
.wpex-fs-16px {
font-size:16px
}
.wpex-fs-18px {
font-size:18px
}
.wpex-fs-21px {
font-size:21px
}
/* Typography > Font Smoothing */
body.smooth-fonts {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
/* Typography > Links */
a {
color:#0081cc;
text-decoration:none;
outline:none;
}
a:hover {
text-decoration:underline
}
/* Typography > Headings */
h1,h2,h3,h4,h5,h6 {
font-weight:600;
color:#222;
line-height:1.5;
margin:30px 0 20px;
}
.heading-typography {
line-height:1.5
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:inherit
}
h1 a:hover,h2 a:hover,a:hover h2,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
text-decoration:none
}
h1 {
font-size:1.500em;
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.750em
}
/* 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:#3d4a59;
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:#3d4a59
}
.typography-black p > a {
text-decoration:underline
}
/*text shadows*/
.typography-white-shadow {
text-shadow:0 0 .25em rgba(0,0,0,0.6)
}
/*------------------------------------------------------------------ [Animation + Hover Styles] -------------------------------------------------------------------*/
.transition-all {
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.animate-bg-hover {
-webkit-transition:background .2s ease-in-out;
-moz-transition:background .2s ease-in-out;
-ms-transition:background .2s ease-in-out;
-o-transition:background .2s ease-in-out;
transition:background .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:#3d4a59
}
#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:#3d4a59
}
#top-bar-social.social-style-colored-icons a {
margin-right:0
}
#top-bar-social a:last-child {
margin-right:0 !important
}
/* Top Bar > Social > Right */
#top-bar-social.top-bar-right {
position:absolute;
right:0;
top:50%;
height:26px;
line-height:26px;
margin-top:-13px;
}
body.boxed-main-layout #top-bar-social.top-bar-right {
right:30px;
}
/* Top Bar > Social > Left */
#top-bar-social.top-bar-left {
position:absolute;
left:0;
top:50%;
height:26px;
line-height:26px;
margin-top:-13px;
}
body.boxed-main-layout #top-bar-social.top-bar-left {
left:30px;
}
/* Top Bar > Social > Centered */
#top-bar-social.has-content.top-bar-centered {
padding-top:15px;
}
#top-bar-social.top-bar-centered a {
display:inline-block;
float:none;
}
/* Top Bar > Social > Image Icons */
#top-bar-social.top-bar-right.social-style-colored-icons,
#top-bar-social.top-bar-left.social-style-colored-icons {
height:20px;
line-height:20px;
margin-top:-10px;
}
.social-style-colored-icons img {
height:20px;
}
.social-style-colored-icons a:hover img {
opacity:0.85
}
/* Top Bar > Language Switchers */
.top-bar-right .polylang-switcher-shortcode {
float:right;
margin-left:20px;
}
.top-bar-left .polylang-switcher-shortcode {
float:left;
margin-right:20px;
}
/*------------------------------------------------------------------ [Header Global Styles] -------------------------------------------------------------------*/
#site-header {
padding:0 !important;
border-bottom:0 !important;
background-color:#fff !important;
position:relative;
z-index:999;
}
#site-header-inner {
padding-top:30px;
padding-bottom:30px;
}
#site-navigation.container {
position:relative;
}
/* Header > Main > Logo */
#site-logo1 {
display:table;
}
#site-logo1-inner {
display:table-cell;
vertical-align:middle;
}
#site-logo1 a {
width:320px;
padding:0;
margin: -20px 0px 0px 0px;
text-decoration:none;
display:block;
}
#site-logo1 a.site-logo-text {
color:#222;
font-size:24px;
font-weight:bold;
}
#site-logo1-fa-icon {
margin-right:10px;
}
#site-logo1-fa-icon.fa-wpex-hidden {
margin-right:0;
}
#site-logo1 a:hover {
text-decoration:none
}
#site-logo1 img {
display:inline;
vertical-align:middle;
height: auto !important;
width: 320px;
}
/* Header > Main > Full-Width */
@media only screen and (min-width:960px) {
#site-header.wpex-full-width .container {
width:100% !important;
max-width:none !important;
}
#site-header.wpex-full-width > .container {
padding-left:30px;
}
#site-header.wpex-full-width .navbar-style-one {
right:30px
}
#site-header.wpex-full-width.header-one #searchform-dropdown,
#site-header.wpex-full-width.header-one #current-shop-items-dropdown {
right:30px;
}
#site-header.wpex-full-width .header-two-aside {
margin-right:30px;
}
}/*------------------------------------------------------------------ [Sticky Header] -------------------------------------------------------------------*/
#site-header-sticky-wrapper.is-sticky #site-header {
position:fixed;
overflow:visible !important;
z-index:999;
background:#fff;
box-shadow:0px 2px 5px #f3f3f3;
}
#site-header-sticky-wrapper.is-sticky #site-header-inner {
z-index:999;
}
/* Sticky Header > Shrink */
#site-header.shrink-sticky-header {
width:100%;
transition:opacity 0.3s;
}
#site-header.shrink-sticky-header.sticky-header-shrunk #site-logo1 {
padding-top:0;
padding-bottom:0;
}
/* shrink with animation*/
.anim-shrink-header #site-header-sticky-wrapper,.anim-shrink-header #site-header,
.anim-shrink-header #site-header-inner,.anim-shrink-header .navbar-style-five,
.anim-shrink-header .navbar-style-five #site-navigation,.anim-shrink-header #site-logo1,
.anim-shrink-header #site-logo1-inner,.anim-shrink-header #site-logo1 a,.anim-shrink-header #site-logo1 img {
transition:all 0.3s linear;
}
.anim-shrink-header #site-logo1 img {
max-height:none;
backface-visibility:hidden;
transform:translate3d(0,0,0);
}
.anim-shrink-header #site-navigation-wrap {
transition:top 0.3s linear;
}
.sticky-header-shrunk #site-header-inner {
height:70px;
padding-top:10px !important;
padding-bottom:10px !important;
}
.shrink-sticky-header.sticky-header-shrunk .navbar-style-five .dropdown-menu > li > a,
.shrink-sticky-header.sticky-header-shrunk #site-logo1 img {
height:50px;
}
/*------------------------------------------------------------------ [SuperFish + Core Menu Styles] -------------------------------------------------------------------*/
.sf-menu,.sf-menu * {
margin:0;
padding:0;
list-style:none;
color:#4f5e6a;
}
.sf-with-ul span.menu-image-title,.sf-menu span.menu-image-title,
.not-sticky .sf-menu li ul li span.menu-image-title {
color:#3d4a59;
}
.sf-menu li ul li span.menu-image-title {
color:#fff;
}
.sf-menu li ul li a:first-child span.menu-image-title {
font-weight:600;
}
.sf-menu li ul li ul li a:first-child span span.menu-image-title {
font-weight:normal;
}
.sf-menu li {
position:relative
}
.sf-menu > li {
float:left
}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {
display:block
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {
float:left
}
.sf-menu a {
zoom:1
}
.sf-menu li {
position:relative;
white-space:nowrap;
*white-space:normal;
}
.sf-menu li:hover,.sf-menu li.sfHover {
transition:none
}
.sf-menu .sf-mega {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.sf-menu li:hover > .sf-mega,.sf-menu li.sfHover > .sf-mega {
display:block
}
.sf-menu ul img {
display:block;
float:none;
max-width:100%;
}
#site-navigation .dropdown-menu li a .fa {
margin-right:8px
}
#site-navigation .dropdown-menu li.no-icon-margin a .fa {
margin-right:0
}
#site-navigation .dropdown-menu .site-search-toggle .fa {
margin:0
}
#site-navigation .dropdown-menu >li.free-trial a:hover > span {
color:#fff !important;
background:#ffbc25;
}
#site-navigation .dropdown-menu >li.menu-sensors ul .menu-li-last li:hover {
background:#2382bf;
width:max-content;
}
#site-navigation .dropdown-menu>li.menu-sensors ul a:hover > span {
color:#2382bf;
text-decoration:underline;
}
#site-navigation .dropdown-menu >li ul .menu-li-last a:hover > span {
color:#fff;
text-decoration:none;
}
#site-navigation .dropdown-menu >li.menu-sensors ul .menu-li-last a:hover > span,
#site-navigation .dropdown-menu >li.menu-sensors ul .menu-li-last li:hover span {
color:#fff;
text-decoration:none;
}
#site-navigation .dropdown-menu >li.menu-sensors ul .li-blue-color>a:hover span {
color:#2382bf;
text-decoration:none;
}
/*------------------------------------------------------------------ [Menu] -------------------------------------------------------------------*/
#site-navigation a {
text-decoration:none
}
.menu-button.menu-button-rounded span.link-inner {
border-radius:40px !important
}
/* Menu > Sticky */
#site-navigation-sticky-wrapper.is-sticky #site-navigation-wrap {
position:fixed;
top:0;
width:100%;
background:#fff;
border-bottom:1px solid #eee;
overflow:visible !important;
z-index:999;
width:100%;
box-shadow:0px 2px 7px rgba(0,0,0,0.1);
}
/* Menu > Main > Arrows */
#site-navigation .dropdown-menu li a .nav-arrow {
margin-left:4px;
margin-right:0;
}
#site-navigation .sf-menu > li ul li .nav-arrow {
position:absolute;
top:50%;
right:10px;
height:10px;
line-height:10px;
margin-top:-5px;
}
/* Menu > Main > Dropdowns */
#site-navigation .dropdown-menu ul ul {
margin-left:0;
text-align:left;
}
#site-navigation .dropdown-menu ul li:first-child ul {
margin-top:0
}
#site-navigation .dropdown-menu ul li {
padding:0;
}
#site-navigation .dropdown-menu ul a {
display:block;
float:none;
height:auto;
line-height:1.4em;
text-align:left;
margin:1px 0;
}
#site-navigation .dropdown-menu ul a:hover * {
color:#fff;
}
#site-navigation .dropdown-menu ul li:last-child > a {
border-bottom:none
}
/* Menu > Main > Left Dropdowns */
#site-navigation .dropdown-menu li.left-dropdowns ul ul {
left:auto;
right:100%;
}
body #site-navigation .sf-menu li.left-dropdowns ul a.sf-with-ul {
padding-left:25px;
padding-right:12px;
}
#site-navigation .dropdown-menu li.left-dropdowns ul .fa-angle-right {
left:9px;
right:auto;
}
#site-navigation .dropdown-menu li.left-dropdowns ul .fa-angle-right:before {
content:"\f104"
}
/* Menu > Main > Animate Links */
#site-navigation .dropdown-menu > li > a > span.link-inner {
transition:background 0.15s ease-in-out,color 0.15s ease-in-out;
-moz-transition:background 0.15s ease-in-out,color 0.15s ease-in-out;
-webkit-transition:background 0.15s ease-in-out,color 0.15s ease-in-out;
}
#site-navigation .dropdown-menu ul a {
transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-webkit-transition:all 0.15s ease-in-out;
}
#site-navigation .dropdown-menu .sub-menu .sub-menu a {
padding:0.1vw 0.625vw 0;
line-height:1.5vw;
font-size:15px;
}
#site-navigation .dropdown-menu .sub-menu .menu-li-last .sub-menu a {
padding:0;
}
#site-navigation .dropdown-menu .menu-sensors .sub-menu .menu-li-last .sub-menu a {
padding:0;
line-height:1.8vw;
}
/*------------------------------------------------------------------ [Header One] -------------------------------------------------------------------*/
.header-one #site-logo1 {
float:left;
height:100%;
}
/* Header > One > Navbar */
.navbar-style-one {
position:absolute;
right:-12px;
top:50%;
margin-top:-25px;
height:50px;
}
body.navbar-has-inner-span-bg .navbar-style-one {
right:-4px;
}
.navbar-style-one .dropdown-menu > li:last-child.menu-button {
margin-right:12px;
}
.navbar-style-one .dropdown-menu > li > a {
display:block;
height:50px;
line-height:50px;
padding:0 4px;
color:#555;
}
.navbar-style-one .dropdown-menu > li > a > span.link-inner {
display:inline-block;
line-height:1;
padding:0.6em 0 1.6em;
border-radius:3px;
}
/*------------------------------------------------------------------ [Header Two] -------------------------------------------------------------------*/
.header-two {
background:#fff
}
.header-two-aside {
float:right;
font-size:1.077em;
text-align:right;
}
/* Header > Two > Logo */
.header-two-logo {
float:left
}
/* Header > Two > Search */
#header-two-search {
margin-top:10px
}
#header-two-search {
float:right
}
#header-two-search input#header-two-search-input {
font-size:0.923em;
width:160px;
float:left;
border:1px solid #ddd;
height:32px;
padding:0 10px;
border:1px solid #e4e4e4;
background:#f7f7f7;
}
#header-two-search-submit {
height:32px;
line-height:32px;
width:35px;
text-align:center;
padding:0;
outline:none;
margin-left:5px;
cursor:pointer;
font-size:12px;
}
/* Header > Two > Navbar */
.navbar-style-two {
background:#fff;
}
.navbar-style-two .dropdown-menu {
width:100%
}
.navbar-style-two {
border-top:1px solid #eee;
position:relative;
}
body.page-header-disabled .navbar-style-two {
border-bottom:1px solid #eee
}
.navbar-style-two .dropdown-menu {
border-left:1px solid #eee;
border-right:1px solid #eee;
}
.navbar-style-two .dropdown-menu li {
border-right:1px solid #eee
}
.navbar-style-two .dropdown-menu li li {
border-right:0
}
.navbar-style-two .dropdown-menu > li > a {
display:block;
height:50px;
line-height:50px;
color:#555;
font-weight:normal;
padding:0 20px;
}
.navbar-style-two .dropdown-menu .woo-menu-icon,.navbar-style-two .dropdown-menu .search-toggle-li {
float:right;
border-left:1px solid #eee;
border-right:0;
}
/*------------------------------------------------------------------ [Header Three] -------------------------------------------------------------------*/
.header-three-logo {
float:none;
text-align:center;
margin:0 auto;
}
.header-three-logo a {
display:inline;
display:inline-block;
float:none;
}
.header-three-aside {
float:none;
text-align:center;
width:100%;
margin-top:10px;
}
.navbar-style-three {
background:#fff;
border-top:1px solid #eee;
position:relative;
}
body.page-header-disabled .navbar-style-three {
border-bottom:1px solid #eee
}
.navbar-style-three .container {
position:relative
}
.navbar-style-three .sf-menu {
text-align:center;
float:none;
}
.navbar-style-three .dropdown-menu > li {
display:inline-block;
float:none;
}
.navbar-style-three .dropdown-menu > li > a {
display:block;
height:50px;
line-height:50px;
color:#555;
font-weight:normal;
padding:0 5px;
}
.navbar-style-three .dropdown-menu > li > a > span.link-inner {
display:inline-block;
line-height:1;
padding:0.5em 0.8em;
border-radius:3px;
}
.navbar-style-three .dropdown-menu ul {
text-align:left
}
/*------------------------------------------------------------------ [Header Four] -------------------------------------------------------------------*/
.header-four-logo {
float:none;
text-align:center;
margin:0 auto;
}
.header-four-logo a {
display:inline-block;
float:none;
}
.header-four-aside {
float:none;
text-align:center;
width:100%;
margin-top:10px;
}
.navbar-style-four {
background:#fff;
position:relative;
border-bottom:1px solid #eee;
}
.navbar-style-four .container {
position:relative
}
.navbar-style-four .sf-menu {
text-align:center;
float:none;
}
.navbar-style-four .dropdown-menu > li {
display:inline-block;
float:none;
}
.navbar-style-four .dropdown-menu > li > a {
display:block;
height:50px;
line-height:50px;
color:#555;
font-weight:normal;
padding:0 15px;
}
.navbar-style-four .dropdown-menu ul {
text-align:left
}
/*------------------------------------------------------------------ [Header Five] -------------------------------------------------------------------*/
#site-logo1.header-five-logo {
display:none;
float:none;
margin:0;
padding:0;
transition:all 0.3s;
}
#site-logo1.header-five-logo.display {
display:table;
}
.menu-item-logo {
padding:0 40px;
}
#site-navigation-wrap.navbar-style-five,.navbar-style-five #site-navigation {
height:100%;
}
.navbar-style-five .container {
position:relative
}
.navbar-style-five .dropdown-menu {
text-align:center;
float:none;
display:table;
height:100%;
margin:0 auto;
}
.navbar-style-five .dropdown-menu > li {
height:100%;
display:table-cell;
vertical-align:middle;
float:none;
}
.navbar-style-five .dropdown-menu > li > a {
display:block;
height:50px;
line-height:50px;
color:#555;
font-weight:normal;
padding:0 4px;
}
.navbar-style-five .dropdown-menu ul {
text-align:left
}
.navbar-style-five .dropdown-menu > li > a > span.link-inner {
display:inline-block;
line-height:1;
padding:0.5em 0.8em;
border-radius:3px;
}
/*------------------------------------------------------------------ [Header Six - Vertical Header] -------------------------------------------------------------------*/
@media only screen and ( min-width:960px ) {
/* Header Vertical > Main */
body.wpex-has-vertical-header {
position:relative;
}
body.wpex-has-vertical-header.full-width-main-layout #wrap {
padding-left:280px;
}
body.wpex-has-vertical-header.full-width-main-layout.wpex-site-header-disabled #outer-wrap {
padding-left:0;
}
body.wpex-has-vertical-header.full-width-main-layout #outer-wrap {
}body.wpex-has-vertical-header #site-header {
background:#fff;
position:absolute;
z-index:99;
top:0;
left:0;
width:280px;
height:100%;
box-shadow:0 0 7px rgba(0,0,0,0.1);
}
body.wpex-fixed-vertical-header #site-header {
position:fixed;
overflow:visible;
}
body.wpex-has-vertical-header #site-header .container {
width:100%;
max-width:100%;
}
/* Boxed Layout */
body.boxed-main-layout.wpex-has-vertical-header #wrap {
padding-left:280px;
}
body.wpex-has-vertical-header.boxed-main-layout.wpex-site-header-disabled #wrap {
padding-left:0;
}
body.boxed-main-layout.wpex-has-vertical-header #site-header .container {
padding-left:0 !important;
padding-right:0 !important;
}
/* Header Vertical > Logo */
body.wpex-has-vertical-header #site-logo1 {
display:block;
padding:0 30px 30px 30px;
}
body.wpex-has-vertical-header #site-logo1-inner {
display:block;
}
body.wpex-has-vertical-header #site-logo1 img {
display:block;
margin:0 auto;
}
/* Header Vertical > Navbar */
.navbar-style-six #site-navigation {
border-top:1px solid #eee;
}
.navbar-style-six .dropdown-menu > li {
display:block;
width:100%;
height:auto;
border-bottom:1px solid #eee;
}
.navbar-style-six .dropdown-menu > li > a {
display:block;
color:#555;
font-weight:normal;
padding:1em 30px;
}
.navbar-style-six .dropdown-menu > li.menu-item-has-children > a {
padding-right:50px;
}
.navbar-style-six .dropdown-menu a:hover {
background:#f9f9f9;
}
.navbar-style-six .dropdown-menu > .current-menu-item > a,
.navbar-style-six .dropdown-menu > .current-menu-parent > a {
background:#4a97c2;
color:#fff !important;
transition:all 0.3s ease-in-out;
}
.navbar-style-six .dropdown-menu > li > a > span.link-inner {
display:block;
padding:0;
transition:none;
}
.navbar-style-six .dropdown-menu .nav-arrow.top-level {
position:absolute;
right:28px;
top:50%;
height:20px;
line-height:20px;
margin-top:-10px;
font-size:11px;
opacity:0.4;
}
body.wpex-has-vertical-header .wpex-menu-search-text {
display:inline-block;
padding-left:20px;
}
/* Header Vertical > Navbar > Dropdowns */
body.wpex-has-vertical-header #site-navigation .sf-menu ul {
top:0;
left:100%;
text-align:left
}
body.wpex-has-vertical-header #site-navigation .sf-menu ul a {
padding:1em 20px;
}
/* Header Vertical > Navbar > Megamenu */
body.wpex-has-vertical-header #site-navigation .dropdown-menu li.megamenu {
position:relative;
}
body.wpex-has-vertical-header #site-navigation .dropdown-menu li.megamenu ul {
left:100%;
width:750px
}
/* Header Vertical > Title */
body.wpex-has-vertical-header .page-header {
border-top:0;
}
}/*------------------------------------------------------------------ [Menu Extras ] -------------------------------------------------------------------*/
/* Menu Extras > Dropdown Tip */
.wpex-dropdowns-caret .dropdown-menu ul:before {
content:"";
display:block;
position:absolute;
top:-7px;
left:12px;
border-right:7px solid transparent;
border-bottom:7px solid #ddd;
border-bottom-color:rgba(0,0,0,0.15);
border-left:7px solid transparent;
}
.wpex-dropdowns-caret .dropdown-menu ul:after {
content:"";
display:block;
position:absolute;
top:-6px;
left:13px;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
border-left:6px solid transparent;
}
.wpex-dropdowns-caret .dropdown-menu ul ul:before,.wpex-dropdowns-caret .dropdown-menu ul ul:after {
display:none
}
/* Menu Extras > Dropshadows */
.wpex-dropdowns-shadow-one ul ul {
box-shadow:0px 3px 10px rgba(0,0,0,0.1)
}
.wpex-dropdowns-shadow-two ul ul {
box-shadow:0 0 3px 0 rgba(0,0,0,0.1)
}
.wpex-dropdowns-shadow-three ul ul {
box-shadow:0 2px 5px rgba(0,0,0,0.1);
}
.wpex-dropdowns-shadow-four ul ul {
box-shadow:0px 2px 3px rgba(0,0,0,0.4);
}
.wpex-dropdowns-shadow-five ul ul {
box-shadow:0 5px 11px 0 rgba(0,0,0,0.24);
}
/* Menu Extras > Top Border */
.wpex-dropdown-top-border .dropdown-menu ul:before,.wpex-dropdown-top-border .dropdown-menu ul:after {
display:none
}
/* Menu Extras > Flush Dropdowns */
.wpex-flush-dropdowns .dropdown-menu ul:before,.wpex-flush-dropdowns .dropdown-menu ul:after {
display:none
}
/* Menu Extras > Minimal Dropdown */
.wpex-dropdown-style-minimal #site-navigation .dropdown-menu ul {
background:#fff !important;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #ddd;
padding:10px;
}
.wpex-dropdown-style-minimal #site-navigation .dropdown-menu ul:after,
.wpex-dropdown-style-minimal #site-navigation .dropdown-menu ul:before {
display:none
}
.wpex-dropdown-style-minimal #site-navigation .dropdown-menu ul li a {
transition:none;
border:0;
}
.wpex-dropdown-style-minimal #site-navigation .dropdown-menu ul li a:hover {
background:transparent;
color:#3d4a59;
}
.wpex-dropdown-style-minimal .navbar-style-two #site-navigation .dropdown-menu ul {
border-radius:0;
border-color:#eee;
}
/* Menu Extras > Minimal Dropdown / Square */
.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul {
background:#fff;
border:0;
padding:0;
}
.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul:after,
.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul:before {
display:none
}
.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul li a {
transition:none;
border:0;
}
.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul a {
padding:10px 18px;
}
/* Menu Extras > Black Dropdown */
.wpex-dropdown-style-black #site-navigation .dropdown-menu ul {
background:#3d4a59;
border:0;
}
.wpex-dropdown-style-black .wpex-dropdowns-caret .dropdown-menu ul:before,
.wpex-dropdown-style-black .wpex-dropdowns-caret .dropdown-menu ul:after {
border-bottom-color:#3d4a59
}
.wpex-dropdown-style-black #site-navigation .dropdown-menu ul li a {
display:block;
color:#909090;
border-color:#252525;
}
.wpex-dropdown-style-black #site-navigation .dropdown-menu ul li a:hover {
background:#252525;
color:#fff;
}
.wpex-dropdown-style-black #site-navigation li.megamenu > ul.sub-menu > li {
border-color:#252525
}
.wpex-dropdown-style-black #site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children > a {
color:#fff
}
.wpex-dropdown-style-black #searchform-dropdown {
background:#222;
border:0;
}
.wpex-dropdown-style-black #searchform-dropdown input {
background:#333;
color:#909090;
}
/*move to woocommerce css*/
.wpex-dropdown-style-black #current-shop-items-dropdown {
background:#3d4a59;
border:0;
}
.wpex-dropdown-style-black #current-shop-items-dropdown a {
color:#fff
}
.wpex-dropdown-style-black #current-shop-items-dropdown li {
border-color:#252525
}
.wpex-dropdown-style-black #current-shop-items-dropdown strong {
color:#909090
}
.wpex-dropdown-style-black.price,.wpex-dropdown-style-black .amount {
color:#ccc !important
}
/*------------------------------------------------------------------ [Mega Menu] -------------------------------------------------------------------*/
#site-navigation li.megamenu {
position:static;
}
#site-navigation li.free-trial {
padding-right:1.5vw;
}
#site-navigation li.megamenu > ul.sub-menu .nav-arrow {
display:none;
}
#site-navigation li.megamenu > ul.sub-menu {
left:0;
right:auto;
border-radius:0;
padding:12px 0 0;
}
#site-navigation li.megamenu > ul.sub-menu > li {
display:block;
float:none;
padding:0px 0.625vw;
width:100%;
}
#site-navigation li.megamenu > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu a:before {
display:inline-block;
content:"\f105";
margin-right:7px;
font-family:'FontAwesome';
}
#site-navigation li.megamenu.col-1 > ul.sub-menu > li {
width:100%
}
#site-navigation li.megamenu.col-2 > ul.sub-menu > li {
width:50%
}
#site-navigation li.megamenu.col-2 > ul.sub-menu > li:nth-child(3n) {
clear:both
}
#site-navigation li.megamenu.col-3 > ul.sub-menu > li {
width:33.33%
}
#site-navigation li.megamenu.col-3 > ul.sub-menu > li:nth-child(4n) {
clear:both
}
#site-navigation li.megamenu.col-4 > ul.sub-menu > li {
width:25%
}
#site-navigation li.megamenu.col-4 > ul.sub-menu > li:nth-child(5n) {
clear:both
}
#site-navigation li.megamenu.col-5 > ul.sub-menu > li {
width:20%
}
#site-navigation li.megamenu.col-5 > ul.sub-menu > li:nth-child(6n) {
clear:both
}
#site-navigation li.megamenu.col-6 > ul.sub-menu > li {
width:16.66%
}
#site-navigation li.megamenu.col-6 > ul.sub-menu > li:nth-child(7n) {
clear:both
}
#site-navigation li.megamenu.col-7 > ul.sub-menu > li {
width:14.28%
}
#site-navigation li.megamenu.col-7 > ul.sub-menu > li:nth-child(8n) {
clear:both
}
#site-header #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 !important;
padding:0 !important;
box-shadow:none;
background-color:#f1f6fd;
margin-bottom: 2vw;
}
#site-header #site-navigation li.megamenu > ul.sub-menu > li.menu-li-last ul {
background-color:#9db4ca;
}
#site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children {
margin:0;
}
#site-navigation li.megamenu > ul.sub-menu > .menu-item > a {
font-weight:600;
color:#3d4a59;
font-size:1.03em;
padding:0.4vw 0;
word-wrap:break-word;
white-space:normal;
}
#site-navigation li.megamenu.menu-industries > ul.sub-menu > .menu-item > a {
padding-bottom:0;
}
#site-navigation li.megamenu > ul.sub-menu > .menu-item-has-children > a:hover {
background:none
}
#site-navigation li.megamenu.hide-headings > ul.sub-menu > .menu-item-has-children > a {
display:none
}
#site-navigation li.megamenu li a {
border:0
}
#site-navigation li.megamenu ul:after,#site-navigation li.megamenu ul:before {
display:none
}
#site-navigation li.megamenu > ul.sub-menu > li {
border-left:none;
width:21vw;
display:inline-block;
vertical-align:top;
}
#site-navigation li.megamenu > ul.sub-menu > li.menu-li-last {
width:30vw;
background:#9db4ca;
padding:0 0 2.5vw 0;
min-height:17.2vw;
float:right;
}
#site-navigation li.megamenu.menu-sensors > ul.sub-menu > li.menu-li-last {
padding-left:2vw;
}
#site-navigation li.megamenu.display-always > ul.sub-menu {
display:block !important;
opacity:1 !important;
}
#site-navigation-wrap #site-navigation li.megamenu > ul.sub-menu {
top:88px !important;
left:0;
background-color:#f1f6fd;
border:none;
position:absolute;
width:100% !important;
padding:0 0 0 4.3vw;
min-height:17.2vw;
display:none;
}
#site-navigation-wrap #site-navigation > ul > .megamenu:nth-child(3) > .sub-menu {
min-height:19.5vw;
padding:1vw 0 0 10vw;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li {
width:21vw;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:nth-child(2),
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li:nth-child(6) {
width:17vw;
}
#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) {
width:22vw;
}
#site-navigation > ul > .megamenu:nth-child(4) > .sub-menu > li {
width:20vw;
}
#site-navigation-wrap nav#site-navigation > ul li.megamenu:nth-child(4) > .sub-menu {
padding-left:10vw;
padding-top:2.8vw;
}
#site-navigation-wrap nav#site-navigation > ul li.megamenu:nth-child(5) > .sub-menu {
padding-left:10vw;
}
#site-navigation > ul > .megamenu:nth-child(5) > .sub-menu > li {
width:18vw;
padding-top:3vw;
}
#site-navigation > ul > .megamenu:nth-child(4) .intro {
color:#615b5b;
font-size:12px;
font-weight:normal!important;
margin-top:3px;
display:inline-block;
}
#site-navigation > ul > .megamenu:nth-child(4) .intro-two {
color:#615b5b;
font-size:12px;
font-weight:normal!important;
margin-top:13px;
display:inline-block;
}
.is-sticky #site-navigation > ul > .megamenu:nth-child(4) .intro {
color:white;
}
.is-sticky #site-navigation > ul > .megamenu:nth-child(4) .intro-two {
color:white;
}
#site-navigation >#menu-main-menu >li.megamenu:nth-child(6) .right .link-inner {
line-height:26px;
}
.sub-menu .menu-item a img {
width:210px;
height:160px;
padding:0 !important;
margin:12px auto;
}
nav#site-navigation > ul > li:nth-child(6) > .sub-menu > li.textblod:not(:first-child) > a span {
font-weight:bold !important;
}
/*新增代ç */
#site-header .dropdown-menu .li-blue-color>a span {
color:#2382bf;
font-size:18px;
display:block;
font-weight:400;
padding:0 0.5vw;
margin:1vw 0 0.3vw 0;
}
#site-header .dropdown-menu .menu-industries .li-blue-color>a span {
margin-top:0.9vw;
margin-bottom: 1vw;
}
#site-header .menu-sensors .li-blue-color>a span {
padding:0;
}
#site-header .menu-sensors .li-blue-color.menu-li-last>a span {
padding-left:0.5vw;
}
.menu-li-hide>a span {
opacity:0;
}
.menu-connecty .menu-li-hide>a span {
height:0;
}
#site-navigation .sub-menu .sub-menu li {
margin-top:0;
width:max-content;
position:relative;
padding:0;
}
#site-navigation .menu-sensors .sub-menu .sub-menu li {
background:url('../img/other/background5.png') no-repeat left;
background-size:2.29vw 1.87vw;
height:1.87vw;
padding-left:2.3vw;
padding-right:0;
margin-top:1.5vw;
}
#site-navigation .menu-sensors .sub-menu .sub-menu li:hover:after {
content:"";
display:inline-block;
background:url('../img/other/background6.png') no-repeat left;
background-size:9.4vw 5.25vw;
width:9.4vw;
height:5.25vw;
position:absolute;
z-index:4;
top:100%;
left:55%;
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-smt-sensor {
background-image:url('../img/other/background7.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-smt-sensor:hover:after {
background-image:url('../img/other/background8.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-t1-sensor {
background-image:url('../img/other/background9.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-t1-sensor:hover:after {
background-image:url('../img/other/background10.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-temperature-sensor {
background-image:url('../img/other/background11.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-temperature-sensor:hover:after {
background-image:url('../img/other/background12.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-swl-sensor {
background-image:url('../img/other/background13.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-swl-sensor:hover:after {
background-image:url('../img/other/background14.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-udl-sensor {
background-image:url('../img/other/background15.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-udl-sensor:hover:after {
background-image:url('../img/other/background16.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-co2-sensor {
background-image:url('../img/other/background17.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li.li-co2-sensor:hover:after {
background-image:url('../img/other/background18.png');
}
#site-navigation .sub-menu .menu-li-last .sub-menu li {
background:none;
padding:0 0.5vw;
position:static;
margin:-0.5vw auto 0;
}
#site-navigation .menu-sensors .sub-menu .menu-li-last .sub-menu li {
margin:0;
}
#site-navigation .menu-sensors .sub-menu .menu-li-last .sub-menu li:first-child {
margin-top:1vw;
}
#site-navigation .menu-sensors .sub-menu .menu-li-last .sub-menu li.menu-item:hover:after {
content:"";
display:inline-block;
background:url('../img/other/background19.png') no-repeat left;
background-size:13.2vw 11.3vw;
width:13.2vw;
height:11.3vw;
position:absolute;
top:-2vw;
left:12.8vw;
}
#site-navigation .menu-sensors .sub-menu .menu-li-last .sub-menu li.menu-item:nth-child(2):hover:after {
background-image:url('../img/other/background20.png');
}
#site-navigation .menu-sensors .sub-menu .menu-li-last .sub-menu li.menu-item:nth-child(3):hover:after {
background-image:url('../img/other/background21.png');
}
#site-navigation .menu-sensors .sub-menu .menu-li-last .sub-menu li.menu-item:nth-child(4):hover:after {
background-image:url('../img/other/background22.png');
}
#site-navigation .menu-sensors .sub-menu .sub-menu li:hover {
background-color:rgba(255,255,255,0);
}
#site-navigation .sub-menu .sub-menu li:hover a {
background-color:#2382bf;
width:max-content;
}
#site-navigation .sub-menu .sub-menu li.li-case-show:hover a {
background-color:rgba(255,255,255,0);
width: 100%;
}
#site-navigation .menu-sensors .sub-menu .sub-menu li:hover a {
background-color:rgba(255,255,255,0);
}
#site-navigation .sub-menu .sub-menu li:hover a span {
color:#fff;
}
#site-navigation .sub-menu .sub-menu li.li-case-show:hover a span {
color:#2382bf;
text-decoration:underline;
}
#site-navigation .menu-sensors .sub-menu .sub-menu li:hover a span {
color:#2382bf;
}
/*Connectivity*/
#site-navigation li.megamenu.menu-connecty > ul.sub-menu > li {
margin-top:0;
}
#site-navigation li.megamenu.menu-connecty > ul.sub-menu > li.menu-li-last {
margin-top:0;
}
#site-navigation li.menu-connecty > ul.sub-menu > li ul li:first-child:before {
content:"";
display:block;
background:url('../img/other/background1.png') no-repeat left;
background-size:11.29vw 5.70vw;
width:11.29vw;
height:5.70vw;
position:relative;
left:0.5vw;
}
#site-navigation li.menu-connecty > ul.sub-menu > li ul li.li-ug85-connect:first-child:before {
background-image:url('../img/other/background2.png');
}
#site-navigation li.menu-connecty > ul.sub-menu > li ul li.li-cloud-connect:first-child:before {
background-image:url('../img/other/background3.png');
}
#site-navigation li.megamenu.menu-connecty > ul.sub-menu > li ul li:first-child a {
margin-top:-1.2vw;
}
#site-navigation li.menu-connecty > ul.sub-menu > li.menu-li-last ul li:first-child:before,
#site-navigation li.menu-company > ul.sub-menu > li.menu-li-last ul li:first-child:before {
background-image:url('../img/other/menu1.png');
background-size:15.6vw 11.7vw;
width:15.6vw;
height:11.7vw;
margin:0 auto;
content:"";
display:block;
left:0;
}
#site-navigation li.menu-company > ul.sub-menu > li.menu-li-last ul li:first-child:before {
background-image:url('../img/other/background4.png');
margin-top:-1.5vw;
}
#site-navigation li.megamenu.menu-connecty > ul.sub-menu > li.menu-li-last ul li:first-child a,
#site-navigation li.megamenu.menu-company > ul.sub-menu > li.menu-li-last ul li:first-child a {
margin-top:0;
text-align:center;
margin-top:0.5vw;
}
.sf-menu .li-case-show span {
color:#fff;
}
/*------------------------------------------------------------------ [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 .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;
}
#wpex-mobile-menu-fixed-top .mobile-menu-toggle {
display:block;
width:100%;
height:50px;
line-height:50px;
color:#fff;
font-size:18px;
text-decoration:none;
}
#wpex-mobile-menu-fixed-top .mobile-menu-toggle .fa {
margin-right:10px;
}
/* Mobile Menu Toggles > Navbar */
#wpex-mobile-menu-navbar {
background:#262626;
color:#fff;
height:50px;
line-height:50px;
font-size:14px;
}
#wpex-mobile-menu-navbar a {
display:block;
color:#fff;
}
#wpex-mobile-menu-navbar a:hover {
text-decoration:none;
}
#wpex-mobile-menu-navbar a .fa {
margin-right:10px;
}
/*------------------------------------------------------------------ [Mobile Menus] -------------------------------------------------------------------*/
/* Mobile Menus > Sidebar */
#sidr-main {
display:none;
position:absolute;
position:fixed;
top:0;
height:100%;
z-index:999999;
width:300px;
max-width:100%;
padding-bottom:30px;
overflow-x:hidden;
overflow-y:auto;
font-size:1.077em;
background:#262626;
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;
margin:0 auto;
display:block;
height:50px;
line-height:50px;
font-size:18px;
color:#fff;
background:rgba(0,0,0,0.1);
}
.sidr-class-toggle-sidr-close:before {
font-family:"FontAwesome";
content:"\f0c9";
position:absolute;
top:0;
left:20px;
height:50px;
line-height:50px;
}
.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 rgba( 255,255,255,0.035 )
}
.sidr-class-dropdown-menu > li:first-child {
border-top:1px solid rgba( 255,255,255,0.035 )
}
.sidr-class-dropdown-menu li a {
padding:12px 20px;
display:block;
position:relative;
}
.sidr-class-dropdown-menu li a.sidr-class-sf-with-ul {
padding-right:40px
}
.sidr-class-dropdown-menu ul li:last-child {
border:none
}
.sidr-class-menu-item-has-children {
position:relative
}
.sidr-class-dropdown-menu li.sidr-class-menu-item-has-children > a {
padding-right:60px
}
.sidr-class-dropdown-toggle {
font-size: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-toggle:before {
font-family:"FontAwesome";
content:"\f054";
position:absolute;
height:30px;
line-height:30px;
width:30px;
top:50%;
left:50%;
margin-top:-15px;
margin-left:-15px;
}
.sidr-class-dropdown-menu li.active > a > .sidr-class-dropdown-toggle:before {
content:"\f078"
}
.sidr-class-dropdown-menu ul a:before {
font-family:"FontAwesome";
content:"\f0da";
display:inline-block;
margin:0 10px;
}
.sidr-class-dropdown-menu ul ul a:before {
margin-left:20px
}
.sidr-class-dropdown-menu ul ul ul a:before {
margin-left:40px
}
.sidr-class-dropdown-menu a .fa {
margin-right:10px
}
.sidr #searchform-header-replace-close,.sidr .nav-arrow {
display:none !important
}
.sidr-class-wcmenucart {
display:none !important
}
/* Mobile Menus > Sidr > Overlay */
.wpex-sidr-overlay {
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
background:rgba(0,0,0,0.6);
z-index:9999;
}
/* Mobile Menus > Sidr > Search */
#sidr-id-searchform-overlay-title {
display:none
}
.sidr-class-mobile-menu-searchform {
position:relative;
margin:30px 20px 0;
}
.sidr-class-mobile-menu-searchform input {
width:100%;
background:#fff;
background:rgba(255,255,255,0.06);
border:0;
outline:0;
padding:15px 45px 15px 15px;
line-height:1.4em;
border-radius:3px;
color:#fff;
color:rgba(255,255,255,0.5);
font-size:1em;
font-weight:400;
transition:all 0.3s;
}
.sidr-class-mobile-menu-searchform input:focus {
color:#fff;
}
.sidr-class-mobile-menu-searchform button {
background:none !important;
display:block;
position:absolute;
right:10px;
height:30px;
line-height:30px;
width:30px;
text-align:center;
top:50%;
margin-top:-15px;
color:#fff;
opacity:0.4;
padding:0;
}
.sidr-class-mobile-menu-searchform button:hover {
opacity:1;
}
/* Mobile Menus > Toggle */
.mobile-toggle-nav {
margin-top:0;
display:none;
background:#fff;
}
.mobile-toggle-nav {
z-index:9999;
height:auto;
line-height:inherit;
}
.mobile-toggle-nav a {
color:#555;
display:block;
padding:10px 0;
position:relative;
border-top:1px solid #eee;
}
.mobile-toggle-nav a:hover {
color:#3d4a59
}
.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:#3d4a59;
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:#3d4a59;
}
.full-screen-overlay-nav.black .full-screen-overlay-nav-close {
background:url( 'images/full-screen-overlay-nav-close-white.png' ) no-repeat;
}
.full-screen-overlay-nav.black li a {
color:#fff;
opacity:0.4;
}
.full-screen-overlay-nav.black li a:hover {
opacity:1;
}
/*------------------------------------------------------------------ [Header Overlay] -------------------------------------------------------------------*/
#overlay-header-wrap {
position:relative;
}
#site-header.overlay-header {
background:none;
position:absolute;
top:0;
left:0;
height:auto;
width:100%;
z-index:9999;
transition:background 0.3s;
-moz-transition:background 0.3s;
-webkit-transition:background 0.3s;
}
.wpex-sticky-header-holder.is-sticky #site-header.overlay-header {
left:auto;
}
#site-header.overlay-header #site-header-inner {
padding-top:30px;
padding-bottom:30px;
}
body.has-overlay-header .wpex-sticky-header-holder {
height:auto !important;
}
body.has-overlay-header .wpex-sticky-header-holder {
background:none !important;
}
body.boxed-main-layout.has-overlay-header #wrap {
position:relative
}
body.boxed-main-layout.has-overlay-header #site-header.overlay-header {
padding:0 30px
}
#site-header.overlay-header .has-overlay-logo .main-logo {
display:none;
}
/* Header > Overlay > Light Skin */
#site-header-sticky-wrapper.is-sticky #site-header.overlay-header.light-style {
background:#3d4a59
}
#site-header.overlay-header.light-style #site-logo1 a.site-logo-text {
color:#fff;
}
#site-header.overlay-header.light-style #site-navigation .dropdown-menu > li > a {
color:#fff;
opacity:0.7;
}
#site-header.overlay-header.light-style #site-navigation .dropdown-menu > li > a:hover {
opacity:1;
color:#fff;
}
#site-header.overlay-header.light-style #mobile-menu a {
color:#fff !important;
border:0 !important;
}
#site-header.overlay-header.light-style #mobile-menu a:hover {
opacity:1;
}
/* Header > Overlay > White Skin */
#site-header.overlay-header.white-style.dyn-styles #site-logo1 a.site-logo-text,
#site-header.overlay-header.white-style.dyn-styles #site-navigation .dropdown-menu > li > a {
color:#fff;
}
#site-header.overlay-header.white-style.dyn-styles #site-navigation .dropdown-menu > li > a:hover {
opacity:0.5;
color:#fff;
}
#site-header.overlay-header.white-style.dyn-styles #mobile-menu a {
background:rgba(255,255,255,0.2) !important;
color:#fff !important;
border:0 !important;
}
#site-header.overlay-header.white-style.dyn-styles #mobile-menu a:hover {
opacity:1;
}
/* Header > Overlay > Dark Skin */
#site-header.overlay-header.dark-style.dyn-styles #site-navigation .dropdown-menu > li > a {
color:#3d4a59;
opacity:0.7;
}
#site-header.overlay-header.dark-style.dyn-styles #site-navigation .dropdown-menu > li > a:hover {
opacity:1;
color:#3d4a59;
}
#site-header.overlay-header.dark-style.dyn-styles #mobile-menu a {
background:rgba(0,0,0,0.08) !important;
color:#3d4a59 !important;
border:0 !important;
}
#site-header.overlay-header.dark-style.dyn-styles #mobile-menu a:hover {
opacity:1;
}
/* Header > Overlay > Menu Button */
#site-header.overlay-header li.menu-button > a {
opacity:1 !important;
}
/*------------------------------------------------------------------ [Page Title] -------------------------------------------------------------------*/
/* Page Header > Main */
.page-header {
margin:0 0 40px;
padding:20px 0;
position:relative;
background-color:#f7f7f7;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
.no-header-margin .page-header {
margin-bottom:0
}
.page-header .container {
position:relative
}
.page-header-title {
display:block;
font-size:21px;
line-height:1.4em;
font-weight:normal;
font-weight:400;
margin:0px;
color:#3d4a59;
}
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:#3d4a59;
}
.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:#3d4a59;
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.0,1.0);
-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:#3d4a59;
background:rgba(0,0,0,.3);
transition:all 0.3s ease-in-out;
}
.wpex-slider .sp-arrow:hover {
background:rgba(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 #3d4a59;
}
.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 #3d4a59;
}
.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:#3d4a59;
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:#3d4a59;
}
.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:#3d4a59 !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:#3d4a59;
}
.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:#3d4a59;
}
.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:#3d4a59 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:#3d4a59;
text-decoration:none;
}
.meta time {
display:inline;
}
/*------------------------------------------------------------------ [Blog] -------------------------------------------------------------------*/
.blog-entry a.blog-entry-media-link {
display:block;
margin:0 auto;
}
.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:#3d4a59 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 .3s ease;
-moz-transition:opacity .3s ease;
transition:opacity .3s ease;
background:#3d4a59;
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:#3d4a59;
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,.blog-entry-readmore {
margin-bottom:20px
}
/* 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;
}
.blog-entry.thumbnail-entry-style .blog-entry-title {
margin:0 0 5px
}
/* 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,.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,.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] -------------------------------------------------------------------*/
/* Blog Single > Meta */
.content-full-screen .meta {
/*display:none */
}
.single-post .meta {
margin:0 0 20px
}
.single-post .meta.meta-with-title {
border:none;
padding:0;
}
/* Blog Single > Thumbnail */
#post-media {
display:block;
position:relative;
margin-bottom:20px;
}
#post-media img {
display:block;
margin:0 auto;
width:100%;
}
.post-media-caption {
position:absolute;
bottom:0;
left:0;
width:100%;
padding:10px 15px;
background:#3d4a59;
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;
display:none;
}
.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:#3d4a59;
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:#3d4a59;
margin-right:10px;
}
#post-series .post-series-current {
opacity:0.75;
-webkit-opacity:0.75;
-moz-opacity:0.75;
text-decoration:line-through;
}
/*------------------------------------------------------------------ [Author Bio] -------------------------------------------------------------------*/
.author-bio {
position:relative;
margin:0 0 40px;
background:#f7f7f7;
border:1px solid #eee;
padding:25px 25px 25px 125px;
}
.author-bio-avatar {
position:absolute;
top:20px;
left:20px;
}
.author-bio-avatar img {
display:block;
border-radius:74px;
-moz-border-radius:74px;
-webkit-border-radius:74px;
height:74px;
width:74px;
}
.author-bio-title {
font-weight:600;
font-size:1.077em;
margin:0 0 10px;
}
.author-bio-description p:last-child {
margin:0
}
.author-bio-social {
margin-top:15px
}
.author-bio-social a {
display:block;
float:left;
color:#fff;
height:25px;
line-height:25px;
width:25px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
text-align:center;
margin-right:4px;
font-size:13px;
background:#1e1e1e;
}
.author-bio-social a:hover {
color:#fff;
text-decoration:none;
opacity:0.8;
}
.author-bio-social a:active {
box-shadow:inset 0 1px 4px rgba(0,0,0,0.4)
}
.author-bio-social a.twitter {
background:#00ACED
}
.author-bio-social a.facebook {
background:#3B5998
}
.author-bio-social a.google-plus {
background:#D14836
}
.author-bio-social a.pinterest {
background:#CB2027
}
.author-bio-social a.linkedin {
background:#007FB1
}
.author-bio-social a.instagram {
background:#517fa4
}
/* Other Custom Post Types --------------------------------------------------------------*/
.cpt-entry {
position:relative;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #eee;
}
.cpt-entry-media {
margin-bottom:20px
}
.cpt-entry-title {
font-size:24px;
margin:0 0 10px;
font-weight:400;
}
.cpt-entry-excerpt {
margin-bottom:20px
}
.cpt-entry-excerpt p:last-child {
margin:0
}
/*------------------------------------------------------------------ [Social Sharing] -------------------------------------------------------------------*/
/* Social Sharing > Core */
ul.wpex-social-share {
list-style:none
}
.social-share-button-text {
font-size:13px
}
.wpex-social-share li,.wpex-social-share a {
display:block;
text-decoration:none;
}
.wpex-social-share a:hover {
text-decoration:none
}
/* Social Sharing > Add margin when needed */
.single-portfolio.no-composer .social-share-wrap.position-horizontal {
margin:40px 0 0
}
/* Social Sharing > Minimal */
.wpex-social-share li a {
color:#999;
text-align:center;
font-size:1.077em;
transition:all 0.15s ease;
}
.wpex-social-share li a:hover {
background:#f7f7f7
}
.wpex-social-share li.share-twitter a:hover {
color:#00aced
}
.wpex-social-share li.share-facebook a:hover {
color:#3b5998
}
.wpex-social-share li.share-pinterest a:hover {
color:#cb2027
}
.wpex-social-share li.share-googleplus a:hover {
color:#dd4b39
}
.wpex-social-share li.share-linkedin a:hover {
color:#4875B4
}
/* Social Sharing > Minimal > Vertical */
.wpex-social-share-wrap.position-vertical .social-share-title {
display:none;
}
.wpex-social-share.position-vertical {
position:absolute;
top:0;
left:-55px;
z-index:9;
width:35px;
list-style:none;
margin:0;
}
.content-left-sidebar .wpex-social-share.position-vertical {
right:-55px;
left:auto;
}
.wpex-social-share.position-vertical li {
float:left
}
.wpex-social-share.position-vertical li:first-child {
border-top:1px solid #e4e4e4
}
.wpex-social-share.position-vertical li a {
border:1px solid #e4e4e4;
border-top:none;
width:35px;
height:35px;
line-height:35px;
}
.wpex-social-share.position-vertical .social-share-button-text {
display:none
}
/* Social Sharing > Minimal > Horizontal */
.wpex-social-share.position-horizontal {
margin:0 auto 40px
}
.wpex-social-share.position-horizontal li {
float:left;
margin:0 5px 5px 0;
border:none;
}
.wpex-social-share.position-horizontal li a {
color:#999;
padding:0.308em 0.769em;
border:1px solid #e4e4e4;
}
.wpex-social-share.position-horizontal li .fa {
margin-right:5px
}
/* Social Sharing > Flat */
.wpex-social-share.style-flat li li:first-child {
border:none
}
.wpex-social-share.position-vertical.style-flat li:first-child {
border-top:none
}
.wpex-social-share.style-flat li a {
color:#fff !important;
border:none !important;
border-radius:2px;
}
.wpex-social-share.style-flat li.share-twitter a {
background:#00aced
}
.wpex-social-share.style-flat li.share-twitter a:hover {
background:#0093cb
}
.wpex-social-share.style-flat li.share-facebook a {
background:#3b5998
}
.wpex-social-share.style-flat li.share-facebook a:hover {
background:#324b80
}
.wpex-social-share.style-flat li.share-pinterest a {
background:#cb2027
}
.wpex-social-share.style-flat li.share-pinterest a:hover {
background:#ae1b21
}
.wpex-social-share.style-flat li.share-googleplus a {
background:#dd4b39
}
.wpex-social-share.style-flat li.share-googleplus a:hover {
background:#d03724
}
.wpex-social-share.style-flat li.share-linkedin a {
background:#4875B4
}
.wpex-social-share.style-flat li.share-linkedin a:hover {
background:#3e659c
}
.wpex-social-share.style-flat li {
margin-bottom:3px
}
/* Social Sharing > 3D */
.wpex-social-share.style-three-d li li:first-child {
border:none
}
.wpex-social-share.position-vertical.style-three-d li:first-child {
border-top:none
}
.wpex-social-share.style-three-d li a {
color:#fff !important;
border:none;
border-bottom:3px solid rgba(0,0,0,0.25);
border-radius:2px;
}
.wpex-social-share.style-three-d li a:active {
border-bottom-color:transparent
}
.wpex-social-share.style-three-d li.share-twitter a {
background:#00aced
}
.wpex-social-share.style-three-d li.share-twitter a:hover {
background:#0093cb
}
.wpex-social-share.style-three-d li.share-facebook a {
background:#3b5998
}
.wpex-social-share.style-three-d li.share-facebook a:hover {
background:#324b80
}
.wpex-social-share.style-three-d li.share-pinterest a {
background:#cb2027
}
.wpex-social-share.style-three-d li.share-pinterest a:hover {
background:#ae1b21
}
.wpex-social-share.style-three-d li.share-googleplus a {
background:#dd4b39
}
.wpex-social-share.style-three-d li.share-googleplus a:hover {
background:#d03724
}
.wpex-social-share.style-three-d li.share-linkedin a {
background:#4875B4
}
.wpex-social-share.style-three-d li.share-linkedin a:hover {
background:#3e659c
}
.wpex-social-share.style-three-d li {
margin-bottom:3px
}
/* Social Sharing > Rounded */
.wpex-social-share.style-rounded li {
margin-bottom:10px;
margin-right:10px;
}
.wpex-social-share.position-vertical.style-rounded li:first-child {
border-top:none
}
.wpex-social-share.style-rounded li a {
padding:0.462em 1.692em;
border:2px solid #eee;
border-radius:2px;
transition:all 0.2s ease;
border-radius:99px;
-moz-border-radius:99px;
-webkit-border-radius:99px;
}
.wpex-social-share.style-rounded li.share-twitter a {
border-color:#00aced;
color:#00aced;
}
.wpex-social-share.style-rounded li.share-twitter a:hover {
background:#00aced;
color:#fff;
}
.wpex-social-share.style-rounded li.share-facebook a {
border-color:#3b5998;
color:#3b5998;
}
.wpex-social-share.style-rounded li.share-facebook a:hover {
background:#3b5998;
color:#fff;
}
.wpex-social-share.style-rounded li.share-pinterest a {
border-color:#cb2027;
color:#cb2027;
}
.wpex-social-share.style-rounded li.share-pinterest a:hover {
background:#cb2027;
color:#fff;
}
.wpex-social-share.style-rounded li.share-googleplus a {
border-color:#dd4b39;
color:#dd4b39;
}
.wpex-social-share.style-rounded li.share-googleplus a:hover {
background:#dd4b39;
color:#fff;
}
.wpex-social-share.style-rounded li.share-linkedin a {
border-color:#4875B4;
color:#4875B4;
}
.wpex-social-share.style-rounded li.share-linkedin a:hover {
background:#4875B4;
color:#fff;
}
.wpex-social-share.style-rounded.position-vertical li a {
padding:0;
height:35px;
line-height:35px;
font-size:14px;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
/*------------------------------------------------------------------ [WP Gallery] -------------------------------------------------------------------*/
.content-full-width .gallery-item {
margin-bottom:15px
}
.content-left-sidebar .gallery-item,.content-right-sidebar .gallery-item {
margin-bottom:10px
}
.wpex-gallery {
margin-bottom:15px
}
#wrap .wpex-gallery p {
margin:0
}
#wrap .gallery {
margin:0 -10px
}
.gallery-item {
padding:0 10px
}
#wrap .gallery-item img {
display:block;
border:none;
width:100%;
}
.gallery-item img:hover {
opacity:0.8
}
.gallery-caption {
font-size:0.923em;
background:#f7f7f7;
border:1px solid #e4e4e4;
border-top:none;
text-align:center;
padding:5px 10px;
}
/*------------------------------------------------------------------ [Pagination] -------------------------------------------------------------------*/
/*next/previous posts*/
.post-pagination {
border-top:1px solid #eee;
padding:30px 0;
color:#888;
}
.post-pagination .post-prev {
float:left;
width:48%;
}
.post-pagination .post-prev span {
margin-right:5px
}
.post-pagination .post-next {
float:right;
width:48%;
text-align:right;
}
.post-pagination .post-next span {
margin-left:5px
}
.post-pagination a {
color:#888
}
.content-full-screen .post-pagination {
display:none
}
/*standard*/
ul.page-numbers {
list-style:none;
margin:10px 0 0;
}
ul.page-numbers li {
display:block;
float:left;
margin:0 4px 4px 0;
text-align:center;
}
ul .page-numbers a,a.page-numbers,span.page-numbers {
line-height:1;
display:block;
padding:0.4em 0.7em;
font-size:0.923em;
text-decoration:none;
font-weight:normal;
font-weight:400;
cursor:pointer;
border:1px solid #ddd;
color:#888;
transition:all .15s ease-in-out;
}
.page-numbers a:hover,.page-numbers.current,.page-numbers.current:hover {
color:#3d4a59;
background:#f7f7f7;
text-decoration:none;
}
.page-numbers:hover {
text-decoration:none
}
/*infinite scroll*/
.infinite-scroll-loader {
position:absolute;
bottom:-20px;
left:50%;
margin-left:-8px;
height:16px;
line-height:16px;
width:30px;
background:url('images/loader.gif') center center no-repeat;
text-indent:-9999px;
}
#infscr-loading img {
display:none !important
}
.infinite-scroll-nav {
display:none
}
/*Add some padding*/
.infinite-scroll-wrap {
position:relative;
padding-bottom:20px;
}
/*------------------------------------------------------------------ [Sidebar] -------------------------------------------------------------------*/
#sidebar {
margin-bottom:10px
}
/* sidebar box bottom padding + 10px = 40px bottom padding for sidebar */
.sidebar-box {
padding-bottom:30px
}
.sidebar-box input {
max-width:100%
}
.sidebar-box .widget-title {
display:block;
margin:0 0 20px;
font-size:1.077em;
line-height:1.5;
font-weight:600;
color:#3d4a59;
}
.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 .menu-sensors .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:.3em 0.8em;
margin:0 5px 5px 0;
border:1px solid #eee;
color:#555;
background:#f7f7f7;
cursor:pointer;
transition:all .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:#3d4a59;
}
.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:#3d4a59
}
.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 */
#footer.site-footer {
background:#fff;
color:#6a6a6a;
}
.site-footer .container {
padding-top:45px
}
.single-col-footer .col {
margin-left:0;
width:100%;
margin-right:0;
}
.site-footer ul {
margin:0
}
.site-footer .col {
margin-bottom:0
}
.full-screen-post .site-footer {
margin-top:0
}
.site-footer .widget_recent_entries li,.site-footer .widget_categories li {
margin-bottom:4px;
padding-bottom:4px;
border-bottom:1px solid #333;
}
/* Footer > Typography */
.footer-widget .widget-title {
display:block;
line-height:1.5;
color:#fff;
font-weight:600 !important;
font-size:1.077em;
margin:0 0 7px;
font-family:'Open Sans';
}
.site-footer p {
color:#777
}
.site-footer-widgets {
position:relative
}
#footer.site-footer a,.site-footer strong {
color:#3d4a59
}
.site-footer a:hover {
color:#fff;
text-decoration:none;
}
#footer li a:hover {
color:#0599d9;
}
/* Footer > Widgets */
.footer-widget {
padding-bottom:9px;
}
.footer-widget:first-child {
min-height:15em;
}
#footer-widgets.wpex-row .col {
margin-bottom:0 !important
}
.footer-widget .wpex-widget-recent-posts-title {
color:#fff
}
/* Footer > Bottom */
div#footer-bottom {
background:#fff;
color:#3d4a59;
font-size:14px;
}
#footer-bottom-inner {
position:relative
}
#footer-bottom p {
color:#999
}
#footer-bottom p:last-child {
margin:0
}
#footer-bottom-inner {
padding-top:20px;
padding-bottom:20px;
}
#footer-bottom a {
color:#aaa
}
#footer-bottom a:hover {
color:#fff;
text-decoration:none;
}
/* Footer > Copyright */
#footer-copyright {
font-size:0.923em;
font-weight:400;
}
#footer-copyright p:last-child {
margin:0
}
/* Footer > Social */
#footer-bottom-menu {
position:absolute;
right:0;
top:50%;
margin-top:-20px;
height:40px;
line-height:40px;
}
#footer-bottom-menu ul {
list-style:none;
margin:0;
}
#footer-bottom-menu ul li {
float:left;
margin-left:20px;
}
#footer-bottom-menu ul li:first-child {
margin-left:0
}
#footer-bottom-menu ul li .fa {
margin-right:7px
}
/* Footer > Back To Top Button */
#site-scroll-top {
position:fixed;
right:40px;
bottom:100px;
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 .8em .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:#3d4a59;
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:.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;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #eee;
padding-left:130px;
min-height:120px;
}
.search-entry-no-thumb {
padding-left:0;
min-height:0;
}
.search-entry h2 {
font-size:1.313em;
margin:0 0 10px;
font-weight:600;
}
.search-entry-thumb {
position:absolute;
top:0;
left:0;
width:100px;
padding:4px;
border:1px solid #eee;
}
.search-entry-thumb img {
display:block;
width:100%;
}
.search-entry-thumb img:hover {
opacity:0.8
}
.search-entry-text p:last-child {
margin:0
}
/*search site overlay - modal*/
#searchform-overlay {
display:none;
width:350px;
top:120px;
-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform:scale(0.5);
-webkit-transition:transform 0.4s;
-moz-transition:transform 0.4s;
transition:transform 0.4s;
}
#searchform-overlay.active {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
#searchform-overlay-title {
font-size:2.154em;
margin:0 0 20px;
font-weight:400;
color:#fff;
text-align:center;
text-transform:capitalize;
}
#searchform-overlay input {
font-size:1.077em;
background:#fff;
-webkit-apperance:none !important;
width:100%;
border:0;
outline:0;
padding:0;
padding-right:40px;
padding-left:20px;
height:45px;
color:#3d4a59;
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:0;
background:rgba(51,51,51,.9) !important;
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;
}
.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:#3d4a59
}
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;
}
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
}
.wpcf7-acceptance {
font-size:16px;
}
.wpcf7-acceptance input {
margin-top:0 !important;
width:initial !important;
}
.wpcf7-acceptance label {
margin-left:0 !important;
}
.wpcf7-acceptance span {
display:inline !important;
}
.wpcf7-acceptance span.wpcf7-list-item {
margin:0 !important;
}
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:#3d4a59;
}
#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:#3d4a59;
text-decoration:none;
}
.archives-list li .fa {
color:#999;
margin-right:15px;
}
/*------------------------------------------------------------------ [Comments] -------------------------------------------------------------------*/
#comments {
margin-bottom:40px;
}
#comments.empty-closed-comments {
display:none;
}
/* Comments > Entry */
#comments .children {
margin-left:30px;
}
#comments .comment {
position:relative;
}
#comments .comment-body {
position:relative;
margin-bottom:25px;
padding-bottom:25px;
border-bottom:1px solid #eee;
}
#comments .comment .comment-body {
margin-left:80px;
}
body.comment-avatars-disabled #comments .comment .comment-body {
margin-left:0;
}
#comments .comment-content p:last-child {
margin-bottom:0;
}
/* Comments > Avatar */
#comments .comment-author .avatar {
left:-80px;
position:absolute;
top:0px;
padding:3px;
border:1px solid #e4e4e4;
}
#comments .comment-author .avatar img {
display:block
}
/* Comments > Meta */
#comments .comment-meta {
margin-bottom:15px;
}
#comments .comment-meta .fn {
display:block;
font-size:1.077em;
font-weight:600;
color:#3d4a59;
}
#comments .comment-meta .fn .url {
color:#3d4a59;
}
#comments .comment-meta .says {
display:none;
}
#comments .comment-meta a:hover {
text-decoration:none;
}
#comments .comment-metadata time {
color:#a7a7a7;
}
#comments .comment-metadata .comment-edit-link {
display:inline-block;
margin-left:6px;
}
#comments .comment-metadata .comment-edit-link:hover {
text-decoration:underline;
}
/* Comments > Reply */
#comments .comment-body .reply {
padding-top:15px
}
#comments .comment-body .reply a {
color:#a7a7a7;
text-decoration:underline;
}
#comments .comment-body .reply a:hover {
color:#3d4a59
}
#comments .comment-reply-title {
font-size:1.231em;
margin-bottom:0;
}
#comments .logged-in-as {
font-size:0.923em;
margin:0 0 10px;
}
#comments #cancel-comment-reply-link {
font-size:0.923em;
color:#989898;
float:right;
font-weight:normal;
border:2px solid #ededed;
padding:3px 10px;
border-radius:3px;
text-decoration:none;
}
#comments #cancel-comment-reply-link:hover {
color:#3d4a59
}
#comments #cancel-comment-reply-link .fa {
margin-right:7px
}
/* Comments > Form */
#comments p.comment-notes {
color:#666;
margin:10px 0 20px
}
#comments .comment-form-author,#comments .comment-form-email,#comments .comment-form-website,
#comments .comment-form-comment,#comments .comment-form-url {
margin:0 0 10px
}
#comments .comment-form-author input,#comments .comment-form-author input,
#comments .comment-form-email input,#comments .comment-form-website input,
#comments .comment-form-comment input,#comments .comment-form-url input {
width:50%
}
#comments #commentform label {
display:block;
margin-bottom:3px;
}
#comments .form-allowed-tags {
display:none
}
#comments span.required {
color:#F00;
font-size:9px;
position:relative;
top:-4px;
}
/* Comments > Closed */
.no-comments {
margin-top:40px;
padding:10px;
background:#f7f7f7;
border:1px solid #eee;
text-align:center;
}
.no-comments .fa {
margin-right:8px
}
/* Comments > Pagination */
.comment-navigation a.page-numbers,.comment-navigation span.page-numbers {
display:block;
float:left;
margin:0 4px 4px 0;
}
/* Comments > JetPack */
.comment-subscription-form {
margin:0px
}
.comment-subscription-form:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
.comment-subscription-form input,.comment-subscription-form label {
float:left;
font-size:0.846em;
margin:0px !important;
margin-right:5px !important;
}
/*------------------------------------------------------------------ [WPML] -------------------------------------------------------------------*/
#footer #lang_sel_list a,#footer #lang_sel_list a:visited {
background:none;
color:inherit;
padding:0;
font-size:inherit;
}
#footer #lang_sel_list li {
float:none;
border:none;
}
/*------------------------------------------------------------------ [Font Awesome] -------------------------------------------------------------------*/
#site-scroll-top,.page-numbers.next,.page-numbers.prev {
font-family:"FontAwesome";
}
.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:#3d4a59;
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 #3d4a59;
}
.tipsy-arrow-n {
border-bottom-color:#3d4a59
}
.tipsy-arrow-s {
border-top-color:#3d4a59
}
.tipsy-arrow-e {
border-left-color:#3d4a59
}
.tipsy-arrow-w {
border-right-color:#3d4a59
}
.tipsy-n .tipsy-arrow {
top:0px;
left:50%;
margin-left:-5px;
border-bottom-style:solid;
border-top:none;
border-left-color:transparent;
border-right-color:transparent;
}
.tipsy-nw .tipsy-arrow {
top:0;
left:10px;
border-bottom-style:solid;
border-top:none;
border-left-color:transparent;
border-right-color:transparent;
}
.tipsy-ne .tipsy-arrow {
top:0;
right:10px;
border-bottom-style:solid;
border-top:none;
border-left-color:transparent;
border-right-color:transparent;
}
.tipsy-s .tipsy-arrow {
bottom:0;
left:50%;
margin-left:-5px;
border-top-style:solid;
border-bottom:none;
border-left-color:transparent;
border-right-color:transparent;
}
.tipsy-sw .tipsy-arrow {
bottom:0;
left:10px;
border-top-style:solid;
border-bottom:none;
border-left-color:transparent;
border-right-color:transparent;
}
.tipsy-se .tipsy-arrow {
bottom:0;
right:10px;
border-top-style:solid;
border-bottom:none;
border-left-color:transparent;
border-right-color:transparent;
}
.tipsy-e .tipsy-arrow {
right:0;
top:50%;
margin-top:-5px;
border-left-style:solid;
border-right:none;
border-top-color:transparent;
border-bottom-color:transparent;
}
.tipsy-w .tipsy-arrow {
left:0;
top:50%;
margin-top:-5px;
border-right-style:solid;
border-left:none;
border-top-color:transparent;
border-bottom-color:transparent;
}
/*------------------------------------------------------------------ [Resets] -------------------------------------------------------------------*/
body .remove-dims {
height:auto;
width:auto;
}
.reset-styles {
font-size:1em;
color:inherit;
margin:0;
padding:0;
font-weight:normal;
font-style:normal;
border:none;
background:none;
letter-spacing:inherit;
}
.reset-styles a {
font-size:inherit;
color:inherit;
}
body .disable-box-shadow {
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
/*------------------------------------------------------------------ [Print Styles] -------------------------------------------------------------------*/
@media print {
#sidebar,#footer-callout-wrap,#footer,#footer-bottom,
#top-bar-wrap,#site-navigation-wrap,.toggle-bar-btn,
.post-pagination,.related.products,.product form.cart {
display:none
}
.container {
width:100%;
padding:0;
}
.wpb_accordion_content,.wpb_toggle_content {
display:block !important
}
}/*------------------------------------------------------------------ [Accent Colors] -------------------------------------------------------------------*/
/* Accent > #4a97c2 > Background */
.wpex-accent-bg,.background-highlight,input[type="submit"],.theme-button,
button,#main .tagcloud a:hover,.post-tags a:hover,.wpex-carousel .owl-dot.active,
#site-navigation .menu-button > a > span.link-inner,.wpex-carousel .owl-prev,.wpex-carousel .owl-next {
background:#4a97c2;
color:#fff;
}
/* Accent > #3b86b0 > Background */
.modern-menu-widget li.current-menu-item a,#wp-calendar caption,#site-scroll-top:hover,
input[type="submit"]:hover,.theme-button:hover,button:hover,.wpex-carousel .owl-prev:hover,
.wpex-carousel .owl-next:hover,#site-navigation .menu-button > a > span.link-inner:hover {
background:#3b86b0
}
/* Accent > #3b86b0 > Color */
.wpex-accent-color,a.wpex-accent-color,#site-navigation .dropdown-menu a:hover,
#site-navigation .dropdown-menu > .current-menu-item > a,
#site-navigation .dropdown-menu > .current-menu-parent > a,h1 a:hover,
h2 a:hover,a:hover h2,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
.entry-title a:hover,.modern-menu-widget a:hover {
color:#3b86b0;
}
/* Accent > #3b86b0 > Borders */
#searchform-dropdown {
border-color:#3b86b0
}
.toggle-bar-btn:hover {
border-top-color:#3b86b0;
border-right-color:#3b86b0;
}
.wpex-dropdown-top-border #site-navigation .dropdown-menu li .sub-menu {
/* border-top-color:rgb(0,160,227) !important;
*/
/*position:absolute;
*/
/*background:transparent;
*/
}
/*------------------------------------------------------------------ [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:.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:#3d4a59;
background:rgba(0,0,0,.7)
}
.sp-white {
color:#3d4a59;
background:#fff;
background:rgba(255,255,255,.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:#3d4a59
}
.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 .5s;
transition:opacity .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 #3d4a59;
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:#3d4a59
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.sp-button {
width:14px;
height:14px
}
}@media only screen and (min-width:568px) and (max-width:768px) {
.sp-button {
width:16px;
height:16px
}
}@media only screen and (min-width:320px) and (max-width:568px) {
.sp-button {
width:18px;
height:18px
}
}.sp-arrows {
position:absolute
}
.sp-fade-arrows {
opacity:0;
-webkit-transition:opacity .5s;
transition:opacity .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 .5s;
transition:opacity .5s
}
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
opacity:1
}
.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows {
width:100%;
top:50%;
left:0;
margin-top:-12px
}
.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows {
height:100%;
top:0;
left:50%;
margin-left:-7px
}
.sp-thumbnail-arrow {
position:absolu te;
display:block;
width:15px;
height:25px;
cursor:pointer
}
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg)
}
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow {
left:0
}
.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow {
right:0
}
.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow {
top:0
}
.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow {
bottom:0
}
.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before {
content:'';
position:absolute;
width:50%;
height:50%;
background-color:#FFF
}
.sp-previous-thumbnail-arrow:before {
left:30%;
top:0;
-webkit-transform:skew(145deg,0deg);
-ms-transform:skew(145deg,0deg);
transform:skew(145deg,0deg)
}
.sp-previous-thumbnail-arrow:after {
left:30%;
top:50%;
-webkit-transform:skew(-145deg,0deg);
-ms-transform:skew(-145deg,0deg);
transform:skew(-145deg,0deg)
}
.sp-next-thumbnail-arrow:before {
right:30%;
top:0;
-webkit-transform:skew(35deg,0deg);
-ms-transform:skew(35deg,0deg);
transform:skew(35deg,0deg)
}
.sp-next-thumbnail-arrow:after {
right:30%;
top:50%;
-webkit-transform:skew(-35deg,0deg);
-ms-transform:skew(-35deg,0deg);
transform:skew(-35deg,0deg)
}
.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow {
width:0;
height:0
}
.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before {
content:none
}
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow {
border-right:12px solid #FFF;
border-top:12px solid transparent;
border-bottom:12px solid transparent
}
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow {
border-left:12px solid #FFF;
border-top:12px solid transparent;
border-bottom:12px solid transparent
}
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
border-bottom:12px solid #FFF;
border-left:12px solid transparent;
border-right:12px solid transparent
}
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
border-top:12px solid #FFF;
border-left:12px solid transparent;
border-right:12px solid transparent
}
a.sp-video {
text-decoration:none
}
a.sp-video img {
-webkit-backface-visibility:hidden;
border:none
}
a.sp-video:after {
content:'\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,.2);
margin:auto;
line-height:52px
}
.slider-pro img.sp-image,.slider-pro img.sp-thumbnail {
max-width:none!important;
max-height:none!important;
border:none!important;
border-radius:0!important;
padding:0!important;
-webkit-box-shadow:none!important;
-mox-box-shadow:none!important;
box-shadow:none!important;
transition:none;
-moz-transition:none;
-webkit-transition:none;
-o-transition:none
}
.slider-pro a {
position:static;
transition:none!important;
-moz-transition:none!important;
-webkit-transition:none!important;
-o-transition:none!important
}
.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video {
max-width:none;
max-height:none
}
.slider-pro p.sp-layer {
font-size:14px;
line-height:1.4;
margin:0
}
.slider-pro h1.sp-layer {
font-size:32px;
line-height:1.4;
margin:0
}
.slider-pro h2.sp-layer {
font-size:24px;
line-height:1.4;
margin:0
}
.slider-pro h3.sp-la yer {
font-size:19px;
line-height:1.4;
margin:0
}
.slider-pro h4.sp-layer {
font-size:16px;
line-height:1.4;
margin:0
}
.slider-pro h5.sp-layer {
font-size:13px;
line-height:1.4;
margin:0
}
.slider-pro h6.sp-layer {
font-size:11px;
line-height:1.4;
margin:0
}
.slider-pro img.sp-layer {
border:none
}
.linkbox.lightbox-group.vcex-image-grid {
margin:-19px 0 20px 17px;
}
.touch #mc_embed_signup {
width:52% !important;
margin-left:43px;
}
.touch #mc_embed_signup .validate {
position:relative;
}
.touch #mc_embed_signup .validate #mce-EMAIL {
border-radius:0;
height:42px !important;
}
.touch #mc_embed_signup .validate #mc-embedded-subscribe {
border-radius:0;
border:1px solid #fff !important;
position:absolute;
right:-178px !important;
top:15px;
height:42px !important;
width:63%;
}
.gateway5.wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li {
width:20% !important;
text-align:center;
}
.gateway5.wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li a,
.gateway4.wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li a {
padding:10px 0;
}
.gateway4.wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li {
width:25% !important;
text-align:center;
}
#footer-bottom #copyright .foot-line-2 {
font-size:14px;
}
#footer-bottom #copyright .foot-line-2 a {
font-size:14px;
font-weight:lighter;
margin:0 5px;
color:#3d4a59;
}
#footer-bottom #copyright .foot-line-2 a:hover {
text-decoration:underline;
color:#0599d9;
}
.footerleft img {
width:210px;
margin-bottom:5px;
}
.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(/en/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(/en/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(/en/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(/en/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(/en/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('/en/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('/en/wp-content/uploads/2016/07/link-hover.png') 0 5px no-repeat;
}
.resources-article .resources-list li {
background:url('/en/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('/en/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(/en/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(/en/wp-content/uploads/2016/07/drop.png);
position:absolute;
top:7px;
right:5px;
}
.header-button.quote {
background-image:url(/en/wp-content/uploads/2016/07/shop.png);
background-repeat:no-repeat;
background-position:10px center;
margin-right:138px;
}
.news-image img {
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 {
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;
}
.bepartner-content p {
text-align:center !important;
}
.contact-left .vc_column-inner {
max-width:720px;
margin:0 auto;
}
.contact-right .vc_column-inner {
max-width:350px;
margin:0 auto;
}
#datasheet-list {
margin:0 auto;
width:220px;
text-align:center;
list-style:none;
border:1px solid #cacaca;
background:#f8f7f7;
border-radius:5px;
margin-top:2px;
cursor:pointer;
visibility:hidden;
position:relative;
display:inline-block;
left:112px;
}
#datasheet-list li {
line-height:30px;
}
#datasheet-list li a {
color:#686868;
text-decoration:none;
}
#datasheet-list li:hover {
background:#e8e8e8;
}
.product-page-row-first,.product-page-row {
padding:30px 0px !important;
margin:0px !important;
}
.vc_separator {
margin-bottom:10px !important;
}
.vc_toggle_active .vc_toggle_title h4:before {
content:"\f068" !important;
}
.getip {
position:relative;
top:8px;
}
.blog-entry h2 a,.page-header-title,.centered-page-header .page-header-title {
font-family:'Open Sans' !important;
}
.swap-image-container img,.swap-image-container div {
display:block;
transition:transform 0.25s ease-in-out;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
overflow:hidden;
margin:11%;
width:76.79%;
}
.swap-image {
position:relative;
display:block;
}
.swap-image-container {
background-color:#f0f0f0;
text-align:center;
padding-top:1px;
width:350px;
width:82.595%;
margin:0 auto;
transition:0.5s;
}
.swap-image-primary {
z-index:2;
position:absolute;
top:0;
}
.swap-image-secondary {
position:absolute;
z-index:1;
opacity:0;
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg);
}
.swap-image-container:hover .swap-image-primary {
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg);
}
.swap-image-container:hover .swap-image-secondary {
opacity:1;
-webkit-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-ms-transform:rotateY(360deg);
-o-transform:rotateY(360deg);
transform:rotateY(360deg);
}
.swap-image-container:hover .h2title {
margin-top:53.575%;
}
.swap-image-container .pcontent {
color:#4a4a4a;
display:block;
font-size:15px;
}
.swap-image-container a {
padding-right:35px !important;
padding-left:35px !important;
display:block;
}
.swap-image-container a:hover {
text-decoration:none;
}
.swap-image-container:hover {
background-color:#0599d9;
transform:translate3d(0,-3px,0);
box-shadow:0 5px 10px #ccc;
}
.swap-image-container:hover * {
color:#fff !important;
}
.swap-image-container .h2title {
margin-top:49.86%;
margin-bottom:10px;
display:block;
}
.sidecontainer {
margin-bottom:49px !important;
margin-top:0px;
}
.sidecontainer p a {
color:#1f79d2;
color:#004277;
margin-top:15px;
}
.vcex-blog-entry-title a {
color:#1f79d2;
color:#004277;
font-weight:lighter;
margin-bottom:17px !important;
display:block;
line-height:30px;
font-size:24px;
}
div#footer-widgets .footer-box {
max-width:30%;
float:left;
margin-left:100px;
margin-bottom:30px;
}
#footer-inner div#footer-widgets .footer-box.col-2 {
margin-left:205px;
}
#footer-inner div#footer-widgets .footer-box.span_1_of_4.col.col-3,
#footer-inner div#footer-widgets .footer-box.span_1_of_4.col.col-4 {
margin-left:110px;
}
#footer li {
padding:3px 0;
line-height:19px;
padding:2px 0;
}
@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- */
}
.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-more:before {
content:"\e613";
}
.linkblock .fa-xing:before {
font-size:23px;
padding-top:8px;
display:block;
}
.followlink .linkblock {
display:inline-block;
width:36px;
height:36px;
line-height:36px;
overflow:hidden;
position:relative;
text-align:center;
text-decoration:none;
transition:all .35s;
margin:0 2px;
}
.followlink .linkblock i {
display:block;
position:absolute;
top:0;
display:block;
position:relative;
top:0;
transition:top .35s;
}
.followlink .linkblock:hover {
background:#3b5998;
}
.followlink .linkblock:hover i {
top:-36px;
color:#fff;
}
.followlink .linkblock:nth-child(1):hover {
background:#13b4e9;
}
.followlink .linkblock:nth-child(3):hover {
background:#007bb6;
}
.fa-github:before {
content:"\f09b";
font-size:25px;
position:relative;
top:7px;
}
.followlink .linkblock:nth-child(5) i:nth-child(2):before {
position:relative;
top:18px;
}
.followlink .linkblock:nth-child(5):hover {
background-color:#3d4a59;
}
.followlink .linkblock:nth-child(6):hover {
background:#005F61;
}
.followus h4 {
margin-bottom:0;
}
.followus hr {
margin:10px 0;
border-color:#6a6a6a;
}
.followus p {
margin-bottom:15px;
}
#footer-widgets .widget-title {
color:#3d4a59;
margin-top:30px;
}
.footerleft * {
color:#6a6a6a;
}
.followlink .linkblock:nth-child(6) i,
.followlink .linkblock:nth-child(5) i,.followlink .linkblock:nth-child(4) i {
font-size:17px;
}
div#footer-widgets .footer-box: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,.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,.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,.8);
-webkit-animation:more-ip-animate 1s ease-in-out;
-moz-animation:more-ip-animate 1s ease-in-out;
-ms-animation:more-ip-animate 1s ease-in-out;
-o-animation:more-ip-animate 1s ease-in-out;
animation:more-ip-animate 1s ease-in-out;
overflow:hidden;
height:470px;
left:15px;
}
.fixedblock .fixedmore.n-series:hover {
-webkit-animation-name:more-n-animate;
-moz-animation-name:more-n-animate;
-ms-animation-name:more-n-animate;
-o-animation-name:more-n-animate;
animation-name:more-n-animate;
height:273px;
animation-name:more-n-animate;
height:273px;
}
@keyframes more-ip-animate {
0% {
width:50px;
height:50px;
left:3px;
}
50% {
width:280px;
left:15px;
height:50px;
}
100% {
height:470px;
}
}
@-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;
}
@keyframes more-one-item {
0% {
width:50px;
height:50px;
left:3px;
}
50% {
width:280px;
left:15px;
height:50px;
}
100% {
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;
}
}
@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:33.3% !important;
text-align:center;
}
.sub-menu .menu-item a img {
width:210px;
height:160px;
padding:0 !important;
margin:12px auto;
}
div#searchform-dropdown,div#searchform-dropdown2 {
border-top-color:rgb(0,160,227) !important;
border-top-color:#004277 !important;
}
div#searchform-dropdown2 p {
display:none;
}
div#searchform-dropdown2 a {
display:inline-block;
width:100%;
line-height:35px;
font-size:14.42px;
padding:0 12px;
color:#fff;
}
div#searchform-dropdown2 a:hover {
background-color:#0599d9 !important;
background-color:#004277 !important;
color:#fff !important;
text-decoration:none;
}
#site-navigation .megamenu > a.sf-with-ul {
height:initial;
padding:2px 3px;
}
.navbar-style-one .dropdown-menu >li >a {
height:initial !important;
}
#site-navigation li.megamenu:hover > a span {
border-bottom:2px solid #004277 !important;
border-radius:0;
}
.tp-bullets.custom .tp-bullet {
height:0 !important;
padding:2px 0;
border-bottom:2px solid rgba(125,125,125,.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,.5) !important;
}
#site-navigation #menu-main-menu > .megamenu > a.sf-with-ul span {
color: #3d4a59;
}
/*blog-single-footer-subscribe*/
.footer-subscribe-size {
background:#f6f6f6;
max-width:100%;
margin:30px auto 80px auto !important;
padding:5px 15px 3px 35px!important;
clear:both;
}
.footer-subscribe .title {
color:#0599d9;
font-size:32px !important;
}
.footer-subscribe .intro {
font-size:16px;
color:#8a8a8a;
}
.footer-subscribe .submit-infor {
max-width:700px;
border:1px solid #f6f6f6;
border-radius:30px;
background:#fff;
min-height:42px;
-webkit-box-shadow:0 0 10px #c1c1c1;
-moz-box-shadow:0 0 10px #c1c1c1;
box-shadow:0 0 10px #c1c1c1;
position:relative;
margin-top:30px;
}
.submit-infor .infor-name,.submit-infor .infor-email,.submit-infor .infor-country {
margin-left:20px;
}
.infor-name .fa-user:before,.infor-email .fa-envelope:before,.fa-globe:before {
font-size:20px;
color:#d0d0d0;
position:relative;
top:3px;
}
.infor-name input,.infor-email input,.infor-country input {
background:#fff;
height:40px;
width:155px;
margin:0 0 0 20px;
border:#fff;
font-size:16px;
color:#777;
}
.infor-submit {
background:url(/en/wp-content/uploads/2018/07/row-1-1.png) center no-repeat !important;
width:35px;
height:35px;
border-radius:50% !important;
margin:1px 0 0 10px !important;
}
.infor-submit:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
.subscribe-image {
float:right;
margin-top:-190px;
}
.infor-name input::-moz-input-placeholder,.infor-email input::-moz-input-placeholder,.infor-country input::-moz-input-placeholder {
color:#d0d0d0;
}
.infor-name input::-o-input-placeholder,.infor-email input::-o-input-placeholder,.infor-country input::-o-input-placeholder {
color:#d0d0d0;
}
.infor-name input::-ms-input-placeholder,.infor-email input::-ms-input-placeholder,.infor-country input::-ms-input-placeholder {
color:#d0d0d0;
}
.infor-name input::-webkit-input-placeholder,.infor-email input::-webkit-input-placeholder,.infor-country input::-webkit-input-placeholder {
color:#d0d0d0;
}
.infor-name input::input-placeholder,.infor-email input::input-placeholder,.infor-country input::input-placeholder {
color:#d0d0d0;
}
.submit-infor .ajax-loader {
position:absolute;
}
.bepartner.center {
float:none;
border:none;
}
.not-sticky #site-header {
background:rgba(255,255,255,.8) !important;
}
.not-sticky #site-navigation #menu-main-menu > .megamenu > a.sf-with-ul span {
color:#3d4a59 !important
}
#site-navigation ul li.free-trial span {
padding:6px 10px;
background:#f5b418;
color:#fff !important;
border-radius:14px;
cursor:pointer;
margin-top:-1px;
}
.not-sticky #site-navigation-wrap #site-navigation li.megamenu > ul.sub-menu {
background-color:#f1f6fd;
}
.not-sticky .sf-menu,.not-sticky .sf-menu * {
color:#4f5e6a;
}
#site-navigation li.searchIt a,#site-navigation li.globeIt a {
width:47px;
height:38px !important;
display:inline-block;
padding:0;
}
#site-navigation > #menu-main-menu > li.megamenu:not(:first-child) > ul.sub-menu >li span {
font-weight:normal;
}
#site-navigation-wrap #site-navigation li.megamenu:nth-child(2) > ul.sub-menu li a:first-child span span {
font-weight:600;
}
#site-navigation-wrap #site-navigation li.megamenu:nth-child(2) > ul.sub-menu li ul li a:first-child span span {
font-weight:normal;
}
.not-sticky #searchform-dropdown {
background:#f9f9f9 !important;
}
.not-sticky #searchform-dropdown2 {
background:#f9f9f9 !important;
}
.not-sticky div#searchform-dropdown2 a {
color:#3d4a59;
}
.not-sticky #searchform-dropdown input {
background:#fff !important;
}
div#homevideo {
margin:75px 0;
}
#site-navigation >#menu-main-menu >li.megamenu:nth-child(5) .right .link-inner {
line-height:26px;
}
.newsBlock .vcex-blog-entry-excerpt.clr {
font-size:16px;
}
.sidecontainer .vcex-blog-entry-excerpt.clr {
font-size:14px;
line-height:17px;
}
.sidecontainer .vcex-blog-entry-title a {
font-size:18px;
}
.linkus-6-img {
position:relative;
top:166px;
}
.linkus-gif {
position:relative;
top:58px;
width:301px;
margin:0 auto;
}
.bepartner.center:hover {
background:#c8a000 !important;
}
.tp-bullet:hover {
border-color:#004277 !important;
}
.not-sticky .sf-menu > li:first-child > ul > li >a,
.sf-menu > li:first-child > ul > li >a,
nav#site-navigation > ul > li:nth-child(6) > .sub-menu > li.textblod:not(:first-child) > a {
cursor:initial;
}
#site-navigation li.megamenu.col-3 > ul.sub-menu > li {
width:100% !important;
}
#site-navigation li.megamenu.col-3 > ul.sub-menu > li:nth-child(5) > li:nth-child(3) {
width:38% !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,.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('/en/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;
}
-ms-expand {
display:none;
}
.become-partner .name {
background-image:url('/en/wp-content/uploads/2017/09/name.png');
}
.become-partner .email {
background-image:url('/en/wp-content/uploads/2017/09/email.png');
}
.become-partner .company {
background-image:url('/en/wp-content/uploads/2017/09/company-1.png');
background-position:20px center;
}
.become-partner .eath {
background-image:url('/en/wp-content/uploads/2017/09/eath.png');
}
.become-partner .heart {
background-image:url('/en/wp-content/uploads/2016/05/heart.png');
background-position:18px center;
display:table;
position:relative;
width:100%;
}
.become-partner .phone {
background-image:url('/en/wp-content/uploads/2017/09/phone.png');
background-position:21px center;
}
.become-partner .skype {
background-image:url('/en/wp-content/uploads/2016/05/skype-1.png');
}
.become-partner .business {
background-image:url('/en/wp-content/uploads/2016/05/business.png');
background-position:20px center;
display:table;
width:100%;
position:relative;
}
.become-partner .eye {
background-image:url('/en/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('/en/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('/en/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 !important;
}
.is-sticky #site-navigation li.megamenu:hover > a {
border-color:#004277 !important;
}
#site-scroll-top span:before {
font-family:"FontAwesome" !important;
}
.vcex-blog-entry-date {
font-size:14px !important;
}
.become-partner .screat {
background:url('/en/wp-content/uploads/2016/05/screat.png') no-repeat;
width:315px;
padding-top:32px;
padding-left:32px;
margin-left:-3px;
height:88px;
}
.become-partner label {
margin-left:10px;
}
.become-partner input[type="submit"] {
background-color:#004277;
font-size:25px;
padding:16px 110px;
border-radius:9px;
margin-top:26px;
}
.become-partner input[type="submit"]:hover {
background-color:#ffbb1c;
}
.partner-pabe strong {
color:#004277;
font-size:23px;
line-height:60px;
}
.partner-pabe p {
line-height:25px;
}
.partner-pabe a {
display:inline-block !important;
float:left;
margin-left:45px;
margin-top:60px;
width:162px;
}
.become-partner select option {
font-size:16px;
}
.vc_custom_1480562182775 {
background-size:100% 100%;
}
.become-partner span {
display:inline-block;
width:100%;
}
h2.blog-entry-title.entry-title a {
color:#004277;
font-weight:400 !important;
font-size:23px;
line-height:40px;
/* display:block;
*/
}
.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%;
}
.blog-year-type .posts-year {
padding-left:15px;
margin-top:8px;
}
.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 {
margin-top:50px;
max-width:180px;
}
.total-tag .tag-li a {
line-height:17px;
font-size:14px
}
.total-tag .tag-li:first-child {
border-left:3px solid #f6b10e !important;
}
.blog-year-type .posts-year .post-year-year,.total-tag-phone li .single-page-tag .tag-li {
color:#828282;
font-size:15px;
padding:0px 0px 0px 5px;
line-height:13px;
margin:13px 0px;
border-left:3px solid transparent;
}
.single-page-tag .tag-li {
height:30px;
line-height:27px;
margin:0;
padding-left:8px
}
.blog-year-type .posts-year .post-current-year {
border-left:3px solid #f6b10e;
}
.blog-year-type .posts-year .post-year-year a,.total-tag .tag-li a,.single-page-tag .tag-li a {
text-decoration:none;
color:#828282;
}
.blog-year-type .posts-year .post-year-year:hover,.sidebar-container .tag-li:hover {
border-left:3px solid #f6b10e;
padding-left:5px;
}
#content article.single-blog-article {
padding-left:16%;
padding-right:16%;
}
#content article.single-blog-article .page-header-inner {
width:100% !important;
}
#content article.single-blog-article .page-header-inner .page-header-title {
height:auto;
font-size:42.9px;
font-weight:normal;
color:#004277;
}
#content article.single-blog-article .page-header {
padding-top:26px !important;
}
/*blog-page-tags-template*/
.single-back-blog {
position:absolute;
top:40px;
left:130px;
}
.single-back-blog a {
color:#109dda;
text-decoration:none;
font-size:16px;
}
.single-back-blog a:hover {
color:#118cef
}
.single-back-blog .fa-long-arrow-left:before,.back-home a .fa-long-arrow-left:before {
content:"\f177";
font-size:23px;
position:relative;
top:2px;
left:-10px;
}
.curerent-tag {
position:absolute;
top:150px;
left:250px;
}
.curerent-tag .tag-title {
font-size:35px;
font-weight:bold;
margin-left:5px;
}
.page-tags-conten {
max-width:1200px;
margin:60px auto 0 auto;
padding-right:15px;
}
#page-tags-article {
clear:both;
}
.blog-entry:nth-child(odd) .page-tags-entries {
background:#fafafa;
min-height:140px;
width:470px;
}
.blog-entry:nth-child(even) .page-tags-entries {
margin-top:-155px;
background:#fafafa;
min-height:140px;
width:470px;
float:right;
}
.page-tags-entries:hover {
box-shadow:0 0 10px #d6d0d0;
-webkit-box-shadow:0 0 10px #d6d0d0;
-moz-box-shadow:0 0 10px #d6d0d0;
}
.page-tags-entries .blog-entry-media {
float:left !important;
margin:10px 10px !important;
width:120px !important;
}
.page-tags-entries .blog-entry-header {
margin-top:20px;
max-width:320px;
}
.page-tags-entries ul.meta {
color:#a9bcd3;
margin-bottom:0px;
margin-left:155px;
font-size:15px;
}
.page-tags-conten .single-tag {
width:170px;
margin-bottom:7em;
}
.single-tag .tag-li .tag-a {
font-size:14px;
line-height:17px;
}
.page-tags-entries h2.blog-entry-title.entry-title a {
font-size:16px;
line-height:30px;
}
.page-tags-conten .entries.left-thumbs .blog-entry.thumbnail-entry-style {
margin-bottom:0px;
padding-bottom:15px;
border-bottom:none;
}
/*blog-sigle-head-title*/
.back-home {
position:relative;
top:40px;
left:130px;
}
.back-home a {
color:#109dda;
text-decoration:none;
font-size:16px;
}
.back-home a:hover {
color:#118cef
}
.alone-page-tag {
text-align:right;
position:relative;
top:-12px;
max-width:500px;
margin:0 0 0 auto;
right:11.5%;
}
.alone-page-tag:before {
content:'';
background:url('/wp-content/uploads/2017/09/row11.png') no-repeat center;
display:inline-block;
width:24px;
height:22px;
position:relative;
top:3px;
left:0;
}
.alone-page-tag span {
color:#0599d9;
}
.alone-page-tag span a {
margin-left:5px;
color:#0599d9;
font-size:15px;
}
/*blog-home-subscribe*/
.head-subscribe {
height:0;
}
.subscribe-mask {
width:100%;
background:#3d4a59;
height:61px;
position:relative;
bottom:67px;
opacity:0.5;
}
.subscribe {
height:0;
max-width:1000px;
margin:0 auto;
}
.subscribe-intro {
position:relative;
top:-110px;
left:0;
color:#f8f8f8;
font-size:19px;
font-weight:bold;
}
.submit-right {
position:relative;
right:-532px;
top:-166px;
max-width:468px;
min-height:41px;
border-radius:50px;
border:1px solid #fff;
background:#fff;
}
.email-before-line {
border-right:1px solid #d0d0d0;
display:inline-block;
height:23px;
position:absolute;
top:8px;
}
.subscribe-name input,.subscribe-email input {
background:#fff;
height:40px;
width:170px;
margin:0 0px 0 30px;
border:#fff;
font-size:16px;
color:#777;
}
.subscribe-name input {
margin-left:47px;
}
.subscribe-name input::-moz-placeholder,.subscribe-email input::-moz-placeholder {
color:#d0d0d0;
}
.subscribe-name input::-o-input-placeholder,.subscribe-email input::-o-input-placeholder {
color:#d0d0d0;
}
.subscribe-name input::-ms-input-placeholder,.subscribe-email input::-ms-input-placeholder {
color:#d0d0d0;
}
.subscribe-name input::-webkit-input-placeholder,.subscribe-email input::-webkit-input-placeholder {
color:#d0d0d0;
}
.subscribe-name .fa-user:before {
content:"\f007";
font-size:20px;
margin-left:25px;
color:#d0d0d0;
position:absolute;
top:0px;
}
.subscribe-email .fa-envelope:before {
content:"\f0e0";
font-size:20px;
margin-left:7px;
color:#d0d0d0;
position:absolute;
top:0px;
}
.subscribe-submit-btn {
background:url('/wp-content/uploads/2017/09/row-1-1.png') center no-repeat !important;
width:35px;
height:35px;
border-radius:50%!important;
position:absolute;
top:-3px;
right:5px;
}
.subscribe-submit-btn:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
.submit-right .ajax-loader {
position:absolute;
top:11px;
right:-22px;
}
div.subscribe-errors {
position:relative;
max-width:850px;
left:0;
right:0;
margin:auto;
}
.head-subscribe .subscribe-errors {
top:-5rem;
}
div.wpcf7 .wpcf7-mail-sent-ok {
max-width:1000px;
margin:0 auto;
font-size:25px;
}
#fca_eoi_form_8823 .fca_eoi_layout_5.fca_eoi_layout_postbox {
background-color:#fff !important;
}
/*blog-page-sidebar tag related-posts title*/
/*blog-share*/
.share-icon {
position:absolute;
right:16vw;
z-index:2;
}
.share-icon img {
width:1.8vw;
margin-right:0.5vw;
}
#wrap .blog-main div#content-wrap {
max-width:100% !important;
width:100% !important;
margin-top:0 !important;
}
body.single-post .blog-main #primary {
max-width:100%;
width:100%;
}
.blog-home-page {
max-width:67.7vw;
margin:0 auto;
}
.blog-main .single-blog-article .page-header {
background:rgb(243,246,248);
padding-bottom:1.34vw;
min-height:12.5vw;
}
.blog-main #content .single-blog-article {
padding:0;
margin:0;
}
.blog-header-title {
font-size:2.2vw;
max-width:54vw;
text-align:center;
word-wrap:break-word;
margin:0 auto 0;
color:#004277;
padding:1.4vw 0;
}
.blog-main .entry.clr.blog-page-entry {
width:57.6vw;
margin:2.1vw auto 0;
position:relative;
left:5.5vw;
}
.blog-page-sidebar {
margin-top:280px;
background:#fff;
width:160px;
position:fixed;
left:14vw;
}
.blog-page-sidebar .related-posts {
margin-left:5px;
display:none;
}
.blog-page-sidebar .theme-heading span.text:after {
border-bottom:none;
}
.blog-page-sidebar .text {
color:#004277;
font-size:18px;
margin-top:30px;
font-weight:bold;
}
.blog-page-sidebar .related-post {
width:100%;
background:#f7f7f7;
height:105px;
padding:8px 20px;
position:relative;
margin:0 0 15px;
}
.blog-page-sidebar .overlay-parent > a,.overlay-parent > a img {
width:90px !important;
}
.blog-page-sidebar .related-post-content {
background:none;
border:none;
margin-top:-90px;
margin-left:102px;
padding:0;
}
.blog-page-sidebar .related-post-title {
font-size:14px;
}
.related-post .overlay-parent {
position:initial;
}
.blog-page-sidebar .related-post:hover {
background:#009cde;
}
.blog-page-sidebar .related-post:hover a {
color:#fff;
}
/*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(/en/wp-content/uploads/2018/08/iconfont-email-1.png) no-repeat;
background-size:180px 45px;
height:45px;
margin-top:10px;
}
.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 #007fba;
font-size:16px;
}
.academy-nav .clr li a:hover {
border:1px solid #fff;
border-radius:5px;
}
/*academy get certificd*/
.get-certified {
min-height:275px;
}
.get-certified .theme-button {
color:#ffffff;
background:none;
border:1px solid #fff;
font-size:23px;
padding:10px 20px;
margin-top:108px;
border-radius:10px;
}
.get-certified .theme-button:hover {
background:#fff;
color:#004277;
}
/*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;
}
/* page cookie prompt */
#catapult-cookie-bar {
opacity:0.85 !important;
}
#catapult-cookie-bar .x_close {
right:-1%;
top:32%;
color:#fff;
}
#catapult-cookie-bar .ctcc-inner {
max-width:72%;
margin:0 auto;
}
.x_close span {
background:#fff !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*/
#breadcrumbs {
padding:10px 0 0 60px;
display:none;
}
/*mailchimp form*/
#mc_embed_signup label {
font-size: 0.95vw;
display: inline-block;
color: #4F5E6A;
margin-bottom: 2vw;
width: 20%;
}
#mc_embed_signup input {
width: 79%;
height: 2.3vw;
background: #fff;
}
#mc_embed_signup label[for='mce-MMERGE3'] {
margin-bottom: 5px;
}
#mc_embed_signup input[name="MMERGE3"] {
width: 99%;
height: 8vw;
background-color: white;
}
#mc_embed_signup input[type="submit"] {
border-radius: 50px;
width: 30%;
display: block;
background: linear-gradient(to right,#45aafa,#1f81c1) !important;
box-shadow: 0 4px 11px #7bc1f9;
font-size: 1.1vw;
line-height: 2.5vw;
padding: 0;
height: 2.5vw;
margin: 3vw auto 0;
}
#mc_embed_signup input[type="submit"]:hover {
background: linear-gradient(to right,#1f81c1,#45aafa) !important;
}
#mce-success-response {
font-size: 15px;
color: green;
font-weight: 600;
margin: 1vw auto;
}
div #mc_embed_signup input.mce_inline_error {
border-color: #ff3a3a;
}
.asterisk {
color: #ff3a3a;
position: relative;
left: 2px;
}
div #mc_embed_signup div.mce_inline_error {
margin: 0 0 0.8vw 0;
padding: 0;
background-color: #fff;
font-weight: bold;
z-index: 1;
color: #ff3a3a;
}
div div .entry #mc_embed_signup-2 {
margin-left: 5.1vw;
}
#mc_embed_signup .input-title {
width: 31%;
display: inline-block;
position: relative;
top: 5px;
}
.special-char {
font-size: 14px;
}
#mc_embed_signup li {
margin: 11px auto 0;
}
#mc_embed_signup input {
width: 79%;
height: 2.3vw;
background: #fff;
}
#mc_embed_signup input:focus {
border-color: #0081cc;
}
@media (max-width:1700px) {
/*mailchimp form*/
#breadcrumbs {
padding:10px 0 0 30px;
}
}
@media (max-width:1500px) {
#mc_embed_signup .input-title,
#mc_embed_signup label {
font-size: 1.11vw;
line-height: 1.9vw;
}
#mc_embed_signup input[type="submit"] {
font-size: 1.3vw;
line-height: 3vw;
height: 3vw;
}
#site-navigation .dropdown-menu .menu-sensors .sub-menu .sub-menu a,#site-navigation .dropdown-menu .sub-menu .sub-menu a {
font-size:13px;
padding-top:0.2vw;
}
#site-header .dropdown-menu .li-blue-color>a span {
font-size:16px;
margin:0.5vw 0 0.3vw;
}
#site-navigation-wrap #site-navigation > ul > .megamenu:nth-child(3) > .sub-menu {
min-height:15.5vw;
padding-left:7vw;
}
#site-header .dropdown-menu .menu-industries .li-blue-color>a span {
margin-top:0.9vw;
}
#site-navigation > ul > .megamenu:nth-child(3) > .sub-menu > li {
width:21vw;
}
#site-navigation ul li.free-trial span {
margin-top:0;
}
.blog-home-page {
max-width:90vw;
}
/*blog-share*/
.share-icon {
right:14vw;
margin-top:-0.5vw;
}
.share-icon img {
width:2vw;
}
/*blog footer subscribe*/
.infor-name input,.infor-email input,.infor-country input {
width:138px;
}
.not-sticky #site-navigation .searchIt,.not-sticky #site-navigation .globeIt {
margin-top:23px !important;
}
.model-0 {
top:33%;
}
.blog-page-sidebar .text {
margin-top:15px;
}
.blog-page-sidebar .related-post {
height:95px;
padding:2px 12px;
margin-bottom:0;
}
#content article.single-blog-article {
padding-left:18%;
padding-right:18%;
position:relative;
}
.contact-ursalink .wpex-vc-columns-wrap {
max-width:1100px !important;
margin:0 auto;
}
/* foot-cookie-prompt */
#catapult-cookie-bar .ctcc-inner {
max-width:58%;
text-align:center;
}
#catapult-cookie-bar .x_close {
right:-2%;
top:18%;
}
.blog-page-sidebar {
left:10vw;
}
#footer-inner div#footer-widgets .footer-box.col-2 {
margin-left:160px;
}
#footer-inner div#footer-widgets .footer-box.span_1_of_4.col.col-3,#footer-inner div#footer-widgets .footer-box.span_1_of_4.col.col-4 {
margin-left:50px;
}
}
@media (max-width:1400px) {
#site-logo1 a {
width:400px;
padding:0;
margin: -20px 0px 0px 0px;
text-decoration:none;
display:block;
/* margin-top:15px; */
}
}
@media(max-width:1280px) {
.bepartner-content {
max-width:1145px;
}
body #site-navigation .dropdown-menu li.megamenu ul.sub-menu a.sf-with-ul {
padding-left:0 !important;
}
#site-navigation-wrap #site-navigation li.megamenu > ul.sub-menu,#site-navigation li.megamenu > ul.sub-menu > li.menu-li-last {
min-height:18.2vw
}
#site-navigation .dropdown-menu .sub-menu .sub-menu a {
padding:3px 0.5vw;
font-size:13px;
}
#site-navigation .dropdown-menu .menu-sensors .sub-menu .sub-menu a {
font-size:13px;
}
#site-navigation-wrap #site-navigation > ul > .megamenu:nth-child(3) > .sub-menu {
min-height:25vw;
}
}
@media(max-width:1152px) {
/* become-bepatner */
.bepartner-content {
max-width:1139px;
padding:5rem 0 2.5rem;
}
/* foot-cookie-prompt */
#catapult-cookie-bar .ctcc-inner {
max-width:69%;
}
#site-header-inner {
padding-left:20px;
}
#site-navigation li {
margin-top:20px;
}
#site-navigation li.megamenu {
padding-right:1.5vw;
}
#site-navigation li.megamenui {
margin-top:20px;
}
#site-navigation li.free-trial {
margin-top:15px;
}
#site-logo1 a {
margin:5px 0 10px;
}
#site-navigation-wrap #site-navigation li.megamenu > ul.sub-menu {
top:66px !important;
}
#site-navigation-wrap nav#site-navigation > ul li.megamenu:nth-child(2) > .sub-menu,#site-navigation li.megamenu.menu-connecty > ul.sub-menu > li.menu-li-last {
min-height:22vw;
}
#site-navigation-wrap #site-navigation > ul > .megamenu:nth-child(3) > .sub-menu {
min-height:27vw;
}
}
@media(max-width:1024px) {
/* 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;
}
#site-navigation .dropdown-menu .sub-menu .sub-menu a {
font-size:12px;
}
#site-navigation-wrap #site-navigation li.megamenu > ul.sub-menu {
padding-left:1vw;
}
#site-navigation li.megamenu > ul.sub-menu > li {
width:23vw;
}
#site-navigation li.megamenu > ul.sub-menu > li.menu-li-last {
width:27vw;
min-height:22vw;
}
#site-header .dropdown-menu .li-blue-color>a span {
font-size:15px;
}
#site-navigation-wrap #site-navigation > ul > .megamenu:nth-child(3) > .sub-menu {
min-height:30vw;
}
body .navbar-style-one {
margin-left:0;
}
#site-logo1 a {
width:300px;
margin:10px 10px 22px;
}
#site-navigation-wrap #site-navigation li.megamenu > ul.sub-menu {
top:66px !important;
}
}
@media (max-width:960px) {
/*foot-cookie-prompt*/
#catapult-cookie-bar .ctcc-inner {
max-width:100%;
margin:0 auto;
}
#content article.single-blog-article {
padding-left:2em;
padding-right:2em;
}
}
@media(max-width:800px) {
.blog-page-sidebar {
left:4vw;
width:140px;
}
/* become-partner */
.bepartner {
padding:10px 15px;
}
.bepartner span {
font-size:19px;
}
.bepartner-content p:first-child span {
font-size:25px !important;
}
}@media(max-width:800px) and (min-width:768px) {
/* 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;
}
}
@media (max-width:767px) {
#mc_embed_signup .input-title,
#mc_embed_signup label {
font-size: 4.2vw;
line-height: 7vw;
width: 100%;
}
.entry #mc_embed_signup {
width: 100%;
}
#mc_embed_signup input {
width: 100%;
height: 35px;
margin-bottom: 20px;
}
#mc_embed_signup input[name="MMERGE3"] {
height: 120px;
}
#mc_embed_signup input[type="submit"] {
width: 50%;
font-size: 18px;
line-height: 35px;
height: 35px;
}
#mc_embed_signup {
width: 100%;
}
ul#mc_embed_signup-2 {
margin-left: 0 !important;
}
#mc_embed_signup input[type="submit"] {
margin-top: 1em;
width: 50%;
}
/*blog-share*/
.share-icon img {
width:7vw;
margin-right:1vw;
}
.share-icon {
right:0;
margin-top:-1vw;
}
.total-tag {
margin-top:0;
max-width:100%;
}
.blog-main .single-blog-article .page-header {
padding-bottom:26px;
}
.blog-header-title {
font-size:6vw;
max-width:100%;
}
.blog-page-sidebar {
position:initial !important;
margin-top:0 !important;
margin-left:10%;
}
.blog-main .entry.clr.blog-page-entry {
width:90%;
left:0;
}
.submit-infor label {
display:block;
}
#site-logo1 a {
width:172px;
padding:0;
margin:5px 0;
text-decoration:none;
display:block;
}
/*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-content .bepartner {
padding:1rem 2rem;
margin:0 !important;
}
.bepartner-content p:first-child span {
font-size:25px !important;
}
/*academy-nav-menu*/
.academy-nav .clr ul {
float:left;
margin:0 auto 10px !important;
height:auto;
display:none;
}
.academy-nav .clr li {
float:initial;
margin-right:0;
height:auto;
line-height:35px;
}
.nav-btn-img .fa-caret-up:before {
content:"\f0d7";
font-size:30px;
color:#fff;
position:relative;
top:-35px;
left:101%;
display:inline-block;
-ms-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
transition:all 0.3s;
}
.nav-btn-click:before {
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.nav-btn-img {
height:45px;
}
.academy-nav-btn {
display:block;
}
.academy-nav .clr img {
display:none;
}
.academy-img {
background:url(/en/wp-content/uploads/2018/08/iconfont-email-1.png) no-repeat;
margin-top:0;
}
.bepartner-content {
margin-right:0;
}
.bepartner-content p {
text-align:center !important;
}
.bepartner {
margin:-80px auto 56px 13%;
float:left;
}
/*head-nav-menu*/
.sidr-class-mobile-menu-searchform button {
right:0;
top:50%;
}
.sidr-class-dropdown-menu li:last-child {
border-bottom:none;
}
/*footer-layout.css*/
.footer-box:nth-child(1) {
display:none !important;
}
.footer-widget .widget-title {
color:#6a6a6a !important;
margin-top:0 !important;
padding:0.5rem 0;
overflow:hidden;
border-bottom:1px solid #d4d4d4;
font-size:1.2rem !important;
}
h3.widget-title::after {
content:"+";
float:right;
-ms-transition:all 0.2s;
-moz-transition:all 0.2s;
-webkit-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
}
.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 {
transform:rotate(180deg) scale(1.08);
-ms-transform:rotate(180deg) scale(1.08);
-moz-transform:rotate(180deg) scale(1.08);
-webkit-transform:rotate(180deg) scale(1.08);
-o-transform:rotate(180deg) scale(1.08);
position:relative;
top:20px !important;
display:inline-block;
}
.footer-box:nth-child(4) .footer-widget:nth-child(3) h3.widget-title:after {
content:"";
background:url(/en/wp-content/uploads/2016/05/downa.png) no-repeat center;
display:inline-block;
width:15px;
height:10px;
left:-10%;
top:22px;
position:relative;
-ms-transition:all 0.3s;
-moz-transition:all 0.3s;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.footer-box:nth-child(4) .footer-widget:nth-child(3) h3.widget-title {
border:0;
width:120%;
font-size:1.5rem !important;
}
.footer-box:nth-child(4) .footer-widget:nth-child(3) h3.widget-title:before {
content:"";
background:url('/en/wp-content/uploads/2016/05/language-img1.png') no-repeat center;
display:inline-block;
width:30px;
height:30px;
position:relative;
top:8px;
margin-right:5px;
}
.click-menu-image-title {
color:#6a6a6a;
}
.footer-widget.widget_nav_menu.clr {
height:auto !important;
min-height:auto !important;
}
#footer,#footer-bottom {
background-color:#f2f2f2 !important;
}
#footer {
padding-top:1.5rem;
}
#footer-bottom {
padding:0.5rem 0 3rem 0 !important;
}
.site-footer .container {
padding-top:0px;
}
.footer-widget {
padding-bottom:1rem;
}
.menu {
display:none;
font-size:1.2rem;
}
#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;
}
div#footer-widgets .footer-box {
margin-bottom:0px;
max-width:100%;
}
#footer-inner div#footer-widgets .footer-box.col-2,
#footer-inner div#footer-widgets .footer-box.span_1_of_4.col.col-3,
#footer-inner div#footer-widgets .footer-box.span_1_of_4.col.col-4 {
margin-left:0;
}
.has-cookie-bar #catapult-cookie-bar {
padding:8px 10px 10px;
}
#copyright {
font-size:12px;
}
#footer-bottom-inner {
padding:0 0 20px 0;
margin:0 5px;
}
.border-totale-width {
margin:0rem auto 0 auto !important;
}
.footer-box:nth-child(4) .footer-widget:nth-child(3) {
height:auto !important;
display:block;
}
#footer-bottom #copyright .foot-line-2 {
float:left !important;
}
#footer-bottom #copyright .foot-line-2 a {
font-size:12px;
margin:0;
font-weight:normal;
}
/*blog-phone*/
.blog-year-type .col-xs-10 {
width:100% !important;
padding:0 87rem 0 3rem;
margin-top:2rem;
}
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;
}
.blog-year-type .post-year-title {
padding-left:3rem !important;
width:100% !important;
}
.blog-year-type .posts-year {
padding-left:3rem !important;
width:100% !important;
}
.page-tags-conten .single-tag {
width:100% !important;
}
.post-year-phone,.blog-phone-tag {
display:none;
}
.post-blog-title .fa-sort-desc,.post-year-title .fa-sort-desc {
display:inline-block;
}
.post-year-title .fa-sort-desc:before {
content:"\f0dd";
font-size: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;
}
/*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-conten {
margin-top:0;
margin-left:-8%;
}
.page-tags-entries h2.blog-entry-title.entry-title a {
padding:0 1.1rem;
}
.page-tags-head-tag {
height:0;
}
.alone-page-tag {
left:5rem;
top:-1rem;
max-width:80%;
margin:0 auto;
text-align:left;
}
/*new-page*/
.page-header-title {
min-height:60px !important;
height:auto !important;
padding:0 49rem 0 0;
font-size:3rem !important;
}
.single.single-post.content-full-width #content-wrap.container .entry {
padding:0 87rem 0 4rem;
}
.single.single-post.content-full-width #content-wrap.container .page-header-inner {
padding:0 35rem 0 3.2rem;
}
.single.single-post.content-full-width .post-pagination.container {
padding:2rem 87rem 3rem 5.2rem;
}
}@media (max-width:639px) {
#content article.single-blog-article {
padding-left:1em;
padding-right:1em;
}
.infor-submit {
margin:1px 0 8px 18px !important;
}
}
@media (min-width:1550px) {
#content article.single-blog-article {
padding-left:216px;
padding-right:216px;
position:relative;
}
}
@media (max-width:767px) {
.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:#ccc;
}
.sidr-class-dropdown-menu .select-lang a:before {
display:none;
}
.infor-name input,.infor-email input,.infor-country input {
margin:0 0 0 10px;
width:150px;
}
/*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;
}
}