/**
 Theme Name:   Converge
 Description:  A custom child theme for Converge using the Em Base parent theme.
 Author:       emagine
 Author URI:   http://www.emagine.com
 Template:     em-base
 Version:      1.0.0
 Text Domain:  converge
*/

@import url('css-Montserrat100200400600700800.css');
body {
	font-family: 'Montserrat', sans-serif !important;
	color: #63656a !important;
}
h1 {
	font-size: 3.5rem !important;
}
h2 {
	color: #3f4b54 !important;
	font-weight: bold !important;
	font-size: 2.75rem !important;
 margin-bottom: .5rem !important;
}
@media (max-width: 700px) {
h1 {
	font-size: 2rem !important;
}
h2 {
	font-size: 1.75rem !important;
}
}
h3 {
	color: #63656a !important;
	font-weight: normal !important;
	margin-bottom: 1.5rem !important;
}
h4 {
	color: #E93925 !important;
	font-size: 1.2rem !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}
h5 {
	text-transform: uppercase;
	color: #E93925;
	font-weight: 700 !important;
}
/* Nav bar */
.main-menu li a {
	font-size: 0.875rem;
}
@media (max-width: 1740px) {
.main-menu > .menu-item > a {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.main-menu > .menu-item.menu-item-has-children > a {
	padding-right: 2rem !important;
}
.main-menu > .menu-item.menu-item-has-children > a:after {
	right: 0.8rem !important;
}
}
@media (max-width: 1500px) {
.main-menu > .menu-item > a {
	padding-left: 0.6rem !important;
	padding-right: 0.6rem !important;
}
.main-menu > .menu-item.menu-item-has-children > a {
	padding-right: 1.4rem !important;
}
.main-menu > .menu-item.menu-item-has-children > a:after {
	right: 0.5rem !important;
}
}
@media (max-width: 1400px) {
.custom-logo-link {
	left: 1.5rem !important;
}
.custom-logo-link svg, .custom-logo-link img {
	max-width: 230px !important;
}
}
@media (min-width: 1201px) and (max-width: 1300px) {
.site-header {
	height: 126px !important;
}
.custom-logo-link {
	top: 35% !important;
}
}
/* Header for no hero image template */
.mm-no-hero {
	margin-bottom: -120px;
}
.mm-no-hero .b-lazy {
	height: 6rem;
}
.mm-no-hero .inner {
	margin-top: 8rem;
}
.mm-no-hero h1.page-title {
	color: #293743;
	max-width: 100%;
	font-size: 3.5rem !important;
}
.mm-no-hero .page-title {
	position: unset;
}
@media (max-width: 1200px) {
.mm-no-hero .page-title {
	position: relative;
	top: -30px;
}
}
@media (max-width: 700px) {
.mm-no-hero .page-title {
	position: relative;
	top: -100px;
}
}
.mm-red-text-bar {
	background-color: #E93925;
	color: white;
	width: 100%;
	padding: 20px;
}
.mm-hero-button-box {
	border: 1px solid rgba(89, 91, 91, .1);
	text-align: center;
	padding: 20px;
	margin-top: 30px;
}
.mm-hero-button-box h6 {
	color: #E93925;
	font-weight: 700 !important;
}
.mm-hero-button-box hr {
	margin: 0 0 1.875rem;
}
.mm-hero-button-box h3 {
	font-weight: 700 !important;
}
.mm-hero-button-box button {
	color: white;
	background-color: #E93925;
	font-weight: 700 !important;
	padding: 10px 20px;
	border: none;
	text-transform: uppercase;
}
/* All pages */
.layer--default .layer__content {
	max-width: 100% !important;
}
@media (min-width: 1370px) {
.inner {
	max-width: 80rem !important;
}
}
@media (min-width: 76.3125em) {
.inner {
	width: 80rem !important;
}
}
.btn--secondary, .btn--footer {
	border-color: #E93925 !important;
}
.btn--secondary {
	color: #E93925 !important;
}
.btn--secondary:hover {
	color: white !important;
}
.btn--footer {
	color: white !important;
}
.btn--secondary:hover, .btn--footer:hover {
	background-color: #E93925 !important;
}
/* Footer */
h3.deep-footer__heading {
	color: #E93925 !important;
	font-weight: 900 !important;
}
h4.deep-footer__title a {
	color: rgb(123, 134, 142);
	text-transform: capitalize;
}
/****************** HOME PAGE *******************/
/* Hero Section */
.panel-col-1 .panel-col__bg {
	background-image: unset !important;
}
.panel-col__bg:after {
	background-color: unset !important;
}
.mm_panel-col__content {
	/*float: right;
	
	top: -650px;
	margin-right: 100px;*/
	position: absolute;
	top: 50%;
	margin-top: -160px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	z-index: 100;
	white-space: initial;
}
.mm_panel-col__content .title-ban {
	text-align: center;
}
.mm_panel-col__content .btn-ban-more {
	display: block;
	margin: 40px auto;
	float: none;
}
.mm_panel-col__heading {
	text-align: right;
	font-size: 4rem;
	color: white;
	font-weight: 700;
}
.mm_home-button {
	padding: 0.875rem !important;
	width: 13.125rem !important;
	float: right;
	margin-top: 30px;
	border-width: 2px !important;
	text-align: center;
}
.mm_home_button:hover {
	color: #2b343b;
}
@media (max-width: 1600px) {
.mm_panel-col__content {
	/*top: -500px;*/
	top:50%;
}
}
@media (max-width: 1200px) {
.mm_panel-col__content {
	/*top: -400px;*/
	top:50%;
}
.mm_panel-col__heading {
	font-size: 3rem;
}
}
@media (max-width: 876px) {
.mm_panel-col__content {
	/*top: -300px;
	margin-right: 50px;*/
	top:50%;
	margin-top: -80px;
	margin-left: -295px;
	width:600px;
}
.mm_panel-col__heading {
	font-size: 3rem;
}
}
@media (max-width: 676px) {
.mm_panel-col__heading {
	font-size: 2.5rem;
}
.mm_panel-col__content {
	/*top: -200px;
	margin-right: 50px;*/
	top:50%;
	margin-top: -80px;
	margin-left: -190px;
	width:400px;
}
.mm_home-button {
	/*display: none !important;*/
}

.mm_panel-col__content .btn-ban-more {
    margin: 20px auto;
}
.mm_home-button {
    width: 4.125rem !important;
	font-size: 0.8rem !important;
	font-weight:normal !important;
	border-width: 1px !important;
	padding:10px 12px !important;
}
}

@media (max-width: 550px) {
.mm_panel-col__content {
	/*top: -150px;*/
	top:50%;
	margin-top: -40px;
	margin-left: -150px;
	width:300px;
}
.mm_panel-col__heading {
	font-size: 1.2rem !important;
	font-weight:normal;
}
}
@media (max-width: 1650px) {
.home-layer--panels {
	height: 50vw !important;
}
}

/* About Section (We're Converge...) */
@media (min-width: 43.8125em) {
.home-layer--about {
	padding: 0 !important;
	text-align: left !important;
}
}
.home-layer--about {
	max-height: 850px;
	margin-top: 20px;
}
h4.icon-w-content__title {
	color: white !important;
}
.mm-home-about-one {
	width: 45%;
	display: inline-block;
	padding-left: 200px;
	height: 100%;
	padding-top: 50px;
	position: relative;
	top: -80px;
}
.mm-home-about-one h2 {
	color: #293743;
	font-weight: 800;
	font-size: 2.4rem !important;
}
.mm-home-about-one p {
	color: #595b5b;
}
.mm-home-about-one a {
	color: #293743;
	font-weight: 600;
}
.mm-home-about-two {
	width: 8%;
	display: inline-block;
	font-size: 30rem;
	color: rgba(89, 91, 91, .1);
	font-weight: 100;
	max-height: 100%;
	margin-right: 20px;
	position: relative;
	top: -75px;
}
.mm-home-about-three {
	width: 720px;
	display: inline-block;
	vertical-align: top;
}
.mm-home-about-three-section {
	background-color: white;
	width: 312px;
	height: 288px;
	display: inline-block;
	padding: 35px;
	margin: 20px;
	-webkit-box-shadow: 0px 0px 6px 6px rgba(100,100,100,0.08);
	-moz-box-shadow: 0px 0px 6px 6px rgba(100, 100, 100, 100, 0.08);
	border-bottom: 4px solid #E93925;
	vertical-align: top;
}
.mm-home-about-three-section:hover {
	transform: scale(1.08);
	-webkit-box-shadow: 0px 0px 6px 6px rgba(100,100,100,.16);
	-moz-box-shadow: 0px 0px 6px 6px rgba(100, 100, 100, 100, .16);
}
.mm-home-about-three p {
	display: inline-block;
}
.mm-home-about-three a:hover {
	text-decoration: none;
}
.mm-home-about-three-section-top {
	height: 80%;
}
.mm-home-about-three-section-bottom {
	color: #E93925;
}
.mm-home-about-three-section h3 {
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 700 !important;
	margin-bottom: 0.5rem !important;
}
.mm-home-about-three-section a {
	display: block;
	margin-top: 20px;
	vertical-align: bottom;
	font-weight: 600;
}
.mm-home-about-three-section .fa-arrow-right {
	font-weight: 200;
	margin-left: 20px;
}
@media (max-width: 1800px) {
.mm-home-about-one {
	padding-left: 60px;
	width: 43%;
}
}
@media (max-width: 1550px) {
.mm-home-about-one {
	width: 35%;
	top: 80px;
}
.mm-home-about-two {
	margin-right: 0;
	width: 12%;
	vertical-align: top;
}
}
@media (min-width: 1276px) and (max-width: 1400px) {
.mm-home-about-one {
	width: 30%;
	top: 20px;
}
.mm-home-about-three-section {
	padding: 30px;
	margin: 15px;
}
}
@media (max-width: 1275px) {
.mm-home-about-one {
	padding-left: 100px;
	padding-right: 100px;
	width: 100%;
	display: block;
	top: 0;
}
.mm-home-about-two {
	display: none;
}
.mm-home-about-three {
	margin: 0 auto;
	display: block;
}
.home-layer--about {
	max-height: 1200px;
	padding-bottom: 100px !important;
}
}
@media (max-width: 1024px) {
.home-layer--about {
	max-height: unset;
	padding-top: 40px !important;
}
}
@media (max-width: 780px) {
.mm-home-about-three {
	width: 100%;
	top: 40px;
}
.mm-home-about-three-section {
	margin: 20px auto;
	display: block;
}
}
@media (max-width: 700px) {
.mm-home-about-one {
	padding-left: 50px;
	padding-right: 50px;
}
.home-layer--about {
	padding-top: 0 !important;
}
}
/*  Icon section
	The background image is loaded on a separate css file. */
.home-layer--icon-grid .home-layer__heading {
	color: white !important;
}
.mm-inner {
	padding-left: 6rem;
	padding-right: 6rem;
}
.mm-heavier {
	font-weight: 800;
}
.mm-icon {
	height: 4rem;
	width: 4rem;
	margin: 0 auto 1.5625rem;
}
@media (max-width: 1400px) {
.mm-inner {
	padding-left: 3rem;
	padding-right: 3rem;
}
}
 @media (max-width: 700px) {
.mm-icon {
	display: none;
}
.mm-inner {
	padding-left: 0;
	padding-right: 0;
}
}
/* News Section */
.lg-tab-label {
	font-size: 1.2rem !important;
	min-width: 10rem !important;
}
#lg-tab-1 .icon {
	display: none;
}
.lg-tab__heading {
	color: white !important;
}
/********* Global Locations page ********/
/* Darken the nav bav (class is added/removed though jquery) */
.global-header-color {
	background-color: rgba(26, 29, 30, 0.6);
}
/* 1817 is staging site, 1800 is localhost */
/* Change he color of the page title and move upwards */
@media (min-width: 701px) {
.page-id-1817 .page-title {
	color: #003d4d !important;
	top: 28% !important;
}
.page-id-1817 .page-title:after {
	content: unset;
}
}
/* the tab menu of locations */
.global-tabs a {
	color: #63656a !important;
	font-weight: 600;
}
.global-tabs a:hover {
	color: #E93925 !important;
	text-decoration: none;
}
.tab-menu {
	display: inline-block;
	padding: 15px;
	border-right: 1px solid #ccc;
	border-bottom: 4px white solid;
}
.tab-menu:last-child {
	border-right: none;
}
.tab-menu:hover {
	border-bottom: 4px #E93925 solid;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
/* The section title for each area */
.global-area {
	font-size: 2.4rem;
	color: #003d4d !important;
	margin-top: 3rem;
}
/* The individual location sections */
.global-section h4 {
	text-transform: unset !important;
	text-align: center;
}
.global-section .vc_column-inner:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
/********* End of Global Locations page ********/

.mm-home-about-three-section-top p {
	color: #63656a !important;
	font-size: 1.00rem;
}
/**/
.hide {
	display: none !important;
}
.wpb_wrapper h2 {
	margin-bottom: 1.5rem !important;
}
/*典型客户*/
.customer-title {
	text-align: center;
	margin-bottom: 1.75rem !important;
}
.customer-list {
}
.customer-list li {
	float: left;
	padding: 0;
	margin: 0;
	width: 25%;
	margin-bottom: 1.25%;
}
.customer-list li a {
	list-style-type: none;
	display: block;
	width: 95%;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #DDD;
}
.customer-list li a img {
	width: 100%;
	display: block;
	margin: 0 auto;
	transition: 0.8s all;
}
.customer-list li a:hover img {
	transform: scale(1.1);
}
/*产品中心*/
.pro-list {
}
.pro-list li {
	float: left;
	padding: 0;
	margin: 0;
	width: 25%;
	margin-bottom: 1.25%;
}
.pro-list li.active {
	height: 296px;
}
.pro-list li a.main-p {
	list-style-type: none;
	display: block;
	width: 95%;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #DDD;
}
.pro-list li a.main-p img {
	width: 100%;
	display: block;
	margin: 0 auto;
	transition: 0.8s all;
}
.pro-list li a.main-p:hover img {
	transform: scale(1.1);
}
.pro-list li span {
	display: block;
	width: 95%;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
.pro-list li span a.sen {
	margin: 0;
	padding: 0;
	display: block;
	line-height: 30px;
}
.pro-list li span a.sen:hover {
	color: #E93925;
}
/*首页典型客户*/
.grid-box {
	margin: 0 auto;
	margin-top: 40px;
	width: 90%;
	display: block;
}
.slider4 {
	margin: 0 auto;
	width: 100%;
	display: block;
}
.slider4 li {
	float: left;
	padding: 0;
	margin: 0;
}
.slider4 li a {
	color: #FFF;
}
.grid.grid--quarters {
	position: relative;
}
.bx-pager.bx-default-pager {
	display: none;
}
.bx-controls-direction .bx-prev {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -30px;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../image/arrow.png) no-repeat;
	background-position: 0px 0px;
	z-index: 99999999;
}
.bx-controls-direction .bx-next {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -30px;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../image/arrow.png) no-repeat;
	background-position: 0px -50px;
	z-index: 99999999;
}
.none{
	display:none !important;
}
/*响应式*/
@media (max-width: 768px) {
.customer-list li {
	width: 50%;
}
.pro-list li {
	width: 50%;
}
/*首页典型案例*/
.grid-box {
	width: 70%;
}
}
