/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

body {
	padding: 0;
	margin: 0;
	background: #FFF;
	font-family: 'Open Sans', sans-serif;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
}
body a:focus, a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
}
ul {
	margin: 0;
	padding: 0;
}
label {
	margin: 0;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
/*按钮*/
.icon-404{
    margin:0 auto;
    text-align:center;
    font-size:80px;
    color:#ff9900;
}
.but-404{
    list-style: none;
    text-align: center;
    margin: 10px auto 15%;
}
.but-404 li{
    display: inline-block;
    /*float: left;*/
    margin-right: 20px;
}
.but-404 li a{
    color: #ffffff;
    font-size: 1em;
    display: inline-block;
    padding: 7px 15px;
    border: 1px solid #ffffff;
}
.but-404 li a:hover{
    background-color: #ff9900;
    border: 1px solid #ff9900;
}
/*-- banner --*/
.error-page{
	background:url("../images/.jpg");
	background-size:cover;
	background: #2383af;
}
.error-page p {
    margin: 1em 0;
    text-align: center;
    color: #000;
    font-size: 1em;
}
.error-page h1 {
    font-size: 3.5em;
    text-transform: capitalize;
    font-weight: 300;
    padding: 1.2em 0 1em;
    text-align: center;
    letter-spacing: 4px;
    color: #FFFFFF;
}
.error-page h2 {
    text-align: center;
    font-size: 4em;
    text-shadow: 2px 2px 4px #FFFFFF;
	font-family: 'Roboto Condensed', sans-serif;
}
.icon {
    text-align: center;
    margin: 4em 0 0;
}
.icon i.fa {
    font-size: 10em;
    color: #FFC107;
}
/*-- navigation --*/
.navbar-404-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-404-default .navbar-404-toggle .icon-bar {
    background-color: #fff;
}
.navbar-404-default .navbar-404-nav > .active > a{
	color:#FFF;
    background-color:transparent;
}
.navbar-404-nav {
    float: none !important;
}
.navbar-404-default .navbar-404-nav > .active > a:hover, .navbar-404-default .navbar-404-nav > .active > a:focus {
    color: #FFFFFF;
    background-color: #FFC107;
}
.navbar-404-default .navbar-404-nav > li > a {
    color: #FFFFFF;
}
.navbar-404-default .navbar-404-nav > li > a:hover, .navbar-404-default .navbar-404-nav > li > a:focus {
    color: #FFFFFF;
    background-color: #FFC107;
    border: 2px solid #FFC107;
}
.navbar-404-nav>li {
    float: none;
    display: inline-block;
    text-align: center;
    margin: 0 1em;
}
.navbar-404-nav>li>a {
    padding: 1em 2em;
    background: none;
    color: #ffffff;
    border: 2px solid #FFFFFF;
}
.navbar-404-nav>li>a:hover{
    background: #FFC107;
    border: 2px solid #FFC107;
}
ul.nav.navbar-404-nav {
    text-align: center;
    margin: 6em 0 3em;
}
.navbar-404-nav a {
    font-size: 1.4em;
}
/*-- //navigation --*/
/*-- //banner --*/
/*-- about --*/
.about-para p {
    margin: 2em 0 0;
    text-align: justify;
    color: #999;
    font-size: 1em;
    line-height: 1.8em;
}
.team,.services,.subscribe ,.contact,.about{
    padding: 4em 0;
}
.heading,.team,.subscribe,.contact {
    text-align: center;
}
.heading h1 {
    font-size: 3em;
    text-transform: uppercase;
    color: #999;
    position: relative;
}
.para p {
    line-height: 1.8em;
    margin: 3em 0 0;
    color: #000;
    font-size: 1em;
}
.w3ls-head {
    position: relative;
}
.w3-color h4 {
    color: #FFFFFF;
}
.about h3,.team h3 ,.services h3,.subscribe h3,.contact h3{
    font-size: 43px;
    text-transform: uppercase;
    font-weight: 700;
    color: #999;
    opacity: 0.5;
	text-align:center;
	font-family: 'Roboto Condensed', sans-serif;
}
.w3ls-head h4 {
    position: absolute;
    font-size: 40px;
    font-weight: 700;
    color: #000;
    top: 0.5em;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}
/*-- //about --*/


/*-- subscribe --*/
.subscribe {
    background: #2383af;
}
.subscribe input[type="email"] {
    width: 50%;
    padding: .6em;
    font-size: 1.2em;
    border: 2px solid #FFFFFF;
}
.subscribe input[type="submit"] {
    border: 2px solid #FFC107;
    padding: .6em 4em;
    font-size: 1.2em;
    color: #FFFFFF;
    background: #FFC107;
}
.subscribe input[type="submit"]:hover{
    color: #000000;
    background: none;
    border: 2px solid #000000;
}
.form {
    text-align: center;
    margin: 3em 0 0;
}
textarea{
	height:10em;
}
/*-- //subscribe --*/




/* responsive design */
@media screen and (max-width: 1080px) {
	.team-caption {
		left: 15px;
		width: 89%;
	}
	.icon {
		margin: 2em 0 0;
	}
	ul.nav.navbar-404-nav {
		text-align: center;
		margin: 3em 0;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 {
		width: 30%;
		margin: 0 1em;
		padding: 2em;
	}
	.team, .services, .subscribe, .contact, .about {
		padding: 3em 0;
	}
}
@media screen and (max-width: 1024px) {
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 {
		padding: 2em 1em;
	}
	.error-page h1 {
		font-size: 3em;
	}
	.icon i.fa {
		font-size: 8em;
	}
}

@media screen and (max-width: 991px) {
	.navbar-404-nav>li>a {
		padding: .6em 1em;
	}
	.agileits-team-grid {
		width: 33.33%;
		float: left;
		padding-right: 0px;
	}
	.team-caption {
		left: 0px;
		width: 100%;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 {
		width: 29%;
		float: left;
		padding: 1em;
	}
	.grid-1 i.fa, .grid-2 i.fa, .grid-3 i.fa, .grid-4 i.fa, .grid-5 i.fa, .grid-6 i.fa {
		font-size: 3em;
	}
	.service-grid-top, .service-grid-bottom {
		margin-top: 3em;
	}
	.grid-1 p, .grid-2 p, .grid-3 p, .grid-4 p, .grid-5 p, .grid-6 p {
		margin: 0;
	}
	.grid-1 h5, .grid-2 h5, .grid-3 h5, .grid-4 h5, .grid-5 h5, .grid-6 h5 {
		font-size: 1.3em;
	}
	.agile-nav {
		margin: 1em 0 0 0;
		padding: 1em 0 0 0;
	}
	.copyright {
		padding: 1em 0;
	}
}
@media screen and (max-width: 800px) {
	.error-page h2 {
		text-align: center;
		font-size: 3em;
	}
	.error-page h1 {
		letter-spacing: 0px;
	}
	.team img {
		width: 100%;
	}
	.container-fluid {
		padding-right: 0px;
		padding-left: 0px;
	}	
}
@media screen and (max-width: 768px) {
	.navbar-404{
		margin-bottom:0em;
	}
	.subscribe input[type="submit"] {
		padding: .6em 3em;
	}
	.navbar-404-header {
		text-align: center;
	}
	.navbar-404-toggle {
		float: none;
		margin-top: 0px; 
		margin-right: 0px; 
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 736px) {
	.navbar-404-header {
		text-align: center;
	}
	.navbar-404-toggle {
		float: none;
		margin-top: 0px; 
		margin-right: 0px; 
		margin-bottom: 0px;
	}
	.icon i.fa {
		font-size: 6em;
	}
	.error-page h1 {
		padding: 1em 0 0;
	}
	ul.nav.navbar-404-nav {
		margin: 2em 0;
	}
	.navbar-404-nav li a {
		font-size: 1.2em;
		padding: .4em .8em;
	}
	.error-page h1 {
		font-size: 2em;
	}
	.w3ls-head h4 {
		font-size: 2.5em;
	}
	.about h3, .team h3, .services h3, .subscribe h3, .contact h3 {
		font-size: 2.7em;
	}
	body .b_label, body .bar_label_min, body .bar_label_max, body .b_tooltip span {
		line-height: 30px;
	}
	body .bar_left {
		margin: 0 40px;
	}
	body .bar {
		padding: 30px 0 0;
	}
	body .bar_group__bar.thin , body .bar_group__bar.thin::before{
		height: 5px;
	}
	body .b_label, body .bar_label_min, body .bar_label_max, body .b_tooltip span {
		font-size: 1em;
		line-height: 24px;
	}
	.team img {
		width: 100%;
	}
	.team-caption{
		height:110px;
	}
	.team-caption h4 {
		font-size: 1.2em;
	}
	.grid-1 h5, .grid-2 h5, .grid-3 h5, .grid-4 h5, .grid-5 h5, .grid-6 h5 {
		margin: .5em 0;
	}
	.grid-1 i.fa, .grid-2 i.fa, .grid-3 i.fa, .grid-4 i.fa, .grid-5 i.fa, .grid-6 i.fa {
		font-size: 2em;
	}
	.navbar-404-nav>li {
		float: none;
		display: block;
		margin: 1em 0;
	}
	.navbar-404-default .navbar-404-toggle {
		border-color: #ddd;
		transition: 0.5s all;
	}
	.navbar-404-default .navbar-404-toggle:hover, .navbar-404-default .navbar-404-toggle:focus {
		background-color: #d8ae30;
	}
}
@media screen and (max-width: 667px) {
	.about-para p {
		margin: 2em;
	}
	.error-page p {
		margin: 1em;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 {
		width: 100%;
		float: left;
		margin: 0 0 1em 0;
		padding: 1em 2em;
	}
	.navbar-404-nav>li {
		float: none;
		display: block;
		margin: 1em 0;
	}
}
@media screen and (max-width: 600px) {
	.navbar-404-nav>li {
		margin: 0em;
	}
	.navbar-404-nav>li {
		float: none;
		display: block;
		margin: 1em 0;
	}
	.about-para p {
		margin: 2em 2em 0;
	}
	.error-page h2 {
		font-size: 2em;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 {
		width: 100%;
		margin: 1em 0 0;
		padding: 1em 2em;
	}
	.service-grid-bottom{
		margin-top: 0em;
	}
	.subscribe input[type="email"],.subscribe input[type="submit"] {
		font-size: 1em;
	}
	.footer {
		padding: 1em 0;
	}
	.about h3, .team h3, .services h3, .subscribe h3, .contact h3 {
		font-size: 2.2em;
	}
	.w3ls-head h4 {
		font-size: 2em;
	}
	.agileits-team-grids {
		margin: 3em 0 0;
	}
	.subscribe input[type="submit"] {
		padding: .6em 2em;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 {
		margin: 0em 0 1em 0;
		width:100%;
	}
}
@media screen and (max-width: 414px) {
	.error-page h2 {
		text-align: center;
		font-size: 2em;
	}
	.subscribe input[type="submit"] {
		padding: .6em 1em;
	}
	.contact input[type="text"], .contact input[type="email"], textarea {
		margin: .4em;
	}
	.copyright p {
		line-height: 1.8em;
	}
	.agileits-team-grid {
		width: 100%;
		float: none;
		margin-bottom: 1em;
	}
	.team-caption {
		height: 160px;
	}
	.team-caption h4 {
		font-size: 1.4em;
	}
	.icon i.fa {
		font-size: 5em;
	}
	.agileits-team-grids {
		margin: 1em 0 0;
	}
	.contact input[type="text"], .contact input[type="email"], textarea {
		padding: .5em;
		margin: .4em;
	}
	body .bar_left, body .bar_right {
		margin: 0;
	}
	.agileits-team-grid {
		padding-left: 0px;
	}
	.navbar-404-404-nav>li {
		float: none;
		display: block;
		margin: 1em 0;
	}
	.subscribe input[type="email"] {
		width: 100%;
		margin-bottom: 1em;
	}
	.agile-nav ul li {
		margin: 0 .5em;
	}
}
@media screen and (max-width: 375px) {
	.icon i.fa {
		font-size: 4em;
	}
	.about-para p {
		margin: 2.5em 1em 1em;
	}
	.navbar-404-nav>li {
		float: none;
		display: block;
		margin: 1em 0;
	}
}
@media screen and (max-width: 320px) {
	.agile-nav ul li {
		margin: 0 .5em;
	}
	textarea {
		height: 7em;
	}
}
/* responsive design */