footer{ width: 100%; display: block; box-sizing: border-box; font-size: 0; background: #000;}
footer .foot-info{  width: 1280px; margin: 0 auto; display: block; text-align: right; line-height: 84px; font-size: 0; border-top: 1px solid #333;}
footer .foot-info p{ margin: 0; width: 80%; display: inline-block; text-align: left; color: #fff; font-size: 14px;}
footer .foot-info p span {
    text-transform: uppercase;
}
.censt{ display: inline-block; width: 20%; color: #fff; font-size: 14px;}





.loader-warp {
	width: 100vw; height: 100vh;
	background-color: #fff;
	position: fixed;
	top: 50vh; left: 50vw;
	transform: translate(-50%,-50%);
	z-index: 1101; font-size: 0;
}
.loader {
	position: absolute;
	width: 100vw;
	display: block;
	text-align: center;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
}
.dot {
  width: 48px;
	height: 48px;
	margin: 0 5px; padding: 0;
  background: #72a248;
  border-radius: 100%;
  display: inline-block;
  animation: slide 1s infinite	;
}

.dot:nth-child(1) {
	animation-delay: .1s;
	background: #72a248;
}
.dot:nth-child(2) {
	animation-delay: .2s;
	background: #8cb369;
}
.dot:nth-child(3) {
	animation-delay: .3s;
	background: #98bb7a;
}
.dot:nth-child(4) {
	animation-delay: .4s;
	background: #a5c48b;
}
.dot:nth-child(5) {
	animation-delay: .5s;
	background: #b2cc9b;
}
    

@keyframes slide {
	0% { transform: scale(1)}
	50% { opacity .3; transform: scale(.5)}
	100% { transform scale(1)}
}


@media screen and (max-width: 1600px) {
    footer .foot-info{ width: 1200px;}
}

@media screen and (max-width: 1440px) {
    footer p{ font-size: .15rem; text-align: center}
    footer .text .img{ display: none;}
    footer .foot-info{ width: 1100px;}
} 

@media screen and (max-width: 1280px) {
    footer .foot-info{ width: 960px;}
}

@media screen and (max-width: 736px) {

	footer{ height: .88rem; display: flex; position: relative; width: 100%; overflow: hidden; font-size: .16rem;}
	footer p{ font-size: .12rem;}
	.censt{ font-size: .12rem;}
}





/***********************************************************
*** CUSTOMIZE THE LOADING SCREEN BACKGROUND + ICON COLORS
************************************************************/
/* loading screen background color */
#bonfire-pageloader {
	background-color:#fff;
}
/* loading icon color */
#bonfire-pageloader svg {
	fill:#fff;
}


/***********************************************************
*** THE NITTY-GRITTY
************************************************************/
/* the pageloader */
#bonfire-pageloader {
	position:absolute;
	z-index:99999999999999;
	width:100%;
	height:100%;padding-top: 50px;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin-top:-50px;
}
.bonfire-pageloader-fade {
	opacity:0 !important;
	
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	-ms-transition: all .75s ease;
	transition: all .75s ease;
}
.bonfire-pageloader-hide {
	display:none;
}