@charset "utf-8";
/* CSS Document */
/* Pop-up box styles */
/*.popup {*/
    display: block; /* Visible by default */
    position: fixed; /* Stay in place */
/*    z-index:9999 !important;*/
/*    left: 0;*/
/*    top: 0;*/
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
/*}*/

/*.popup img{*/
/*    height:700px;*/
/*    margin-top:30px;*/
/*}*/



@media (max-width:425px){
/*  .popup img{*/
/*    height:1200px !important;*/
/*    margin-top:200px !important;*/
/*}*/

.close-btn {
  right:8% !important;
  top:10% !important;
    font-size: 70px !important;

}

}

/* Add animation (fade in the pop-up) */
/*@keyframes animateTop {*/
/*    from {top: -300px; opacity: 0}*/
/*    to {top: 0; opacity: 1}*/
/*}*/

/* Close button */
.close-btn {
    color: #aaa;
    position: absolute;
  
    right: 30%;
    font-size: 48px;
    font-weight: bold;
}

.close-btn:hover,
.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}



body{
	margin: 0;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	background-color: #a83939;
	background: #92d361!important;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	padding: 0px!important;
	overflow-x:hidden;
  }
  @media screen and (max-width: 768px) {
	
.im {

    margin-top: -287px!important;
    float: right!important;

	
  }
  .nam {
	width:82%;
    margin-top: 79px;

  }
  
	
  }  @media screen and (min-width: 768px) {
	
	.im {
	
		margin-top: -287px!important;
		float: right!important;
	
		
	  }

	  
		
	  }
  .ram{
	text-decoration: none!important;
  }
  a {
	color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
	text-decoration:none!important;
	color: black!important;

  }
  a:hover{
	background-color: white!important;
  }
  

.txt_box {
    width: 1130px;
    height: 90px;
    float: left;
    font-size: 21px;
    background: #84ba66;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}


#k{
	color:#92d361;
}

h3{
	padding:0px;
	margin:0px;
}
.wrapper{
	width:1150px;
	height:auto;
	margin:auto;
}

.logo{
	width:auto;
	height:auto;
	margin-left:5px;
	margin-right:5px;
	/*margin-bottom:20px;*/

}
.float_left{
	float:left;
}

.float_right{
	float:right;
}
.main_box{
	width: 1140px;
	height: 332px;
	float: left;
	border:#dadada solid 5px;
	
}
.banner{
	width:auto;
	height:auto;
	float:left;
	z-index:10000;
	margin-top: 10px;
}
/*.otherimg span a img {*/
/*    width: 100%;*/
/*    padding: 14px 0;*/
/*    background: white;*/
/*}*/
.navigation_box{
	width: 1150px;
	/*height: 43px;	*/
	float: left;
	margin-top:-48px;
	z-index:10;
	background-color: #3c8b00;
	margin-top:1px;
}
#menu{
    display: flex;
    align-items: center;
	width: 1150px;
	float: left;
	padding: 0px 0 0 0;
	z-index:1000;
	margin: 5px 0 !important;

}
#menu ul {
    font-family: Arial, Verdana;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 300px;
    z-index: 1000;
}
.navigation_box ul li {
    display: block;
    position: relative;
    float: left;
	/*z-index:1;*/
}
#festival-list{
    	font-size: 22px;
	/*font-weight: 500;*/
	cursor: pointer !important;
	padding: 0px 21px;
	color: black;
}
.navigation_box li ul {
  display: none;
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 500;
}

.navigation_box ul li a {
   display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 21px;
	background: #3c8b00;
	margin-left: 1px;
	white-space: nowrap;
	z-index:1;
	/*margin-top: 10px;*/
	font-size: 22px;
}
.navigation_box ul li a:hover {
background: #000;
}
.navigation_box li:hover ul {
    display: block;
    position: absolute;
    left: 0;
    overflow-Y: scroll;
}
.navigation_box li:hover li {
    float: none;
    font-size: 14px;
}
.navigation_box li:hover a { background: #3c8b00; }
.navigation_box li:hover li a:hover {
    background: #000;
}
a:active {
    color: #000;
	background:#FFF;
}
.txt_box{
	width: 1130px;
	height: 146px;
	float: left;
	font-size: 21px;
	background: #84ba66;
	padding: 10px;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.txt_box1{
	width: 1130px;
	height:auto;
	float: left;
	background: #84ba66;
	padding: 10px;
	margin-bottom: 10px;
	font-size:20px;
}

.txt_box_history{
	width:auto;
	height:auto;
	font-size: 20px;
	padding: 10px;

}

.photo_box{
	width:auto;
	height:auto;
	

}

.photo_container{
	width: 245px;
	height: 470px;
	margin-right: 62px;
}

.name{
	width: 205px;
	height: 5px;
	float: left;
	padding: 20px;
	text-align:left;
	font-size:21px;
}

.name1{
	width: 205px;
	height: 5px;
	float: left;
	padding: 20px;
	text-align:left;
	font-size:20px;
}

.margin_top{
	margin-top:150px;
	margin-left:50px;
}

.center_txt_cont{
	width: 280px;
	height: 1007px;
	float: left;
	background: #84BA66;
	margin-left: 108px;
	padding: 20px;
	text-align: justify;
	border-radius: 10px;
	line-height: 41px;
	font-size: 23px;
}

.txt_dr1{
	width: 287px;
	height: 100px;
	float: left;
	padding: 10px;
	font-size:21px;
	text-align:justify;
	margin-top: 30px;
}
	

.footer{
	width:100%;
	height:110px;
	float:left;
	background:#84ba66;
	margin-top:20px;
}

.footer3{
	width:100%;
	height:110px;
	float:left;
	background:#84ba66;

}


.footer1{
	width:100%;
	height:110px;
	float:left;
	background:#84ba66;
	margin-top:800px;
}

.copyright{
	width: auto;
	height: auto;
	float: left;
	margin-top: 70px;
}

.design {
	width: auto;
	height: auto;
	float: left;
	
	margin-top: 69px;
	margin-left: 29px;
    font-size: 18px;
  }

.btn{
	width: auto;
	height: auto;
	float: left;
	background: #256800;
	padding: 10px;
	color: #FFF;
	margin-left: 430px;
	margin-top: 10px;

}

a:hover{
	color:#FFF;
	text-decoration:none;
}

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

.patron_container{
	width: auto;
	height: auto;
	float: left;
	margin-left: 550px;
	margin-top: 40px;
	font-size: 20px;	
}

.activity_box{
	width:1150px;
	height:380px;
	float:left;
}

.activity_box_1{
	width:1150px;
	height:1270px;
	float:left;
	
}

.newsletter_1{
	width:1150px;
	height:auto;
	float:left;
	
}

.activity_box2{
	width:1150px;
	height:260px;
	float:left;
}

.activity_box1{
	width:1150px;
	height:630px;
	float:left;

}


.activity_box_photo{
	width:auto;
	height:auto;
	float:left;

}

.margin_left1{
	margin-left:50px;
}

.margin_top1{
	margin-top:30px;
}

.txt_cont{
	width:380px;
	height:auto;
	float:left;
	font-size:20px;
}

.txt_cont1{
	width:719px;
	height:400px;
	float:left;
	font-size:20px;
}

.name_1{
	width: 190px;
	height: auto;
	float: left;
	text-align: center;
	font-size: 16px;
	padding: 5px;
	color:#FFF;
}

.margin_9{
	margin-left:50px;
}

.margin_photo{
	margin-left:20px;
}

.margin_photo1{
	margin-top:80px;
}


.photo{
	width:220px;
	height:170px;
	float:left;
	margin-top:35px;
}

.cont_txt{
	width:1150px;
	height:980px;
	float:left;
}

.cont_txt_center_newsletter{
	width: 951px;
	height: auto;
	float: left;
	margin-left: 170px;
	margin-top: 30px;
}

.newsleter_txt1{
	width:1150px;
	height:auto;
	float:left;
}

.cont_txt_center{
	width: 850px;
	height: auto;
	float: left;
	margin-left: 138px;
	margin-top:30px;
}

.newsletter_cont{
	width:auto;
	height:auto;
	float:left;
}

.cont_txt_center_txt{
	width: 1150px;
	height: auto;
	float: left;	
	color: #000;
	margin-left: 0px;
	margin-top: 30px;
	font-size: 21px;
	background: #92d361;
}
	
.cont_txt_photo{
	width:250px;
	height:167px;
	float:left;
}

.cont_txt_photo_name{
	width: 241px;
	height: auto;
	float: left;
	text-align: center;
	font-size: 16px;
	padding: 5px;
	color: #FFF;
}

.cont_txt_photo_txt{
	width: 230px;
	height: 147px;
	float: left;
	background: #92d361;	
	padding: 10px;
	font-size: 21px;
	text-align: justify;
}

.box_masters{
	width: 400px;
	height:auto;
	float: left;
	padding: 10px;
	color:#FFF;
	border-radius: 10px;
	margin-top: 10px;
}

.history_txt1{
	width: 1150px;
	height: 85px;
	float: left;
	margin-top: 15px;
	padding: 10px;
	line-height: 2;
	font-size: 20px;
	background:#92d361;
		
}

.history_top{
	 width: 100%;
    height: auto;
    float: left;
    background: #000;
    /*margin-top: 85px; */
}

.activity_cont{
	width:1150px;
	height:355px;
	float:left;
	font-size:20px;
}

.activity_cont{
width: 100%;
	height:355px;
	float:left;
	font-size:20px;
	background-color: black;
}

.activity_cont_small_txt{
	width: 260px;
	height: 280px;
	text-align: justify;
	padding: 10px;
	color:#FFF;
}

.activity_cont_small{
	width:570px;
	height:280px;
	float:left;
	margin-top:20px;
	background-color: black;
}

.activity_cont_small_img{
	width:auto;
	height:auto;
	
	margin-top:60px;
	
}
.margin_left9{
	margin-left:10px;
}

.general_activity_txt{
	width:1130px;
	height:145px;
	float:left;
	padding:10px;
	font-size:20px;
}

.general_activity_txt1{
	width:1130px;
	height:175px;
	float:left;
	padding:10px;
	font-size:20px;
}

.general_activity_txt2{
	width:1130px;
	
	float:left;
	padding:10px;
	font-size:20px;
}
ul{
	background-color: #3c8b00;;
}

.exhibition_pic{
	width:300px;
	height:220px;

}

.exhibition_pic1{
	width:300px;
	height:220px;
	float:left;

}

.demonstration_name{
	width:auto;
	height:auto;
	float:left;
	font-size:54px;
	margin-left:13px;
	color:#FFF;
}
	

.exhibition_name{
	width:auto;
	height:auto;
	float:left;
	font-size:62px;
	margin-left:13px;
	color:#FFF;
	
}

.margin_left_1{
	margin-left:32px;
}

.margin_top123{
	margin-top:30px;
}

.exhibition_photo_box{
	width:1150px;
	height:190px;
	float:left;
}

.footer4 {
	width: 100%;	
	height: 110px;
	float: left;
	background: #84ba66;
	margin-top: 0px;
}

.iba_box{
	width:528px;
	height:auto;
	font-size:21px;
	margin-top:10px;
	margin-bottom:10px;
}


.iba_box0{
	width:622px;
	height:auto;
	font-size:21px;
	margin-top:55px;
	margin-bottom:10px;
	margin-right:-100px;
}

.big_commitee{
	width:1150px;
	height:auto;
	float:left;

}

.iba_box1_1{
	width: 528px;
height: auto;
float: left;
background: #CCC;
font-size: 21px;
margin-top: 250px;
margin-left: -495px;
}




.iba_box1_1txt{
	width: 528px;
	height: auto;
	float: left;
	background:#600;
	font-size: 21px;
	margin-top: 250px;
	margin-left: -495px;
}


.iba_cont1{
	width:530px;
	height:auto;
	font-size:21px;
}

.iba_cont2{
	width:620px;
	height:380px;

}

.iba_cont9{
	width:620px;
	height:380px;
	margin-top:-155px;
	float:left;

}

.iba{
	width:1150px;
	height:auto;
	float:left;
}

.iba_name{
	width:450px;
	height:200px;
	float:left;
	font-size:30px;
}

.box_no_image{
	width:300px;
	height:200px;
	float:left;
	
}

.act2014{
	width:1150px;
	height:200px;
	float:left;
}

.act2014_box{
	width:550px;
	height:300px;
	float:left;
	background:#0C9;
}

.act2014_box_photo{
	width:300px;
	height:250px;
	float:left;
	background:#CCC;
}

.box_2014{
	width:1150px;
	height:300px;
	float:left;
	background:#F00;
}

.box_2014_img{
	width:200px;
	height:300px;
	background:#CC0;

}

.box_2014_img1{
	width:200px;
	height:300px;
	background:#CC0;
	float:left;
	margin-left:400px;

}

.yearly_act1_cont{
	width:1150px;
	height:auto;
	float:left;
	font-size:21px;
	text-align:justify;
}

.yearly_act1_cont_small{
	width:530px;
	height:auto;
	float:left;
	font-size:21px;
	padding:10px;
	color:#FFF;
}

.iba_convention_photo{
	width:auto;
	height:auto;
	float:left;
	padding:10px;
}

.yearly_act1_cont_small_photo{
	width:auto;
	height:auto;
	float:left;

}

hr{
	border-top: 1px solid #000;
}

.blank_div{
	width:320px;
	height:220px;
	float:left;
	background:#F00;
}

.exhibition_2013_cont{
	width:auto;
	float:left;
	height:auto;
	margin-left: 30px;
}

.committee{
width: 590px;
height: 300px;
float: left;

margin-top: -270px;
}

#new_committee{
	width: auto;
	height: 435px;
	float: left;
	margin-left: 240px;
}

#new_committee1{
width: 460px;
height: auto;
font-size: 21px;
}
.copyright i 
{
	font-size:30px;
}
	#menu ul li:hover > ul {

                left: 200px;

                -webkit-transition: left 200ms ease-in;

                -moz-transition: left 200ms ease-in;

                -ms-transition: left 200ms ease-in;

                transition: left 200ms ease-in;

            }


            #menu ul li > ul {

                position: absolute;

                background-color: #333;

                top: 0;

                left: -200px;

                min-width: 200px;

                z-index: -1;

                height: 100%;

                -webkit-transition: left 200ms ease-in;

                -moz-transition: left 200ms ease-in;

                -ms-transition: left 200ms ease-in;

                transition: left 200ms ease-in;

            }


            #menu ul li > ul li a:hover

            {

                background-color:#2e2e2e;

            }
			
			.mag {
				margin:16px;
				margin-left:20px;
				}
				
			.marg {
				margin-top:80px;
				} 
		
		#new_image {
			width: auto;
			height: 556px;
			float: left;
			margin-left: 45px;
			}	
		
		.new1 {
			padding-left: 165px !important;
			height: 100% !important;
			padding-bottom: 24px;
			}		
			
			
	.col-md-6 {
		
		width:50%;
		float:left;}
		
		.mag a img {
    width: 250px;
    height: 300px;
}

	.newsletter_1 p{
	    color:black;
	        background: #92d361;
	        margin-top: 57px;
	}		
		
.text {
    position: absolute;
    color: darkturquoise;
    width: 100%;
    font-size: 17px;
}

@media(max-width:768px){
    .my-Modal-btn{
         font-size: 50px !important;
     }
}