@import url("slick.css");
@import url("font-awesome.min.css");



body{margin:0px;padding:0px;color:#201e1e;font-size:14px; background:#fff;font-weight: 400; font-family: 'Nunito', sans-serif!important; overflow-x:hidden;overflow-y:auto}   
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible} 
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button{outline:none} 
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} 
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input,textarea,button,select,a,div{-webkit-tap-highlight-color:transparent;outline:none}
table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
img{border:0px;max-width:100%;vertical-align:top}  
::-moz-selection{background:#bc5627;color:#fff}     
::selection{background:#bc5627;color:#fff} 
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none; color:#bc5627;} 
*{text-rendering:optimizeLegibility}
html.touch *{text-rendering:optimizeSpeed}
p{margin: 0px;padding: 0px;}  
h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px;font-weight: normal;}
ol,ul,li{margin: 0px;padding: 0px;list-style-type: none;}  
.clr{clear: both;}

header{background: #FFF; padding: 0 166px 0 245px; 
-webkit-box-shadow: 2px 2px 21px 1px rgba(23,23,23,0.14);
-moz-box-shadow: 2px 2px 21px 1px rgba(23,23,23,0.14);
box-shadow: 2px 2px 21px 1px rgba(23,23,23,0.14); }
.logo_row{display: block; position: relative; z-index: 100;}
.logo_l{position: absolute; left: 0; top: 0;z-index: 5;}
.logo_r{text-align: right; padding: 15px 0;}
.menuzord-menu>li>a.enquire{background: #000; color: #FFF; border-radius:30px; font-weight: 900; padding: 12px 28px;}
.menuzord-menu>li>a.enquire:hover{background: #000; color: #FFF;}


.banner_bx{background: url(../images/banner-bg.jpg) no-repeat right top; width: 100%; height: 879px; position: relative; padding: 0 0 0 27%; display: table;} 
.banner_caption{/*position: relative; z-index: 10;*/ width: 100%; display: table-cell; vertical-align: middle; font-size: 28px; font-family: 'Ubuntu', sans-serif; font-weight: 400;}
.banner_caption h1{font-size: 68px; line-height: 85px; color: #000; font-weight: 600; display: block; margin: 15px 0 25px 0;}
.watch_video{background: #2e2c2c; color: #FFF; border-radius: 30px; padding: 15px 30px; text-transform: uppercase; font-size: 16px; font-weight: 900; display: inline-block;}

.banner_pic_1{/*position: absolute; right: 36.2%; top: 69px;*/ display: inline-block;}
.banner_pic_1 span{position: absolute; top: 11%; right: 39%;}

.banner_pic_2{/*position: absolute; right: 18%; top: 88px;*/ display: inline-block;}
.banner_pic_2 span{position: absolute; right: 20.5%; top: 99px;}

.banner_pic_3{/*position: absolute; right: 35%; bottom: 94px; z-index: 0;*/ display: inline-block;}
.banner_pic_3 span{position: absolute; right: 36.2%; bottom: 26%;}

.banner_pic_4{/*position: absolute; right: 0; bottom: 0;*/ display: inline-block;}
.banner_pic_4 span{position: absolute; bottom: 40%; right: 19%;}

.banner_pic_5{/*position: absolute; right: 50%; bottom: 58px;*/ display: inline-block;}
.banner_pic_5 span{position: absolute; bottom: 10.5%; right: 46.5%;}

/*--slide--*/
.ccproinner{width: 100%;float: left;text-align: center;padding: 0px 10px;} 
.protitle{width: 100%;float: left;margin-bottom: 10px;font-style: italic; margin-top:20px; font-size: 30px;font-weight: 900; color: #000;font-family: 'Ubuntu', sans-serif;}
.prosuptitle{width: 100%;display: inline-block; vertical-align: top; max-width: 330px; margin-bottom: 20px; font-size: 18px;font-weight:400; color: #201e1e;line-height: 25px;font-family: 'Ubuntu', sans-serif;}  
a.more-arow{display: inline-block; vertical-align: top;width: 51px; height: 51px; background: #000000;
-webkit-border-radius: 50%;
	-moz-border-radius: 50%; 
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.slide_two{width:194px; height:194px;margin-top: 70px;  background:url(../images/probg.png) no-repeat;text-align: center;display: inline-block;background-size: 100% auto;
-webkit-border-radius: 50%;
	-moz-border-radius: 50%; 
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	
} 
.protitle2{width: 100%;float: left;text-align: center; margin-top: 43px; margin-bottom: 12px;}
.protitle3{width: 100%;float: left;text-align: center; font-size: 20px;font-weight: 700; color: #fff;font-style: italic;font-family: 'Ubuntu', sans-serif;}

.slide_two{display:inline-block;} 
.slick-center .slide_two{display:none;}

.slide_one{display:none;}  
.slick-center .slide_one{display:inline-block;}
.proinfo{display:none;}  
.slick-center .proinfo{display:inline-block;}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 130px;font-family: 'Lato', sans-serif;font-size: 13px;text-transform: uppercase; font-weight: 600;
  background-color: black;
  color: #fff;
  text-align: center;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
  border-radius:20px;
  padding: 5px 2px;
  position: absolute;
  z-index: 1;
  bottom:114%;
  left: 50%;
  margin-left: -65px; 
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*--slide--*/


.about_bx{background: #FFF url(../images/craft_bg.jpg) no-repeat center bottom; padding: 90px 118px; min-height: 900px;}
.sec_title p{margin: 50px 0 0 0; text-align: center; font-size: 18px; line-height: 30px; color: #201e1e; font-family: 'Ubuntu', sans-serif; font-weight: 400;}
.about_slid{width: 80%; margin: 0 auto;}
.multiple-items .slick-prev{background: url(../images/arrow_l.png) no-repeat;background-size: 100% auto;width: 35px; height: 101px; left: -166px;}
.multiple-items .slick-next{background: url(../images/arrow_r.png) no-repeat;background-size: 100% auto; width: 35px; height: 101px; right: -166px;}
.slide_one{width: 329px; height: 329px;  background: #e3e3e3;text-align: center;/*display: inline-block;*/
-webkit-border-radius: 50%;
	-moz-border-radius: 50%; 
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
} 
.slide_one img{border-radius: 50%;}

.particle_bx{background: url(../images/particle_bg.jpg) no-repeat center bottom; background-size: cover; padding: 188px 278px 188px 278px;}
.sec_title{text-align: center; color: #010101; font-size: 28px; line-height: 48px; font-family: 'Ubuntu', sans-serif; font-weight: 400; margin: 0 0 90px 0;}
.sec_title span{display: block; font-weight: 700; font-size: 38px;}
.innovation_list{display: block; text-align: center; margin: 0 0 40px 0;}
.innovation_list ul{margin: 0px; padding: 0px;}
.innovation_list ul li{list-style-type: none; float: left; width: 25%; padding: 18px;}
.pollution_one{display: block;}
.pollution_one img{border-radius: 50%; border: 1px solid #373737; background: #FFF; margin: 0 0 30px 0;}
.pollution_head{color: #201e1e; font-size: 22px; font-weight: 700; margin: 0 0 10px 0;}
.pollution_one {font-size: 16px; line-height: 25px; font-weight: 300;}
.read_btn{text-align: center; margin: 0 auto; display: inline-block; width: 100%;}
.read_btn a{background: #2e2c2c; color: #FFF; border-radius: 30px; padding: 12px 36px; text-transform: uppercase; font-size: 16px; font-weight: 900;}
.read_btn a:hover{}

.contribute_bx{background: url(../images/tree_bg.jpg) no-repeat; background-size: cover;  padding:168px 0 225px 0;}
.contribute_round{background: url(../images/contribute_round.png) no-repeat center center; width: 553px; height: 552px; display: table; margin: 0 auto; padding: 0 70px;}
.contribute_cont{vertical-align: middle; display: table-cell; color: #FFF; text-align: center;}
.contribute_head{margin: 0 0 44px 0; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 34px; font-style: italic; line-height: 45px;}
p.contribute_text{font-size: 18px; line-height: 24px; font-family: 'Nunito', sans-serif; font-weight: 300; margin: 0 0 65px 0;}
a.enquir_bt{background: #FFF; color: #000; padding: 14px 30px; border-radius: 30px; text-transform: uppercase; font-size: 16px; font-weight: 700; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
a.enquir_bt:hover{background: #dddddd; color: #000; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

footer{background: #000; font-size: 14px; font-weight: 400; text-align: center; padding: 25px 0; color: #FFF; letter-spacing: 0.5px;}

@media screen and (max-width:1680px){
	.banner_bx{padding: 0 0 0 19%}
	
	.banner_pic_1 span {top: 10.5%; right: 45%;}	
	.banner_pic_2 span{top: 89px; right: 24%;}
	.banner_pic_4 span {bottom: 39.5%; right: 21.5%;}
	.banner_pic_3 span{bottom: 26%; right: 42%;}
	.banner_pic_5 span{bottom: 10%; right: 54%;}
}

@media screen and (max-width:1600px){
	.banner_pic_1 span{right: 47%; top: 11%;}
	.banner_pic_2 span {right: 25%; top: 102px;}
	.banner_pic_3 span{right: 43.2%;}	
	.banner_pic_4 span{bottom: 39%; right: 23%;}
	.banner_pic_5 span {bottom: 10%; right:56%;}
	
	
	.logo_l{width: 270px;}
	.menuzord-menu>li>a.enquire{margin: 0 0 0 15px;}
	.banner_bx{padding: 0 0 0 19%;}
	.banner_caption h1 {font-size: 60px; line-height: 70px;}
	.banner_caption{font-size: 26px;}
	.banner_bx{}
	.about_slid{width: 90%;}
	.about_bx{padding: 70px 118px; min-height: inherit;}
	.slide_one {width: 309px; height: 309px;}
	.protitle{font-size: 26px;}
	.prosuptitle{font-size: 16px;line-height: 23px;}
	a.more-arow{width: 45px; height: 45px;}
	.multiple-items .slick-prev { left: -136px;}
	.multiple-items .slick-next { right: -136px;} 
	
	.particle_bx{padding: 150px;}
	.sec_title{margin: 0 0 70px 0;}
	
	.contribute_bx{background-size: contain; padding: 97px 0 130px 0;}
	.contribute_round{background-size: 90% auto; width: 532px; height: 532px;}
	.contribute_head{margin: 0 0 30px 0; font-size: 29px; line-height: 38px;}
	p.contribute_text{margin: 0 0 45px 0;}
	
}
@media screen and (max-width:1440px){
	.banner_pic_1 span img,.banner_pic_2 span img,.banner_pic_3 span img,.banner_pic_4 span img,.banner_pic_5 span img{width: 40px;}
	.banner_pic_1 span {right: 38.5%;}
	.banner_pic_2 span{top: 75px; right: 21%;}
	.banner_pic_3 span {right: 35.8%;}
	.banner_pic_4 span{right: 18.5%;}
	.banner_pic_5 span{right: 47%;}
	
	
	header{padding: 0 150px;}
	.logo_l {width: 250px;}
	.menuzord-menu>li>a {padding: 12px 28px;}
	
	.banner_bx {background-size: cover; height: 655px;}
	.banner_bx {padding: 0 0 0 16%;}
	.banner_caption h1 {font-size: 53px; line-height: 60px;}
	
	.banner_pic_1{width: 150px;}
	.banner_pic_2 {right: 23%; top: 75px; width: 145px;}
	.banner_pic_3{width: 340px}
	.banner_pic_4{width: 500px;}
	
	.slide_one { width:290px;height:290px;}
	.slide_two{width: 180px;height: 180px;}
	.protitle3{font-size: 17px;}
	
	/*.multiple-items .slick-prev{left: -115px;}
	.multiple-items .slick-next{right: -75px;}*/
	
	.particle_bx {padding: 100px 150px;}
	.sec_title {font-size: 26px; margin: 0 0 60px 0;}
	.sec_title span{font-size: 36px;}
	.about_slid{width: 90%; margin: 0 auto;}	
	
	.contribute_bx {padding: 79px 0 79px 0;}
	.contribute_round{padding: 0 85px;}
	.contribute_head {font-size: 26px; line-height: 36px;}
	a.enquir_bt{padding: 12px 26px; font-size: 15px;}
	.contribute_bx {padding: 70px 0 70px 0; background-size: cover;}
	
	.about_bx {padding: 70px 108px 70px 108px;}
	
	
	
}
@media screen and (max-width:1366px){
	.logo_l {width: 220px;}
	.menuzord-menu>li>a.enquire{padding: 12px 23px;}
	.banner_bx{height: 615px;}
	.banner_caption {font-size: 24px;}
	.banner_caption h1 {font-size: 48px; line-height: 56px;}
	.watch_video{padding: 14px 26px; font-size: 14px;}
	.about_slid {
		width: 100%;}
	.multiple-items .slick-prev {
    left: -76px;
}
	.multiple-items .slick-next {
    right: -76px;
}
	
	.banner_pic_1 span img,.banner_pic_2 span img,.banner_pic_3 span img,.banner_pic_4 span img,.banner_pic_5 span img{width: 38px;}
	.banner_pic_5 span{bottom: 8.5%;}
	.banner_pic_2 span {top: 72px;}
	.banner_pic_3 span {right: 36%; bottom: 25.1%;}
	
	
	
	
	
	.about_bx{padding: 60px 100px 60px 100px; background-size: contain;}
	.sec_title{line-height: 38px;}
	.sec_title span {font-size: 34px;}
	.sec_title {font-size: 24px; margin: 0 0 40px 0;}
	.sec_title p{margin: 30px 0 0 0;}
	.slide_one{width: 300px; height: 300px;}
	
	.particle_bx {padding: 60px 100px;}
	.pollution_head{font-size: 20px;}
	.read_btn a,a.enquir_bt{font-size: 14px;}
	.contribute_head{margin: 0 0 24px 0;}
}

@media screen and (max-width:1280px){
	.banner_pic_1 span img,.banner_pic_2 span img,.banner_pic_3 span img,.banner_pic_4 span img,.banner_pic_5 span img{width: 32px;}
	.banner_pic_1 span {right: 41%;}
	.banner_pic_2 span{right: 22%;}
	.banner_pic_4 span {right: 20%;}
	.banner_pic_3 span {right: 38%; bottom: 26%;}
	.banner_pic_5 span {bottom: 10%; right: 49%;}
	
	
	
	.sec_title{font-size: 22px;}
	.sec_title span {font-size: 30px;}
	.slide_one {width: 280px; height: 280px;}
	.particle_bx {padding: 60px 60px;}
	
	.banner_caption h1 {font-size: 42px;line-height: 49px;}
	.banner_caption {font-size: 22px;}
	.slide_one {
    width: 260px;
    height: 260px;} 
	.protitle {
    font-size: 24px;
}
	.prosuptitle {
    font-size: 15px;
    line-height: 21px;
}
	
}

@media screen and (max-width:1100px){
	.banner_pic_2 span {top: 58px;}
	.banner_pic_3 span {right: 38.5%;}
	.tooltip .tooltiptext{font-size: 12px;}
	.banner_pic_4 span {right: 19.5%;}


	
	
	
	header {padding: 0 60px;}
	.logo_l {width: 190px;}
	.banner_bx {height: 500px; padding: 0 0 0 16%;}
	.banner_caption {font-size: 20px; width: 100%;}
	.banner_caption h1 {font-size: 38px; line-height: 42px;}
	
	
	
	.about_bx {padding: 50px 80px 50px 80px;}
	.sec_title p br{display: none;}
	.sec_title p{font-size: 16px; line-height: 24px; margin: 20px 0 0 0;}
	.slide_one {width: 230px; height: 230px;}
	
	.sec_title { font-size: 20px; margin: 0 0 25px 0; line-height: 34px;}
	.sec_title span {font-size: 26px;}
	.particle_bx {padding: 50px 20px;}
	.innovation_list ul li{padding: 10px;}
	.pollution_one {font-size: 14px; line-height: 23px; font-weight: 400;}
	.contribute_bx{padding: 50px 0;}
	.contribute_round{width: 425px; height: 425px;}
	.contribute_head {font-size: 22px; line-height: 30px;}
	p.contribute_text{font-size: 14px; font-weight: 400;}
	p.contribute_text br{display: none;}
	footer{padding: 20px 0;}
	.slide_two {
    width: 160px;
    height: 160px;} 
	.protitle2 img{max-width: 60px;}
	.protitle2{margin-top:30px;}
	.protitle3 { font-size: 15px;} 
	.multiple-items .slick-prev {
    left: -46px;}
	.multiple-items .slick-next {
    right: -46px;} 
	


}
@media screen and (max-width:900px){
	.banner_pic_1 span img,.banner_pic_2 span img,.banner_pic_3 span img,.banner_pic_4 span img,.banner_pic_5 span img{width: 28px;}
	.banner_pic_1 span {right: 49%; top: 10.5%;}
	.banner_pic_2 span {top: 51px; right: 26%;}
	.banner_pic_4 span {right: 24%;}
	.banner_pic_3 span {right: 46%;}
	.banner_pic_5 span {bottom: 9%; right: 59%;}


	
	
	
	header {padding: 0 0px; display: inline-block; width: 100%; margin: 0 0 -4px 0;}
	.logo_l {width: 160px;left: 20px;}
	.logo_row{display: inline-block; width: 100%; padding: 0 0 10px 0;}
	.menuzord-menu>li>a.enquire {margin: auto;}
	.menuzord-menu>li>a.enquire,.menuzord-menu>li>a.enquire:hover{background: none;}
	.banner_bx {height: 450px; padding: 0 0 0 9%;}
	.banner_caption h1 {font-size: 32px; line-height: 36px;}
	.banner_caption {font-size: 18px;}
	
	
	
	.about_bx {padding: 40px 30px 40px 30px;}
	.about_slid{width: 100%;}
	
	.multiple-items .slick-next {right: -15px;width: 25px;
		height: 71px;} 
	.multiple-items .slick-prev {left: -15px;width: 25px;
		height: 71px;}
	
	.sec_title p{font-size: 14px;}
	.pollution_head {font-size: 17px;}
	
	.contribute_bx{padding: 40px 0;}
	.contribute_round {padding: 0 65px; width: 365px; height: 325px;}
	.contribute_head {font-size: 18px; line-height: 26px; margin: 0 0 20px 0;}
	p.contribute_text{margin: 0 0 30px 0;}
	a.enquir_bt{padding: 10px 22px;}
	.slide_two {
    width: 130px;
    height: 130px;} 
	.protitle2 img { max-width: 45px;}
	.protitle3 {  font-size: 13px;}
	.protitle2 { margin-top: 26px;} 
	.prosuptitle {
    font-size: 13px;
    line-height: 20px;} 
	.slide_two{margin-top: 40px;}
	.slick-next, .slick-prev {margin-top: -103px;}

	
}
@media screen and (max-width:700px){
	.banner_pic_1,.banner_pic_2,.banner_pic_3,.banner_pic_4,.banner_pic_5{display: none;}
	
	
	
	.slick-next, .slick-prev {
    margin-top: -95px;}
	
	.slide_two{display:none;} 
.slick-center .slide_two{display:none;}

.slide_one{display:inline-block;}  
.slick-center .slide_one{display:inline-block;}
.proinfo{display:inline-block;}  
.slick-center .proinfo{display:inline-block;}
	
	
}
@media screen and (max-width:568px){
	.banner_pic_4 {width: 230px;}
	.banner_pic_3 {width: 180px; right: 33%; bottom: 81px;}
	.banner_pic_3 span{right: 40px;}
	.slide_one{display: inline-block;}
	.innovation_list ul li{float: left; width: 50%;}
	
}
@media screen and (max-width:480px){
	.logo_l {width: 140px;}
	header{ margin: 0;}	
	.banner_bx {padding: 0 0 0 9%; background-size: cover; height: 180px;}
	.banner_pic_1,.banner_pic_2,.banner_pic_3,.banner_pic_4,.banner_pic_5{display: none;}
	.banner_caption {font-size: 14px;}
	.banner_caption h1 {font-size: 26px; line-height: 28px; margin: 9px 0;}
	.banner_caption h1 br{display: none;}
	.watch_video {padding: 11px 22px; font-size: 12px;}
	
	.about_bx,.particle_bx {padding: 30px 15px;}
	.slide_one{margin: 0 auto;}
	.multiple-items .slick-prev {left: 0;}
	.multiple-items .slick-next {right: 0;}
	
	.sec_title {font-size: 18px; margin: 0 0 20px 0; line-height: 28px;}
	.sec_title span {font-size: 22px;}
	
	.innovation_list ul li{float: none; width: 100%; padding: 15px 0;}
	.pollution_one img{margin: 0 0 10px 0;}
	.read_btn a, a.enquir_bt {font-size: 12px; padding: 11px 30px;}
	.contribute_round {padding: 0 55px; width: 365px; height: 335px;}
	.innovation_list{margin: 0 0 20px 0;}

}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
	.contribute_round {padding: 0 40px; width: 305px; height: 275px;}
	.contribute_head {font-size: 15px; line-height: 22px; margin: 0 0 15px 0;}
	p.contribute_text {margin: 0 0 24px 0; line-height: 19px;}
	.read_btn a, a.enquir_bt {font-size: 12px; padding: 9px 20px;}
	footer {padding: 15px 0;}
	.banner_caption h1{font-size: 22px;}	
}