/* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        /*jssor slider bullet skin 132 css*/
        .jssorb132 {position:absolute;}
        .jssorb132 .i {position:absolute;cursor:pointer;}
        .jssorb132 .i .b {fill:#fff;fill-opacity:0.8;stroke:#000;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.7;}
        .jssorb132 .i:hover .b {fill:#000;fill-opacity:.7;stroke:#fff;stroke-width:2000;stroke-opacity:0.8;}
        .jssorb132 .iav .b {fill:#000;stroke:#fff;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
        .jssorb132 .i.idn {opacity:0.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
		
/* end jssor banner slider spin*/

/** json div*/
.json_home_div{
	position:	relative;
	margin:	0 auto;
	top:	0px;
	left:	0px;
	width:	1600px;
	height:	560px;
	overflow:hidden;
	visibility:hidden;
}

/** banner carousel */
.home-slide-banner{
	cursor:default;
	position:relative;
	top:0px;
	left:0px;
	width:1600px;
	height:560px;
	overflow:hidden;
}
.banner-carousel{
	left:		0px;
	top:		0px;
	width:		1600px;
	height:		560px;
	position:	absolute;
	
}

/**page banner */
.json_page_div{
	position:	relative;
	margin:	0 auto;
	top:	0px;
	left:	0px;
	width:	1600px;
	height:	350px;
	overflow:hidden;
	visibility:hidden;
}

.page-slide-banner{
	cursor:default;
	position:relative;
	top:0px;
	left:0px;
	width:1600px;
	height:350px;
	overflow:hidden;
}

.banner-page-carousel{
	left:		0px;
	top:		0px;
	width:		1600px;
	height:		350px;
	position:	absolute;
	
}
/** individual stye*/

/* left abstract*/
.left-abstract-banner{
	left:690px;
	top:160px;
	width:400px;
	height:150px;
	position:absolute;
	opacity:0;
	color:#000;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:30px;
	line-height:1.2;
	letter-spacing:0.1em;
}

/* right abstract*/
.right-abstract-banner{
	left:	780px;
	top:	160px;
	width:	400px;
	height:	150px;
	position:absolute;
	opacity:0;
	color:#000;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:30px;
	line-height:1.2;
	letter-spacing:0.1em;
}
/* page abstract*/
.left-abstract-page-banner{
	left:690px;
	top:120px;
	width:400px;
	height:150px;
	position:absolute;
	opacity:0;
	color:#000;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:20px;
	line-height:1.2;
	letter-spacing:0.1em;
}

.right-abstract-page-banner{
	left:	780px;
	top:	120px;
	width:	400px;
	height:	150px;
	position:absolute;
	opacity:0;
	color:#000;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:20px;
	line-height:1.2;
	letter-spacing:0.1em;
}
/* navigator**/
.arrow_navigator_left{
	width:	55px;
	height:	55px;
	top:	0px;
	left:	25px;
}


.arrow_navigator_right{
	width:	55px;
	height:	55px;
	top:	0px;
	right:	25px;
}

.svg_navigator{
	position:	absolute;
	top:	0;
	left:	0;
	width:	100%;
	height:	100%;
}

.json-loading{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
}

.json-loading img{
	margin-top:-19px;
	position:relative;
	top:50%;
	width:38px;
	height:38px;
}
/******event carousel ********/
#event_slideshow { 
    margin: 50px auto; 
    position: relative; 
    height: 300px; 
    padding: 10px; 
}

#event_slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
	padding: 0px !important;
}

/*overlay*/

/* in small size**/
@media screen and (max-width: 918px){
  .event_container .content-overlay {
		padding: 0 !important;
		width: 100% !important;
		height: 100% !important;
  }
  .content-details {
	  position: absolute !important;
}

}

/* end in small size**/

.event_content {
  position: relative;
  /*width: 90%;*/
  max-width: 400px;
  margin: auto;
  overflow: hidden;
  padding: 0 !important;
}

.event_container .event_coming {
  background: url(../images/upcoming_bg.png) no-repeat;
  position: absolute !important;
  height: 75%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
}

.event_container .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute !important;
  height: 90%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 2;
}
.event_container:hover .content-overlay{
  opacity: 1 !important;
}

.content-image{
  width: 100% !important;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 2;
}

.event_container:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

/******** end event carousel***********/

/****************** page gallery carousel ***************************/
/*jssor slider loading skin spin css*/
    
        .jssora061 {display:block;position:absolute;cursor:pointer;}
        .jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
        .jssora061:hover {opacity:.8;}
        .jssora061.jssora061dn {opacity:.5;}
        .jssora061.jssora061ds {opacity:.3;pointer-events:none;}


.json_slideshow{
		position:relative;
		margin:0 auto;
		top:0px;
		left:0px;
		width:980px;
		height:380px;
		overflow:hidden;
		visibility:hidden;
}

#columnLeft div{
	padding: 0 !important;
}
/******************************* end page gallery carousel**********************************/