html,
body {
	margin: 0;
	font-size: 100%;
	font-family: 'Poppins', sans-serif;
	background: #fff;
	width:100%;
	height:auto;
}
/* div{border:red solid 1px;} */
body a {
	text-decoration: 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;
}

a:hover {
	text-decoration: none;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="search"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	/* font-weight: 600; */
	/* font-family: 'Poppins', sans-serif; */
}

p {
	margin: 0;
	font-size: 1em;
	color: rgb(22,22,22);
	line-height: 2em;
	letter-spacing: 1px;
	font-weight: 300;
}

ul {
	margin: 0;
	padding: 0;
}

label {
	margin: 0;
}

*{
	margin:0;
	padding:0;
}
.tile-part{
	padding:0 5px 0 15px !important;
	/* border-top:1px solid rgba(0,0,0,0.4); */
	margin-top:20px !important;
}
/* 右侧的新闻不显示，融合到拼图中 */
.news-part{
	/* border-top:1px solid rgba(0,0,0,0.4); */
	padding:0 15px 0 5px !important;
	margin-top:20px !important;
	display:none;
}
.section-title{
	width:100%;
	text-align:center;
	margin:0 15px 15px 15px;
	font-size:2rem;
	border-bottom:0.2px solid rgba(0,0,0,0.2);
}
.section-title-text{
	margin:0 auto -2px auto;
	text-align:center;
	border-bottom:4px solid rgba(10,110,164,1);
	padding:15px;
	width:300px;
}

.col-md-2{
	padding:0 10px;
	width:20%;
}

/*--/header --*/
.bg-light {
	background: none !important;
}

.bg-faded {
	background-color: #fff;
	/* padding: 0.5em 0.6em; */
}
/* Logo和用户栏 */
.top{
	background-color:rgba(0,110,166,1);
	/* background-color:rgba(22,22,22,0.8); */
	/* background-color:rgb(255,255,255); */
	padding:0 5em 0 0;
	display:block;
	text-align:right;
	height:38px;
	line-height:38px;
	/* border-bottom:2px solid rgba(255,255,255,1); */
	position:fixed;
	z-index:10000;
	width:100%;
}
.top a{
	color:rgba(255,255,255,0.9) !important;
	/* color:rgba(22,22,22,0.8) !important; */
}
.top span{
	color:rgba(255,255,255,0.9) !important;
	/* color:rgba(22,22,22,0.8) !important; */
	margin:0 0.5em !important;
}
.logo{
	position:absolute;
	left:160px;
	top:26px;
	z-index:999;
	/* width:230px; */
	/* height:82px; */
}
/* 导航栏 */

/* 导航条菜单 */
.navbar{
	/* background-image: url(../images/Logo.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color:rgb(0,110,166);
	height:116px; */
	padding:0px 0px 0px 40px!important;
	/* border-bottom:1px solid rgba(10,110,164,1); */

	/* margin-bottom:5px; */
	z-index:9999;
	position:fixed;
	/* top:38px; 20190711*/
	top:0;
	width:100%;
	/* height:100px; */
	line-height:32px;
	/* 20190816客户要求去掉半透明背景色 */
	background-color:rgba(100,100,100,0);
	margin-right:0px;
}
.navbar-collapse{
	width:auto !important;
}

a.navbar-brand {
	/* font-size: 1em;
	font-weight: 500; */
	/* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37); */
	background-color:rgba(255,255,255,0);
	padding:10px;
	/* position:fixed; */
	/* logo距离顶端位置 */
	/* top:0px; */
	/* left:0px; */
	/* z-index:10002; */
	/* box-shadow: rgba(10,110,164,0.7) 0px 3px 3px; */
	width:260px;
	/* border-radius:4px; */
	margin:0 0 0 50px;
}
.navbar-brand2 {
	background-color:rgba(255,255,255,1);
	position:fixed;
	/* logo距离顶端位置 */
	/* top:32px; */
	left:0px;
	/* navbar z-index是9999 */
	z-index:10001;
	/* box-shadow: rgba(10,110,164,0.7) 0px 0px 7px; */
	width:260px;
	/* height:110px; */
	/* border-radius:4px; */
}
.navbar-light .navbar-brand {
	/* color: #333; */
	color:rgba(255,255,255,1) !important;
}

a.navbar-brand i {
	color: #03cce6;
}

.navbar-toggleable-md .navbar-nav {
	padding-right: 1.1em;
	padding-left: 1.1em;
	letter-spacing: 1px;
	font-size:1em !important;
}

.nav-link{
	padding: 0 1.2em;
	/* 导航栏字体大小 */
	font-size:13px;
	/* 导航栏字体颜色 */
	color:rgba(255,255,255,1);
}

.navbar-link{
	padding: 10px 0;
	font-size:16px;
	color:rgba(255,255,255,1);
	text-align:center !important;
	position: relative;	
	line-height:40px !important;
}

.navbar-link:hover{
	color:rgba(255,255,255,1);
}

.dropdown-toggle::after{
	border-top:0.2rem;
	margin-left:0;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	content: "";
	border-right: 0em solid transparent;
	border-left: 0em solid transparent;
}
/* 导航栏菜单选中项 */

.nav-item{
	color:rgba(255,255,255,1);
	position: relative;
	height:40px;
	line-height:40px;
	/* 导航栏栏目间距 */
	padding:0 12px;
}


.navbar-link:hover::after{
	content: "";
	width: 100%;
	height: 2px;
	background: #ffffff;
	position: absolute;
	bottom: 0px;
	left: 0%;
	border-radius: 9px;
	right:0%;
	transition:0.3 ease-out;
}

.navbar-link2:hover::after{
	background:rgba(10,110,164,1);
}

.navbar-link.active::after{
	content: "";
	width: 100%;
	height: 2px;
	background: #ffffff;
	position: absolute;
	bottom: 0px;
	left: 0%;
	border-radius: 9px;
	right:0%;
}
.navbar-link2.active::after{
	background:rgba(10,110,164,1);
}

/* 导航栏栏目分割线 */
.nav-item::before{
	content: "";
    width: 1px;
    height: 16px;
    display: block;
    position: absolute;
    right: 0px;
    top: 12px;
    background: rgba(255,255,255,1);
}
.nav-item2::before{
	background: rgba(110,110,110,.7);

}
/* 导航栏下拉菜单 */
.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.2rem 1.5rem;
	clear: both;
	font-weight: 0;
	font-size: 14px;
	/* color: #808890; */
	color: #fff;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	font-size: 0.9em;
}

.dropdown-item:hover{
	background-color:rgba(0,0,0,.3);
	color:#fff;
}

.dropdown-divider{
	margin:0px;
	background-color: #ffffff33;
}

.dropdown-menu{
	top:90%;
	border-radius: 0px;
	font-size:14px;
	background-color:rgba(100,100,100,.5);
	border:none;
}

.breadscrumb{
	height:40px;
	line-height:20px;
	background:rgba(10,110,164,0.2);
	color:rgba(10,110,164,1) !important;
	padding:10px 10px 10px 300px;
}

.breadscrumb a{
	color: rgba(10,110,164,1);
}

input.form-control.mr-sm-2.search {
	margin-right: 0 !important;
}
input.form-control.search::-webkit-input-placeholder{ /*WebKit browsers*/
	color: rgba(255,255,255,0.5);
}
input.form-control.search::-moz-input-placeholder{ /*Mozilla Firefox*/
	color: rgba(255,255,255,0.5);
}
input.form-control.search::-ms-input-placeholder{ /*Internet Explorer*/ 
	color: rgba(255,255,255,0.5);
} */

.search input[type="search"] {
	display: inline;
	outline: none;
	padding: 11px 15px;
	/* font-size: 11px; */
	color: #fff;
	background:rgba(0,110,166,0.5);
	/* letter-spacing: 2px; */
	border: none;
	/* border: 1px solid #343638; */
	margin: 0 !important;
	border-radius: 2px;
}
.search button[type="submit"]{
	outline: none;
	padding: 12px 17px;
	font-size: 13px;
	color: #fff;
	background: #343638;
	border: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	margin: 0;
	cursor: pointer;
	font-weight: 600;
	border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	-o-border-radius: 0px 6px 6px 0px;
	-ms-border-radius: 0px 6px 6px 0px;
}
.search button [type="submit"]:hover {
	background: #03cce6;
}

#main_container{
	overflow-y:auto;
	overflow-x:hidden;
}

/* CUSTOMIZE THE CAROUSEL-------------------------------------------------- */
/* Carousel base class */
/* Since positioning the image, we need to help out the caption */

/* Declare heights because of positioning of img element */
/* 图片高度 */
.carousel-item {
	height:44em;
	width:100%;
	/* height: 450px; */
	background-color: #777;
}

.carousel-item>img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 32rem;
}



/* 滚动图片 */
.carousel-item {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner1.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner1.jpg) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner1.jpg) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner1.jpg) no-repeat;
	background-size: 100% 100%;
}
.carousel-item.item2 {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner2.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner2.jpg) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner2.jpg) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner2.jpg) no-repeat;
	background-size: 100% 100%;
}
.carousel-item.item3 {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner3.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner3.jpg) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner3.jpg) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner3.jpg) no-repeat;
	background-size: 100% 100%;
}
.carousel-item.item4 {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner4.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner4.jpg) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner4.jpg) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner4.jpg) no-repeat;
	background-size: 100% 100%;
}
/* 滚动图片上的文字 */

.caption-title{
	border-bottom:3px solid white;
	font-size:3em;
	padding:0 0 7px 0;
	margin:0 0 15px 0;
	width:auto;
	display:inline-block;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
}

.carousel-caption {
	/* bottom: 11em; */
	top:10em;
	z-index: 10;
	text-align: left;
	/* width: 59%; */
	/* margin: 0 auto; */
}
.carousel-caption h2,
.carousel-caption h3 {
	font-size: 3.5em;
	/* letter-spacing: 2px; */
	/* line-height: 1.4em; */
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
}
.carousel-caption h4 {
	font-size: 1.5em;
	/* letter-spacing: 2px; */
	/* line-height: 1.4em; */
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
	margin:8px;
}

.carousel-caption hr{
	height:3px;
	width:500px;
}
/* 滚动图片下方原点 */
.carousel-indicators {
	bottom: 17%;
	left: 0%;
	cursor: pointer;
}
/* 图片上的播放按钮 */
/* .bnr-button {
	margin-top: 2em;
} */
/* .carousel-control {
	line-height: 42em;
} */
/* 图片轮播下方按钮 */
.carousel-indicators li {
	display: inline-block;
	max-width: 20px;
	height: 19px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	margin: 0 8px;
}
.carousel-indicators .active {
	/* background: #03cce6; */
	background:rgba(255,255,255,0.9);
}
/* Show it is fixed to the top */
button.btn.btn-primary.play {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	outline: none;
	cursor: pointer;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
	background-color: #03cce6;
	border: none;
}

/* 每个section的标题文字 */
h3.tittle_w3ls {
	text-align: center;
	font-size: 3em;
	color: #2c363e;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
}
h3.tittle_w3ls.cen {
	color: #fff;
}

/* 每个版块的上边距 */
.banner-bottom {
	padding: 2em 0 2em 0;
}

/* 滚动新闻整体大小 */
.bt-bottom-info{
	/* height:45.3rem; */
	height:100%;
	padding-top:95px;
	margin-top:-95px;
}

/* section内部的排列 */
.inner-sec-w3layouts-agileinfo {
	margin-top: 2em;
	/* padding-left: 14em; */
	margin-bottom:4em;
}

/* 滚动新闻 */
.dowebok {
	width: 100%;
	height: 100%;
	font-size: 14px;
}
.dowebok ul {
	margin: 0;
	/* padding:0 15px 0 15px; */
}
.dowebok li{
	margin:5px 0px 0 0px;
	background-color:rgba(255,255,255,0.9);
	border-radius:2px;
	border:1px solid rgba(150,150,150,0.2);
	height:auto;
	padding:20px 25px;
	list-style:none;
	/* border: 1px solid red; */
}
.news_title_short{
	height:auto;
	line-height:1.4rem;
	font-size:1.2rem;
	color:rgba(100,100,100,1);
	margin:0 0 0.5rem 0;
}
.news_updated_at{
	font-size:0.5rem;
	color:rgba(190,190,190,1);
}
.news_abstract{
	height:3rem;
	line-height:1rem;
	font-size:0.9rem;
	color:rgba(100,100,100,0.7);
	display: block;
	margin:10px 10px 10px 10px;
}
.li_news_video{
	height:250px !important;
}
.div_news_video{
	display:block;
	height:60%;
	width:50%;
	border-radius:2px;
	border:1px solid rgba(150,150,150,0.2);
	padding:15px;
}

a.btn.btn-secondary.view {
	background: #333;
	color: #fff;
	margin-top: 2em;
	font-size: 0.9em;
	padding: 0.8em 1.5em;
}

/* 客户心声 */
.reviews_sec {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/test.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/test.jpg) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/test.jpg) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/test.jpg) no-repeat;
	background-size: cover;
	padding: 7em 0;
	background-attachment: fixed;
}
.testimonials_grid {
	text-align: left;
	position: relative;
	background-color:rgba(0,0,0,0.3);
	padding:20px;
}
.testimonials_grid img {
	margin: 0 auto;
}
.test_social_pos {
	position: absolute;
	top: 0%;
	right: 38.5%;
}
.social_list1 li {
	display: inline-block !important;
}

.testimonials_grid {
	text-align: center;
}
.testimonials_grid h3 {
	margin: 1em 0 0.5em 0;
	color: #fff;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
}
.testimonials_grid p {
	/* width: 70%; */
	font-size:1em;
	text-align: right;
	margin: 1em 0.5em;
	color: #fff;
	line-height: 2em;
	letter-spacing: 1px;
}
.testimonials_grid img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, 0.15);
}
.testimonials_grid {
	margin: 0 auto;
	width: 75%;
}

/*--自适应--*/

@media(max-width:900px) {}
@media(max-width:800px) {
	.stats_left p {
		font-size: 2.3em;
	}
}
@media(max-width:768px) {
	.news-right h4,
	.ab_info h4 {
		font-size: 1.7em;
	}
}
@media(max-width:640px) {
	.stats_left {
		text-align: center;
		float: left;
		width: 100%;
	}
	.stats_left:nth-child(2) {
		border-bottom: 0px;
	}
	.stats_left:nth-child(1) {
		border-bottom: 0px;
	}
	.stats_left:nth-child(3) {
		border-bottom: 0px;
	}
}

/*--关于--*/
.banner-inner {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner2.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner2.jpg) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner2.jpg) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.1), rgba(23, 22, 23, 0.5)), url(../images/banner2.jpg) no-repeat;
	background-size: cover;
	min-height: 250px;
}
li.breadcrumb-item {
	font-size: 0.9em;
	letter-spacing: 1px;
}
li.breadcrumb-item a {
	color: #333;
}
.breadcrumb-item.active {
	color: #03cce6;
}
.bt-bottom-info.ab img {
	width: 100%;
}
p.ab-para {
	margin: 2em 0 3em 0;
}

/*-- 合作客户 --*/

.proj_gallery_grid{
	width:20%;
	padding:0 10px;
}

/* 每个logo */
.section_1_gallery_grid {
	/* border:1px solid red; */
	margin-top: 1em;
}

/* 每个logo内部框 */
.section_1_gallery_grid1 {
	/* border:1px solid rgba(0,110,166,0.5); */
	position: relative;
	/* background: rgba(10,110,164,0.8); */
	background: rgba(64,64,64,0.2);
	padding: 6px;
}

/* 文字提示框 */
.proj_gallery_grid1_pos {
	background: rgba(14, 15, 16, 0.4);
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	/* bottom: 23px; */
	/* left: 0px; */
	opacity: 0;
	padding: 1em;
	position: absolute;
	/* right: 30px; */
	text-align: center;
	visibility: hidden;
	/* -webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1); */
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.proj_gallery_grid1_pos h3 {
	font-size: 1.3em;
	letter-spacing: 2px;
	font-weight: 600;
	position: relative;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
}
.proj_gallery_grid1_pos p {
	color: #fff;
	letter-spacing: 1px;
	font-size: 14px;
}
.section_1_gallery_grid:hover .proj_gallery_grid1_pos {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	-ms-transform: scaleX(1);
}
.banner-bottom.gallery {
	padding: 2em 0;
}
p.quia {
	font-size: 1.2em;
	color: #140b05;
	font-weight: 600;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.proj_gallery_grid img {
	width: 100%;
}

/*-- /error --*/
.error-404 h4 {
	font-size: 12em;
	font-weight: 600;
	color: #333;
	margin: 0;
	padding: 0;
}
a.b-home {
	background: #202020;
	padding: 0.7em 1.5em;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	margin-top: 1em;
	font-size: 0.9em;
}
a.b-home:hover {
	background: #03cce6;
}
.error-404 p {
	color: #929090;
	font-size: 1em;
	letter-spacing: 8px;
	margin: 0em 0 2em 0;
}
.error.social-icons {
	margin-bottom: 1em;
}
.error.social-icons a {
	color: #4e4e4e;
}
.error.social-icons a:hover {
	color: #ff3c41;
}
.error-404 {
	text-align: center;
}
.error-404 form {
	margin: 0 auto 2em;
	width: 40%;
	text-align: center;
}
.error-404 form input[type="search"] {
	outline: none;
	border: 1px solid #c4c5c5;
	background: none;
	color: #212121;
	padding: 14px 15px;
	width: 80%;
	float: left;
	font-size: 12px;
	letter-spacing: 5px;
}
button.btn1 {
	color: #fff;
	border: none;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
	background: #616161;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	float: right;
	width: 20%;
	height:49px;
}
button.btn1:hover {
	background: #03cce6;
}
.error ul li {
	list-style: none;
	display: inline-block;
}
.error ul li a {
	color: #555;
	margin: 0 5px;
	font-size: 0.9em;
}
@media(max-width:640px) {
	.error-404 h4 {
		font-size: 9em;
	}
}
@media(max-width:600px) {
	.error-404 h4 {
		font-size: 6em;
	}
	a.b-home {
		padding: 0.6em 1em;
		margin-top: 1em;
	}
}
@media(max-width:480px) {
	.error-404 h4 {
		font-size: 5em;
	}
	.error-404 p {
		font-size: 0.8em;
		letter-spacing: 5px;
		margin: 1em 0;
	}
}

/*--footer--*/
footer {
	/* padding: 5em 0; */
	/* padding:10px 0; */
	/* background-color: #0e0f10; */
	background-color: rgba(10,110,164,1);
}
footer h3,
footer h2 {
	font-size: 1.3em;
	color: #ffffff;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
footer p {
	color: #bfbfbf;
}
footer ul li {
	display: block;
	color: #bfbfbf;
	font-weight: 400;
	font-size: 0.9em;
	margin: 0.7em 0;
}
footer-list i {
	padding-right: 10px;
	color: #ffa41f;
}
footer ul li a {
	color: #bfbfbf;
	font-size: 13px;
	font-weight: 600;
	display: block;
	padding: 5px 0px;
	text-decoration: none;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
footer ul li a:hover {
	color: #ffa41f;
}
footer ul li.hd {
	color: #7dd7e2;
}

footer div .info-title{
	padding:3px;
	color: #7dd7e2;
	display: inline-block;
}

footer div .info-content{
	padding:3px;
	color:#ffffff !important;
	display: inline-block;
}
footer div .info-content a{
	color:#ffffff !important;
}

.newsletter .email {
	background-color: #F4F4F4;
	border: none;
}
.flickr-grid {
	float: left;
	width: 32%;
	margin: 0 0.1em .2em;
}
.flickr-grid a img {
	width: 100%;
	padding: 0.3em;
	border: 1px solid #333333;
}
.newsletter .email {
	outline: none;
	padding: 13px 15px;
	color: #fff;
	font-size: 14px;
	width: 80%;
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid #2d2d2d;
}
.newsletter {
	position: relative;
	margin-top: 2em;
}
button.btn1 {
	color: #fff;
	border: none;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
	background: #03cce6;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	float: right;
	cursor: pointer;
	width: 20%;
}

/*--/copyright--*/
.copyright ul li {
	display: inline-block;
	padding: 0 10px;
}
a.facebook {
	color: #fff;
	font-size: 16px;
}
a.facebook:hover {
	color: #03cce6;
}
.copyrighttop {
	float: right;
}
.copyrightbottom {
	float: left;
}
.copyright {
	background: #141415;
	color: #fff;
	padding: 1em 0;
	border-top: 1px solid rgba(25, 24, 24, 0.58);
}
.copyrightbottom p {
	color: #fff;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 28px;
}
.copyrightbottom a {
	color: #8cbbc1;
	text-decoration: none;
}
.copyrightbottom a:hover {
	color: #fff;
}
.copyrighttop h4 {
	font-size: 0.95em;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/top_up.png) no-repeat 0px 0px;
}


.div-copyright{
	background:#ffffff;
	width:100%;
	height:48px;
	line-height: 28px;
	padding:10px 100px 10px 100px;
	position:relative;
	text-align: center;
}

/*--responsive--*/
@media(max-width:1440px) {
	.services,
	.reviews_sec {
		padding: 2em 0;
	}
}
@media(max-width:1366px) {
	.carousel-item {
		height: 36em;
	}
	.carousel-caption {
		bottom: 9em;
		width: 59%;
	}
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 3.5em;
		letter-spacing: 2px;
	}
	.style-image-2,
	.style-image-2.second {
		min-height: 530px;
	}
}
@media(max-width:1280px) {
	.banner-bottom,
	.services,
	.reviews_sec {
		padding: 2em 0;
	}
	.inner-sec-w3layouts-agileinfo {
		margin-top: 3.5em;
	}
	.banner-inner {
		min-height: 180px;
	}

	.style-image-2,
	.style-image-2.second {
		min-height: 488px;
	}
	.grid_sec_info {
		padding: 6em 4em 4em 4em;
	}
}
@media(max-width:1080px) {
	.navbar-toggleable-md .navbar-nav .nav-link {
		padding-right: 0.5em;
		padding-left: 0.5em;
		letter-spacing: 1px;
	}
	.carousel-item {
		height: 32em;
	}
	button.btn.btn-primary.play {
		width: 80px;
		height: 80px;
	}
	.carousel-indicators li {
		display: inline-block;
		max-width: 16px;
		height: 16px;
	}
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 3.3em;
		letter-spacing: 2px;
	}
	.carousel-indicators {
		bottom: 11%;
		left: 0%;
		cursor: pointer;
	}
	.carousel-caption {
		bottom: 8em;
		width: 65%;
	}
	.stats_left p {
		font-size: 2.5em;
		line-height: 1.6em;
	}
	.stats_left .fa-w-16,
	.stats_left .fa-w-18,
	.stats_left .fa-w-14,
	.stats_left .fa-w-20 {
		font-size: 2.5em;
	}
	.grid_sec_info h3 {
		font-size: 1.4em;
		line-height: 1.6em;
	}
	.inner-sec-w3layouts-agileinfo {
		margin-top: 3em;
	}
	h3.tittle_w3ls {
		font-size: 2.8em;
	}
	footer {
		padding: 4em 0;
	}
	.proj_gallery_grid1_pos h3 {
		font-size: 1em;
	}
}
@media(max-width:1024px) {
	.banner-bottom,
	.services,
	.reviews_sec {
		padding: 2em 0;
	}
	a.navbar-brand {
		font-size: 1.8em;
	}
	.bt-bottom-info h5 {
		font-size: 2em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	.style-image-2,
	.style-image-2.second {
		min-height: 457px;
	}
	.proj_gallery_grid1_pos p {
		letter-spacing: 1px;
		font-size: 12px;
	}
	.error-404 form {
		margin: 0 auto 2em;
		width: 50%;
	}
	.grid_sec_info {
		padding: 4em 2em 2em 2em;
	}
}
@media(max-width:991px) {
	.grid_info_main.mid {
		margin-top: 2em;
	}
	.grid_info_main.mid img {
		width: 45%;
	}
	.footer-grid {
		margin: 1em 0;
	}
	footer {
		padding: 3em 0;
	}
	.bt-bottom-info.ab img {
		width: 60%;
	}
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 3em;
		letter-spacing: 1px;
	}
	.navbar-toggler {
		margin-top: 7px;
		cursor: pointer;
	}
	a.navbar-brand {
		font-size: 1.8em;
		width: 260px;
	}
}
@media(max-width:900px) {
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 3em;
		letter-spacing: 1px;
	}
	.carousel-item {
		height: 29em;
	}
	.carousel-caption {
		bottom: 7em;
		width: 72%;
	}
	.style-image-2,
	.style-image-2.second {
		min-height: 415px;
	}
	.test_social_pos {
		position: absolute;
		top: 0%;
		right: 28%;
	}
}
@media(max-width:800px) {
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 2.9em;
		letter-spacing: 1px;
	}
	.testimonials_grid p {
		width: 100%;
		margin: 1em auto 0;
	}
}
@media(max-width:768px) {
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 2.8em;
		letter-spacing: 1px;
	}
	.bt-bottom-info h5 {
		font-size: 1.8em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	.copyrighttop,
	.copyrightbottom {
		float: none;
		text-align: center;
	}
	.copyrightbottom {
		margin-top: 0.6em;
	}
	.bottom-sub-grid {
		margin: 1em 0;
	}
}
@media(max-width:767px) {
	.banner-bottom,
	.services,
	.reviews_sec {
		padding: 2em 0;
	}
	.bt-bottom-info.ab img {
		width: 90%;
	}
	.grid_info_main.mid img {
		width: 70%;
	}
	.inner-sec-w3layouts-agileinfo {
		margin-top: 2em;
	}
	.test_social_pos {
		position: absolute;
		top: 0%;
		right: 23%;
	}
	h3.tittle_w3ls {
		font-size: 2.7em;
	}
}
@media(max-width:736px) {
	.carousel-caption {
		bottom: 7em;
		width: 74%;
	}
	.carousel-indicators li {
		margin: 0 6px;
	}
	.carousel-indicators li {
		display: inline-block;
		max-width: 14px;
		height: 14px;
	}
	.banner-inner {
		min-height: 127px;
	}
}
@media(max-width:667px) {
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 2.6em;
		letter-spacing: 1px;
	}
	.carousel-item {
		height: 27em;
	}
	.carousel-indicators {
		bottom: 11%;
		left: 4%;
		cursor: pointer;
	}
	footer h3,
	footer h2 {
		font-size: 1.2em;
	}
}
@media(max-width:640px) {
	.carousel-caption {
		bottom: 6em;
		width: 77%;
	}
	h3.tittle_w3ls {
		font-size: 2.5em;
	}
	.section_1_gallery_grid {
		margin-top: 0em;
		margin-bottom: 0.6em;
	}
}
@media(max-width:600px) {
	.bt-bottom-info h5 {
		font-size: 1.4em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	h3.tittle_w3ls {
		font-size: 2.2em;
	}
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 2.4em;
		letter-spacing: 1px;
	}
	.carousel-caption {
		bottom: 7em;
	}
}
@media(max-width:568px) {
	.carousel-item {
		height: 22em;
	}
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 2.2em;
		letter-spacing: 1px;
	}
	button.btn.btn-primary.play {
		width: 60px;
		height: 60px;
	}
	.carousel-caption {
		bottom: 5em;
		width: 80%;
	}
	.carousel-indicators {
		bottom: 11%;
		left: 8%;
		cursor: pointer;
	}
	h3.tittle_w3ls {
		font-size: 2em;
	}
	.stats_left {
		padding: 3em 1em;
	}
	.icon_info {
		padding: 2.5em 2em;
	}
	.grid_sec_info h3 {
		font-size: 1.2em;
		line-height: 1.6em;
	}
	.testimonials_grid {
		margin: 0 auto;
		width: 90%;
	}
	.test_social_pos {
		position: absolute;
		top: 0%;
		right: 15%;
	}
}
@media(max-width:480px) {
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 2em;
		letter-spacing: 1px;
	}
	h4.sub-tittle_w3ls,
	.icon_info h5 {
		font-size: 1.1em;
	}
	footer {
		padding: 2em 0;
	}
	.banner-bottom,
	.services,
	.reviews_sec {
		padding: 2em 0;
	}
	.style-image-2,
	.style-image-2.second {
		min-height: 280px;
	}
	.bg-faded {
		padding: 1em 0.8em;
	}
	.banner-inner {
		min-height: 107px;
	}
}
@media(max-width:440px) {

	.bottom-sub-grid .fa-w-16,
	.bottom-sub-grid .fa-w-18,
	.bottom-sub-grid .fa-w-20 {
		font-size: 1.8em;
		margin-top: 26px;
	}
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 1.6em;
		letter-spacing: 1px;
	}
	.carousel-caption {
		bottom: 5em;
		width: 75%;
	}
}
@media(max-width:414px) {
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 1.5em;
		letter-spacing: 1px;
	}
	.carousel-item {
		height: 20em;
	}
	.bt-bottom-info h5 {
		font-size: 1.2em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	h3.tittle_w3ls {
		font-size: 1.8em;
	}
	.carousel-indicators li {
		display: inline-block;
		max-width: 11px;
		height: 11px;
	}
	.carousel-indicators {
		bottom: 11%;
		left: 5%;
		cursor: pointer;
	}
}
@media(max-width:384px) {
	a.navbar-brand {
		font-size: 1.6em;
		width: 260px;
	}
	.carousel-caption h2,
	.carousel-caption h3 {
		font-size: 1.4em;
		letter-spacing: 1px;
	}
	.nav-link {
		display: block;
		padding: 0.5em 1em;
		font-size: 0.9em;
	}
	.testimonials_grid h3 {
		font-size: 1em;
	}
}
@media(max-width:375px) {
	.carousel-item {
		height: 18em;
	}
	.banner-bottom, .services, .reviews_sec {
		padding: 2em 0;
	}
	.carousel-caption {
		bottom: 4em;
		width: 75%;
	}
	.search input[type="search"] {
		width: 62%;
	}
	h3.tittle_w3ls {
		font-size: 1.6em;
	}
	.grid_sec_info h3 {
		font-size: 1em;
		line-height: 1.6em;
	}
	footer h3, footer h2 {
		font-size: 1.1em;
	}
}
@media(max-width:320px) {
	.carousel-caption h2, .carousel-caption h3 {
		font-size: 1.2em;
		letter-spacing: 1px;
	}
	h3.tittle_w3ls {
		font-size: 1.4em;
	}
	h4.sub-tittle_w3ls, .icon_info h5 {
		font-size: 1em;
	}
	p {
		margin: 0;
		font-size: 0.845em;
	}
}