body {
    padding: 0;font-family: 'Montserrat', sans-serif;
    font-size:14px
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    
}
div{
    max-width:2000px;
}
body >div{
    margin:0 auto;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
.row-flex {
    display: flex;
}
.row-flex .eqlcol {
    align-self:  flex-start;
}
.row-flex .cencol {
    align-self:center;
}
.school{
   background-position:left bottom; /*min-height:325px;*/ background-repeat:no-repeat;
   width:100%; background-color:#fff;/*border:1px solid #eee;*/ height:100%;padding:30px;
}
.boll{

}
.kbrd{

}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
.navbar-inverse {
    background-color: #054c9b;border-radius:0;
    border:none;padding:0;
   /*-webkit-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.55);
box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.55);border:1px solid rgba(255, 255, 255, 0.57);*/
}
.navbar {
     margin-bottom: 0; 
}
h1, h2, h3, h4, h5, h6 {
    color: #4f8303;
    font-family: 'Fjalla One', sans-serif;
}
h1 small{
    color:#ffd800; font-size:35px; font-weight:normal;text-transform:capitalize;
}
#albm-g{
	display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}
.albm-g{
    /* display:block; width:33%;  height:155px; position:relative;margin-top: -4px; display: block; */
    flex-grow: 1;
    min-width: 150px;

}
#gInfo{
	width:100%;
}
.albm-g a{
   /*border:5px solid #fff; display:block; overflow:hidden;margin:0;margin-right:1px;
   position:absolute;left:0;top:0;right:0;bottom:0;padding:0;*/
}
.albm-g a:hover{
    border-color:#ffd800;
}
.albm-g a img{
   
	    width: 100%;
    height: 100%;
    top: 0;
    /* position: absolute; */
    object-fit: cover;
    object-position: center;
    padding: 1px;
}
/**/



.grid-sizer,
.grid-item { width: 50%;}
.grid-item a{
    display:block;background-color:#fff;padding:15px;margin-right:10px; margin-bottom:10px;border-radius:4px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);border:1px solid rgba(147, 146, 146, 0.50);
}
.grid-item a:hover{
    text-decoration:none; color:#0379ff;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.55);
box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.55);
background-color:#ffd800;border-color:#333;
}
.albm{
    /*display:block;padding:10px; background-color:#fdfdfd;margin-bottom:5px;*/color:#333;
    text-align:center;
}
.albm-g:hover{
    border-color:#ffd800;
}
.albm img{
    margin:0 auto;
}
.albm h3{
    color:#333 !important;
}
.navbar-brand{
    background-color:#fff;
    width:200px; height:80px; overflow:visible; padding:0; text-align:center;padding-left:12px;
}
.navbar-brand:hover{
     background-color:#fff !important;
}
.navbar-inverse .navbar-nav > li > a{
    color:#eee;
     padding:15px 15px ; display:block;font-family: 'Fjalla One', sans-serif;/**/font-size:15px;
     margin:5px 0px;
    /*padding-top:30px;
    padding-bottom:30px; padding: 10px;*/
        border-left: 1px solid #0059bb;   
    box-shadow: -1px 0 4px -1px rgba(0, 0, 0, 0.15);
}
.navbar-inverse .navbar-nav > li > a:hover{
     background-color:transparent;color:#ffe203 !important;
}
.home-top{
    background-color:#ff6403; color:#fff; padding-top:70px; border-top:0px solid #00223e;
    border-bottom:0px solid #00223e;position:relative;
    background-image:url('../images/home-bg.png');background-position:right bottom; background-repeat:no-repeat; background-size:cover;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
   
    /*-webkit-box-shadow: 0px -5px 17px 0px rgba(0,0,0,0.95);
-moz-box-shadow: 0px -5px 17px 0px rgba(0,0,0,0.95);
box-shadow: 0px -5px 17px 0px rgba(0,0,0,0.95);*/border-top:1px solid #fff;border-bottom:1px solid #fff;
}
.home-top h1{
    color:#fff;font-size:40px;
}
.hom-btn{
    display:none !important;  
   
}
.kathakali{
    height: auto;
    position: absolute;
    width: 56%;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0px solid #ff0000;
    display: block;
    overflow: visible;
    /*height:auto;position:absolute;left:35%;right:0;top:0;bottom:100px; border:0px solid #ff0000;display:block;
    overflow:visible;*/ /*background-image:url('/images/kathakali.png');background-position:right bottom; background-repeat:no-repeat; background-size:cover;*/
}
.kathakali .image{
    width:80%;float:right; height:100%;background-image:url('../images/kathakali.png');background-position:-20%; background-repeat:no-repeat; background-size:cover;
}
.mmca-events{
   border-top:1px solid #fff; border-left:1px solid #fff;
    height:100px; background-color:#333;
    bottom:0;margin-left:20%;
    width:80%;position:absolute;margin-bottom :-100px;
    margin-right :-2px;min-width:450px;
}
.mmca-events .detail{
     padding:15px; display:inline-block;color:#eee;
}
.mmca-events .title{
    left:0;width:150px;padding:15px; display:inline-block;height:99px;padding-top:25px;
    background-color:#4f8303;color:#fff;font-weight:bold; text-align:right;
}
.menubar{
    max-width:5000px;
    position: fixed;
    width: 100%; 
    top: 0; background-color: #054c9b;border-bottom:1px solid #fff;
    z-index: 999; background-image:url('../images/menubg.png');background-position:left top; background-repeat:repeat-y;
}
.home-album{
    background-color:#4f8303;border-top:1px solid #fff;
      background-image:url('../images/gallery.png');background-position:right top; background-repeat:no-repeat; background-size:cover;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.home-album h1,.home-album h3{
    color:#fff;
	width:100%;
}

.home-album .cols{
 flex-grow:1;
}
.home-album .cols img{
    padding:10px; background-color:#315104;margin:1px auto;
    -webkit-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.55);
	 object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 190px;

}
.detail{background-color:rgba(79, 131, 3, 0.28); background-image:none;}
 .msg{
     /*position:relative;*/ display:inline-block; padding:15px; border-right:1px solid #999;
 }
 .msg:last-child{
     border-right:0px solid #999;
 }
.msg .msg-pop{
    display:none;
    padding:15px;position:absolute;background-color:#fff;min-width:450px; z-index:888;bottom:70px;
    max-height:100px; overflow:auto;color:#333;
}
.msg:hover .msg-pop{
    display:block;
}

#mdisplay{
 background:#333;border-top:1px solid #fff;
  height:70px;padding-left:15px; padding-right:15px;
  width:100%;overflow:hidden;
  /*overflow-x:hidden;
  overflow-y:visible;*/
  position:relative;color:#eee;
}
#mtext{
  
  cursor:pointer;
  overflow:visible ;
  position:absolute; /*width:100%;*/
  left:10px;
  margin-right:10px;
  top:10px; white-space: nowrap;
}
.carousel-inner .item{
    max-height:700px; margin:0 auto;
}
.carousel-inner{
   position:relative;
}
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        margin:0 auto;
    }
.home-detail {
    background-image: url('../images/kerala-konna-flower.jpg');
    background-repeat:no-repeat; background-size:cover;
    padding-top:80px; padding-bottom:80px;background-color:#ffe203;
}

.home-detail .detail{
    background:rgba(255, 255, 255, 0.82);padding:15px;/**/-webkit-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.55);
box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.55);
}
.home-detail h2{
    background-color:rgba(51, 51, 51, 0.82); color:#fff;padding:15px; margin-bottom:0;
}
.home-detail .detail img{
    margin:0 auto;margin-bottom:15px;
}
.home-useful{
     padding-top:80px; padding-bottom:80px;background-color:#510988;border-top:1px solid #fff;
}
.home-useful h3{
    color:#ffe203;
}
.home-useful a{
    color:#eee;
}
footer{
    padding-top:30px; padding-bottom:30px;background-color:#333;color:#ccc;border-top:1px solid #fff;font-size:0.8em;
}
.sub-top {
    height: 91px;
    background-color: #0379ff;
    background-image: url('../images/riverboat-cruise.jpg'); background-position:top left; background-attachment:fixed;
}

.tc{
    display:table-cell ;
    background-color:#4f8303;height:100%;
}
.c-title{
    position:relative;width:100%;
}
.c-title h1{
    
    font-size:35px; text-align:center;
    padding:20px;color:#fea70a !important;  text-shadow:-2px -2px 5px #333,2px 2px 5px #333;border:1px dashed #999;
    font-weight:normal;/*right:0;left:0;margin-top:-120px;display:inline-block; text-align:center;,-1px -1px 0px #fff1px 1px 0px #fff ,*/
}
.c-inner{
    background-color:rgba(0, 0, 0, 0.43);
    padding:20px;
    position:absolute;z-index:888;bottom:0;width:325px;right:0;
}
.c-title h1 small{
    display:block;color:#07dce2;
    border-top:1px solid #999;margin-top:10px;padding-top:10px; font-size:20px;
}
.l-pad-t{
    padding-top:70px;
}
.l-pad-b{
    padding-bottom:70px;
}
.navbar-inverse .navbar-toggle{
    margin-top: 18px;
    border: 1px solid #0379ff !important;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #0379ff;color: #ffe203;
    border: 1px solid #0379ff !important;
}


@media(min-width:768px) {

    .grid-sizer,
    .grid-item { width: 33%; }
    .c-title h1{
         font-size:40px;margin-top:0; margin-bottom:0;
    }
     .c-inner {
        width:525px;padding:10px;
    }
    
    .c-inner h1 small{      
      font-size:15px;
     }
}

@media(min-width:992px){
    .navbar-inverse .navbar-nav > li > a{
        padding:15px 25px ;
     margin:5px 0;
    }
    .navbar-brand{
        width:250px; height:80px; overflow:visible; padding:0; text-align:center;padding-left:33px;
    }
    
    .grid-sizer,
    .grid-item { width: 33%;/*padding:30px;border:1px solid rgba(79, 131, 3, 0.28);background-color:#fff;*/ }
    .00albm-g{
        display:inline-block; width:25%;  
    }
    .c-inner {
        width:525px;padding:20px;
    }
    .c-title h1{
         font-size:50px;
    }
    .c-inner h1 small{      
      font-size:20px;
     }
}

@media(min-width:1200px){
    .navbar-inverse .navbar-nav > li > a{
         padding:15px 35px ;
     margin:5px 10px;
    }
    
    
    .grid-sizer,
.grid-item { width: 24%;/*padding:15px;border:1px solid rgba(79, 131, 3, 0.28);background-color:#fff;*/ }
}

@media(max-width:767px){
    .row-flex{
        display:block;
    }
    .navbar-inverse .navbar-nav > li > a{
        padding:5px 10px;color:#eee;border-left:none;box-shadow:none;
    }
    /**/
    
    .navbar-collapse{
        width:180px;padding-left:50px;       
    position: absolute;
    right: 0; background-color:#0379ff;
    border-color:#fff;
    }
    .menubar{
        position:static;
        background-color:#0379ff;
    }
    .navbar-inverse{
        box-shadow:none;border:none;
    }
     .menubar .container{
         width:100%;
         padding:0;
         margin-bottom:0;border-bottom:1px solid #fff;
     }
    .navbar{
         margin-bottom:0;
    }
    .kathakali{
        position:static;
        border:0px solid #ff0000;display:block;
        width:100%;overflow:visible;
    }
    .kathakali .image{
        display:none;
    }
    .kathakali hr{
       
    }
    .mmca-events{
        position:absolute;
            margin-bottom: 20px;left:0; height:150px;
    margin-right: 2px;width:100%; min-width:30px;bottom:-50px;border-left:none;
    margin-left:0;
    }
    .mmca-events .detail{
        padding:15px;
        display:block; height:100px;
    }
    .mmca-events .title {
        left: 0;
        width: 100%;
        padding: 15px;
        display: block; 
        height: auto; 
    }
     .00albm-g{
        display:inline-block; width:50%;  
    }
    .c-inner {
        width:400px;padding:10px;
    }
    .c-title h1 {
        font-size:30px;
    }
    .c-inner h1 small{
      padding:0; border:none;
      font-size:15px;line-height:1.2em;
     }
}
@media(max-width:450px) {
.home-album .cols{
       border-right:0px solid #eee;
       display:block  !important;width:100% !important;       
    }
.home-album .cols img {
   
}
 .00albm-g{
        display:inline-block; width:100%;  
    }
  .c-title h1{
         font-size:25px; background:none;bottom:0;
    }
  .c-inner{
    background-color:rgba(0, 0, 0, 0);
    padding:0px;
    position:absolute;z-index:888;bottom:-10px;width:270px;
    margin:0 auto;
    }
  .c-inner h1{
      border:none;padding:10px;background-color:rgba(0, 0, 0, 0.4);line-height:1.23em;
  }
  .c-inner h1 small{
      padding:0; border:none;
      font-size:15px;line-height:1.2em;
  }
}
.executives .img-responsive{
    display: inline-block !important;
}