﻿*{font-size:100%;margin:0;padding:0;}
ul, li {list-style: none;}
.my-slider {margin: 1.5% 0;width: 100%; float:left;}
.gallery-wrapper{width:100%; float:left; margin:1.5% 0;}
    
.modal {display: none;position: fixed;z-index: 1000;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;
background-color:rgba(0,0,0,0.7);}
.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0;width: 30%;}
.modal-content img{width:100%;position:absolute;}
.close {width:10%;float:right; position:relative;right: -15px;bottom: 17px;z-index:1;opacity:1;}
.close:hover,.close:focus {color: #999; text-decoration: none; cursor: pointer;}
.prev-image,.next-image {cursor: pointer; position: absolute; margin-top: 50%; color: white;
font-weight: bold; font-size:2em; transition: 0.6s ease; user-select: none;-webkit-user-select: none;}
.prev-image{margin-left:-5%;}
.next-image{margin-right:-5%;}
.next-image {right: 0;border-radius: 3px 0 0 3px;}
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.caption-container {text-align: center;background-color: black;padding: 2px 16px;color: white;}

.lb-loader,.lightbox{text-align:center;line-height:0}
body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}
body.lb-disable-scrolling{overflow:hidden}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}
.lb-loader,.lb-nav{position:absolute;left:0}
.lb-outerContainer:after{display:table}
.lb-loader{top:43%;height:25%;width:100%}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}
.lb-dataContainer{margin:0 auto;  /*padding-top:5px;*/  width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{display:table;}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:1.4em;font-weight:700;line-height:1em}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{display:block;clear:left;padding:3% 0;font-size:1.2em; color: #c5c5c5;}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close1.png) top right no-repeat; margin: 2% 0; text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/*jquery css*/
.my-slider-list{ width: 100%;float: left;}
.my-slider-item img{width:100%;}
.image1{width: 23%;float: left;margin:1.5% 1%;background-color: antiquewhite; border:4px solid #39367f; overflow:hidden;}
.my-slider-item{text-align: center;display:table; float:left; margin:0; width:100%;overflow: hidden;}
.wrapper1{ margin: 0 auto;height:230px; width:90%;text-align: center;display:table-cell;vertical-align:middle;}
.my-slider h5{margin:0;font-family: verdana;font-size: 1.1em;font-weight: 600;color: #3f3ab3;padding: 0 1.5%;}
/*event details css*/
.event-details{width:97%; float:left; margin:0 1.5%;}
.event-details h6{margin:0; font-size:1em;font-family:verdana, Arial, Helvetica, sans-serif; font-weight: 600; color: #4e49b9; padding: 0.7% 0;}
.event-details span{font-weight:normal;}
.event-details p{margin:0;font-size:1em;font-family:verdana, Arial, Helvetica, sans-serif; color:#636363; text-align:justify; padding: 0;}

.event-details1{width:94%; float:left; margin:0 3%;}
/*.event-details1 iframe{width:100%; margin:0; border:1px solid gray;}*/
.event-heading{width:25%; float:left;}
.event-heading h6{margin:0; font-size:1em;font-family:verdana, Arial, Helvetica, sans-serif; font-weight: 600; color: #4e49b9; padding: 0.7% 0;}
.event-heading h6 span{float: right; padding-right: 18%; font-weight:600;}
.event-content{width:75%; float:left;}
.event-content h5{margin:0; font-size:1em;font-family:verdana, Arial, Helvetica, sans-serif; color: #4e49b9; padding: 0.7% 0;display: inline;}
.event-detail-row{width:100%; float:left; margin:1% 0;}
.event-details1 h4{margin:0; font-size:1em;font-family:verdana, Arial, Helvetica, sans-serif; font-weight: 600; color: #4e49b9; padding: 0 0 2% 0;}
.event-google-map{ position: relative;padding-bottom: 36%;height: 0;overflow: hidden; width:100%; float:left; margin:2% 0;}
.event-google-map iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;border: 1px solid #c7c7c7;}
/*Image hover css*/
.my-slider-item img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.my-slider-item:hover img {-webkit-transform: scale(1.3);transform: scale(1.3);}

@media only screen and (max-width:1100px) and (min-width:900px){
.image1{width: 30.33%;margin:1.5%;}
}
@media only screen and (max-width:900px) and (min-width:600px){
.image1{width: 47%;margin:1.5%;}
.event-content h5, .event-heading h6, .event-details h6, .my-slider h5, .event-details p, .event-details1 h4{font-size:0.95em;}
.event-heading h6 span{padding-right:10%;}
}
@media only screen and (max-width:768px){
.event-detail-row{margin:0.5% 0;}
.event-details1{width:97%; margin:1% 1.5%;}
}
@media only screen and (max-width:600px) and (min-width:480px){
.image1{width: 70%;margin:1.5% 15%;}
.event-details h6{padding:1% 0;}
.event-details p{font-size:0.97em; padding: 1% 0;}
.event-content h5, .event-heading h6, .event-details h6, .my-slider h5, .event-details p, .event-details1 h4{font-size:0.95em;}
.my-slider h5{padding:1.5%;}
}
@media only screen and (max-width:480px) and (min-width:100px){
.image1{width: 96%;margin:1.5% 2%;}
.event-details h6{padding:1.5% 0;}
.event-content h5, .event-heading h6, .event-details h6, .my-slider h5, .event-details p, .event-details1 h4{font-size:0.95em;}
.my-slider h5{padding:1.5%;}
.event-detail-row{margin:1% 0;}
}
@media only screen and (max-width:400px){
.event-content, .event-heading{width:100%;}
.event-heading h6 span{float:none;}
}