/*
Theme Name: LeadEngine Child
Template: leadengine
Theme URI: https://www.leadengine-wp.com/
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Description: Multi-Purpose WordPress Theme with Page Builder
Version: 1.0
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */

/* HEADER */

.navbar .menubar .container #logo .logo {
    margin: 0;
}

.topbar.second-template .container {
    display: flex;
    justify-content: flex-end;
}

.topbar.second-template .topbar-socials {
    position: relative;
    margin-right: 15px;
    z-index: 12;
}

.topbar.second-template .topbar-socials::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background: #fff;
    width: 1px;
    height: 15px;

    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.topbar.second-template .topbar-socials .fa.fa-weixin {
    position: relative;
}

.topbar.second-template .topbar-socials a:hover .fa.fa-weixin::after {
    opacity: 1;
    visibility: visible;
}

.topbar.second-template .topbar-socials .fa.fa-weixin::after {
    content: '';
    /*background: url('assets/img/qr_stratasys.jpg');*/
  	background: url('../picture/code.jpg');
    background-size: cover;
    position: absolute;
    top: 200%;
    left: 50%;
    width: 120px;
    height: 120px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%);
    transition: all .3s;
    pointer-events: none;

    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.topbar-socials a:hover {
    opacity: 1;
}

.topbar-socials a:hover i.fa::before {
    color: rgba(255, 255, 255, .8) !important;
}

/* fix Button display */
@media (max-width: 1180px) and (min-width: 960px) {
    .navbar .modal-menu-item {
        display: block !important;
    }
}

/* FOOTER */
/* Upper Footer */

footer .upper-footer .widget-title a {
    color: #fff;
    transition: all 0.25s;

    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
}

footer .upper-footer .forth-widget-area .custom-html-widget{
    display:none;
}

footer .upper-footer .widget-title a:hover {
    color: #ee562f;
}

/* Middle Footer */

footer .middle-footer {
    background: #1a3347;
    color: #fff;
    padding-top: 20px;
}

footer .middle-footer .footer-business-widget {
    display: flex;
    align-items: center;
    padding: 0 15px;
}

footer .middle-footer .footer-business-widget * {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

footer .middle-footer .footer-business-widget .footer-business {}

footer .middle-footer .footer-business-widget .footer-business:first-child {
    position: relative;
    padding-right: 80px;
    align-self: stretch;
    display: flex;
    align-items: center;
    margin-right: 30px;
}


footer .middle-footer .footer-business-widget .footer-business .footer-business-logo {
    width: 150px;
}

footer .middle-footer .footer-business-widget .footer-business:first-child::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #5BA9CD;
}

footer .middle-footer .footer-business-widget .footer-business .textwidget p.footer-business-contact {
    margin-left: 80px;
    margin-right: 30px;
    font-size: 13px;
}

footer .middle-footer .footer-business-widget .footer-business:first-child::after {
    content: '';
    display: block;
    position: absolute;
    top: 15%;
    right: 0;
    width: 1px;
    height: 70%;
    background: #5BA9CD;
}

footer .middle-footer .footer-business-widget .footer-business .footer-business-qr {
    width: 80px;
    height: 80px;
    max-width: 100%;
}

footer .middle-footer .footer-business-widget .footer-business:last-child {
    margin-left: 30px;
}

@media (max-width: 960px){
    footer .middle-footer {
        padding-top: 0px;
    }

    footer .middle-footer .footer-business-widget {
        justify-content: center;
    }
}

@media (max-width: 767px){
    footer .middle-footer .footer-business-widget {
        flex-direction: column;
    }

    footer .middle-footer .footer-business-widget .footer-business {
        margin: 30px 0;
    }

    footer .middle-footer .footer-business-widget .footer-business:last-child {
        margin-left: 0;
    }

    footer .middle-footer .footer-business-widget .footer-business:first-child {
        padding-right: 0px;
        align-self: auto;
    }

    footer .middle-footer .footer-business-widget .footer-business:first-child::after {
        content: normal;
    }

    footer .middle-footer .footer-business-widget .footer-business .textwidget p.footer-business-contact {
        margin: 0px;
    }
}

/* CUSTOMER SERVICE */
#MEIQIA-BTN{
	background-color: #00afd6 !important;
}
#MEIQIA-BTN #MEIQIA-BTN-TEXT{
	overflow-y: visible !important;
}
#MEIQIA-BTN-HOLDER{
	opacity:1 !important;
}
#customer-service{
    right:0;
    position: fixed;
    z-index: 1000;
    bottom: 130px !important;
    transition:0.3s;
    transform: translate(0);
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}
@media only screen and (max-width: 767px){
	#customer-service{
		bottom: 100px !important;
    }
}
#customer-service.hide-meiqia{
    transform: translate(100%);
    -webkit-transform: translate(100%);
    -moz-transform: translate(100%);
    -ms-transform: translate(100%);
    -o-transform: translate(100%);
}
.container-customer-service {
    position: relative;
}

.customer-service{
	background-color:#ffffff;
    width: 120px;
    border: 0px solid transparent;
}
.service-header img{
	//width:80%;
  	width:100%;
	//margin-left:10%;
    margin-left:-2%;
}
.service-info img{
	margin-left:20%;
	margin-top:0px
}
.service-info{
	background-color:#42add3;
	margin:1px 0;
}
.customer-service{
	border:1px solid #fff;
}
.service-info span{
	color:#ffffff;
	text-align:center;
	display:block;
	margin-top: 0px;
    padding-bottom: 10px;
    font-size:10px;
	line-height: 1.4;
}
/* .serviceForm.mktoForm{
	position:fixed;
	z-index:10;
	bottom:5%
} */
.customerButton{
	position: absolute;
    z-index: 1000;
    width: 10px;
    right: 100%;
	top: 20%;
	transition:0.3s;
}
.customerButton img{
    max-width: 100%;
}
/* div#mktoForm_2049{
	display: block !important;
    margin-left: 13% !important;
} */

.modal-popup {
    display: none; /* Hidden by default */
    z-index: 100; /* Sit on top */
    width: 70%;
    max-height: 75%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    left: 50%;
    top: calc(115px/2 + 50%);
    transform: translate(-50%, -50%);
    /*height: 480px;*/
    overflow: scroll;
    background-color: #fff; /* Fallback color */
    padding: 60px;
    padding-top: 50px;
    border-radius: 10px 10px 10px 10px;
    bottom: auto;
    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
}

.modal-popup::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 0;
}
.modal-popup::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/* Modal Content/Box */
.modal-content {
    width: auto !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
}

.video-modal-local {
    border: 5px solid rgba(255, 255, 255, 0.25);
    border-radius: 3px;
    box-sizing: content-box;
    box-shadow: 0 0px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

@media (max-width: 960px) {

    .modal-popup {
        width: 90%;
        top: calc(64px/2 + 50%);
    }

    .modal-content {
        width: 80% !important;
        height: auto !important;
        max-height: none !important;
    }

    .modal-content video {
        width: 100% !important;
        height: auto;
    }
}

/* The Close Button */
.close {
    /* Position it in the top right corner outside of the modal */
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

/* Close button on hover */
.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* MATERIALS */
/* Tabs */

.materials_tab_container {
    background: #F6F7F7;
}

.materials_tab {}

.materials_tab .vc_tta-tabs-container {
    overflow: visible !important;
}

.materials_tab .vc_tta-tabs-list {
    display: flex !important;
}

.materials_tab .vc_tta-tabs-list .vc_tta-tab {
    background: #3c6fa3 !important;
    z-index: 0;
}

/* .materials_tab .vc_tta-tabs-list .vc_tta-tab.vc_active {
    background: #009cda !important;
} */

.materials_tab .vc_tta-tabs-list .vc_tta-tab a {
    padding: 20px 0 !important;
    margin: 0 !important;
    max-width: none !important;
    border: none !important;
    position: relative;
}

/* .materials_tab .vc_tta-tabs-list .vc_tta-tab a:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 50px;
    border-color: #009cda transparent transparent transparent;
    transform: translate(-50%);

    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
} */

.materials_tab .vc_tta-tabs-list .vc_tta-tab:before {
    all: initial !important;
}

.materials_tab .vc_tta-tabs-list .vc_tta-tab:before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 0px 10px 0 10px !important;
    border-color: #009cda transparent transparent transparent !important;
    transform: translate(-50%) !important;
    transition: all .3s ease-in-out;

    -webkit-transform: translate(-50%) !important;
    -moz-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.materials_tab .vc_tta-tabs-list .vc_tta-tab.vc_active:before {
    border-width: 10px 10px 0 10px !important;
}

.materials_tab .vc_tta-tabs-list .vc_tta-tab:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #009cda;
    z-index: -1;
    transition: transform .3s, color .3s;
    transform: scaleX(0);
    transform-origin: right;

    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
}

.materials_tab .vc_tta-tabs-list .vc_tta-tab.vc_active:after {
    transform: scaleX(1);
	transform-origin: left;
}

.materials_tab .vc_tta-tabs-list .vc_tta-tab a span {
    min-height: 0 !important;
    color: #fff;
}

/* fix backgroud body */
.wpb-js-composer .materials_tab_container .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    background: #F6F7F7 !important;
}

/* fix tabs size */
.wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    width: auto;
}

/* CAMPAIGN TEMPLATE */
/* Form */

.flex-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex-form > * {
    width: 48%;
    margin: 0 !important;
}

.mktoForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
}

.mktoForm::before {
    content: '';
    flex: 0 1 400px;
    order: 1;
}

.mktoForm::after {
    content: '';
    flex: 0 1 100%;
    order: 2;
}

.mktoForm .mktoFormRow {
    flex: 1 1 300px;
    order: -1;
}

.mktoForm .mktoFormRow .mktoField, .mktoForm .mktoButtonRow .mktoButtonWrap button {
    width: 100%;
    box-sizing: border-box;
    min-width: 100%;
    border: none;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: none;
    letter-spacing: 0;
    outline: none;
    line-height: 50px;
    height: 50px;
    padding: 0 20px;
}
.mktoField {
    font-weight: 300;
}

.mktoButton {
    text-align: center;
    color: #fff;
    background-color: #dc4c33 !important;
    border-radius: 6px !important;
}

.mktoForm .mktoErrorMsg{
    color: #dc4c33;
}

.logged-in #main-menu .navbar-nav a, #main-menu .navbar-nav .menu-item a{
  text-shadow: 0 0 5px #000;
}

/* News post fixed height*/
@media screen and (min-width: 796px){
	.news-post_title{
	height: 3.8em;
}

  .news-post_date{
      top: 3em;
  }

  .new-post_exc{
    height: 8em;
    margin-top: 5em!important;
  }


  .news-post_btn{
  	float: none!important;
  }

}

/*meiqia*/
@media screen and (max-width: 796px){
	.online-consult, .meet-appointment{
		display: none;
	}
}

/*yoast SEO breadcrumb*/
.breadcrumb_last{
    margin-right: 15px;
}
#breadcrumbs{
	text-align: left;
    margin-right: 15px;
}