@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Ek+Mukta:500);

.homeRightBox li.logo{ background:#b7b7b7}
.navBox{ display:none}
body{ font-family:Ek Mukta; font-size:14px; margin:0; padding:0}
body.inner{ display: table-cell;
    float: left;
    font-family: Ek Mukta;
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;}
#mobile,.mobileLogo{ display:none}
.contentBox img{ padding:3px; border:1px solid #999; box-sizing: border-box;}

.customTable tr:nth-child(odd){background:#f1f1f1}
.customTable{border-collapse: collapse;}
.customTable td{ padding:3px 5px;}

body ul.bulletTxt,body ul.bulletTxt li{ float:none; margin:0; width:100%; height:auto; text-align:left; display:inline-block; background:none;}
body ul.bulletTxt{ width:90%; margin-left:10px; padding-left:10px}
body ul.bulletTxt li{ margin-left:10px; padding-left:10px; background:url(images/bullet.png) left 6px no-repeat; margin-bottom:10px}

body ul.scroller li img{ width:100%; height:100%;filter: grayscale(100%); margin:0}
body .homeLeftBox ul.scroller li a{ margin:0; float:none}
.homeRightBox ul{ padding:0; margin:0; width:780px; float:left}
.homeRightBox li{ background:#ced0d0; float:left; list-style:none; margin:5px; width:130px; height:130px; display:table-cell; vertical-align:bottom; text-align:center; position:relative;}
.homeRightBox .logo img{ width:90%; padding:5px 0}
.homeRightBox .subSubMenus,.homeRightBox .subMenus{ width:110px; height:110px}
.homeRightBox .mainsubMenu:link,.homeRightBox .mainsubMenu:visited{ font-size:14px; letter-spacing:3px; padding:0px 0 0 5px; margin-top:-5px}
.homeRightBox .mainMenu:link,.homeRightBox .mainMenu:visited,.homeRightBox .mainMenu:hover{ font-size:16px}

.homeRightBox .aboutusTxt .mainMenu:link,.homeRightBox .aboutusTxt .mainMenu:visited,.homeRightBox .aboutusTxt .mainMenu:hover{ padding-top:80px; letter-spacing:5px; float:left; padding:100px 0 0 8px}


.homeRightBox .discovery .mainMenu:link,.homeRightBox .discovery .mainMenu:visited,.homeRightBox .discovery .mainMenu:hover{ padding-top:80px; letter-spacing:5px; float:left; padding:100px 0 0 5px}

.homeRightBox .teaching .mainMenu:link,.homeRightBox .teaching .mainMenu:visited,.homeRightBox .teaching .mainMenu:hover{ padding-top:80px; letter-spacing:2.8px; float:left; padding:100px 0 0 5px}

.homeRightBox .teachingNew .mainMenu:link,.homeRightBox .teachingNew .mainMenu:visited,.homeRightBox .teachingNew .mainMenu:hover{ padding-top:80px; letter-spacing:6px; float:left; padding:100px 0 0 8px}


.homeRightBox .subSubMenusDis .subMenus, .homeRightBox .subSubMenusTeaching{ height: 110px; width:110px}
.homeRightBox .subSubMenusDis {
    display: none;
    float: left;
    height: 110px;
    position: relative;
    top: -100px;
    width: 110px;
}
.homeRightBox .subSubMenusTeaching{ right:-120px}

.homeRightBox .subSubMenusTeaching .subMenus {
 
    float: right;
    height: 110px;
    left: auto;
    margin-right: 100px;
    position: relative;
    right: 0px;
    top: 0;
    width: 110px;
}

.homeRightBox .subSubMenusTeachingNew {
    bottom: -90px;

    float: left;
    height: 110px;
    left: auto;
    position: relative;
    top: auto;
    width: 110px;
}
.homeRightBox .subSubMenusTeachingNew .subMenus{width: 110px; height:37px}

.homeRightBox  .subSubMenusTeaching .subMenus  .mainsubMenu:link, .homeRightBox  .subSubMenusTeaching .subMenus  .mainsubMenu:visited
{ margin-top: -9px;}

.homeLeftBox { margin:0 auto;width:780px;}
.homeLeftBox ul{ padding:0; margin:0; width:780px; float:left}
.homeLeftBox li{ background:#ced0d0; float:left; list-style:none; margin:5px; width:250px; height:250px; display:table-cell; vertical-align:bottom; text-align:center; position:relative;}

.homeLeftBox li a{margin-left:10px; float:left; clear:both}
.homeLeftBox li:first-child a{ margin-top:200px;letter-spacing:17px;}
.homeLeftBox li:nth-child(3) a{ margin-top:200px;letter-spacing:15px;}
.homeLeftBox li:nth-child(9) a{ margin-top:200px;letter-spacing:11px;}
.homeLeftBox li:nth-child(7) a{ margin-top:200px;letter-spacing:16px;}

.subMenus{ background:#b7b7b7; float:left; padding:10px 20px 10px 0px; position:absolute; bottom:0; top:0;  left:100px; width:160px; height:230px}
.subSubMenus{ float:left; width:220px; height:250px; left:-100px;display:none; position:relative;}

.subSubMenusDis .subMenus{ float:left; width:230px; height:170px; top:100px;display:block; position:relative; left:0}
.subSubMenusDis{ float:left; width:250px; height:250px; top:-100px;display:none; position:relative;}

.subSubMenusContact .subMenus{ float:left; width:230px; height:170px; top:00px;display:block; position:relative; right:100px}
.subSubMenusContact{ float:left; width:250px; height:250px; right:-100px;display:block; position:relative; background:red; top:0}

.subSubMenusTeaching .subMenus{ float:left; width:180px; height:230px; top:00px;display:block; position:relative; right:100px; left:auto }
.subSubMenusTeaching{ float:left; width:180px; height:250px; right:-150px;display:block; position:relative;top:0}

.subSubMenusTeachingNew .subMenus{   bottom: 17px;
    display: block;
    float: left;
    height: 60px;
    left: auto;
    position: relative;
    top: auto;
    width: 230px; }
.subSubMenusTeachingNew{ float:left; width:230px; height:170px; bottom:-187px;display:block; position:relative;top:auto; left:auto}

.subSubMenusTeaching,.subSubMenusTeachingNew{ display:none}

.logo img{ text-align:center; padding:13px 0 0 30px}

.subMenus a:link,.subMenus a:visited{color:#333333}
.subMenus a:hover{color:#990000;}

.homeLeftBox li:nth-child(2){ text-align:left}

.mainMenu:link,.mainMenu:visited,.mainMenu:hover{color:#990000; text-decoration:none; font-size:22px; text-transform:uppercase; }

.mainsubMenu:link,.mainsubMenu:visited{color:#990000; text-decoration:none; font-size:18px; text-transform:uppercase; margin-bottom:10px; letter-spacing:7px; width:100%;float:left; border-bottom:1px solid #ced0d0; text-align:left}

.homeRightBox{ width:425px; float:right}
.homeLeftBox.InnerBox{ background:#e9e9e9; float:left}
.newLeftBox.InnerBox{ background:#e9e9e9; float:left; width:780px}
.newLeftBox.InnerBox p{ margin:0; padding:0}

.newLeftBox.InnerBox table {
    border: 0px inset #cccccc;
}
.newLeftBox.InnerBox td {
    border: 0px outset #cccccc; padding:5px
}

h1{ color:#990000; font-weight:normal; text-align:center; letter-spacing:5px; font-size:36px; padding:0; margin:0; text-transform:uppercase; background:#d0cece}
.banner{ width:100%; float:left; padding:10px 0; box-sizing: border-box;}
.banner img{ width:100%}
.contentBox{width:100%; float:left}
.contentBox p{padding:10px; font-size:16px;text-align: justify;}
.cls{ clear:both}
.homeRightBox ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 425px;
}
.homeRightBox { position:fixed; right:0; bottom:5px;}

input[type="text"]{ width:40%; margin-left:10px; float:left; margin-bottom:15px; border:0; padding:5px 10px }
textarea{ width:90%; margin-left:10px;float:left; margin-bottom:10px; border:0;color:#333333; font-size:14px; height:85px; padding:5px 10px}
input[type="submit"]{ background:#927e74; border-radius:3px; width:93%; border:0; padding:3px 0; color:#fff; cursor:pointer;margin-left:10px; padding:5px 10px}}



@media all and (max-width: 1024px)
{
	.homeLeftBox {
		float: left;
		width: 590px;
	}
}
@media all and (max-width: 700px)
{

#mobile{ display:block}
#desktop{ display:none}
}
@media all and (max-width: 400px)
{
.mobileLogo{ position:absolute; left:10px; top:10px; display:block; width:50px}
#mobile img,.mobileLogo img{ width:100%}
#mobile,.homeLeftBox li.logo,div.homeLeftBox.InnerBox,.contentBox .scroller li{ display:block}
#desktop,.homeRightBox,.homeLeftBox li{ display:none}
.homeLeftBox,.homeLeftBox ul,.newLeftBox.InnerBox{ width:100%}
.navBox{ position:absolute; right:10px; top:10px; display:block}
.menus{ position:absolute; right:0px; top:30px; z-index:9999; background:#FFF; display:none;box-shadow: 0 0 4px #ccc}
.menus ul,.menus ul li{ padding:0; margin:0; list-style:none}
.menus ul a:link,.menus ul a:visited{ padding:5px 15px 5px 25px; text-decoration:none; color:#333; text-transform:none !important; float:left; font-size:14px; border-bottom:1px dotted rgba(0,0,0,0.5); width:100%;box-sizing: border-box;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; width:220px; }
.menus ul a:hover{ padding:5px 25px 5px 35px;}

}