@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700);
/*font-family: 'Maven Pro', sans-serif;*/
@import 'https://fonts.googleapis.com/css?family=Yeseva+One';
/*font-family: 'Yeseva One', cursive;*/


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

    


@media (min-width: 768px) {
     
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


body
{
    background: #e3e3e3;
}

.clsSectHead
{
    
    background: #ffd156;
    width: 300px;
    padding-left: 75px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 700;
    color: #353472;
    margin-top: 0px;
    margin-bottom: 0px;
    
}

.clsheadHR
{
    border-top: 1px solid #ffd156;
    margin-bottom: 10px;
    margin-top: 0px;
}

#IDTodaysEvents .clsTodaysEvents , #IDLatestEvents .clsLatestEvents, #IDUpcomingEvents .clsSectUpComingEvents, #IDQuickLinks .clsQuickLinks, #IDWelcome .clsWelcome
{
    background-color: #fff;
    margin-bottom: 5px;
}

/*
figure{
  position:absolute;
  width:15em;
  height:15em;
  overflow:hidden;
  margin: 0;
  padding: 0;
  }

figcaption{
  width: 100%;
  position:relative;
  top: -6em;
  background-color: black;
  background-color: rgba(0,0,0,0.6);
  }

clsCaption{
  color:white;
  padding: 0.5em;
  }

clsInstitutesIMG {
  height: 100%;
  }
*/


/*
figure {
  float: left;
  position: relative;
  overflow: hidden;
  font-size: 0;
  margin: 40px;
}
figure figcaption {
  font-size: 14px;
  position: absolute;
  bottom: calc(58px - 100%);
  width: 100%;
  height: 100%;
  background: rgba(64, 80, 96, 0.8);
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
  transition: bottom .5s;
}
figure figcaption:hover {
  bottom: 0;
}
figure figcaption h1 {
  line-height: 32px;
  font-size: 28px;
  margin: 0;
}
*/

/*#IDHeader*/

/*#IDBanner*/

/*#IDWelcome*/

#IDWelcome .clsWelcome
{
    /*padding: 30px 80px;*/
    padding: 10px 10px;
    font-family: 'Maven Pro', sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
}

#IDWelcome .clsWelcomeHead
{
    /*background: #ffd156;*/
    padding-top: 8px;
    padding-bottom: 5px;
    text-transform: capitalize;
    font-size: 20px;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #ffd156;
    text-align: left;
}

#IDWelcome .clsWelcomeHomeHead
{
    background: #ffd156;
    padding-top: 8px;
    padding-bottom: 5px;
    text-transform: capitalize;
    font-size: 20px;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    margin-bottom: 0px;
    /*margin-left: 10px;*/
   text-align: center;
}


/*#IDQuickLinks*/

.clsQuickLinkUL
{
width: 100%;    
}

.clsQuickLinkUL li
{
    list-style: none;
    display: inline-flex;
    width: auto;
/*    max-width: auto;*/
    
    margin: 2% 2%;
    

}

/*#IDTodaysEvents*/

/*
#IDTodaysEvents .clsTodaysEvents
{
    background-color: #fff;
    margin-bottom: 5px;
}
*/

/*#IDLatestEvents*/

/*
#IDLatestEvents .clsLatestEvents
{
    background-color: #fff;
    margin-bottom: 5px;
}
*/

/*#IDUpcomingEvents*/

/*
#IDUpcomingEvents .clsSectUpComingEvents
{
    background-color: #fff;
    margin-bottom: 5px;
}
*/

.clsUpcomingEventIMG
{
    border-radius: 50%;
}

.clsUpcomeEvntHead
{
    font-family: 'Maven Pro', sans-serif;
    color: #313293;
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
}

.clsUpcomeEvntContent
{
    font-family: 'Maven Pro', sans-serif;
    color: #000 !important;
    font-size: 15px;
    text-decoration: none !important;
}

.clsUpcomeEvntContent a
{
  text-decoration: none;
  font-weight:500;
  color: #313293;
}

.clsUpcomeEvntContent a:hover
{
  color: #ffd156;
}

/*#IDInstitutions*/


.customNavigation{
  text-align: center;
}
/*use styles below to disable ugly selection*/
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select:none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#owl-demo .item{
  background: #3fbf79;
/*  padding: 30px 0px;*/
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

    #owl-demo .item{
      display: block;
/*      padding: 30px 0px;*/
      margin: 5px;
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
    }
    .owl-theme .owl-controls .owl-buttons div {
      padding: 5px 9px;
    }
     
    .owl-theme .owl-buttons i{
      margin-top: 2px;
    }
     
/*    //To move navigation buttons outside use these settings:*/
     
    .owl-theme .owl-controls .owl-buttons div {
      position: absolute;
    }
     
    .owl-theme .owl-controls .owl-buttons .owl-prev{
      left: 0px;
      top: 55px; 
    }
     
    .owl-theme .owl-controls .owl-buttons .owl-next{
      right: 0px;
      top: 55px;
    }
     
     





#IDInstitutions .clsSectInstitutions
{
    background-color: #fff;
}


/*#IDFooter*/

#IDFooter .clsFooter1
{
    
    background: #494a5a;
    
}

#IDFooter .clsFooter1 h3
{
    padding-top: 80px;
    font-family: 'Yeseva One', cursive;
    font-size: 28px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#IDFooter .clsFooter1 h3 img
{
    height: 100px;
    width: 100px;
    margin-top: -60px;
}

#IDFooter .clsFooter1 p
{
    padding-bottom: 20px;
    font-family: 'Maven Pro', sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    margin-bottom: 0px;
    padding: 20px;
}



#IDFooter .clsFooter2
{
    
    background: #3d3d46;
        
}


#IDFooter .clsFooter2 p
{
    text-align: center;
    color: #d4d4d4;
    font-family: 'Maven Pro', sans-serif;
    font-size: 10px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

#IDFooter .clsFooter2 p a
{
    color:  #d4d4d4;
    text-transform: uppercase;
    text-decoration: none;
}

#IDFooter .clsFooter2 p a:hover
{
    
    color: #2196F3;
    
}

.clsQuickLinkP
{
    color: #595959;
     font-family: 'Maven Pro', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0px;
    margin-left: 5px;
}

.clsQuickLinkIMG
{
    
    height: 25px;
    width: 25px;
    
}

.clsQuickLinkLIHall:hover .clsQuickLinkIMGHall
{
    content: url("../images/imgHallsHover.png");    
}

.clsQuickLinkLIHall:hover .clsQuickLinkIMGHall:before 
{
    content: url("../images/imgHallsHover.png");    
}

.clsQuickLinkLIHall:hover .clsQuickLinkPHall
{
    color: #2e3192 !important;
}


.clsQuickLinkLIKarayogam:hover .clsQuickLinkIMGKarayogam
{
    content: url("../images/imgKarayogamHover.png");    
}

.clsQuickLinkLIKarayogam:hover .clsQuickLinkIMGKarayogam:after
{
    content: url("../images/imgKarayogamHover.png");    
}

.clsQuickLinkLIKarayogam:hover .clsQuickLinkPKarayogam
{
    color: #2e3192 !important;
}

.clsQuickLinkLISawhridam:hover .clsQuickLinkIMGSawhridam
{
    content: url("../images/imgSawhridamHover.png");    
}

.clsQuickLinkLISawhridam:hover .clsQuickLinkIMGSawhridam:after
{
    content: url("../images/imgSawhridamHover.png");    
}

.clsQuickLinkLISawhridam:hover .clsQuickLinkPSawhridam
{
    color: #2e3192 !important;
}

.clsQuickLinkLIDownloads:hover .clsQuickLinkIMGDownloads
{
    content: url("../images/imgDownloadsHover.png");    
}

.clsQuickLinkLIDownloads:hover .clsQuickLinkIMGDownloads:after
{
    content: url("../images/imgDownloadsHover.png");    
}

.clsQuickLinkLIDownloads:hover .clsQuickLinkPDownloads
{
    color: #2e3192 !important;
}

.clsQuickLinkLINews:hover .clsQuickLinkIMGNews
{
    content: url("../images/imgNewsHover.png");    
}

.clsQuickLinkLINews:hover .clsQuickLinkIMGNews:after
{
    content: url("../images/imgNewsHover.png");    
}

.clsQuickLinkLINews:hover .clsQuickLinkPNews
{
    color: #2e3192 !important;
}



.clsQuickLinkIMGHall:hover
{
    content: url("../images/imgHallsHover.png");
}

.clsQuickLinkIMGKarayogam:hover
{
    content: url("../images/imgKarayogamHover.png");
}

.clsQuickLinkIMGSawhridam:hover
{
     content: url("../images/imgSawhridamHover.png");
}

.clsQuickLinkIMGDownloads:hover
{
     content: url("../images/imgDownloadsHover.png");
}

.clsQuickLinkIMGNews:hover
{
    content: url("../images/imgNewsHover.png");
}

.clsQuickLinkP:hover
{
    color: #2e3192;
}

.clsIMGInstitutes
{
    float:left; /* important */  
    position:relative;
}

.clsPInstitutes
{
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:100%;  
    /* styling bellow */  
    background-color:white;  
    font-family: 'Maven Pro', sans-serif;
    font-weight: 700;
    font-size:13px;  
    color:#353472;  
    opacity:0.8; /* transparency */  
    filter:alpha(opacity=80); /* IE transparency */ 
    margin-bottom: 0px;
    padding: 2px 0px;
    text-decoration: capitalize;
}

.clsQuickLinkBlock
{
    margin-top: 20px;
    margin-bottom: 30px;
}

.clsQuickLinkBlock a
{
    text-decoration: none;
}

.clsH4HallBooking, .clsH4Mangalyam, .clsH4Sawhridam, .clsH4Live
{
    color: #595959;
     font-family: 'Maven Pro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-top: 13px;
    margin-left: 5px;

    
}

.clsHallBooking:hover .clsIMGHallBooking
{
 content: url("../images/QuickLinks/imgHallBookingHover.png");       
}

.clsHallBooking:hover .clsH4HallBooking
{
    color: #2e3192;
}

.clsMangalyam:hover .clsIMGMangalyam
{
    content: url("../images/QuickLinks/imgKarayogamHover.png");       
}

.clsMangalyam:hover .clsH4Mangalyam
{
color: #2e3192;    
}

.clsSawhridam:hover .clsIMGSawhridam
{
    content: url("../images/QuickLinks/imgSawhridamHover.png");       
}

.clsSawhridam:hover .clsH4Sawhridam
{
    color: #2e3192;    
}

.clsLive:hover .clsIMGLive
{
       content: url("../images/QuickLinks/imgLiveTVHover.png"); 
}

.clsLive:hover .clsH4Live
{
     color: #2e3192; 
}

  
@media only screen and (max-width: 768px) {
    
    .clsHallBooking, .clsMangalyam, .clsSawhridam, .clsLive
{
    
    margin-left: 20%;
    
    }
    }



#navbar-primary .navbar-nav {
  width: 100%;
  text-align: center;
}
#navbar-primary .navbar-nav > li {
  display: inline-block;
  float: none;
    margin-top: -64px;
    height: 18px;
}
#navbar-primary .navbar-nav > li > a {
  padding-left: 30px;
  padding-right: 30px;
}

.clsMenu
{
    background-color: #2e3192;
    height: 48px;
}

.clsMenuItem a
{
    color: #fff;
    font-family: 'Maven Pro', sans-serif;
    font-size: 14px;
    font-weight: 500;
    
}


#navbar-primary .navbar-nav > li > a {
    
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
    
}

.navbar-collapse
{
    padding-right: 0px;
    padding-left: 0px;
}

.clsMenu2
{
    background-color: #ffd668;
    display: inline-block;
    z-index: -99;
        padding-top: 8px;
    padding-bottom: 0px;
    text-align: center;
}

.navbar
{
    margin-bottom: 0px;
}

.clsMenu2 a
{
    
/*
    margin-top: 10px;
    margin-bottom: 5px;
*/
    
}

.clsMenu2Padding
{
    
}

.clsMenu2Item
{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    
}

.clsMenu2Item a
{
    color: #353535;
    font-family:'Maven Pro', sans-serif;
    font-weight: 500;
    font-size: 14px;    
    text-decoration: none;
}

.clsMenu2Item:hover a
{
    color: #2e3192;
    font-family:'Maven Pro', sans-serif;
    font-weight: 500;
    font-size: 14px;    
}

.clsMenu2ItemCenter
{

   padding-left: 100px;
    padding-right: 100px;
    display: inline-block;

}

#IDWelcome
{
    /*margin-top: -10px;*/
}



    @media (min-width: 1200px) {
        .clsNavSmall, .clsFooterHeadSmall
        {
            display: none;
        }
        
        
}
    @media (min-width: 992px) and (max-width: 1199px) {
        .clsNavSmall, .clsFooterHeadSmall
        {
            display: none;
        }
}
    @media (min-width: 768px) and (max-width: 991px) {
         .clsNavBig, .clsFooterHeadBig
        {
            display: none;
        }
        
}
    @media only screen and (max-width: 767px) {
        .clsNavBig, .clsFooterHeadBig
        {
            display: none;
        }
}
    @media only screen and (max-width: 576px) {
       .clsBookCalHead{
            width: unset!important;
        }
        .profile-img{
             width:100%;
        }
         .history-img{
        width:100%;
        max-width:72%;
    }
}


@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        margin-top: 80px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
        
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    
    #IDBanner
    {
        margin-top: 100px;
    }
    
    .clsNavSmallDropDown
    {
        margin-top: 14px;
    }
    
    #IDWelcome .clsWelcome {
    padding: 10px 40px;
    }
}










.clsIMGSmallLogo
{
    height: 75px;
}

.clsNavSmallHeight
{
    height: 100px;
}

.clsNavSmallButton
{
    margin-top: 35px;
}

.clsNavSmallItem
{
    background-color: #fff;
    color: #2e3192 !important;
    font-family:'Maven Pro', sans-serif;
    font-weight: 400;
    font-size: 15px;
        margin-left: 15px;
    margin-right: 15px;
}


.clsNavSmallItem:focus, .clsNavSmallItem:hover
{
    background-color: #ffd668;
    color: #353535; !important;
    font-family:'Maven Pro', sans-serif;
    font-weight: 400;
    font-size: 15px;   
}

.clsNavSmallItemActive
{
        background-color: #ffd668;
    color: #353535; !important;
    font-family:'Maven Pro', sans-serif;
    font-weight: 400;
    font-size: 15px;   
}


#IDTodaysEvents .owl-pagination, #IDLatestEvents .owl-pagination, #IDUpcomingEvents .owl-pagination
{
    display: none;
}

.clsFooterHeadSmall 
{
    padding-top: 10px;
}

.clsFooterHeadSmall img
{
    height: 75px;
    width: 75px;
}

.clsFooterHeadSmallH3
{
    padding-top: 0px !Important;
    font-family: 'Yeseva One', cursive !Important;;
    font-size: 22px !Important;;
    color: #fff !Important;;
    text-align: center !Important;;
    text-transform: uppercase !Important;;
    letter-spacing: 3px !Important;;
}

.active a
{
    color: #2e3192;
    background-color: #ffd668 !important;
}

.clsMenuItem a:focus, .clsMenuItem a:hover
{
    color: #2e3192;
    background-color: transparent !important;
}

.clsBigLogo a:focus, .clsBigLogo a:hover
{
    background-color: transparent !important;
}

 

 .clsName
{
   font-family: 'Montserrat', sans-serif;
    color: #2E3192;
    margin-top: 16px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
font-weight:500;
text-align:center;
}

.Tiles .clsPos
{
   font-family: 'Montserrat', sans-serif;
    color: #9e9e9e;
}

.Tiles .clsConts
{
    font-family: 'Montserrat', sans-serif;
    color: #424242;
    font-weight: 400;
    font-size: 10px;
}

.Tiles .clsTestiHR
{
    margin: 10px 0px;
}

.Tiles .clsReadMore
{
    text-align: right;
    font-size: 10px;
    font-family: 'Montserrat', sans-serif;
    color: #424242;
    font-weight: 400;
}

.Tiles .Tile-content .clsBigImage
{
    width: auto;
    height: auto;
}


.Tiles .Tile-content .clsTestCont2
{
    text-align: justify;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    color: #424242;
    font-weight: 400;
}

.Tiles .Tile-content .clsTestContH3
{
    text-align: justify;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #424242;
    font-weight: 400;
    margin-top: 0px;
}
 
/*-------------------------------------------------------------------------------------------------------*/

.Grid {
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
  text-align: left;
}

.Grid--withGutter {
  margin: 0 -0.5rem;
}

.Grid--withGutter > .Grid-cell {
  padding: 0 0.5rem;
}

.Grid-cell {
  box-sizing: border-box;
  display: inline-block;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

/**
 * Component: Card
 */
.Card-image {
  display: inline-block;
  position: relative;
}

.Card-image:after {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.Card-image img {
  display: block;
  height: 50px;
  width: 50px;
}

.Card-expiry {
  color: #aaa;
  font-size: 0.66667em;
}

/**
 * Component: Input
 */
.Input {
  background: #fff;
  border: 3px solid #e1e1e1;
  border-radius: 0.375rem;
  color: #444;
  display: block;
  font: inherit;
  padding: 0.5rem 1rem;
  width: 100%;
  -webkit-appearance: none;
}
.Input:hover {
  border-color: #aaa;
}
.Input:focus {
  border-color: #08c;
  outline: 0;
}
.Input.is-visa, .Input.is-mastercard, .Input.is-amex {
  background-position: 0.75rem center;
  background-repeat: no-repeat;
  padding-left: 3.375rem;
}
.Input.is-visa {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/62127/creditcard-visa.svg");
}
.Input.is-mastercard {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/62127/creditcard-mastercard.svg");
}
.Input.is-amex {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/62127/creditcard-amex.svg");
}

/**
 * Component: Button
 */
.Button {
  background: #fff;
  border: 1px solid #2e3192;
  border-radius: 0.375rem;
  color: #2e3192;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  padding: 0.5rem 1rem;
    font-size: 12px;
}
.Button:focus, .Button:hover {
  color: #ffd668;
}

.Button--primary {
  background: #08c;
  color: #fff !important;
}
.Button--primary:focus, .Button--primary:hover {
  background: #00aaff;
}

/**
 * Component: Tiles
 */
.clsTiles {
  font-size: 0;
  /*margin-left: 0.5rem;
  margin-right: 0.5rem;*/
}

.Tile {
  display: inline-block;
  font-size: 1rem;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.Tile-content {
  background: #fff;
  border-radius: 0.375rem;
  color: #444;
  margin: 1rem 0.5rem 0;
  min-height: 10em;
  padding: 0px;
  position: relative;
    overflow: auto;
    border: 1px solid #2e3192;
}

.Tile-content-sub
{
    padding: 10px !important;
}

.Tile-content--toggle {
  cursor: pointer;
}
.Tile-content--toggle:focus, .Tile-content--toggle:hover {
  box-shadow: 0 0 0 2px #2e3192;
  outline: 0;
}

.Tile.is-disabled .Tile-content--toggle {
  cursor: default;
  opacity: 0.5;
}
.Tile.is-disabled .Tile-content--toggle:focus, .Tile.is-disabled .Tile-content--toggle:hover {
  box-shadow: none;
}

.Tile-flyout {
  display: none;
  position: relative;
}

.Tile.is-expanded .Tile-flyout {
  display: block;
}

.Tile-flyout:before {
  background: #fff;
  content: "";
  left: 50%;
  margin-left: -0.5rem;
  position: absolute;
  height: 1rem;
  top: -0.5rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 1rem;
}

/**
 * Breakpoint layout changes
 */
@media (min-width: 30em) {
  .Tile {
    width: 50%;
  }

  .Tile-flyout {
    width: 200%;
  }

  .Tile:nth-child(2n+1) .Tile-flyout {
    margin-left: 0%;
  }
  .Tile:nth-child(2n+1) .Tile-flyout:before {
    left: 25%;
  }

  .Tile:nth-child(2n+2) .Tile-flyout {
    margin-left: -100%;
  }
  .Tile:nth-child(2n+2) .Tile-flyout:before {
    left: 75%;
  }
}
@media (min-width: 48em) {
  .Tile {
    width: 33.33333%;
  }

  .Tile-flyout {
    width: 300%;
  }

  .Tile:nth-child(3n+1) .Tile-flyout {
    margin-left: 0%;
  }
  .Tile:nth-child(3n+1) .Tile-flyout:before {
    left: 16.66667%;
  }

  .Tile:nth-child(3n+2) .Tile-flyout {
    margin-left: -100%;
  }
  .Tile:nth-child(3n+2) .Tile-flyout:before {
    left: 50%;
  }

  .Tile:nth-child(3n+3) .Tile-flyout {
    margin-left: -200%;
  }
  .Tile:nth-child(3n+3) .Tile-flyout:before {
    left: 83.33333%;
  }
}
@media (min-width: 64em) {
  .Tile {
    width: 25%;
  }

  .Tile-flyout {
    width: 400%;
  }

  .Tile:nth-child(4n+1) .Tile-flyout {
    margin-left: 0%;
  }
  .Tile:nth-child(4n+1) .Tile-flyout:before {
    left: 12.5%;
  }

  .Tile:nth-child(4n+2) .Tile-flyout {
    margin-left: -100%;
  }
  .Tile:nth-child(4n+2) .Tile-flyout:before {
    left: 37.5%;
  }

  .Tile:nth-child(4n+3) .Tile-flyout {
    margin-left: -200%;
  }
  .Tile:nth-child(4n+3) .Tile-flyout:before {
    left: 62.5%;
  }

  .Tile:nth-child(4n+4) .Tile-flyout {
    margin-left: -300%;
  }
  .Tile:nth-child(4n+4) .Tile-flyout:before {
    left: 87.5%;
  }
}
/**
 * Utilities: Space
 */
.u-marginTop {
  margin-top: 1rem;
}

@media (min-width: 48em) {
  .u-md-no-marginTop {
    margin-top: 0;
  }
}
/**
 * Utilities: Size
 *
 * https://github.com/suitcss/utils-size/
 */
.u-size1of2 {
  width: 50% !important;
}

@media (min-width: 48em) {
  .u-md-size1of2 {
    width: 50% !important;
  }
}
/**
 * Utilities: Text
 * 
 * https://github.com/suitcss/utils-text/
 */
.u-textCenter {
  text-align: center !important;
}

.u-textRight {
  text-align: right !important;
}




.clsTiles .clsConts
{
   color: #424242;
    font-weight: 400;
    font-size: 10px;
}

.clsTiles .clsTestiHR
{
    margin: 10px 0px;
}

.clsTiles .clsReadMore
{
    text-align: right;
    font-size: 10px;
   color: #424242;
    font-weight: 400;
}

.clsTiles .Tile-content .clsBigImage
{
    width: auto;
    height: auto;
}


.clsTiles .Tile-content .clsTestCont2
{
    text-align: justify;
    font-size: 12px;
    color: #424242;
    font-weight: 400;
}

.clsTiles .Tile-content .clsTestContH3
{
    text-align: justify;
    font-size: 14px;
    color: #424242;
    font-weight: 400;
    margin-top: 0px;
}


/*-------------------------------------------------------------------------------------------------------*/

.clshomeGallery
{

margin-bottom: 15px;

}

.clsWelcome p
{
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  text-align:justify;
}

.clsWelcome ul li
{
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  line-height: 26px; 
}

.clsSubPageContent
{
  font-family: 'Maven Pro', sans-serif;
font-size: 14px;
text-align: justify;
font-weight: 400;
}

.clsSubPageImages
{
margin-top: 6px;
border: 4px solid #fff;
margin-bottom: 6px;
min-height: 100px;
}

.clsPaddingLeft
{
  padding-left: 5px;
}

.clsMargin-Bottom15
{
  margin-bottom: 15px;
}

.clsFunName
{
  font-family: 'Maven Pro', sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
}

.clsFunDesig
{
  font-family: 'Maven Pro', sans-serif;
font-size: 12px;
text-align: center;
line-height: 16px;
}

.clsSubPageContents
{
  background-color: #fafafa;
  border-radius: 5px;
  border: 1px solid #f5f5f5;
}

.clsGalleryCaption
{
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  background-color: #fff;
  padding: 3px;
  margin-bottom: 0px;
  text-transform: capitalize;
}

.clsGalleryLink 
{
  color: #464646 !important;
  text-decoration: none !important;
}

.clsGalleryOuter
{
  position: relative; 
  left: 0; 
  top: 0; 
  overflow: hidden; 
  border: 1px solid #ccc;
  padding: 3px;
}

.clsGalleryOuter:hover
{
  border: 1px solid #000;
}

.clsGalleryOuter:hover .clsGalleryLink
{
  color: #000 !important;
}

.page-header h5 a
{
  text-decoration: none !important;
  text-transform: capitalize !important;
  color: #464646;
}

.page-header h5 a:hover
{
  color: #2e3192;
}

.page-header h5 span
{
  text-decoration: none !important;
  text-transform: capitalize !important;
  color: #464646; 
}

.clsProfile p, .clsKailasam p, .clsKailasam ul
{
  font-family: 'Maven Pro', sans-serif;
font-size: 14px;
text-align: justify;
margin-left: 10px;
text-transform: capitalize;
}

.clsLandMark p
{
  font-family: 'Maven Pro', sans-serif;
font-size: 14px;
text-align: justify;
margin-left: 10px;
text-transform: capitalize;
}

#datetimepicker4
{
  z-index: 0;
}

.clsDownloadTable 
{
  border-collapse: separate;
  border-spacing: 0 3px;
  font-family: 'Maven Pro', sans-serif;
font-size: 15px;
font-weight: 500;
}

.clsDownloadTable tr .clsColName, .clsDownloadTable tr .clsColIocn{
background-color: #fafafa;
width: 100%; 
padding: 10px;
/*padding-bottom: 10px;*/
}


.subactive a
{
    color: #2e3192 !important;
}

.clsProfile table, .clsLandMark table
{
    margin-left: 10px;
    border: 0px solid #fff !important;
}

.table-bordered > tbody > tr > td, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > td, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > thead > tr > th
{
    border: 0px solid #fff !important;
    border-bottom:  1px solid #EEEEEE !important;
}

.clsHallsContent
{
    font-family: 'Maven Pro', sans-serif;
font-size: 14px;
text-align: justify;
font-weight: 400;
}

.clsImgHallsImages{
    margin-top: 5px;
}

.fc-toolbar
{
/*        background-color: #ffd668;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

#calendar .fc-toolbar h2
{
    text-transform: capitalize;
}

#calendar
{
    font-family: 'Maven Pro', sans-serif;
    
}

.clscal{
    margin-bottom: 10px;
}

.fc-content-skeleton
{
    padding-top: 10px;
    font-size: 12px;
    font-weight: 600;
}

.fc-day-header
{
    font-size: 12px !important;
    padding-top:  7px !important;
    padding-bottom: 7px !important;
}

.clsDateSelector
{
    margin-top: 20px;
}

.clsBookCalHead
{
padding: 7px 0px;
color: #000;
font-weight: 400;
font-size: 18px;
font-family: 'Maven Pro', sans-serif;
text-align: center;
background-color: #ffd668;
width: 303px;
margin: 0 auto;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-bottom: 10px;
}