/*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/375(这个备注仅在演示页面有，源代码里没有)*//*Name : Unique - Creative Mobile TemplateAuthor : NgetemplatesAuthor URL : https://themeforest.net/user/ngetemplates/* --------------------------------Table of Contents- General- Navbar- Side Nav- Slider- Quote- Features- Testimonial- Blog- Blog single- Shop- Shop single- Checkout- Portfolio- Team- Pricing- Error 404- Footer   -------------------------------- *//* ------------------------------  Import Google Web Font---------------------------------*/@import url('https://fonts.googleapis.com/css?family=Arimo:400,700|Montserrat:400,500,600,700');/* ------------------------------  General---------------------------------*/body {	margin: 0;	padding: 0;	font-size: 13px;	font-family: 'Arimo', sans-serif;	background: #ffffff;	color: #777;}body::-webkit-scrollbar {	display: none;}h1,h2,h3,h4,h5,h6 {	font-family: 'Montserrat', sans-serif;	padding: 0;	margin: 0;	color: #222;}h1 {	font-size: 32px;}h2 {	font-size: 26px;}h3 {	font-size: 24px;}h4 {	font-size: 22px;}h5 {	font-size: 20px;}h6 {	font-size: 18px;}a {	text-decoration: none;	color: #464646;}p {	line-height: 22px;	margin: 5px 0;}.section {	padding: 30px 0;}.pages {	margin-top: 60px !important;}.pages-head {	text-align: center;	padding: 0 10px 20px 10px;	text-transform: uppercase;}.pages-head h3 {	font-size: 20px;	font-weight: 500;}.bg-second {	background: #f4f4f4;}.section-head {	text-align: center;	margin: 0 auto 25px auto;}.section-head h4 {	margin-bottom: 5px;	font-size: 20px;}.section-head .underline {	width: 30px;	height: 2px;	background: #666;	margin: 10px auto 0;}input:not([type]),input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime],input[type=datetime-local],input[type=tel],input[type=number],input[type=search] {	background-color: transparent;	border: none;	border: 1px solid #ddd;	border-radius: 0;	outline: none;	height: 3rem;	width: 100%;	font-size: 1rem;	margin: 0 0 20px 0;	box-shadow: none;	box-sizing: border-box;	transition: all 0.3s;	padding: 10px;}textarea.materialize-textarea {	background-color: transparent;	border: none;	border: 1px solid #ddd;	border-radius: 0;	outline: none;	height: auto;	width: 100%;	font-size: 1rem;	margin: 0 0 20px 0;	padding: 12px 0;	box-shadow: none;	box-sizing: border-box;	transition: all 0.3s;	padding: 10px;}input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) {  	border: 1px solid #bbb;  	box-shadow: none;}	[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::before, .with-gap[type="radio"]:checked + label::after {	border: 2px solid #1e88e5;}[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::after {	background: #1e88e5;}::-webkit-input-placeholder {   color: #999;}::-moz-placeholder {   color: #999;}:-ms-input-placeholder {   color: #999;}:-moz-placeholder {  color: #999;}/* ------------------------------  Button---------------------------------*/.button-default {	background: #1e88e5;	color: #ffffff;	box-shadow: none;	border-radius: 1px;	margin: 20px 0 10px;	padding-left: 15px;	padding-right: 15px;	border: 1px solid #1e88e5;	padding: 6px 12px 4px;	display: inline-block;	cursor: pointer;}.button-fullwidth {	width: 100%;	text-align: center;}.button-default a {	color: #ffffff;}.button-default:hover {	background: #1e88e5;	opacity: 0.9;	box-shadow: none;}.who-we-are .button-default {	margin-top: 30px;	background: #fff;	color: #1e88e5;}/* ------------------------------  Navbar---------------------------------*/.navbar-top {	background: #1e88e5;	width: 100%;	height: 65px;	padding: 12px 18px;	top: 0;	right: 0;	left: 0;	text-align: center;	position: fixed;	z-index: 99;}.site-brand {	text-align: center;	display: inline-block;}.site-brand a h1 {	font-size: 26px;	font-weight: 500;	line-height: 42px;	color: #fff;}.site-brand a h1 span {	color: #1e88e5;}/* ------------------------------  Sidenav---------------------------------*/.side-nav a {	font-size: 14px;	height: 45px;	padding: 0 16px;}.side-nav li.active {	background: #fbfbfb;}.side-nav-panel-left {	float: left;	font-size: 28px;}.side-nav-panel-right {	float: right;	font-size: 28px;}.side-nav-left {	font-size: 28px;	color: #313131;}.side-nav-left i,.side-nav-right i {	font-size: 22px;	color: #fff;}.side-nav-panel {	text-align: left;	background: #fbfbfb;}.side-nav-panel .profil {	background: linear-gradient( rgba(30, 136, 229, 0.8), rgba(30, 136, 229, 0.8)), url(../img/transparent.jpg) center no-repeat;	background-size: cover;	padding: 50px 0 15px 18px;	border-top: 0;}.side-nav-panel .profil img {	border-radius: 50%;	width: 80px;	height: 80px;	border: 2px solid #ddd;}.side-nav-panel .profil h2 {	color: #fff;	font-size: 20px;	margin-bottom: 5px;	cursor: default;}.side-nav-panel li a {	color: #333;	font-weight: normal;}.side-nav-panel li {	font-weight: 700;	border-bottom: 1px solid #f3f3f3;	border-top: 1px solid #fefefe;}.side-nav-panel li:last-child {	border-bottom: 0px solid #f5f5f5;}.side-nav-panel .li-top {	padding-top: 10px;}.side-nav-panel li a:hover {	background: transparent;}.side-nav-panel li a i {	margin: 0 16px 0 0;	font-size: 18px;	color: #333333;	line-height: 45px;}.side-nav-panel-left .collapsible {	border: 0;}.side-nav .collapsible-body ul li a {	font-weight: normal;	color: #333;	margin-left: 28px;	font-size: 13px;	line-height: 43px;}.side-nav .collapsible-header {	padding: 0;	color: #333;	font-weight: normal;	font-size: 14px;}.side-nav .collapsible-header >i {	margin-right: 25px;}.side-nav .collapsible-header.active {	border-bottom: 1px solid #f3f3f3;}.side-nav .collapsible-header:hover {	background: transparent;}.side-nav .collapsible-header.active {	background: #fbfbfb;}.collapsible-header i {	width: auto;	font-size: 18px;	color: #333;	margin-left: 17px;}.collapsible-header span i {	float: right;	color: #666;	font-size: 16px;}/* ------------------------------  Slider---------------------------------*/.slider {	margin-top: 64px;	height: 260px !important;}.slider .slides {	height: 260px !important;}.slider-content {	margin: 10px auto;	top: 30% !important;	width: 100% !important;	left: 0 !important;	right: 0 !important;	position: relative;	flex-shrink: 0;}.slider .slides li img {	width: 100%;	height: 100%;}.slider .slides li::before {	background-color: #000;	opacity: 0.5;	content: "";	top: 0;	right: 0;	left: 0;	position: absolute;	width: 100%;	height: 100%;	overflow: hidden;}.slider-content h2 {	margin-bottom: 8px;	letter-spacing: 1px;	color: #fff;	font-size: 25px;	font-weight: 400;}.slider-content h4 {	font-size: 16px;	color: #ffffff;}.slider-content p {	width: 80%;	text-align: center;	margin: 0 auto;}.slider-content .button-default {	margin: 20px 0;	padding-top: 4px;	padding-bottom: 6px;}.slider .indicators {	position: relative;	bottom: 26px;	z-index: 95;}.slider .indicators .indicator-item {	z-index: 1000;	height: 8px;	width: 8px;	background: #cccccc;	margin: 0 8px;}.slider .indicators .indicator-item.active {	background: #ffffff;}/* ------------------------------	quote---------------------------------*/.quote {	text-align: center;	padding: 16px 0 12px;	background: linear-gradient( rgba(30, 136, 229, 0.8), rgba(30, 136, 229, 0.8)), url(../img/transparent.jpg) center no-repeat;	color: #eee;}.quote h5 {	color: #fff;	font-size: 18px;}/* ------------------------------	text image---------------------------------*/.text-image .row {	margin-bottom: 0;}.text-image img {	width: 100%;	height: 100%;	float: left;}.text-image .row .col {	padding: 0;}.text-image .content-left {	width: 50%;	float: left;}.text-image .content-right {	width: 50%;	float: right;}.text-image .content-text {	text-align: center;	padding: 13px 10px;}.text-image h6 {	font-size: 16px;}.text-image p {	margin: 5px 0 0;}/* ------------------------------	count---------------------------------*/.count .row {	margin-bottom: 0;}.count .content {	text-align: center;	border: 5px solid #ddd;	padding: 10px 10px 6px;}.count .content h5 {	font-size: 25px;	color: #1e88e5;}/* ------------------------------	latest now---------------------------------*/.latest-new .head {	background: linear-gradient( rgba(30, 136, 229, 0.8), rgba(30, 136, 229, 0.8)), url(../img/transparent.jpg) center no-repeat;	text-align: center;	padding: 20px 15px;	margin-bottom: 18px;}.latest-new .head h5 {	color: #fff;}.latest-new img {	width: 100%;	height: 100%;}.latest-new h6 {	font-size: 16px;}.latest-new p a {	color: #1e88e5;}/* ------------------------------	services---------------------------------*/.services {	text-align: center;}.services h5 {	font-size: 16px;}.services i {	font-size: 30px;	color: #1e88e5;	margin-bottom: 15px;}.services .mb {	margin-bottom: 0;}/* ------------------------------	service---------------------------------*/.service .c-right {	text-align: right;}.service .content i {	width: 60px;    height: 50px;    margin-bottom: 16px;    text-align: center;    font-size: 25px;    line-height: 50px;    color: #fff;}.service-two {	text-align: center;}.service-two .icon {	border-radius: 50%;	width: 55px;	height: 55px;	text-align: center;	line-height: 55px;	margin: 5px auto 15px;}.service-two .icon i {	font-size: 24px;	color: #fff;}.m-bottom {	margin-bottom: 0;}/* ------------------------------	features---------------------------------*/.features {	margin-bottom: 20px;}.features:last-child {	margin-bottom: 0;}.features .icon {	border-radius: 50%;	width: 55px;	height: 55px;	text-align: center;	line-height: 58px;	margin: 5px auto 8px;	float: left;	margin-right: 20px;}.features .icon i {	font-size: 30px;	color: #555;}.features .content {	overflow: hidden;}/* ------------------------------  Testimonial---------------------------------*/.testimonial {	text-align: center;	background: linear-gradient( rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.86)), url(../img/transparent.jpg) center no-repeat;}.testimonial img {	border-radius: 50%;	width: 60px;	height: 60px;}.testimonial i {	font-size: 24px;	margin-bottom: 10px;	color: #fff;}.testimonial p {	font-style: italic;	color: #fff;}.testimonial h6 {	font-size: 14px;	margin: 15px 0;	color: #fff;}.testimonial .owl-theme .owl-controls .owl-page span {	width: 8px;	height: 8px;	background: #fff;}.testimonial .owl-theme .owl-controls {	margin-top: 0;}/* ------------------------------  Testimonial pages---------------------------------*/.testimonial-pages {	text-align: center;}.testimonial-pages img {	border-radius: 50%;	width: 60px;	height: 60px;}.testimonial-pages i {	font-size: 24px;	margin-bottom: 10px;}.testimonial-pages p {	font-style: italic;}.testimonial-pages h6 {	font-size: 14px;	margin: 15px 0;}.testimonial-pages .owl-theme .owl-controls .owl-page span {	width: 8px;	height: 8px;}.testimonial-pages .owl-theme .owl-controls {	margin-top: 0;}/* ------------------------------	latest news---------------------------------*/.latest-news {	text-align: center;}.latest-news img {	width: 100%;	height: 100%;	margin-bottom: 10px;}.latest-news .date i {	margin-right: 5px;	margin-bottom: 10px;}.latest-news .button-default {	margin-right: auto;	margin-left: auto;	text-align: center;	display: block;}/* ------------------------------  About us---------------------------------*/.about-us {	margin: 0;}.about-us img {	width: 100%;	height: 100%;	margin-bottom: 8px;}/* ------------------------------	latest news---------------------------------*/.latest-news {	text-align: center;}.latest-news img {	width: 100%;	height: 100%;	margin-bottom: 10px;}.latest-news .date i {	margin-right: 5px;	margin-bottom: 10px;}.latest-news .button-default {	margin-right: auto;	margin-left: auto;	text-align: center;	display: block;}/* ------------------------------  Blog---------------------------------*/.blog-content img {	width: 100%;	height: 100%;	padding-bottom: 20px;	float: left;}.blog-content h5 {	font-size: 18px;}.blog-content .date i {	margin-right: 5px;	margin-bottom: 10px;}.blog-content .button-default {	margin-right: auto;	margin-left: auto;	text-align: center;}.blog-detailt {	background: #f6f6f6;	border-top: 0;	padding: 20px 16px;	margin-bottom: 20px;}.pagination-blog {	background: #f6f6f6;	padding: 20px 0;	text-align: center;}.pagination-blog ul {	list-style: none;	margin: 0;	padding: 0;}.pagination-blog ul li {	display: inline-block;	width: 30px;	height: 30px;	border-radius: 50%;	margin: 4px;	line-height: 28px;	font-size: 18px;}.pagination-blog ul .active a {	color: #1e88e5;}/* ------------------------------  Blog single---------------------------------*/.blog-single img {	width: 100%;	height: 100%;	margin-bottom: 10px;}.blog-single .date i {	margin-right: 5px;	margin-bottom: 10px;}.share-post {	background: #f6f6f6;	padding: 20px 0;	margin: 15px 0 25px;}.share-post ul {	list-style: none;	padding: 0;	margin: 0;	text-align: center;}.share-post ul li {	display: inline-block;	text-align: center;	border: 1px solid #777;	height: 35px;	width: 35px;	margin: auto;	border-radius: 50%;	line-height: 32px;	margin: 0 3px;}.comment img {	border-radius: 50%;}.comment h5 {	margin-bottom: 15px;}.comment-form .comment-head {	margin-bottom: 20px;}.comment-form .input-field {	margin-top: 0;}.comment-form .form-button .button-default {	margin-top: 0;	margin-bottom: 0;}/* ------------------------------  Shop---------------------------------*/.shop {	background: #f6f6f6;	padding: 10px;	text-align: center;}.shop img {	width: 100%;	height: 100%;}.shop h6 {	margin: 5px 0;	font-size: 16px;	text-align: center;}.shop h6 a {	color: #333;}.shop span {	color: #1e88e5;	font-size: 20px;	text-align: center;}.shop-pagination {	background: #f6f6f6;	padding: 20px 0;	text-align: center;}.shop-pagination ul {	list-style: none;	margin: 0;	padding: 0;}.shop-pagination ul li {	display: inline-block;	width: 30px;	height: 30px;	border-radius: 50%;	margin: 4px;	line-height: 28px;	font-size: 18px;}.shop-pagination ul .active a {	color: #1e88e5;}/* ------------------------------  Shop single---------------------------------*/.shop-single {	margin: 0;}.shop-single img {	width: 100%;	height: 100%;	margin-bottom: 10px;}.shop-single h6 {	margin-bottom: 5px;}.shop-single span {	color: #1e88e5;	font-size: 20px;}.shop-single .button-default {	margin: 10px 0;}.review {	margin-top: 25px;	padding-top: 25px;	border-top: 1px solid #ddd;}.review img {	border-radius: 50%;}.review h5 {	margin-bottom: 15px;}.review-form .review-head {	margin-bottom: 20px;}.review-form .input-field {	margin-top: 0;}.review-form .form-button .button-default {	margin-top: 0;	margin-bottom: 0;}/* ------------------------------  Checkout---------------------------------*/.checkout .input-field {	margin-top: 0;}.checkout .collapsible-header {	padding-top: 15px;	padding-bottom: 13px;}.checkout .collapsible {	box-shadow: none;}.checkout-content h5 {	font-size: 15px;}.checkout-content .collapsible-body {	padding: 18px;}.checkout-content .collapsible-body p {	padding: 0;}.checkout-content h6 {	color: #666;	font-size: 15px;}.checkout-content .checkout-radio {	margin: 20px 0 10px 0;}.checkout-radio span {	color: #454545;	font-weight: 500;}.checkout-login {	margin-top: 20px;	border-top: 1px dotted #ddd;	padding-top: 30px;}.checkout-login h5 {	color: #777;	font-size: 13px;	margin-bottom: 8px;}.checkout-login h6 span {	font-weight: 600;	color: #555;	font-size: 18px;}.checkout-login p {	margin: 5px 0 30px;}.checkout-login .button-default {	margin-bottom: 0;}.billing-information h5 {	color: #777;	font-size: 13px;	margin-bottom: 5px;}.shipping-information h5 {	color: #777;	font-size: 13px;	margin-bottom: 5px;}.cart-details h5 {	font-size: 14px;	color: #555;}.payment-mode ul {	margin-left: 35px;}.payment-mode ul li {	display: inline-block;}.payment-mode .button-default {	display: block;	text-align: center;}.order-review .cart-product img {	width: 100%;	height: 100%;}.order-review .row {	margin-bottom: 0;}.final-price {	margin-top: 20px;}.final-price span {	font-weight: 500;}/* ------------------------------	portfolio---------------------------------*/.portfolio img {	width: 100%;	height: 100%;}.portfolio ul {	padding: 0;	margin: 0 auto;	text-align: center;	list-style: none;	margin-bottom: 15px;	}.portfolio ul li {	display: inline-block;	cursor: pointer;	color: #999;    padding: 5px 6px;	margin: 4px 4px;}.portfolio ul li h5 {	color: #999;	padding: 0;	margin: 0;}.portfolio .active {	color: #222;}.portfolio .active h5 {	color: #222;}.portfolio img {	width: 100%;	height: 100%;	float: left;}.portfolio-content img {	width: 100% !important;;	height: 100% !important;}.portfolio .row {	padding: 0;	margin: 0;}.portfolio .row .col {    padding: 5px;    margin: 0;}/* ------------------------------  Team---------------------------------*/.team {	background: #f6f6f6;	text-align: center;}.team img {	width: 100%;	height: 100%;}.team-details {	padding: 10px;}.team-details span {	margin: 5px 0 8PX;	display: block;}.team-details ul {	padding: 0;	margin: 0;	list-style: none;}.team-details ul li {	display: inline-block;	border: 1px solid #777;	height: 25px;	width: 25px;	line-height: 23px;	text-align: center;	border-radius: 1px;	border-radius: 50%;	margin: 2px;}.team-details ul li a {	color: #666;	}/* ------------------------------  Pricing---------------------------------*/.pricing {	border: 1px solid #ddd;	text-align: center;}.pricing-head {	padding: 20px 10px;	background: #eee;	color: #1e88e5;}.pricing-head h5 {	margin-bottom: 0;}.pricing-head span {	font-size: 28px;}.pricing ul {	padding: 10px;	margin: 0;}.pricing ul li {	padding: 6px 0;	border-bottom: 1px solid #f5f5f5;}.pricing .button-default {	margin: 10px 0 25px;}/* ------------------------------  Contact, Login, Register---------------------------------*/.contact-us .button-default {	margin-top: 10px;	margin-bottom: 0;}.login .button-default {	margin-top: 25px;}.register .button-default {	margin-top: 0;}/* ------------------------------  Error 404---------------------------------*/.error404 {	text-align: center;}.error404 h4 {	padding-top: 28px;	display: inline-block;	letter-spacing: 2px;	margin-bottom: 10px;	font-size: 100px;}/*loader custom color*/.double-bounce1, .double-bounce2 {	background-color: #1e88e5;}/* ------------------------------  Footer---------------------------------*/.footer {	background: #333;	padding: 35px 0;}.about-us-foot {	text-align: center;	color: #ddd;}.about-us-foot span {	color: #1e88e5;}.about-us-foot h6 {	color: #ffffff;	font-weight: 500;	font-size: 26px;	letter-spacing: 1px;	margin-bottom: 10px;}.social-media {	text-align: center;	margin: 18px 0 0;	padding-bottom: 20px;	border-bottom: 1px solid #444;}.social-media a {	margin: 0 3px;}.social-media a i {	text-align: center;	color: #ffffff;	border: 1px solid #ffffff;	height: 35px;	width: 35px;	margin: auto;	border-radius: 50%;	line-height: 32px;}.copyright {	text-align: center;	padding: 20px 0 0 0;}.copyright span {	color: #eeeeee;	text-align: center;}/*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/375(这个备注仅在演示页面有，源代码里没有)*/