/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/1185(这个说明仅在演示里会看到,下载的源码里没有)*//*http://www.bootstrapmb.com*/.loader {	width: 100%;	height: 100%;	position: fixed;	top: 0;	left: 0;	background-color: #f7f7f7;	z-index: 9;}body,ul {	margin: 0;	padding: 0}.wrapper header .mobile-menu .line:after,.wrapper header .mobile-menu .line:before {	content: "";	width: 30px;	height: 2px;	position: absolute;	background-color: #3b3b3b}body {	background-color: #f7f7f7;	font-size: 16px;	line-height: 25px;	color: #3b3b3b;	font-family: Roboto,sans-serif}img {	max-width: 100%}.clear {	clear: both}.wrapper .portfolio .filters ul li,.wrapper header nav ul li a {	-webkit-transition: .2s all;	-o-transition: .2s all;	transition: .2s all}.wrapper header {	height: 75px;	margin-top: 60px}.wrapper header .logo {	float: left;	line-height: 75px}.wrapper header .logo img {	width: 95px}.wrapper header .mobile-menu {	width: 32px;	height: 25px;	position: absolute;	cursor: pointer;	right: 20px;	top: 22px;	display: none}.wrapper header .mobile-menu .line {	height: 2px;	width: 30px;	display: inline-block;	position: relative;	background-color: #3b3b3b;	-webkit-transition: .2s all;	-o-transition: .2s all;	transition: .2s all}.wrapper header .mobile-menu.open .line {	background-color: transparent}.wrapper header .mobile-menu .line:before {	top: -7px;	-webkit-transition: .2s all;	-o-transition: .2s all;	transition: .2s all}.wrapper header .mobile-menu.open .line:before {	-webkit-transform: translateY(7px) rotateZ(-45deg);	-moz-transform: translateY(7px) rotateZ(-45deg);	-ms-transform: translateY(7px) rotateZ(-45deg);	-o-transform: translateY(7px) rotateZ(-45deg);	transform: translateY(7px) rotateZ(-45deg)}.wrapper header .mobile-menu .line:after {	top: 7px;	-webkit-transition: .2s all;	-o-transition: .2s all;	transition: .2s all}.wrapper header .mobile-menu.open .line:after {	-webkit-transform: translateY(-7px) rotateZ(45deg);	-moz-transform: translateY(-7px) rotateZ(45deg);	-ms-transform: translateY(-7px) rotateZ(45deg);	-o-transform: translateY(-7px) rotateZ(45deg);	transform: translateY(-7px) rotateZ(45deg)}.wrapper header nav {	float: right;	line-height: 75px}.wrapper header nav ul li {	display: inline-block;	margin-left: 25px;	position: relative}.wrapper header nav ul li:first-child {	margin-left: 0}.wrapper header nav ul li a {	color: #848484;	font-size: 14px;	text-transform: uppercase;	font-weight: 300;	text-decoration: none}.wrapper header nav ul li a:hover,.wrapper header nav ul li.active a {	color: #c4c4c4}.wrapper header nav ul li ul {	position: absolute;	top: 100%;	min-width: 180px;	background-color: #3b3b3b;	line-height: 25px;	z-index: 1;	opacity: 0;	visibility: hidden}.wrapper header nav ul li:hover ul {	opacity: 1;	visibility: visible}.wrapper header nav ul li ul li {	margin: 0;	display: block;	border-bottom: 1px solid #4c4c4c;	position: relative}.wrapper .page-title,.wrapper .portfolio .filters {	margin-top: 50px}.wrapper header nav ul li ul li a {	display: block;	font-size: 11px;	font-weight: 400;	padding: 15px 20px;	line-height: 15px;	color: #C0BDBF}.wrapper header nav ul li ul li ul {	position: absolute;	left: 100%;	top: 0;	opacity: 0!important;	visibility: hidden!important}.wrapper header nav ul li ul li:hover ul {	opacity: 1!important;	visibility: visible!important}.wrapper .page-title h1 {	font-size: 30px;	line-height: 40px;	letter-spacing: 1px;	font-weight: 300}.wrapper .portfolio .filters span {	display: inline-block;	margin-right: 15px}.wrapper .portfolio .filters ul {	display: inline-block}.wrapper .portfolio .filters ul li {	display: inline-block;	font-size: 16px;	color: #787878;	margin-left: 15px;	cursor: pointer;	padding: 2px 10px;	border-radius: 3px}.wrapper .portfolio .filters ul li.active,.wrapper .portfolio .filters ul li:hover {	background-color: #fff}.wrapper .portfolio .filters ul li:first-child {	margin-left: 0}.wrapper .portfolio .inner-portfolio,.wrapper .portfolio .inner-portfolio2,.wrapper .portfolio .inner-portfolio3,.wrapper .portfolio .portfolio-masonry,.wrapper .portfolio .portfolio-masonry2 {	margin-top: 20px}.wrapper .portfolio .item {	margin-top: 30px;	position: relative}.wrapper .portfolio .item .overlay {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: rgba(255,255,255,.95);	opacity: 0;	-webkit-transition: .3s all;	-o-transition: .3s all;	transition: .3s all}.wrapper .portfolio .item:hover .overlay {	opacity: 1}.wrapper .portfolio .item .overlay .inner-overlay {	width: 100%;	text-align: center;	position: absolute;	top: 50%;	-webkit-transform: translateY(-50%);	-ms-transform: translateY(-50%);	transform: translateY(-50%)}.wrapper .portfolio .item .overlay .inner-overlay h3 {	letter-spacing: 2px;	color: #787878;	margin: 0 0 10px;	text-transform: uppercase}.wrapper .portfolio .item .overlay .inner-overlay span {	font-size: 14px;	color: #787878;	letter-spacing: 1px;	font-style: italic}.wrapper .project-single {	margin-top: 80px}.wrapper .project-single img {	width: 100%;	margin-bottom: 30px}.wrapper .project-single .single-info .project-description h3 {	margin: 0 0 15px;	font-size: 22px}.wrapper .project-single .single-info .project-description span {	display: block;	font-style: italic;	font-size: 17px;	margin-bottom: 20px;	color: #757575}.wrapper .project-single .single-info .project-description p {	font-size: 15px;	color: #555;	margin-bottom: 15px}.wrapper .project-single .single-info .project-services {	margin-top: 40px}.wrapper .project-single .single-info .project-services ul li {	list-style: none;	font-size: 14px;	margin-left: 5px;	color: #797979}.wrapper .project-single .single-info .project-share ul li {	display: inline-block}.wrapper .project-single .single-info .project-share ul li a {	color: #797979;	text-decoration: none}.wrapper .about {	margin-top: 30px}.wrapper .about .about-content {	margin-top: 50px}.wrapper .about .about-content .about-clients h3,.wrapper .about .about-content .about-info h3 {	margin: 0 0 20px}.wrapper .about .about-content .about-clients {	margin-top: 50px}.wrapper .blog {	margin-top: 30px}.wrapper .blog .blog-content .blog-post {	margin-bottom: 60px}.wrapper .blog .blog-content .blog-post .blog-info {	margin-top: 20px}.wrapper .blog .blog-content .blog-post .blog-info .category {	color: #787878;	letter-spacing: 1px}.wrapper .blog .blog-content .blog-post .blog-info h2 {	margin: 15px 0}.wrapper .blog .blog-content .blog-post .blog-info h2 a {	color: #3b3b3b;	text-decoration: none}.wrapper .blog .blog-content .blog-post .blog-info ul li {	display: inline-block;	font-size: 14px;	color: grey;	margin-right: 5px}.wrapper .blog .blog-content .blog-post .blog-info ul li a {	font-size: 15px;	color: #444;	font-weight: 500;	text-decoration: none;	margin-left: 2px}.wrapper .blog .blog-content .blog-post .blog-info p {	margin-top: 20px;	text-align: left;	color: #444}.wrapper .blog .blog-content .blog-post .blog-info .button {	line-height: 16px;	margin-top: 20px;	display: inline-block;	padding: 12px 15px;	background-color: #3b3b3b;	color: #fff;	text-decoration: none;	font-weight: 300;	font-size: 14px;	letter-spacing: 1px}.wrapper .blog .page-pagination {	margin: 0;	padding: 0}.wrapper .blog .page-pagination li {	display: inline-block;	margin-left: 10px;	border-radius: 3px}.wrapper .blog .page-pagination li:first-child {	margin-left: 0}.wrapper .blog .page-pagination li.active,.wrapper .blog .page-pagination li:hover {	background-color: #fff}.wrapper .blog .page-pagination li a {	line-height: 30px;	color: #787878;	font-size: 18px;	padding: 0 10px;	text-decoration: none}.wrapper .blog .sidebar .sidebar-content {	margin-bottom: 50px}.wrapper .blog .sidebar .sidebar-content h4 {	margin: 0}.wrapper .blog .sidebar .sidebar-content ul {	margin: 15px 0 0;	padding: 0}.wrapper .blog .sidebar .sidebar-content ul li {	margin-bottom: 5px;	display: block}.wrapper .blog .sidebar .sidebar-content.tags ul li {	display: inline-block;	margin-left: 7px}.wrapper .blog .sidebar .sidebar-content ul li a {	font-size: 15px;	color: #666;	text-decoration: none}.wrapper .blog-single blockquote {	font-style: italic;	border-left: 3px solid #8A8A8A;	margin: 25px 0}.wrapper .blog-single .comments .comment {	background-color: rgba(255,255,255,.65);	position: relative;	margin-top: 30px;	padding: 30px 20px}.wrapper .blog-single .comments .comment .pic {	position: absolute}.wrapper .blog-single .comments .comment .pic img {	border-radius: 50%}.wrapper .blog-single .comments .comment .comment-content {	margin-left: 100px}.wrapper .blog-single .comments .comment .comment-content h4 {	margin: 0 0 10px;	font-size: 20px}.wrapper .blog-single .comments .comment .comment-content span {	margin-bottom: 8px;	display: block;	font-size: 15px;	color: #757575}.contact .contact-form input,.contact .contact-form textarea,.wrapper .blog-single .comment-form .form input,.wrapper .blog-single .comment-form .form textarea {	background-color: transparent;	width: 100%;	outline: 0;	padding: 6px 10px;	border: 1px solid #888;	font-size: 15px;	color: #888}.wrapper .blog-single .comments .comment .comment-content p {	margin: 0;	font-size: 15px}.wrapper .blog-single .comment-form {	margin-top: 50px}.wrapper .blog-single .comment-form .form {	margin-top: 30px}.contact .contact-form textarea,.wrapper .blog-single .comment-form .form textarea {	resize: none;	margin-top: 20px}::-webkit-input-placeholder {	color: #888}:-moz-placeholder {	color: #888}::-moz-placeholder {	color: #888}:-ms-input-placeholder {	color: #888}.contact .contact-form .submit,.wrapper .blog-single .comment-form .form .submit {	width: auto;	margin-top: 20px;	background-color: #3b3b3b;	color: #fff;	border: none;	font-size: 14px;	padding: 8px 11px;	letter-spacing: 1px}.contact {	margin-top: 30px}.contact .contact-info h4 {	margin: 0}.contact .contact-info p {	font-size: 15px;	color: #666;	line-height: 28px;	margin-top: 10px}.contact .contact-info .recent-posts {	margin-top: 30px}.contact .contact-info .recent-posts ul {	margin-top: 20px}.contact .contact-info .recent-posts ul li {	width: 30%;	margin-right: 6px;	margin-bottom: 10px;	display: inline-block}footer {	margin: 100px 0 25px}footer p {	font-size: 14px}@media screen and (max-width:991px) {	.project-photos {		margin-top: 30px	}	.contact .contact-form input,.wrapper .blog-single .comment-form .form input {		margin-bottom: 10px	}	.contact .contact-form textarea,.wrapper .blog-single .comment-form .form textarea {		margin-top: 5px	}	.contact-info {		margin-top: 30px	}}@media screen and (max-width:767px) {	body {		font-size: 14px	}	.wrapper header .mobile-menu {		display: block	}	.wrapper header {		margin-top: 0	}	.wrapper header .logo {		position: absolute;		top: 30px;		left: 20px;		line-height: 0	}	.wrapper header nav {		float: left;		line-height: 25px;		margin-top: 75px;		width: 100%;		background-color: #3b3b3b	}	.wrapper header nav ul {		display: none	}	.wrapper header nav ul li {		display: block;		margin: 0;		border-bottom: 1px solid #757575;		padding: 8px 15px	}	.wrapper header nav ul li ul {		display: block;		position: relative;		opacity: 1;		visibility: visible	}	.wrapper header nav ul li ul li {		padding: 0	}	.wrapper header nav ul li ul li:last-child {		border-bottom: none	}	.wrapper header nav ul li ul li a {		padding: 8px 15px;		color: #848484	}	.wrapper header nav ul li ul li ul {		display: block;		position: relative;		left: 0;		opacity: 1!important;		visibility: visible!important	}	.wrapper header nav ul li ul li ul li {		margin-left: 12px!important	}	.wrapper header nav ul li a {		font-size: 13px	}	.wrapper .page-title {		margin-top: 20px	}	.wrapper .page-title h1 {		font-size: 25px	}	.wrapper .portfolio .item img {		width: 100%	}	.wrapper .project-single {		margin-top: 40px	}	footer {		margin: 50px 0 25px	}}@media screen and (max-width:375px) {	.wrapper .page-title h1 {		font-size: 17px;		line-height: 22px	}	.wrapper .portfolio .filters span {		display: none	}	.wrapper .blog .blog-content .blog-post {		margin-bottom: 30px	}	.wrapper .blog .blog-content .blog-post .blog-info h2 a {		font-size: 20px	}	.wrapper .blog .blog-content .blog-post .blog-info ul li {		font-size: 13px	}	.wrapper .blog .blog-content .blog-post .blog-info ul li a {		font-size: 14px	}	.wrapper .blog .sidebar .sidebar-content {		margin-top: 20px	}	.wrapper .blog-single .comments .comment .comment-content {		position: relative;		margin-left: 0;		margin-top: 100px	}}/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/1185(这个说明仅在演示里会看到,下载的源码里没有)*/