/* Reset CSS*/
* {padding: 0px;margin: 0px;border: 0px;}
@font-face { font-family: ebrima; src: url('../fonts/ebrima.ttf'); } 
/* Main Body Structure Classes */
body{background: url(../images/texture.jpg) left top repeat-y transparent; background-size: 100% auto;}
html, body, form {min-height: 100%;width: 100%;}
html, body{font-family: ebrima, Arial;font-size:12px;color: #2b2b2b;}
input, select, textarea{font-family: "Ubuntu",sans-serif; font-size: 14px;}
input[type='text'], select, textarea{font-family: ebrima,sans-serif; font-size: 14px;}



a{color: #2b2b2b; cursor: pointer;}
a:hover{ color: #2b2b2b;}

/* Clear Fix Classes */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}
.clearBoth{clear: both;}

/* Alignment Classes */
.alignRight{text-align: right;}
.alignLeft{text-align: left;}
.alignCenter{text-align: center;}
.alignTop{vertical-align: top;}
.alignMiddle{vertical-align: middle;}
.alignBottom{vertical-align: bottom;}
.divAlignCenter{text-align: center; margin: 0px auto;}


/* Position Base Classes */
.posFixed{position: fixed;}
.posAbsolute{position: absolute;}
.posRelative{position: relative;}
.posTop{top: 0px;}
.posTopRight{top: 0px;right: 0px;}
.posRight{right: 0px;}
.posTopLeft{top: 0px;left: 0px;}
.posLeft{left: 0px;}
.posBottom{bottom: 0px;}
.posBottomLeft{bottom: 0px;left: 0px;}
.posBottomRight{bottom: 0px;right: 0px;}

/* Display Base Classes */
.displayBlock{display: block;}
.displayInlineBlock{display: inline-block;*display: inline;zoom: 1;}
.displayInline{display: inline;}

/* width classes */
.width90Perc{width: 90% !important;}
.width80Perc{width: 80% !important;}
.width100Perc{width: 100% !important;}
.width115Perc{width: 115% !important;}

/* Float Base Classes */
.floatLeft{float: left;}
.floatRight{float: right;}

/* Defalt Padding Classes */
.pad5px{padding: 5px;}
.pad10px{padding: 10px;}
.pad30px{padding: 30px;}
.pad15px{padding: 10px;}
.padTop20px{padding-top: 20px;}
.padBot20px{padding-bottom: 20px;}

/* Default Margin Classes */
.margin5px{margin: 5px;}
.margin10px{margin: 10px;}
.margin15px{margin: 10px;}
.marginRight10px{margin-right: 10px;}


.divFormRow{padding: 0px 0px 10px 0px;}

.borderBottom{border-bottom: #613d0d 1px solid;}
.borderTop{border-top: #613d0d 1px solid;}

/* Border Box */
.borderBox{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */    }

.colorGreen{color: #188100;}

/* Fot Classes */
h1{font-family: ebrima, Arial; font-size: 30px; color: #ff6912; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 0px;}
h2{font-family: ebrima, Arial; font-size: 20px; font-weight: 500; color: #ff6912; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 0px;}

p{padding: 0px 0px 0px 0px; font-size: 14px; margin: 0px 0px 10px 0px;}

.colorOrange{color: #ff6912;}

.textShadow1{text-shadow: 1px 1px #888;}

.divMainOuter{width: 100%; height: 100%;}

.divLogo img{width: 80%; height: auto; margin: 20px 0px 0px 0px; border: 0px;}
/*.divCallNow{ height: 120px;}*/

.divCallNowInner{text-align: right; padding-top: 30px;}
.divCallNowInner *{font-family: Raleway;}
.divCallNowInner span{font-size: 24px;}
.divCallNowInner a{text-decoration: none; color: #ff6912;}
.divCallNowInner a:hover{text-decoration: none;}

.divTopMastheadImg img{width: 102.75%; height: auto; border: 0px; margin-left: -15px;}

/* Top Navigation */
.divNavigation{}
.divNav{/*background: url(../images/navBgImg.gif) left -15px repeat-x;*/ background-color: #e09a04; height:53px;}
.divNav *{font-family: ebrima, Arial;}
.divNav ul, .divNav ul li{list-style: none; margin: 0px; padding: 0px;height: 100%;}
.divNav ul li{display: inline-block; position: relative;}
.divNav ul li a, .divNav ul li > span{display: block; font-size: 16px; font-weight: bold;text-decoration: none; color:#fff; text-transform: capitalize; padding: 15px 15px;cursor: pointer;}
.divNav ul li a:hover{text-decoration: none;}

.divNav ul li ul
{
    display: none;
    position: absolute;
    z-index: 500;
    background-color: #e09a04;
    height: auto;
    box-shadow: 0px 5px 4px #000;
}
.divNav ul li:hover > ul{display: inline-block;}
.divNav ul li ul li
{
    display: block;
}
.divNav ul li ul li a
{
    font-size: 14px; 
    border-bottom: #fff 1px solid;
    white-space: nowrap;
    padding: 5px 15px;
}

.linkSubMenu{background: url(../images/arrowSubmenu.png) center bottom no-repeat transparent;}

.divMasterLeftBox{margin-top: 20px;}
.borderBottomHeading{border-bottom: #613d0d 2px solid; padding-bottom: 5px;}

.divOurDirector .thumbnail img{width: 100%; height: auto;}
.divFacebookBox *{color: #fff;}
.divFacebookBox{background-color: #3b5997; height: 30px;}
.divFacebookBox .spnFacebookIcon, .divFacebookBox .spnFacebookText{height: 100%;}
.divFacebookBox .spnFacebookIcon > i{font-size: 20px;}
.divFacebookBox .spnFacebookIcon{width: 17%; border-right: #9daccb 1px solid; padding: 6px 0px 0px 10px;}
.divFacebookBox .spnFacebookText{width: 83%; border-left: #1d2c4b 1px solid; padding: 0px 0px 0px 5px; font-family: Lato; font-size: 20px; font-weight: bold;}

.linkReadMore{display: inline-block; background-color: #ff6912; color: #fff; font-weight: bold; padding: 5px; margin: 10px 0px 10px 0px;}
.linkReadMore:hover, .linkReadMore:visited{color: #fff;}

.linkBlue{color: #4986e7;}
.linkBlue:hover{color: #4986e7; text-decoration: underline;}
/* Round Box */
.divRoundBox{border: #613d0d 1px solid; border-radius: 6px 6px; padding: 10px;}
.divRoundBoxContainer{}
.divRoundBoxContent .spnQuoteStart,.divRoundBoxContent .spnQuoteEnd{ width: 16px; height: 16px; }
.divRoundBoxContent .spnQuoteStart{background: url(../images/QuoteStart.png) left top no-repeat transparent;}
.divRoundBoxContent .spnQuoteEnd{background: url(../images/QuoteEnd.png) left top no-repeat transparent;}
.divRoundBoxBottom * {color: #fff;}
.divRoundBoxBottom{width: 100%; height: 30px; background-color: #fc9323; padding-top: 3px; font-family: Raleway;border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;}
.divRoundBoxBottom span{font-size: 16px; font-weight: bold;}

.divRoundBoxHeader * {color: #fff;}
.divRoundBoxHeader{width: 100%; height: 30px; background-color: #fc9323; padding-top: 3px; font-family: Raleway; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;}
.divRoundBoxHeader span{font-size: 16px; font-weight: bold;}

.divCircleBox{border: #613d0d 1px solid; border-radius: 50% 50%; padding: 10px; box-sizing: border-box;}
.divFestivalRow .divCircleBox{height: 250px;width: 250px;padding: 10px 30px 10px 30px;}

.divAdvisoryBoard .divStaffBox{width: 100%; min-height: 300px;}
.divResourcePerson .divStaffBox{width: 100%; height: 300px;}
.divResourcePerson .divStaffBox .divDetails p{height: 160px !important; overflow: auto; padding-right: 10px;}
.divResourcePerson .divStaffBox .divDetails h4{height: 40px;}


.divObjBox{height: 220px; background-color: #fff5b5; border: #fc9323 1px solid; margin-bottom: 10px;}
.divOrangeBox{background-color: #fff5b5; border: #fc9323 1px solid; margin-bottom: 10px;}
.divObjDetails{height: 85px;}
.divObjDetails p{top: 50%;}
.divObjRows > .row{margin-bottom: 20px;}
.divObjRows > img{width: 100%; height: auto;}

/* Staff Photos */
.divOurStaff{margin-top: 20px;}
.divStaffBox{display: inline-block; float: left; text-align: center; margin-right: 20px;}
.divStaffBox:last-child{margin-right: 0px;}
.divRoundThumb{display: inline-block; background-color: #fff; box-shadow: 0px 0px 6px #888; width: 180px; height: 180px; border-radius: 90px 90px; padding: 10px; overflow: hidden;}
.divRoundThumb img{ width: 160px; height: 160px; border-radius: 80px 80px;}

/* Latest News */
.divNewsContent{width: 100%; margin: 10px 0px;}
.divNewsList{height: 280px;}
.ulNewsList{list-style: none;}
.ulNewsList *{font-size: 14px;}
.ulNewsList > li{list-style: none; border-bottom: #2b2b2b 1px dotted; padding-bottom: 5px; margin-bottom: 10px;}
.ulNewsList > li > a{font-weight: bold; color: #3d3e1e}
/* Home Banner images */
.divBannerImg {margin: 10px 0px; background: url(../images/homebannerBg.png) left top repeat-x #131714;}
.divBannerImg img{}
#mask{height:250px; overflow:hidden;}

.divFooter{padding: 20px 0px; margin-top: 0px;}

/* PhotoSlider Banner */
.divPhotoSlider, .divPhotoSlider *{box-sizing: border-box;}
.divPhotoSlider{padding: 5px 5px;margin: 0px 0px 10px 0px;min-height: 400px;}


/* Institution */
.divInstitution h2{ padding: 10px 10px 10px 15px; font-weight: bold;}

.ulTeaching, .ulTeaching li{list-style: none;}
.ulTeaching{display: block;margin: 0px 0px 0px 15px;}
.ulTeaching li{display: block; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 42px; background: url(../images/natrajBullet.png) left 1px no-repeat transparent; min-height: 35px;}
.ulTeaching li span{display: block;}
.pTeachingThmbimg img{ width: 100%; height: auto;}
.ulTeaching li .pTeachingThmbimg .thumbnail{width: 49%;}


.ulBullet1, .ulBullet1 li{list-style: none;}
.ulBullet1{display: block;margin: 0px 0px 0px 15px;}
.ulBullet1 li{display: block; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 21px; background: url(../images/bullet2.png) left 5px no-repeat transparent;}
.olNumberList{display: block;margin: 0px 0px 0px 30px;}
.pProductionsThmbimg img{ width: 100%; height: auto;}
.pProductionsThmbimg .thumbnail{margin: 30px; background-color: transparent;}
.divInstitution h2{background: url(../images/bgLine1.png) left center repeat-x transparent; cursor: pointer;}
.divInstitution h2 > span{display: inline-block; padding: 0px 10px; margin-left: 10px; background: url(../images/texture.jpg) left top no-repeat transparent;}

.divImgDetailsBox .divImg{border-right: #613d0d 1px solid; padding-right: 0px;}
.divImgDetailsBox .divImg img{width: 100%; height: 170px; border-top-left-radius: 6px 6px;border-bottom-left-radius: 6px 6px;}
.divImgDetailsBox .divDetails > div.pad5px{padding: 5px 5px 5px 10px}

.divStaffBox{padding: 0px; margin: 70px 10px 10px 0px;}

.divStaffBox .divImg{display: inline-block; top: 0px; left: 0px; margin: -50px 0px 0px 20px; border-radius: 50%; overflow: hidden; width:120px; height: 120px; background-color: #fff; border: #613d0d 1px solid;  text-align: center; z-index: 100;}
.divStaffBox .divImg img{width: 90%; height: 90%;border-radius: 50%; margin: 6px 5px 5px 6px;}
.divStaffBox .divDetails{text-align: left;padding: 70px 0px 10px 10px;}

.ulNameDetailsList, .ulNameDetailsList li{list-style: none;}
.ulNameDetailsList{margin: 0px; padding: 0px;}
.ulNameDetailsList li{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 16px;}



.ulNameDetailsList h3{display: block; font-size: 14px; font-weight: bold; color: #000;border-left: #fe6c12 2px solid; height: 30px; margin: 0px 0px 10px 0px; padding: 7px 0px 0px 10px;}
.ulNameDetailsList p{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px;}

.divEventSection{padding: 0px 0px 0px 0px;}
.ulEventList li h3{vertical-align: top; padding-top:0px; height: auto;}
.ulEventList .divEventDetailText{}
.ulEventList .divEventVenuDetails{}
.ulEventList .divObjBox h4{font-size: 14px; font-weight: bold; margin-bottom: 0px;}
.ulEventList .divObjBox{width: 80%; height: auto;}
.ulEventList .divEventDetails{margin-left: 10px;}

.divAddressBox {margin: 0px 10px 10px 16px; padding: 0px;}
.divAddressBox .divAddressBoxHeading{background-color: #613d0d; border-top-left-radius: 6px 6px;border-top-right-radius: 6px 6px; padding: 10px;}
.divAddressBox .divAddressBoxHeading h3{ font-size: 14px; font-weight: bold; margin: 0px; color: #fff;}

.divCourseBox {margin: 0px 10px 10px 16px; padding: 0px;}
.divCourseBox .divCourseBoxHeading{background-color: #613d0d; border-top-left-radius: 6px 6px;border-top-right-radius: 6px 6px;position: relative;border-bottom: #613d0d 1px solid;}
.divCourseBox .divCourseBoxHeading h3{ display: inline-block; font-size: 14px; font-weight: bold; margin: 0px; padding: 10px;  color: #fff;}
.divCourseBox .divCourseBoxHeading .divDuration{position: absolute; width: 70px;right: 0px; top: 0px; padding: 9px; text-align: right; border-left: #fff 1px solid;color: #2b2b2b;font-weight: bold;border-top-right-radius: 6px 6px; color: #fff;}
.divCourseBox .divCourseBoxDetails{height: 150px;}

.divCourseBoxFooter .linkCourseRegisterNow{border-radius: 6px 6px; margin: 0px 15px;}
.linkCourseRegisterNow{text-decoration: none; display: block; background-color: #fd811b; color: #fff; padding: 5px 0px; text-align: center; font-size: 16px; font-weight: bold; width: 20%; }
.linkCourseRegisterNow:hover{text-decoration: none; background-color: #f65e00;}
.linkCourseRegisterNow:hover, .linkCourseRegisterNow:visited{color: #fff;}

.divCourseFooterLine p{font-size: 16px; padding-left: 16px;}

.divEventDetails h4{margin-bottom: 5px; font-weight: bold; font-size: 12px;}
.divEventDetails p{font-size: 12px;}

.divChetasPhotos .thumbnail{width: 100%; height: auto;}
.divChetasPhotos .thumbnail img{width: 100%; height: auto;}

.divPhotoGalleryRow .caption{border-top: #613d0d 1px solid; padding: 5px;}
.divPhotoGalleryRow .caption h4{font-size: 14px;}
.divPhotoGalleryRow > div{height: 260px;}

/* Admin pages */
.bodyAdminBg{background-color: #fff9db;}
.bodyAdminBg .container{background-color: #fff;}
.divAdminHeader{border-bottom: #fe6d12 1px solid;}
.btnLogout{display: inline-block; padding: 5px; color: #fff; font-weight: bold; text-align: center; border: #b50000 1px solid; border-radius: 4px 4px; background: url(../images/btnRedBG.jpg) left top repeat-x #ffa1a1; margin: 5px 0px 0px 0px;}
.btnLogout:hover{background-color: #b50000; background-image: none;}
.btnLogin{display: inline-block; padding: 5px; color: #fff; font-weight: bold; text-align: center; border: #ff5a00 1px solid; border-radius: 4px 4px; background: url(../images/btnOrangeBG.jpg) left top repeat-x #ffb282; margin: 5px 0px 0px 0px;}
.btnLogin:hover{background-color: #ff5a00; background-image: none;}

.tbNormalForm{border: #613d0d 1px solid; border-radius: 4px 4px; padding: 4px; width: 150px;}

.divLoginBox .divFormRow{padding-bottom: 10px;}
.divLoginBox .divFormHead{width: 100px;}
.divLoginBox .divFormHead span{display: inline-block; vertical-align: middle; padding-top: 6px;}
.divLoginBox .divFormContent{}


.divAdminNavigation{background: url(../images/navBgImg.gif) left -15px repeat-x; height:53px;}
.divAdminNavigation ul.navbar-nav li a, .divAdminNavigation ul li > span{display: block; font-size: 16px; font-weight: bold;text-decoration: none; color:#fff; text-transform: uppercase; padding: 15px 15px;cursor: pointer;}
.divAdminNavigation ul.navbar-nav li ul.dropdown-menu{background-color: #fc9424;height: auto;box-shadow: 0px 5px 4px #000;}

.divAdminNavigation  ul.nav>li>a:focus, ul.nav>li>a:hover, ul.navbar-nav li ul.dropdown-menu > li >a:hover, ul.navbar-nav li ul.dropdown-menu > li >a:focus {text-decoration: none;background-color: #f55e00;}
.divLoginBox{top: 50%; left: 50%;}

.adminGrid .editLink a{
    background: url(../images/EditIcon.png) left top no-repeat transparent;
    display: inline-block;
    height: 16px;
    width: 16px;
    text-decoration: none;
    }
.adminGrid .deleteLink a{
    background: url(../images/DeleteIcon.png) left top no-repeat transparent;
    display: inline-block;
    height: 16px;
    width: 16px;
    text-decoration: none;
    }
    
 /* Admin Form */
 .divAdminFormOuter .divFormItemHead{width: 150px; text-align: left;}
 .divAdminFormOuter .divFormItemHead span{font-weight: bold; display: block; padding: 3px 0px 0px 0px; font-size: 14px}
 .divAdminFormOuter .divFormItemDetails{text-align: left; padding:0px 0px 0px 5px;}
 .divAdminFormOuter .divFormItemDetails input, .divAdminFormOuter .divFormItemDetails textarea{border: #613d0d 1px solid; border-radius: 4px 4px; padding: 3px; width: 200px;}
 .divAdminFormOuter .btnSubmit{}
    

.innerContainerRow{margin-left: 0px; margin-right: 0px;}
.divProductionImages .thumbnail{ width: 100%; text-align: center; background-color: transparent;}
.divProductionImages .thumbnail img{width: auto; height: 200px; max-width: 100%;}

.diveventImage .thumbnail{display: inline-block;}
.diveventImage .thumbnail img{width: auto; height: 150px; max-width: 600px;}

.divMainOuter .thumbnail{border-color: #613d0d}

.scroll-wrapper > .divAchievementsInner.scroll-content{height: 400px !important; overflow: auto !important; padding-right: 20px;}
.scrollbar-inner > .scroll-element .scroll-element_track {background-color: #e09a04;}
.scrollbar-inner > .scroll-element .scroll-bar {background-color: #613d0d;}
.scrollbar-inner > .scroll-element:hover .scroll-bar , .scrollbar-inner > .scroll-element .scroll-element_outer:hover .scroll-bar , .scrollbar-inner > .scroll-element .scroll-bar:hover {background-color: #613d0d;}

.divThumbImageOuter{ padding: 10px 0px;}
.divThumbImageOuter img{width: 100%; height: auto;}
.divFooterImage {margin-top: 20px;}
.divFooterImage img{width: 100%; height: auto;}

@media screen and (max-width:1024px) and (min-width: 642px)
{
 h1{font-size: 24px;}
/* Top Navigation */
.divNavigation{}
.divNav{background: url(../images/navBgImg.gif) left -15px repeat-x; height:42px;}
.divNav *{font-family: Roboto, Arial;}
.divNav ul, .divNav ul li{list-style: none; margin: 0px; padding: 0px;height: 100%;}
.divNav ul li{display: inline-block; position: relative;}
.divNav ul li a, .divNav ul li > span{display: block; font-size: 12px; font-weight: bold;text-decoration: none; color:#fff; text-transform: uppercase; padding: 10px 10px;cursor: pointer;}
.divNav ul li a:hover{text-decoration: none;}

.divNav ul li ul
{
    display: none;
    position: absolute;
    z-index: 100;
    background-color: #fc9424;
    height: auto;
    box-shadow: 0px 5px 4px #000;
    margin-top: 5px;
}
.divNav ul li:hover > ul{display: inline-block;}
.divNav ul li ul li
{
    display: block;
}
.divNav ul li ul li a
{
    font-size: 12px; 
    border-bottom: #fff 1px solid;
    white-space: nowrap;
    padding: 5px 10px;
}

}


@media screen and (max-width:641px)
{
    .divTopLineSection ul li a{min-width: 20px; padding: 11px 10px 5px 10px;}
    .divTopLineSection ul li a i{font-size: 1.5em;}  
}