html, body{
    font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	background:white;//电话号码篮筐的颜色
	margin: 0;
}
/*p,ul li,ol li{
	margin:0;
	font-size:14px;
}*/
h1,h2,h3,h4,h5,h6{
	font-family: 'Roboto Mono', monospace;
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
img{
width:100%;
}
body a:hover{
	text-decoration:none;
}
input[type="submit"],input[type="reset"],.w3l_team_grd,.agileits_w3layouts_features_gridr h4,.agile_feature_grid,.agile_services_grid_pos,a,.w3l_footer_grid,.w3_two_grid_right_grid1,.w3_two_grid_right_grid1 i{
	-webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    transition:0.5s ease-in;
} 
/*-- header --*/
.header-w3layoutstop {
    padding: 0.8em 0;
    background: steelblue;
}
* {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
ul,li {list-style: none;}
a {text-decoration: none;color: black;}
.header-w3layoutstop p {
    color: #fff;
    font-size: 1em;
    text-align: center;
    margin-top: 8px;
    letter-spacing: 1px;
}
.search-grid {
    float: right;
    border: 1px solid #fff;
}
.search-grid input[type="text"] {
    display: inline-block;
    background: none;
    border: none;
    border-right: solid 1px #ffffff;
    width: 84%;
    padding: .5em;
    outline: none;
    font-size: .9em;
    color: #FFFFFF;
}
.big-dog::-webkit-input-placeholder {
	color: #FFFFFF !important;
}
.search-grid i.fa.fa-paper-plane-o{
    color: #FFFFFF !important;
    font-size: 1.2em !important;
}
.search-grid button.btn1 {
    color: #ffffff;
    font-size: .9em;
	padding: 6px 6px;
    border: none;
	outline:none;
    text-align: center;
    text-decoration: none;
    background: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.search button:hover{
    border: solid 1px #212121;
    background: #212121;
} 
.search button:hover i.fa.fa-paper-plane-o{
    color: #FFFFFF !important;
}
/*-- navbar --*/

/*.nav-links .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0; 
   
}
.nav-links .navbar {//logo
	margin-bottom:0px;
	width: 100%;
	height: 100px;
}
.nav-links .navbar-inverse {
    background-color:#fff;
	border:none;
}
.nav-links .navbar-inverse .navbar-brand h1 {
    color: #ff5500;
	text-transform: uppercase;
	font-size: 2.5em;
    font-weight: 600;
}
.nav-links .navbar-brand {
	height:100px;
	padding:16px 0 0;
	float: left;
	width: 150px;
	
}
.nav-links .navbar-nav>li>a {
    padding: 30px 25px;
    color: #09f;
    font-size: 16px;
    font-weight: 600;
	text-transform: uppercase;
}
.nav-links  .navbar-inverse .navbar-nav>li>a:hover {
    background-color:#fff;
	color:#0099ff;
}
.navbar-inverse .navbar-nav > li > a:focus {
    color: #000;
}
.nav-links .navbar-inverse .navbar-nav>.active>a,.nav-links  .navbar-inverse .navbar-nav>.active>a:focus,.nav-links  .navbar-inverse .navbar-nav>.active>a:hover {
    color: #ff5500;
    background-color: #FFFFFF;
}
.navbar-header {
    width: 30%;
    float: left;
}
div#myNavbar {
    width: 70%;
    float: right;
}
.navbar-nav {
    float: right;
}*/
.temp-grid {
	padding: 60px 0px 10px 0px;
	background-color: white;
}
.feature {
	text-align: center;
	padding: 0px 0px 70px 0px;
}
.feature h3 {
	font-size: 37px;
	font-weight: 500;
	color: #F47407;
}
.feature p {
	font-size: 16px;
	font-weight: 400;
	color: #000;
}
.tempgrid-left {
	float: left;
	width: 33%;
	text-align:center;
	padding-bottom: 75px;
}
.tempgrid-left h3 {
	font-size: 22px;
	font-weight: 600;
	color: #000;
	margin: 30px 0px 15px 0px;
	text-align: left;
}
.tempgrid-left p {
	font-size: 13px;
	font-weight: 400;
	color: #000;
	text-align: left;
	line-height: 1.8em;
	width: 90%;
}
@media(max-width:768px){
.feature h3 {
	font-size: 30px;
}	
.tempgrid-left h3 {
	font-size: 19px;
}
.tempgrid-left p {
	font-size: 13px;
	overflow: hidden;
	height: 65px;
}
}
@media(max-width:640px){
.feature h3 {
	font-size: 26px;
}	
.tempgrid-left h3 {
	font-size: 17px;
}
.tempgrid-left p {
	overflow: hidden;
	height: 50px;
}
.temp-grid {
	padding: 45px 0px 0px 0px;
}
.tempgrid-left {
	padding-bottom: 55px;
}
}
@media(max-width:480px){
.feature p {
	font-size: 14px;
}	
.tempgrid-left h3 {
	font-size: 11.5px;
	margin: 10px 0px;
}
.tempgrid-left img {
	width: 44%;
}
.feature h3 {
	font-size: 23px;
}
}
@media(max-width:320px){
.temp-grid {
	padding: 25px 0px 5px 0px;
}	
.feature p {
	font-size: 13px;
}
.feature {
	padding: 0px 0px 35px 0px;
}
.tempgrid-left {
	float: left;
	width: 50%;
}
.tempgrid-left {
	padding-bottom: 30px;
}
.tempgrid-left h3 {
	font-size: 13px;
}
.feature h3 {
	font-size: 21px;
}
}
.copyright{
	padding:1.5em 0;
	text-align:center;
	background:#212121;
    background: #151515;
}
.copyright p{
	color:#b5b5b5;
	font-size:1em;
	margin:0;
    letter-spacing: 1px;
}
.copyright p a{
    color: #0099ff;
    text-decoration: none;
}
.copyright p a:hover{
	color:#ff5500;	
}
/*--about--*/

.abut-img-two img {
    position: absolute;
    top: 303px;
    width: 82%;
    left: 36%;
    float: left;
}
.about-right-grid h2, .store-details h4 {
    font-size: 25px;
    color: #CE8483;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 34px;
    font-family: 'Patrick Hand', cursive;
    float: left;
}
.abut-img-w3l img,.abut-img-two img  {
    box-shadow: -2px -2px 5px #7b7b7b;
}
/*--// about-- */
.section-title span {
    font-weight: 600;
    font-size: 25px;
    color: #337AB7;
    margin-bottom: 10px;
    text-transform: uppercase;
    }
@media (min-width: 992px)
.col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
}
.section-title h2 {
    font-weight: 600;
    font-size: 42px;
    line-height: 55px;
    text-transform: capitalize;
    letter-spacing: -0.5px;
    color: var(--heading-color);
    margin-bottom: 20px;
}
@media (min-width: 992px)
.col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.lni {
    /* display: inline-block; */
    font: normal normal normal 1em/1 "LineIcons";
    color: inherit;
    flex-shrink: 0;
    speak: none;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.single-testimonial .testimonial-quote {
    position: absolute;
    right: 30px;
    top: -25px;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #5792afe0;
    color: var(--white);
    font-size: 20px;
    border-radius: 50%;
}
.single-testimonial .testimonial-info h4 {
    font-weight: 600;
    font-size: 18px;
}
.testimonials {
    padding-top: 120px;
    padding-bottom: 80px;
    background: #f5f5f5;
}
.single-testimonial .testimonial-info p {
    font-size: 14px;
    color: #969696;
    margin-bottom: 50px;
}
p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--body-color);
    margin: 0px;
}
.single-testimonial {
    padding: 30px;
    -webkit-box-shadow: 0px 0px 25px #ebeffd;
    box-shadow: 0px 0px 25px #ebeffd;
    background: var(--white);
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
    border-radius: 12px;
}
.lni-quotation::before {
    content:/103;
}

:root{
	    --primary-color: #3056d3;
}

.copyright{
	padding:1.5em 0;
	text-align:center;
	background:#212121;
    background: #151515;
}
.copyright p{
	color:#b5b5b5;
	font-size:1em;
	margin:0;
    letter-spacing: 1px;
}
.copyright p a{
    color: #0099ff;
    text-decoration: none;
}
.copyright p a:hover{
	color:#ff5500;	
}
about-agileits-title h3, h3.wthree_head, .contact h3, .wthree_head_section_gallery h3, .agileits-title-team h3, .heading h3 {
    font-size: 3em;
    color: #ff5500;
    text-decoration: none;
    font-weight: 300;
    padding: 0;
    font-family: 'Roboto Mono', monospace;
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
}
.readmore a, .w3_agile_mail_grid input[type="submit"] {
    padding: 10px 25px;
    background: #538aa5;
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
    text-decoration: none;
    border: none;
}
.nav-links .navbar-inverse .navbar-nav>.active>a, .nav-links .navbar-inverse .navbar-nav>.active>a:focus, .nav-links .navbar-inverse .navbar-nav>.active>a:hover {
    color: #225973;
    background-color: #FFFFFF;
}
.nav-links .navbar-nav>li>a {
    padding: 50px 35px;
    color: #09f;
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
}
.link-effect a::after {
    position: absolute;
    top: 94%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #7db6e2;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.link-effect li.active a::after, .link-effect a:hover::after{
	height: 5px;
	opacity: 1;
	transform: translate(0px);
}