/* CSS Document */


.container{
margin:auto;
padding:0px;
position: relative;
top:-10px;
left:0px;
width:1080px;
height:1100px;
background-color:#fff;

}

.container2{
margin:auto;
padding:0px;
position: relative;
top:-10px;
left:0px;
width:1080px;
height:1650px;
background-color:#fff;

}

.container3{
margin:auto;
padding:0px;
position: relative;
top:-10px;
left:0px;
width:1080px;
height:1300x;
background-color:#fff;

}

.container4{
margin:auto;
padding:0px;
position: relative;
top:-10px;
left:0px;
width:1080px;
height:600px;
background-color:#fff;


}

.box{
      width:1080px;
      height:150px;
      background-color:#fff;
      position: absolute;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;

       
}



.logo{
      width:428px;
      height:143px;
      margin:auto;
      padding:0px;
      float:left;
    
       
}

.menubox{

width:520px;
      height:36px;
      margin:auto;
      padding:0px;
      float:left;
      background:#fff;
      position: absolute;
      top: 105px;
      left:520px; text-decoration:none;

}

.DonButton{

width:250px;
      height:45px;
      margin:auto;
      padding:0px;
      float:left;
      background:#fff;
      position: absolute;
      top: 45px;
      left:305px;
      background-image: linear-gradient(#FFC600, #FF8A00);
      border-radius: 10px 10px 10px 10px;
      text-decoration:none;


}

.DonButton2{

      width:230px;
      height:45px;
      margin:auto;
      padding:0px;
      float:left;
      background:#fff;
      position: absolute;
      top: 45px;
      left:565px;
      text-decoration:none;
      background-image: linear-gradient(#EAFD1A, #15CF22);
      border-radius: 10px 10px 10px 10px;
 z-index:-2;


}


.DonButton a:link{
      color:#000; text-decoration:none;}

.DonButton a:visited{
       color:#000; text-decoration:none;}

.DonButton a:hover{
      color:yellow; text-decoration:none; }

.DonButton a:active{
       color:#000; text-decoration:none;}


.DonButton2 a:link{
      color:#000; text-decoration:none;}

.DonButton2 a:visited{
       color:#000; text-decoration:none;}

.DonButton2 a:hover{
      color:yellow; text-decoration:none; }

.DonButton2 a:active{
       color:#000; text-decoration:none;}


.button1{

width:103px;
      height:36px;
      margin:auto;
      padding:0px;
      float:left;
      position: absolute;
      top: 0px;
      left:0px;
background-image: linear-gradient(#f2e115, #ff8a00);
border-radius: 15px 15px 0px 0px;
text-decoration:none;

}

.button2{

width:103px;
      height:36px;
      margin:0px;
      padding:0px;
      float:left;
      background:#846;
      position: absolute;
      top: 0px;
      left:105px;
background-image: linear-gradient(#27822a, #2bf703);
border-radius: 15px 15px 0px 0px;
text-decoration:none;
}

.button3{

width:132px;
      height:36px;
      margin:0px;
      padding:0px;
      float:left;
      background:#846;
      position: absolute;
      top: 0px;
      left:210px;
background-image: linear-gradient(#27822a, #2bf703);
border-radius: 15px 15px 0px 0px;
text-decoration:none;
text-align: center;
}

.button4{

width:99px;
      height:36px;
      margin:0px;
      padding:0px;
      float:left;
      background:#846;
      position: absolute;
      top: 0px;
      left:344px;
background-image: linear-gradient(#27822a, #2bf703);
border-radius: 15px 15px 0px 0px; text-decoration:none;
}

.button5{

width:103px;
      height:36px;
      margin:0px;
      padding:0px;
      float:left;
      background:#846;
      position: absolute;
      top: 0px;
      left:445px;
background-image: linear-gradient(#27822a, #2bf703);
border-radius: 15px 15px 0px 0px; text-decoration:none;
}


.Menufont3{

font-family:verdana;
font-size:18px;
color:#000;
text-align: center;
font-weight: bold;
margin-top:10px;
text-decoration:none;

}

.Menufont4{

font-family:verdana;
font-size:18px;
color:#000;
text-align: center;
font-weight: bold;
margin-top:10px;
text-decoration:none;

}

.Menufont2{

font-family:verdana;
font-size:14px;
color:#000;
text-align:center;
font-weight: bold;
margin-top:10px;
text-decoration:none;
left:25px;

}


.Menufont{

font-family:verdana;
font-size:14px;
color:#fff;
text-align: center;
font-weight: bold;
margin-top:10px;
margin-left:-14px;
text-decoration:none;
width:130px;

}


.Menufont a:link{color: #fff; text-decoration:none;  background-color:none;}

.Menufont a:visited{color: #fff; text-decoration:none;  background-color:none;}

.Menufont a:hover{  color:#ffde2a;  text-decoration:none;  background-color:none;}

.Menufont a:active{ color: yellow; text-decoration:none;  background-color:none;}


.Menufont2 a:link{color: #000; text-decoration:none;  background-color:none;}

.Menufont2 a:visited{color: #000; text-decoration:none;  background-color:none;}

.Menufont2 a:hover{  color:#000;  text-decoration:none;  background-color:none;}

.Menufont2 a:active{ color: 000; text-decoration:none;  background-color:none;}


.Box2{
      width:1080px;
      height:500px;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      border-width: 5px 0px 3px 0px;
      border-style: solid; 
      border-color:#27822a;
      position: absolute;
      top:141px;
      left:0px;   

}

.Box3{
      width:1080px;
      height:950px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      border-width: 0px 0px 0px 0px;
      border-style: none; 
      border-color:#27822a;
      position: absolute;
      top:645px;
      left:0px;   
       
}

.BoxAbout{
      width:1080px;
      height:725px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      border-width: 5px 0px 0px 0px;
      border-style: solid; 
      border-color:#27822a;
      position: absolute;
      top:530px;
      left:135px;   
       
}

.BoxContact{
      width:1080px;
      height:790px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      border-width: 0px 0px 0px 0px;
      border-style: solid; 
      border-color:#27822a;
      position: absolute;
      top:670px;
      left:0px;   
       
}

.Box4{
      width:1080px;
      height:255px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      position: absolute;
      top:1300px;
      left:0px;   
       
}

.Box5{
      width:1080px;
      height:130px;
      background-color:#178905;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      position: absolute;
      top:1550px;
      left:0px;   
      
}

.Box6{
      width:1080px;
      height:1320px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      border-width: 0px 0px 0px 0px;
      border-style: solid; 
      border-color:#27822a;
      position: absolute;
      top:650px;
      left:0px;   
       
}

.Box7{
      width:1080px;
      height:655px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      border-width: 5px 0px 0px 0px;
      border-style: solid; 
      border-color:#27822a;
      position: absolute;
      top:530px;
      left:115px;   
       
}

.Box8{
      width:1080px;
      height:140px;
      background-color:#178905;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      position: absolute;
      top:690px;
      left:0px;   
      
}

.Box9{
      width:1080px;
      height:400px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      border-width: 5px 0px 0px 0px;
      border-style: solid; 
      border-color:#27822a;
      position: absolute;
      top:525px;
      left:0px;   
}

.BoxMake{
      width:1080px;
      height:890px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      border-width: 0px 0px 0px 0px;
      border-style: solid; 
      border-color:#27822a;
      position: absolute;
      top:650px;
      left:0px;   
   
    
}

.DonateBox{
      width:1080px;
      height:100px;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      border-width: 0px 0px 0px 0px;
      border-style: solid; 
      border-color:none;
      position: absolute;
      top:548px;
      left:0px; 
      background-color:#083904;
}



.Donatetext{

font-family:verdana;
font-size:28px;
color:#fff;
text-align: center;
font-weight: bold;
margin-top:5px;
text-decoration:none;

}

.footer{
      width:1080px;
      height:140px;
      background-color:#178905;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      position: absolute;
      top:1950px;
      left:0px;   
     
}

.footer2{
      width:1080px;
      height:100px;
      background-color:#178905;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      position: absolute;
      top:1100px;
      left:0px;   
      
}

.footer3{
      width:1080px;
      height:140px;
      background-color:#178905;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      position: absolute;
      top:790px;
      left:-290px;   
 
}

.footer4{
      width:1080px;
      height:150px;
      background-color:#178905;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      position: absolute;
      top:1350px;
      left:0px;   
 
}

.footer5{
      width:1080px;
      height:140px;
      background-color:#178905;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      position: absolute;
      top:390px;
      left:0px;   
 
}

.footerContact{
      width:1080px;
      height:140px;
      background-color:#178905;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      position: absolute;
      top:1390px;
      left:0px;   
      
}

.footerMake{
      width:1080px;
      height:140px;
      background-color:#178905;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      align:center;
      position: absolute;
      top:1430px;
      left:0px;   
      
}

.Leftbanner{
      width:240px;
      height:300px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      border-width: 0px 0px 0px 0px;
      border-style: solid; 
      border-color:#27822a;
      position: absolute;
      top:25px;
      left:40px;   
      
}

.Leftbanner2{
      width:240px;
      height:300px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      border-width: 0px 0px 0px 0px;
      border-style: solid; 
      border-color:#27822a;
      position: absolute;
      top:335px;
      left:40px;   
      
}

.founder{
      width:236px;
      height:297px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      border-width: 0px;
      border-style: solid; 
      border-color:#27822a;
      position: absolute;
      top:25px;
      left:40px;   
      
}


.Well{
      width:173px;
      height:53px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      border-width: 0px 0px 0px 0px;
      border-style: solid; 
      border-color:#27822a;
      position:absolute;
      top:28px;
      left:285px;   
  
}


.contact3{
      width:573px;
      height:653px;
      background-color:#fff;
      margin:auto;
      padding:0px;
      z-index:1;
      float:left;
      border-width: 0px 0px 0px 0px;
      border-style: solid; 
      border-color:#27822a;
      position:absolute;
      top:75px;
      left:320px;  
}

.content{

  font-family:verdana;
     font-size:15px;
     color:#3f423f;
      line-height:25px;
      width:700px;
      height:670px;
      float:left;
      text-align:justify;
      top:80px;
      left:290px;
     position: absolute;   
}

.content2{

  font-family:verdana;
     font-size:14px;
     color:#3f423f;
      line-height:20px;
      width:700px;
      height:950px;
      float:left;
      text-align:justify;
      top:85px;
      left:299px;
     position: absolute;   
}


.content3{

  font-family:verdana;
     font-size:15px;
     color:#3f423f;
      line-height:25px;
      width:700px;
      height:670px;
      float:left;
      text-align:justify;
      top:20px;
      left:10px;
     position: absolute;   
}

.scrolling_txt{

  font-family:verdana;
     font-size:17px;
     color:#fff;
      line-height:25px;
      width:1080px;
      height:30px;
      float:left;
      text-align:justify;
      top:520px;
      left:0px;
     position: absolute;  
      z-index:1;
     background-color:#000;
     opacity: 0.7;
     filter: alpha(opacity=70); /* For IE8 and earlier */
 
}

.more{

  font-family:verdana;
     font-size:14px;
     font-weight:bold;
     color:#fb620f;
     line-height:0px;
      width:100px;
      height:50px;
      float:left;
      text-align:justify;
      top:270px;
      left:850px;
     position: absolute;   
}

.more a:link{
      color:#fb620f; text-decoration:none;}

.more a:visited{
      color:#fb620f; text-decoration:none;}

.more a:hover{
      color:#ffd11a; text-decoration:none;  background-color:none;}

.more a:active{
      color:#ffd11a; text-decoration:none;}


.event_box{


      width:750px;
      height:100%;
      float:left;
      top:0px;
      left:45px;
      position: absolute;  


}

.tree_box{

      width:750px;
      height:100%;
      float:left;
      top:0px;
      left:382px;

    position: absolute;
}

.gallery_box{

      width:350px;
      height:100%;
      float:left;
      top:0px;
      left:717px;
      position: absolute;  

}

.footer_txt{

  font-family:verdana;
     font-size:17px;
     font-weight:normal;
     color:#fff;
     float:left;
      text-align:right;
      top:20px;
      left:265px;
     position: absolute;   
}


.footer_txt a:link{
      color:#fff; text-decoration:none;}

.footer_txt a:visited{
      color:#fff; text-decoration:none;}

.footer_txt a:hover{
      color:#ffde2a;  text-decoration:none;  background-color:none;}

.footer_txt a:active{
      color:#fff; text-decoration:none;}


.copyright{

  font-family:verdana;
     font-size:10.5px;
     font-weight:normal;
     color:#ffffff;
     float:left;
      text-align:right;
      top:120px;
      left:275px;
     position: absolute; 
}

.count{

      top:60px;
      left:465px;
     position: absolute; 
}

.upi{
       top:240px;
       left:755px;
       position: absolute; 
       float:left;
       border:8px solid green;
       z-index: 1;
}

.upi2{

      top:285px;
      left:760px;
       position: absolute; 
       float:left;
      border:5px solid green;
z-index: 1;
}

--------------------------------------------------------------------------------------

.gallery_div{
width:200px;
height:150px;
background:#efecec;
padding:10px;
margin:10px 0px 0px 0px;
float:left;

}

.img_box{

width:200px;
height:150px;
background:#c9e2c5;
padding:5px;
margin:8px 0px 0px 8px;
float:left;
border: 2px solid #ccc;
Background-position: center;

}

.next{
width:40px;
height:30px;
float:left;
top:40px;
left:150px;
background-image: linear-gradient(#158c03, #ff8a00);
margin:8px 0px 0px 8px; 
padding:4px;

 font-family:verdana;
     font-size:22px;
     font-weight:bold;
     color:#fff;
      text-align:center;

}


.next2{
width:650px;
height:50px;
float:left;
top:180px;
left:150px;

}

.next a:link{
      color:#fff; text-decoration:none;}

.next a:visited{
      color:#fff; text-decoration:none;}

.next a:hover{
background-image: linear-gradient(#000, #ccc); background-color:none;}

.next a:active{
      color:#fff; text-decoration:none;}




#contact {
 width:600px;
  height:550px;
  background: #ddfada;
  padding: 15px;
  margin: 250px 0px 0px 355px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  border-radius: 25px 25px 25px 25px;
  float:left;
  border: 2px solid #50bb42;
  font-family:verdana;

}


#contact2{
  width:600px;
  height:600px;
  background: red;
  margin: 70px 0px 0px 525px;
  padding: 15px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  border-radius: 25px 25px 25px 25px;
  float:left;
  border: 5px solid red;
  font-family:verdana;
  position: absolute; 
  left: 0px;
}



#thank{
 width:600px;
  height:150px;
  background: #ddfada;
  padding: 15px;
  margin: 60px 0px 0px 325px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  border-radius: 25px 25px 25px 25px;
  float:left;
  border: 0px solid #50bb42;
  font-family:verdana;
}

#txt{

 font-family:verdana;
     font-size:26px;
     font-weight:bold;
     color:green;
      text-align:left;
}

#txt2{

 font-family:verdana;
     font-size:16px;
     font-weight:bold;
     color:green;
      text-align:left;

}

#txt3{

 font-family:verdana;
     font-size:22px;
     font-weight:bold;
     color:#19890a;
      text-align:center;
}

#txt4{

 font-family:verdana;
     font-size:16px;
     font-weight:bold;
     color:#19890a;
      text-align:center;
}




* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1080px;
  max-height:418px;
  position: relative;
background:#fff;
 

  margin:0;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}



* {
  box-sizing: border-box;
}

#zoom {

  transition: transform .3s;
  width: 200px;
  height: 150px;
  margin: 0 auto;

background:#fff;
padding:7px;
margin:15px 0px 0px 8px;
float:left;
border: 2px solid #ccc;
Background-position: center;
position: absolute;
z-index: 1;
top:80px;
left:0px;

}

#zoom:hover {
  -ms-transform: scale(1.9); /* IE 9 */
  -webkit-transform: scale(1.9); /* Safari 3-8 */
  transform: scale(1.9); 
z-index:1;
}