.logo-top{
	position: absolute;
	left: -40px;
	top: 7px;
	z-index: 9999;
}


.bg-1{
	background-image: url(../images/img.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 25px;
}

.bg-2{
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 10px;
	background-image: url(../images/bg-img2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

.bg-3{
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 10px;
	background-image: url(../images/top-img.png);
	background-repeat: repeat;
	background-position: center top;
}

img{
  display: block;
}

.content-text{
	text-align: center;
	width: 100%;
	max-width: 480px;
	margin-right: auto;
	margin-left: auto;	
}

.pic-text{
	color: #FFF;
	position: absolute;
	z-index: 888;
	right: 0px;
	bottom: 0px;
	padding: 10px;
}


.row{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

.rowss{
	padding-right: 15px;
	padding-left: 15px;
}

.rows{
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
        .totop {
	position: fixed;
	bottom: 60px;
	right: 20px;
	cursor: pointer;
	display: none;
	color: #fff;
	border-radius: 25px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-size: 13px;
	background-color: #FFCC00;
	z-index: 999;
        }
		
.a-img{
	width: 100%;
}
		
#wap{
	float: left;
	width: 100%;
	position: relative;
}


.body-left{
	position: fixed;
	z-index: 777;
	width: 25%;
	left: 0px;
	top: 20px;
}

.body-right{
	position: fixed;
	z-index: 777;
	width: 25%;
	right: 0px;
	top: 20px;
}

.h1{
	font-size: 200%;
	line-height: 1.75em;
	color: #063;
}

.h1s{
	font-size: 160%;
	line-height: 1.75em;
	color: #d8aa74;
}
.h2{
	font-size: 100%;
	line-height: 1.75em;
	color: #9C0;
	font-family: Amiri;
}

.h3{
	font-size: 118%;
	line-height: 1.75em;
	color: #333;
}

.p-text{
	font-size: 118%;
	line-height: 1.75em;
	color: #333;
}


.p-texts{
	font-size: 126%;
	line-height: 1.75em;
	color: #333;
}

.em-area{
	float: left;
	width: 100%;
}

.em-area-con{
	padding-top: 10%;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0%;
}

.em-area-cons{
	padding: 15%;
}

.em{
	float: left;
	width: 50%;
	position: relative;
}
.em-2{
	float: left;
	width: 20%;
}

.em-2s{
	float: left;
	width: 26.9%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #89b564;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #89b564;
}

.em-3{
	float: left;
	width: 30%;
}

.em-3s{
	float: left;
	width: 33.3333%;
}

.em-7{
	float: left;
	width: 70%;
}
.em-8{
	float: left;
	width: 80%;
}

.em-8s{
	float: left;
	width: 73%;
}


.content-main{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1280px;
}

.content-main-img{
	width: 100%;
	padding-top: 25px;
	float: left;
	padding-bottom: 25px;
}

.content-main-imgs{
	width: 100%;
	padding-top: 25px;
	float: left;
	padding-bottom: 25px;
	background-color: #FFF;
}

#section-a{
	position: relative;
	width: 100%;
}

.section-area{
	position: absolute;
	z-index: 888;
	width: 100%;
}


.footer{
	width: 100%;
	position: fixed;
	z-index: 888;
	bottom: 0px;
}

.footers{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 480px;
	text-align: center;
}

a,
a:hover {
}

.u-bgc5 {

}

.navbar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 54px;
	line-height: 54px;
	z-index: 10000;
	background-color: #FFFFFF;
	box-shadow: 1px 0 2px #ABB8C2;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.navbar > .inner {
  display: block;
  height: 100%;
}

.navbar-list {
	display: table;
	position: relative;
	float: right;
}

.navbar-list > .navbar-item { display: table-cell; }

.navbar-list > .navbar-item > a {
	display: block;
	height: 54px;
	padding: 0 2rem;
	color: #447f52;
	font-size: 18px;
}

.logo{
	position: absolute;
	z-index: 888;
	width: 26%;
	left: 0px;
	top: 0px;
}

.navbar-list > .navbar-item > a:hover,
.navbar-list > .navbar-item > a.active {
	border-bottom: 3px solid #699974;
}

.navbar-list > .navbar-item > h1 { display: inline-block; }

.navbar-list > .navbar-item > h1 > a {
	display: inline-block;
	margin-right: 1rem;
	color: #333333;
}

.navbar-list > .navbar-item > h1 > a:hover { opacity: 0.75; }

.container {
	margin-top: 44px;
}

.section {
	position: relative;
	float: left;
	width: 100%;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #53bf57;
}

.section > .section-title {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -2rem;
  font-size: 4rem;
  line-height: 1;
  color: white;
  text-transform: uppercase;
}
@media (max-width: 768px) {
	.em-area-con{
	padding-top: 5%;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5%;
}
.h1{
	font-size: 160%;
	line-height: 1.75em;
	color: #063;
}
	
	
.bg-1{
	background-image: url(../images/img2.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 25px;
}	

.bg-3{
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 10px;
	background-image: url(../images/top2-img.png);
	background-repeat: repeat;
	background-position: center top;
}	
	
.rows{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}	
	
.em{
	float: left;
	width: 100%;
}
.em-2{
	float: left;
	width: 100%;
}
.em-2s{
	float: left;
	width: 100%;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #89b564;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #89b564;
}

.em-3{
	float: left;
	width: 100%;
}
.em-3s{
	float: left;
	width: 100%;
}

.em-7{
	float: left;
	width: 100%;
}
.em-8{
	float: left;
	width: 100%;
}

.em-8s{
	float: left;
	width: 100%;
}

.content-main-img{
	width: 100%;
	padding-top: 25px;
	float: left;
	padding-bottom: 10px;
}
	
.navbar-list > .navbar-item > a {
	display: block;
	height: 54px;
	color: #447f52;
	font-size: 15px;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: rem;
	padding-left: 7px;
}

.navbar-list {
	display: table;
	position: relative;
	padding-left: 90px;
}

.logo{
	position: absolute;
	z-index: 888;
	width: 30%;
	left: 0px;
	top: 8px;
}
.logo-top{
	position: absolute;
	left: 50px;
	top: 7px;
	z-index: 9999;
}
	
	
	}