/*

Theme Name: 上海易明广告有限公司

Version: 1.0

Author: Antto web

Author URI: http://www.anttoweb.com



*/





/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Normalize

2.0 Accessibility

3.0 Alignments

4.0 Clearings

5.0 Typography

6.0 Forms

7.0 Formatting

8.0 Lists

9.0 Tables

10.0 Links

11.0 Featured Image Hover

12.0 Navigation

13.0 Layout

   13.1 Header

   13.2 Front Page

   13.3 Regular Content

   13.4 Posts

   13.5 Pages

   13.6 Footer

14.0 Comments

15.0 Widgets

16.0 Media

   16.1 Galleries

17.0 Customizer

18.0 SVGs Fallbacks

19.0 Media Queries

20.0 Print

--------------------------------------------------------------*/





/*--------------------------------------------------------------

1.0 Normalize

--------------------------------------------------------------*/

@font-face {

  font-family: 'Montserrat-Bold';

  src: url('assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),  url('assets/fonts/Montserrat-Bold.woff') format('woff'), url('assets/fonts/Montserrat-Bold.ttf')  format('truetype'), url('assets/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Montserrat-Regular';

  src: url('assets/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  url('assets/fonts/Montserrat-Regular.woff') format('woff'), url('assets/fonts/Montserrat-Regular.ttf')  format('truetype'), url('assets/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}

html {

	font-family: sans-serif;

	line-height: 1.15;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

}



body {

	margin: 0;

	color: #221814;

	min-width: 320px;

	font-size: 1.6rem;

}

h2{

	font-size: 4.6rem;

}

h3{

	font-size: 3.2rem;

}

h4{

	font-size: 2.8rem;

}

h5{

	font-size: 2.2rem;

}

h6{

	font-size: 1.8rem;

}

/*--------------------------------------------------------------

12.0 Navigation

--------------------------------------------------------------*/

.navbar{

    border-color: transparent;

    margin-bottom: 0;

    padding: 25px 0;

}

@media(min-width: 770px){

	ul.nav li.dropdown:hover > ul.dropdown-menu{

		display: block;

		margin: 0;

	}

}



/*--------------------------------------------------------------

20.0 Print

--------------------------------------------------------------*/



/*Start Custom Css*/



/*Global*/

.container{

	width: auto;

	max-width: 1440px;

}

img{

	max-width: 100%;

	height: auto;

}

img.aligncenter{

	margin-left: auto;

	margin-right: auto;

	display: block;

}

a{

	color: #AC0001;

	outline: none !important;

	text-decoration: none !important;

}

.red,

.red p{

	color: #AC0001;

}

.white,

.white p{

	color: #fff;

}

.gray,

.gray p{

	color: #888;

}

.orange,

.orange p{

	color: #EB9D14;

}

.black-6,

.black-6 p{

	color: #666;

}

a:focus,

a:hover{

	color: #AC0001;

}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{

	margin-top: 0;

	line-height: 1.2;

}

/* Outline button for use within the docs */

.btn-outline {

	color: #000;

	background-color: transparent;

	border-color: #000;

}

.btn-outline:hover,

.btn-outline:focus,

.btn-outline:active {

	color: #fff;

	background-color: #000;

	border-color: #000;

}



/* Inverted outline button (white on dark) */

.btn-outline-inverse {

	color: #fff;

	background-color: transparent;

	border-color: #fff;

}

.btn-outline-inverse:hover,

.btn-outline-inverse:focus,

.btn-outline-inverse:active {

	color: #fff;

	text-shadow: none;

	background-color: #000;

	border-color: #000;

}

.img-wrapper{

	overflow: hidden;

}

.img-wrapper img{

	transition: all 0.5s;

}

.img-wrapper:hover img{

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05);

}

/*Header*/

p:last-child{

	margin-bottom: 0;

}

.navbar-default .navbar-nav > li > a{

	color: #111;

}

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus,

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus{

	color: #AC0001;

	background-color: transparent;

}

.header-contact a{

	background: url("assets/images/header-tel.png") no-repeat left center;

    display: inline-block;

    font-size: 28px;

    line-height: 20px;

    margin-left: 70px;

    padding: 15px 0 15px 45px;

}

/*Footer*/

footer{

	background-color: #09101A;

	color: #fff;

	padding: 40px 0 35px;

	font-size: 14px;

}

.logo-footer{

	margin-top: 30px;

}

.footer-contact li{

	display: inline-block;

	font-size: 28px;

	background: url("assets/images/icon-tel.png") no-repeat left center;

	background-size: auto 50px;

	line-height: 1.2;

	padding-left: 55px;

	padding-right: 70px;

	font-family: 'Montserrat-Regular';

	margin-top: 20px;

}

.footer-contact li a{

	color: #E70012;

}

.footer-contact li a:hover{

	opacity: 0.8;

}

.footer-contact li:last-child{

	padding-right: 0;

}

.footer-contact li span{

	font-size: 14px;

	font-weight: bold;

	color: #fff;

}

.img-wechat{

	float: left;

}

.wechat-desc{

	padding: 35px 15px 0 15px;

	font-size: 22px;

	display: inline-block;

	font-weight: bold;

}

.wechat-desc span{

	display: block;

	font-size: 14px;

}

.footer-top{

	padding-bottom: 25px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	margin-bottom: 20px;

}

footer .menu{

	list-style: none;

	padding-left: 0;

	text-align: center;

}

footer .menu li{

	display: inline-block;

	padding-right: 35px;

}

footer .menu li:last-child{

	padding-right: 0;

}

footer .menu li a,

.footer-copyright a{

	color: #fff;

}

footer .menu li a:hover,

.footer-copyright a:hover{

	opacity: 0.8;

}

footer .footer-map li{

	display: inline-block;

	background: url("assets/images/icon-location.png") no-repeat left center;

	padding-left: 20px;

	padding-right: 15px;

}

footer .footer-map li:last-child{

	padding-right: 0;

}

footer .footer-map{

	text-align: right;

}

/*Page*/

.btn{

	font-size: 1.6rem;

	line-height: 3rem;

	padding: 6px 40px;

	border-radius: 30px;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	text-align: center;

	font-weight: bold;

}

.page-banner.vc_row{

	min-height: 550px;

	background-position: center top !important;

}

.home-top-section.vc_row{

	background-size: auto 280px !important;

}

.our-service-section h5{

	color:#EB9D14;

	padding-bottom: 10px;

}

.our-service-section ul li{

	letter-spacing: 2px;

}

.our-service-section .service-bottom-title{

	max-width: 500px;

	border-bottom: 1px dashed;

	padding-bottom: 20px;

}

.page-content li{

	margin-bottom: 10px;

}

.width-13 > .vc_column-inner > .wpb_wrapper{

	max-width: 1300px;

}

.width-10 > .vc_column-inner > .wpb_wrapper{

	max-width: 1000px;

}

.width-11 > .vc_column-inner > .wpb_wrapper{

	max-width: 1100px;

}

.width-12 > .vc_column-inner > .wpb_wrapper{

	max-width: 1200px;

}

.width-9 > .vc_column-inner > .wpb_wrapper{

	max-width: 900px;

}

.width-8 > .vc_column-inner > .wpb_wrapper{

	max-width: 800px;

}

.width-8 > .vc_column-inner > .wpb_wrapper,

.width-9 > .vc_column-inner > .wpb_wrapper,

.width-12 > .vc_column-inner > .wpb_wrapper,

.width-11 > .vc_column-inner > .wpb_wrapper,

.width-10 > .vc_column-inner > .wpb_wrapper,

.width-13 > .vc_column-inner > .wpb_wrapper{

	margin-right: auto;

	margin-left: auto;

}

.feature-banner {

	background-size: cover;

	background-position: center center;

}

.feature-banner h2{

	letter-spacing: 10px;

}

.feature-banner span.arrow{

	color: #E70012;

	vertical-align: middle;

	font-size: 90px;

}

.our-advantage-section img{

	max-height: 90px;

	width: auto;

}

.our-advantage-section h6{

	color: #888;

	text-align: center;

}

.section-title{

	letter-spacing: 10px;

}

.small-ls{

	letter-spacing: 5px;

}

.about-top-section.vc_row {

	background-position: center 55px !important;

	background-size: 900px auto;

}

.about-bottom-right{

    max-width: 300px;

    padding: 0 10px;

	margin-left: auto;

	margin-right: auto;

	color: #fff;

	font-size: 24px;

}

.about-bottom-right li{

	margin-bottom: 20px;

	letter-spacing: 5px;

}

.our-clients-list {

	max-width: 1200px;

	margin: 0 auto;

	border-bottom: 1px solid #b4b5b5;

	border-right: 1px solid #b4b5b5;

}

.our-clients-list li{

    border-top: 1px solid #b4b5b5;

    border-left: 1px solid #b4b5b5;

    float: left;

    line-height: 100px;

    margin-bottom: 0;

    padding: 20px 15px;

    text-align: center;

    width: 25%;

}

.client-top-desc{

    background-color: #ac0001;

    color: #fff;

    display: inline-block;

    padding: 40px 50px;

    margin: 0 15px;

}

.client-top-desc h2 {

    font-size: 42px;

    padding-bottom: 15px;

}

.contact-top-left{

	position: absolute;

	left: 0;

	top: 0;

	width: 35%;

	background-color: rgba(0, 0, 0, 0.88);

	height: 100%;

	padding: 60px;

}

.contact-top-left ul{

	padding-top: 35px;

}

.contact-top-left h3.tel{

	border-bottom: 1px solid #fff;

	padding-bottom: 15px;

	padding-top: 10px;

	margin-bottom: 50px;

}

.caldera-grid input,

.caldera-grid textarea{

	margin-bottom: 20px !important;

}

body .caldera-grid h3{

	margin-bottom: 20px !important;

}

body .caldera-grid .form-control{

	height: auto;

	padding: 5px 15px;

	line-height: 30px;

}

body .caldera-grid input.btn{

	color: #fff;

	font-size: 18px;

	background-color: #e70012;

	border: 0;

	min-width: 250px;

	padding: 5px 15px;

	line-height: 32px;

	letter-spacing: 0;

	margin-bottom: 0 !important;

}

.project-list-wrap .project-list{

	display: none;

}

.project-list-wrap .project-list:first-child{

	display: block;

}

.project-list-wrapper{

	max-width: 1000px;

	margin: 0 auto 50px;

}

.small-row{

	margin-left: -10px;

    margin-right: -10px;

}

.small-row > [class^="col-"]{

	padding-left: 10px;

    padding-right: 10px;

}

.project-list .project-info{

	margin-bottom: 20px;

}

.project-list .project-info > div{

	max-width: 240px;

	margin: 0 auto;

}

.project-cats-list ul{

	text-align: center;

	padding-bottom: 30px

}

.project-cats-list ul li{

	float: left;

	width: 20%;

}

.btn-primary{

    background-color: transparent;

    border-color: #e70012 !important;

    color: #221814;

    transition: all 0s;

}

.active.btn-primary,

.btn-primary:hover,

.btn-primary:focus,

.active.btn-primary:hover,

.active.btn-primary:focus{

    background-color: #e70012;

    color: #fff;

}

@media (min-width: 770px) and (max-width: 1200px){

	.contact-top-left{

		width: 50%;

	}

}

@media (min-width: 770px){

	.home-top-left > .vc_column-inner > .wpb_wrapper{

		padding-left: 125px;

	}

	.home-top-right{

		text-align: right;

	}

	.home-top-section.vc_row{

		background-position: 130px center !important;

	}

	.header-contact{

		float: right;

	}

	.navbar-collapse{

		padding-right: 0;

	}

	.contact-top-section.page-banner.vc_row > .wpb_column{

		min-height: 700px !important;

	}

	.contact-top-left ul{

		font-size: 20px;

	}

}

@media (min-width: 767px){

	.about-top-left{

		text-align: right;

	}

	.about-top-left{

		padding-right: 20px !important;

	}

	.about-top-right{

		padding-left: 20px !important;

	}

}

@media (max-width: 767px){

	.about-top-section.vc_row {

		background: none !important;

	}

	.our-clients-list li{

		width: 50%;

	}

	.project-cats-list ul li{

		width: 50%;

	}

}

@media (max-width: 770px){

	.equal-height{

		height: auto !important;

	}

	.navbar-nav > li > .dropdown-menu{

		position: relative;

		width: 100%;

		float: none;

	}

	.navbar-nav > li > a span.caret{

		border: 0;

		font-family: FontAwesome;

		font-feature-settings: normal;

		font-kerning: auto;

		font-language-override: normal;

		font-size: inherit;

		font-size-adjust: none;

		font-stretch: normal;

		font-style: normal;

		font-synthesis: weight style;

		font-variant: normal;

		font-weight: normal;

		height: auto;

		line-height: 20px;

		margin: 0;

		padding: 10px;

		position: absolute;

		right: 5px;

		text-align: center;

		text-rendering: auto;

		top: 0;

		width: 40px;

	}

	.navbar-nav > li > a span.caret:before{

		content:"\f078";

	}

	.navbar-nav > li > a span.caret.toggle-arrow:before{

		content:"\f077";

	}

	.navbar-nav > li > .dropdown-menu.toggle-dropmenu{

		display: block;

	}

	.footer-copyright{

		margin-bottom: 10px;

		text-align: center;

	}

	footer .footer-map{

		text-align: center;

	}

	footer .menu li{

		padding-right: 10px;

	}

	.about-top-left br,

	.about-top-right br{

		display: none;

	}

	.logo-img{

		padding-left: 15px;

	}

	.header-contact{

		display: none;

	}

	.navbar{

		padding-bottom: 0;

		padding-top: 20px;

	}

	.navbar-header{

		padding-bottom: 20px;

	}

	.contact-top-section.page-banner.vc_row > .wpb_column,

	.page-banner.vc_row {

	    min-height: 450px;

	}

	.contact-top-left{

		width: 100%;

		padding: 30px 15px;

	}

}

@media(max-width: 480px){

	.footer-contact li{

		padding-right: 0;

		display: block;

		margin-top: 10px;

	}

	.client-top-desc{

		padding: 20px 30px;

	}

	.btn{

		font-size: 1.6rem;

		line-height: 2.4rem;

	}

	h2{

		font-size: 3.6rem;

	}

	h3{

		font-size: 2.6rem;

	}

	h4{

		font-size: 2.4rem;

	}

	h5{

		font-size: 2rem;

	}

	h6{

		font-size: 1.6rem;

	}

	.logo-img{

		padding-top: 10px;

		max-height: 40px;

	}

}