

 #body .container{

    max-width: 1600px !important;

}



body{

    font-family: "Open Sans", sans-serif !important;

}







/* @font-face{

    src: url(../fonts/helvetica-light.ttf);

    font-family: helvetica-light;

} */



/* @font-face{

    src: url(../fonts/helvetica-light-587ebe5a59211.ttf);

    font-family: helvetica-light;

} */



@font-face{

    src: url(../fonts/Delmon\ Delicate.ttf);

    font-family: delmon;

}



.a-font{

    font-family: delmon;

}



/*---------------- top panel ----------------------*/


.navigation{}


.banner {

    /*background: url(../images/banner.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 1000px;*/

}

.bannertwo{position:absolute; left:0; top:45%; width:100%;}

h5.ban-head.a-font {

    color: #f7f7ef;

    font-size: 65px;

    margin-bottom: 30px;

    line-height: 93px;

    letter-spacing: 4px;

}



p.ban-para {

    color: #e2e9dc;

    font-size: 26px;

    margin-bottom: 0;

    font-weight: 300;

}



.ban-txt {

    padding-top: 0%;

    padding-left: 10%;

}





/*---------------- 2nd panel ----------------------*/



.mt{

    background: url(../images/mt-banner.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 875px;

}



.mt-img {

    background: #175c29;

    width: 100px;

    height: 100px;

    border-radius: 100%;

    text-align: center;

    line-height: 99px;

}



h5.mt-head {

    font-weight: 700;

    color: #fff;

    font-size: 30px;

}



p.mt-para {

    margin-bottom: 0;

    font-weight: 600;

    color: #fff;

}



.mt-img {

    background: #175c29;

    width: 100px;

    height: 100px;

    border-radius: 100%;

    text-align: center;

    line-height: 99px;

    border: 2px solid #cf7e25;

    position: relative;

    z-index: 99;

}



.mt-box {

    background: #175d29;

    padding: 10px 20px 10px 60px;

    border-radius: 0px 50px 50px 0px;

    width: 70%;

    margin-left: -89px;

    margin-top: 5px;

    min-height: 84px;

}



.mt-head2{

    font-size: 16px;

    font-weight: 600;

    color: #fff;

}



.mt-head2 span{

    font-size: 26px;

    font-weight: 700;

    

}



h5.mt-head2.mt-top2 {

    padding-top: 14px !important;

}



.mt-txt {

    padding-left: 8%;

}



.mt-top {

    margin-top: 20px;

}



.mt-txt {

    padding-left: 8%;

    padding-top: 4%;

}



.year{

    background: url(../images/bulk-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

}

.ye-img img{max-width:100%;}





/*---------------- 3rd panel ----------------------*/



.mission{

    background: url(../images/mi-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

}



.mi-txt {

    padding: 90px 90px 190px;

}



.mi-txt2 {

    text-align: center;

    /* margin-top: 50px; */

}



h5.mi-head.a-font {

    font-size: 60px;

    color: #d58227;

    letter-spacing: 4px;

    margin-bottom: 26px;

}



h5.mi-head2 {

    color: #fff;

    font-size: 30px;

    margin-bottom: 22px;

}



p.mi-para {

    color: #fff;

    font-weight: 300;

    /* padding: 0 347px; */

    font-size: 20px;

    /* margin-bottom: 0; */

    line-height: 36px;

    /* margin-bottom: 13%; */

    margin-bottom: 0;

}



h5.mi-cap {

    font-weight: 300;

    color: #fff;

    font-size: 18px;

    position: relative;

}



h5.mi-cap::before {

    content: "";

    width: 76%;

    height: 1px;

    background-color: #fff;

    position: absolute;

    top: 11px;

    /* right: 0; */

    left: 316px;

}



.mi-cap2{

    color: #fff;

    font-weight: 300;

    font-size: 18px;

}



/*---------------- year ----------------------*/



.year {

    background: url(../images/bulk-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 80px 0;

    margin-bottom: 0px;
	border-bottom:1px solid #d58227;

}





/*---------------- bulk ----------------------*/



.bulk {

    background: url(../images/bulk-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 90px 0 60px;
	margin-top:0px;

}

.bu-img img{max-width:100%;}

h5.bu-head.a-font {

    font-size: 60px;

    color: #d58227;

    letter-spacing: 2px;

    margin-bottom: 40px;

}



.bu-img {

    text-align: center;

}



/*---------------- quality ----------------------*/



.quality{

    background: url(../images/bulk-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 90px 0 60px;



}



.qu-img img{

    width: 70%;

}



.qu-img {

    text-align: center;

}



h5.qu-head.text-center {

    color: #337242;

    font-weight: 700;

    font-size: 25px;

    margin-bottom: 47px;

}



.qu-border{

    border-right: 2px solid #a9793b;

}



.qu-2 {

    margin-left: -50px;

}



.qu-top {

    padding-top: 70px !important;

}



/*---------------- client ----------------------*/



.client {

    background: url(../images/mar-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 90px 0 30px;

}



.cl-img img {

    width: 70%;

    /* margin: 0 auto; */

}



.cl-img {

    text-align: center;

}



h5.cl-head.a-font {

    font-size: 65px;

    /* color: #fff; */

    letter-spacing: 3px;

    color: #d58227;

    margin-bottom: 30%;

}



p.cl-para {

    margin-bottom: 0;

    color: #fff;

    font-size: 18px;

}



.cl-txt {

    padding-top: 32%;

    padding-left: 15%;

}



/*---------------- factory ----------------------*/



.fac-img img{

    width: 100%;

}



.factory .container-fluid {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



/* .factory .container-fluid .row {

    margin-left: -0 !important;

    margin-right: -0 !important;

} */



.fac-img img {

    width: 100%;

}



.f-col{

    width: 50%;

}



h5.fa-head.a-font {

    font-size: 65px;

    /* color: #fff; */

    letter-spacing: 3px;

    color: #d58227;

}



h5.cl-head2 {

    color: #fff;

    font-weight: 600;

}



p.pcl-para {

    color: #fff;

    font-size: 18px;

    font-weight: 300;

    line-height: 45px;

    margin-bottom: 0;

}



.f-1 {

    margin-top: 30px;

}



.factory {

    margin-top: 0px;
	border-top:1px solid #d58227;

}
#rivaa{border-top:1px solid #d58227;}


.fa-txt {

    margin-left: 16%;

    margin-top: 17%;

}



/*---------------- export ----------------------*/



h5.ex-head.a-font {

    font-size: 65px;

    /* color: #fff; */

    letter-spacing: 3px;

    color: #d58227;

    margin-bottom: 30px;

}



p.ex-para {

    font-weight: 300;

    font-size: 18px;

    color: #175c29;

    margin-bottom: 0;

    line-height: 31px;

}



.ex-txt {

    margin-left: 34%;

    margin-top: 58%;

}



.export {

   border-bottom:1px solid #d58227;

}

.ex-img img{max-width:100%;}

/*---------------- Comprehensive ----------------------*/



.com-img img {

    width: 130px;

}



p.com-para {

    margin-bottom: 0;

    font-size: 18px;

    color: #18602b;

    font-weight: 400;

    padding: 0 85px;

    line-height: 30px;

    margin-top: 20px;

}



h5.com-head.a-font.text-center {

    font-size: 60px;

    color: #d58227;

    letter-spacing: 4px;

    margin-bottom: 80px;

}



.com {

    padding: 90px 0 !important;

    margin: 0;
	border-bottom:1px solid #d58227;

}



/*---------------- tea ----------------------*/



.tea{

    background: url(../images/tea-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 1000px;



}



h5.te-head.a-font {

    font-size: 28px;

    /* color: #ddd; */

    color: #d58227;

    letter-spacing: 1px;

}



h5.te-head2 {

    font-weight: 400;

    color: #175d29;

    font-size: 20px;

    margin-bottom: 22px;

}



h5.te-cap {

    font-weight: 700;

    color: #175e2a;

}



h5.te-cap2 {

    font-weight: 400;

    font-size: 16px;

    font-style: italic;

    color: #175e2a;

}



.tea-box2 {

    background: #fffff7;

    padding: 20px 40px;

    border-radius: 30px 0px 0px 30px;

    position: absolute;

    top: -303px;

    right: 0px;

    width: 100%;

}



/*---------------- thank ----------------------*/



.thank{
    background: url(../images/thbg.jpg) repeat;
}



h5.th-head.a-font {

    color: #d58227;

    font-size: 65px;

    margin-bottom: 20px;

    line-height: 93px;

    letter-spacing: 3px;

}



.th-img img {

    width: 100%;

}



h5.th-head2 {

    font-weight: 600;

    color: #fffff7;

    font-size: 20px;

    margin-top: 30px;

}



.th-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.th-list li {

    color: #fff;

    font-weight: 300;

    font-size: 18px;

    line-height: 40px;

}



.th-list li i {

    color: #fff;

    font-size: 13px;

    margin-right: 12px;

}



.th-txt {

    margin-left: 12%;

   

}



/*---------------- csr ----------------------*/



.csr {

    background: url(../images/csr-bg.jpg) repeat;

   

    min-height: auto;

   border-top:1px solid #d58227;
   border-bottom:1px solid #d58227;

}



.cs-txt {
    /*margin-left: 6%;
    padding-top: 6%;*/
	padding-left:10%;

}



h5.cs-head.a-font {

    font-size: 60px;

    color: #d58227;

    letter-spacing: 2px;

    margin-bottom: 16px;

}



.cs-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



.cs-list li{

    display: flex;

}



.cs-list li i {

    color: #d58227;

    transform: translateY(9px);

    margin-right: 12px;

}



.cs-list li h5 {

    color: #fff;

    font-weight: 300;

    line-height: 29px;

    margin-bottom: 12px;

}



h5.cs-head2 {

    font-weight: 400;

    color: #fff;

    font-weight: 300;

    font-size: 18px;

    font-style: italic;

}



h5.cs-head2 a {

    font-weight: 400;

    color: #fff;

    font-weight: 300;

    font-size: 18px;

    font-style: italic;

}



/*---------------- visit ----------------------*/



.visit {

    background: #fffff7;

    padding: 90px 0;

}



.vi-top{

    margin-top: 40px;

}



.vi-head {

    font-size: 65px;

    color: #d58227;

    letter-spacing: 2px;

    margin-bottom: 25px;

}



.vi-para {

    font-weight: 300;

    color: #175c29;

    font-size: 20px;

}



.vi-img img {

    width: 90%;

}



/*---------------- team ----------------------*/



.team {

    background: url(../images/mar-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    padding: 90px;
	border-top:1px solid #d58227;

}



h5.t-ead.a-font {

    font-size: 65px;

    color: #d58227;

    letter-spacing: 2px;

    margin-bottom: 60px;

}



.te-color {

    color: #fff !important;

    

}



.te-2 {

    margin-left: 50px;

}



h5.te-head3{

    color: #175c29;

    font-weight: 600;

    font-size: 22px;

    font-style: italic;

    margin-top: 20px;

    margin-bottom: 16px;

}



.te-list{

    margin: 0;

    padding: 0;

    list-style: none;

}



/* .te-box {

    text-align: center;

} */



.te-list li {

    display: flex;

    

}



.te-list li h5 {

    font-weight: 300;

    font-size: 17px;

    color: #175e29;

    line-height: 28px;

    margin-bottom: 11px;

}



.te-list li i {

    color: #d58227;

    font-size: 13px;

    transform: translateY(6px);

    margin-right: 10px;

}



.te-color4 li h5{

    color: #fff !important;



}



/*---------------- strength ----------------------*/



.strength {

    background: url(../images/st-bg.png) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: 1039px;

    /* padding: 0 110px; */

    padding-left: 110px;

}



h5.st-head2 {

    /* font-family: delmon; */

    color: #fff;

    font-weight: 600;

    letter-spacing: 1px;

    font-size: 22px;

}



.st-1 {

    /* margin-left: 32px; */

    /* background: rgba(255,255,255,0.4); */

    /* background: #689f6d; */

    /* padding: 20px 60px; */

    margin-top: 64px;

}



.st-2 {

    margin-top: 80px;

}



.st-3 {

    margin-top: 75px;

}



.st-4 {

    margin-top: 108px;

}



.st-top {

    margin-top: 86px;

}



h5.st-head.a-font {

    font-size: 70px;

    color: #d58227;

    letter-spacing: 2px;

    margin-bottom: 30px;

    margin-top: 51%;

}



p.st-para {

    font-size: 22px;

    font-weight: 300;

    color: #165b28;

    padding-right: 201px;

}