@charset "utf-8";

/*@font-face {*/
/*    font-family: 'SolaimanLipi_Bold_100312';*/
/*    src: url('fonts/SolaimanLipi_Bold_100312.eot');*/
/*    src: url('fonts/SolaimanLipi_Bold_100312.eot') format('embedded-opentype'),*/
/*         url('fonts/SolaimanLipi_Bold_100312.woff2') format('woff2'),*/
/*         url('fonts/SolaimanLipi_Bold_100312.woff') format('woff'),*/
/*         url('fonts/SolaimanLipi_Bold_100312.ttf') format('truetype'),*/
/*         url('fonts/SolaimanLipi_Bold_100312.svg#SolaimanLipi_Bold_100312') format('svg');*/
/*}*/
@font-face {
    font-family: 'SolaimanLipi';
    src: url('fonts/SolaimanLipiNormal.eot');
    src: url('fonts/SolaimanLipiNormal.eot?#iefix') format('embedded-opentype'),
      url('fonts/SolaimanLipiNormal.woff2') format('woff2'),
      url('fonts/SolaimanLipiNormal.woff') format('woff'),
      url('fonts/SolaimanLipiNormal.ttf') format('truetype'),
      url('fonts/SolaimanLipiNormal.svg#SolaimanLipiNormal') format('svg');
    font-weight: normal;
    font-style: normal;
  }

/* basic colors for the theme */
html{font-size: 100%;font-family: 'SolaimanLipi';}
html,body {background-color: #fff;}
p,h4, .heading-3{font-size: 100%;font-family: 'SolaimanLipi';}
/*  header part */
.heading-3{
    font-size:20px;
}
p{
    font-size: 16px;
}
.news-title{
    font-size:20px;
}
nav {font-size: 100% !important; font-family: 'Open Sans', sans-serif;}
.font-light {color: whitesmoke !important;}
.font-dark {color: rgb(38,38,38) !important;}
.font-color {color: darkgray !important;}
.font-bold {font-weight: bold !important;}
nav.navigation a {font-weight: 400;font-family: 'Open Sans', sans-serif;-webkit-transition: all .10s linear;-moz-transition: all .10s linear;-ms-transition: all .10s linear;-o-transition: all .10s linear;transition: all .10s linear;}
nav.navigation > ul > li{float:left;position:relative;padding:0px 17px;line-height: inherit;}
nav.navigation > ul > li:before {content: '\f142';font-family: FontAwesome;font-size: 9px;color: #d3d3d3;position: absolute;left: 0;top: 12px;}
nav.navigation > ul > li:first-child:before {display: none;}
nav.navigation > ul > li > a{float:left;font-size:14px;height: 32px;font-weight: 400;line-height: 30px;color:#666;z-index:999;position:relative;border-radius: 2px;}
nav.navigation  ul ul  li.current-menu-item:hover >  a {color: #fff !important;}
nav.navigation ul ul > li:hover > a {color: #fff !important;}
.navigation ul ul {float:left;position:absolute;top:35px;padding: 15px 10px;left:0;z-index:998;border-radius: 6px;background:rgba(255,255,255,0.96);box-shadow: 4px 4px 12px rgba(0,0,0,0.2);width:195px;opacity: 0;visibility: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transform: translateY(-20px);
	   -moz-transform: translateY(-20px);
	    -ms-transform: translateY(-20px);
	     -o-transform: translateY(-20px);
	        transform: translateY(-20px);
	-webkit-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	   -moz-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	    -ms-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	     -o-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	        transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
}
.navigation ul ul li{float:left;width:100%;position:relative;border-top: 1px solid #e8e8e8;}
.navigation ul ul li:first-child {border-top: none;}
.navigation ul ul li h2 {font-size: 20px;line-height: 24px;}
.navigation ul ul ul {left: 100%;top: 0;}
.navigation ul ul a {width:100% !important;display:block;padding:10px 10px;margin:0;font-weight: 400;text-transform: n;font-size:13px;color:#666 ;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.navigation ul ul a:hover {color:#fff;background: #555;}
.navigation ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
}

/*.box3 h6{*/
/*    position: absolute;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*}*/
/*===== start color setting =======================*/

/* color combination setting to modify faster the color tone and theme*/

/* .white-bg is a common white or customized light background for any section it needs */

.white-bg {background-color: white !important;}

/* this is the main panel where all the content will be shown */

/*.main-panel {background-color: rgba(250,250,185, .35) !important;}*/

/* layer color is the standard color set for header and footer or anything that match the tone and functionality */

.xlayer-color {background-color: rgb(11,97,173); } /* for blue background */

.layer-color {background-color: #003a6a; } /* for green background */

/*===== end color setting =========================*/

/* start notice part */
.content-box-notice-header {box-shadow: 0px 0px 3px #666 !important; display: flex;padding: 4px;}


/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
.site-header {
  font-size: 12px;
  border-bottom: 4px solid;
}

.header-left {
  /*margin-top: 70px;*/
}
.header-left p i {
  margin-right: 7px;
}

.logo {
  /*margin: 40px auto;
  text-align: center;*/
}

.header-right {
  /*margin: 52px auto;*/
  text-align: right;
}

.small-links {
  padding: 0;
  margin: 0 0 15px 0;
}
.small-links li {
  list-style: none;
  display: inline;
}
.small-links li:not(:last-child):after {
  padding: 0 8px;
  content: '|';
}

.search-form form input {
  min-width: 240px;
  box-shadow: none;
  border: 1px solid;
  height: 34px;
  padding: 10px;
}

.main-navigation {
  border-top: 1px solid;
  font-size: 14px;
}

.main-menu {
  padding: 0;
  margin: 0;
}
.main-menu li {
  list-style: none;
  display: inline-block;
  float: left;
  margin: 0;
  border-right: 1px solid;
  position: relative;
}
.main-menu li ul {
  position: absolute;
  width: 180px;
  z-index: 9999;
  top: 100%;
  left: 0;
  padding: 0;
  border-top: 4px solid;
}
.main-menu li ul li {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid;
  padding: 0;
}
.main-menu li ul li a {
  display: block;
  /*padding: 12px 20px;*/
  padding: 5px 20px;
}
.main-menu li ul li ul {
  left: 100%;
  top: 0;
}
.main-menu a {
  display: block;
  /*padding: 17px 20px;*/
  padding: 8px 15px;
}

.sf-with-ul i {
  margin-left: 10px;
}

.social-icons {
  padding: 17px 20px;
  margin: 0;
}
.social-icons li {
  list-style: none;
  display: inline-block;
  float: left;
  margin-left: 20px;
}

.menu-toggle-btn {
  width: 100%;
  height: 60px;
  font-size: 24px;
  display: block;
  text-align: center;
  line-height: 60px;
}

.responsive_menu {
  position: relative;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
}

.main_menu {
  margin: 0;
  padding: 20px;
  list-style: none;
  border-bottom: 1px solid;
}
.main_menu li:not(:first-child) {
  border-top: 1px solid;
  padding: 12px 0;
}
.main_menu li ul {
  list-style: none;
  margin-left: -10px;
  margin-top: 10px;
}
.main_menu li ul li {
  border-top: 1px solid;
  padding: 10px 0;
}
.main_menu li ul li:before {
  content: '-';
  margin-right: 10px;
}
.main_menu a {
  font-size: 16px;
}

.social_icons {
  padding-top: 30px;
  padding-bottom: 10px;
  margin: 0;
  padding-left: 20px;
  display: inline-block;
  text-align: center;
}
.social_icons li {
  display: inline;
  float: left;
}
.social_icons li a {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  float: left;
  text-align: center;
  line-height: 36px;
  margin-right: 10px;
}






/* footer start */

.footer-box-footer {padding: 15px 0px !important;}

.footer-box-footer>div>ul>li>a,.footer-box>div>ul>li {color: whitesmoke !important; width: 100%;}

.footer-box-footer>div>ul>li>a:hover,.footer-box>div>ul>li:hover {color: white !important;}

.footer-logo-link-footer {margin: auto !important;}



/* margin,padding custom */

.margin-top-5 {margin-top: 5px !important;}

.margin-top-10 {margin-top: 10px !important;}

.margin-top-15 {margin-top: 15px !important;}

.margin-bottom-10 {margin-bottom: 10px !important;}

.margin-bottom-15 {margin-bottom: 15px !important;}

.margin-left-neg-80 { margin-left: -80px !important;}

.padding-bottom-10 {padding-bottom: 10px !important;}

.padding-top-5 {padding-top: 5px;}

.border-top {border-top: 1px solid rgba(0,0,0, .05);}

.clearBoth {clear: both !important;}

.full-width {width: 100% !important;}

/*.content-display-box {box-shadow: 0px 0px 8px 2px rgba(0,0,0, .25) !important;}*/
.box{box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; padding:10px;overflow:hidden;background-color:#ffffff;}



/* miscelenious */

.top-layer {xbackground: url(img/spacer-1.png) 0 100% repeat-x; padding-top: 5px; background-color: rgba(0,0,0, .1) !important;}

.bottom-layer {xbackground: url(img/spacer-1.png) 0 100% repeat-x; padding: 10px; background-color: rgba(0,0,0, .1) !important;}

.transparent-devide { background:  }

.social-link-bar>span>a>img {height: 32px; margin-bottom: 4px;border-radius: 50%;background-color: gray;}

.social-link-bar>span>a>img:hover {background-color: black; transition: .2s; box-shadow: 0px 0px 3px 1px rgba(255,255,255, .75);}

.common-title {background-color: rgba(255,232,148, .4) !important;padding: 10px !important;border-radius: 3px !important;margin: 5px !important;}

.light-shadow {box-shadow: 0px 0px 3px 1px rgba(0,0,0, .05) !important;}

.light-shadow:hover {box-shadow: 0px 0px 3px 1px rgba(0,0,0, .25) !important; transition: .2s ease-in-out all; -o-transition: .2s ease-in-out all; -moz-transition: .2s ease-in-out all; -webkit-transition: .2s ease-in-out all;-ms-transition: .2s ease-in-out all;}

.light-box {box-shadow: 0px 0px 1px 1px rgba(0,0,0, .035);}



/*===== start header section =======================*/

header {}

.header-box {}

.header-baner {padding-top: 10px;}

.header-logo {float: left; max-width: 100px; margin: 10px !important; clear: both !important;}

.header-title>h1 {}

.header-subtitle { font-size: 16px; font-weight: bold;}

/* aside */
.home-side4{
    font-size:15px;
}
.aside-box {margin: 0px -5px;}

/* miscelenious */

.top-layer {xbackground: url(img/spacer-1.png) 0 100% repeat-x; padding-top: 5px; background-color: rgba(0,0,0, .1) !important;}

.bottom-layer {xbackground: url(img/spacer-1.png) 0 100% repeat-x; padding: 10px; background-color: rgba(0,0,0, .1) !important;}

.social-link-bar>span>a>img {height: 32px; margin-bottom: 4px;border-radius: 50%;background-color: gray;}

.social-link-bar>span>a>img:hover {background-color: black; transition: .2s; box-shadow: 0px 0px 3px 1px rgba(255,255,255, .75);}

.common-title {background-color: rgba(255,232,148, .4) !important;padding: 10px !important;border-radius: 3px !important;margin: 5px !important;}

.light-shadow {box-shadow: 0px 0px 3px 1px rgba(0,0,0, .05) !important;}

.light-shadow:hover {box-shadow: 0px 0px 3px 1px rgba(0,0,0, .25) !important; transition: .2s ease-in-out all; -o-transition: .2s ease-in-out all; -moz-transition: .2s ease-in-out all; -webkit-transition: .2s ease-in-out all;-ms-transition: .2s ease-in-out all;}

.light-box {box-shadow: 0px 0px 1px 1px rgba(0,0,0, .035);}



/* the navigation bar color combination in every effect like hove, active,focus or normal display */

nav {background-color: #004884 !important;}

.navbar-collapse {background-color: #004884 !important;}

.nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active { color:  #004884 !important;}
/* .nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active { color:  #004884 !important; background-color: snow !important;} */

.header-menu-dropdown>ul.dropdown-menu { background-color: #004884 !important; color: whitesmoke !important; }

.header-menu-dropdown>ul.dropdown-menu>li>a:hover, .header-menu-dropdown>ul.dropdown-menu>li>a:focus, .header-menu-dropdown>ul.dropdown-menu>li>a:active { color: #004884 !important; background-color: snow !important;}
/* .header-menu-dropdown>ul.dropdown-menu>li>a:hover, .header-menu-dropdown>ul.dropdown-menu>li>a:focus, .header-menu-dropdown>ul.dropdown-menu>li>a:active { color: #004884 !important; background-color: snow !important;} */

/*===== end naviation bar color setting ===========*/

/*===== start header section =======================*/

header {}

.header-box {}

.header-baner {padding-top: 10px;}

.header-logo {float: left; max-width: 100px; margin: 10px !important; clear: both !important;}

.header-title>h1 {}

.header-subtitle { font-size: 16px; font-weight: bold;}

/* aside */

.aside-box {margin: 0px -5px;}

/* navigation bar section */

.navbar-toggle {padding: 6px 6px !important; border:1px solid whitesmoke !important;}

.icon-bar {background-color: whitesmoke !important;}

.icon-bar:hover {background-color: white !important;}

.navbar-box {}

/* nav {z-index: 9998 !important; box-shadow: 0px 0px 8px 2px #404d67 !important;} */



.navbar {margin-bottom: 0px !important; min-height: unset !important; border-radius: 4px 4px 0px 0px !important;}

.navbar-brand {height: 40px !important;}

.navbar-nav>li>a {padding: 10px 5px !important;}

.nav>li>a{font-weight: bold !important;}

.navbar-nav>li>a, .navbar-brand {color: whitesmoke !important;}

.navbar-social-bar {display: none !important;}

.header-menu-dropdown>a.dropdown-toggle {}

.header-menu-dropdown:hover > ul.dropdown-menu {display: block !important;}

.header-menu-dropdown>ul.dropdown-menu>li>a { color: whitesmoke !important; font-weight: 700 !important;}

.nav-home{display: inline;}

/*===== end header section =========================*/



/* .layer-color {background-color: #404d67; }

.font-light {color: whitesmoke !important;} */






/*miscellaneous*/
.read_more{font-weight: bold;}
.read_more:hover,.read_more:focus{text-decoration:none;outline:none;}
.overlay-blue-bars {width: 100%;height: 100%;background: url('../images/overlay_blue_bars.png');}
.awesomeness-meter {background-color: #9a9fa6;margin: 160px 0;}

.container .sixteen.columns {width: 940px;}
.container .column, .container .columns {float: left;display: inline;margin-left: 10px;margin-right: 10px;}
.awesomeness-meter > h1 {width: 100% !important;background-color: #fff !important;font-family: 'Lato',sans-serif !important;font-weight: 300;color: #FFFFFF;text-transform: uppercase;
    text-align: center !important;
    font-size: 32px !important;
    line-height: 35px !important;
    padding: 5px 0 !important;
    letter-spacing: -1px !important;
}
.container .four.columns {
    width: 220px;
}
.awesomeness-meter .awesomeness {
    text-align: center;
    margin-bottom: 15px;
}
.container .column, .container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}
.awesomeness-meter {
    background-color: #9a9fa6;
    margin: 160px 0;
}

.marquee {top: 10px; position: relative; box-sizing: border-box; animation: marquee 15s linear infinite;}
.marquee:hover { animation-play-state: paused;}
.notice-scrolling-title {padding-left: 5px; display: flex; font-weight: bold;}

/* basic colors for the theme */

/* body{font-family:'Raleway','SolaimanLipi_Bold_100312';background: url(../media/imgAll/bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} */
a{text-decoration:none !important;}
/* CSS Document */
.font-white{color: white !important;}
.font-20{font-size: 20px !important;}
.col-md-8 .row{text-align:justify;}
.text-align-left{text-align:left;}
.txt-size{font-size:1.2em !important;}
.mp{margin:0px !important;padding:0px !important;}
.m{margin:0px !important;}
.p{padding:0px !important;}
.padding10{padding:10px !important;}
.padding20{padding:20px !important;}
.padding-top5{padding-top:5px;}
.padding-top10{padding-top:10px;}
.margin-left20{margin-left:20pt;}
.margin-left30{margin-left:30px;}
.mar-top10{margin-top:10px;}
.mar-top30{margin-top:30px;}
.mar-bottom10{margin-bottom:10px;}
.mar-top{margin-top:15px;}
.font-bold{font-weight:bold;}
.txt-g{font-family: 'Open Sans', sans-serif; margin-left:0px;padding-left:0px;font-size:15px !important;}
.sch-name{color:coral;font-size:24px;font-weight:bold;line-height:25px;padding-top:10px;}
.box-photo{box-shadow:0px 0px 3px #666;padding:5px;overflow:hidden;margin:5px;}
.box{box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;overflow:hidden;background-color:#ffffff;}
.box-photo-aside{box-shadow:0px 0px 3px #666;padding:20px;overflow:hidden;background-color:#ffffff;color: #2f008b;font-weight: bold;}
.box-photo-galley{box-shadow:0px 0px 3px #666;overflow:hidden;background-color:#ffffff;}
.box-visit{box-shadow:0px 0px 3px #666;padding:10px;overflow:hidden;background-color:#ffffff;}
.box2{padding:10px;overflow:hidden;font-size:14px;background-color:#ffffff;}
.box3{margin-bottom: 25px;box-shadow: rgba(0, 0, 0, 0.23) 0px 4px 7px;border-radius: 5px;padding:10px;margin-right:7px;width:100%;text-align:center;overflow:hidden;background-color:#FFFFFF;height:370px;}
.box3-visitor{box-shadow:0px 0px 3px #666;padding:0px;margin-right:0px;width:100%;text-align:center;overflow:hidden;background-color:#FFFFFF;height:100px;margin-bottom: 10px !important;}
.box4{box-shadow:0px 0px 3px #666;padding:10px;margin-right:7px;width:24%;text-align:center;overflow:hidden;background-color:#FFFFFF;}
.box4-counter{box-shadow:0px 0px 3px #666;margin-bottom:10px;}
.box3-left{box-shadow:0px 0px 3px #666;padding:10px;width:24%;text-align:center;overflow:hidden;height:310px;background-color:#FFFFFF;}
.sms-heading{
  color: #3B5998;
  font-weight: bold;
  margin-top: 0;
  padding-bottom: 12px;
  font-size: 22px;
  margin-bottom: 0px;
}
.scrol-text{colo:coral !important;}
.short-name{text-align:right;float:right;line-height:16pt;}
.short-name-h1{color:#3B5998;font-weight:bolder;line-height:36pt;padding-right:10px;}
hr{height:2px;background-color:black;}
.right-box1{height:234px;border-right:5px;padding-left:0px;}
.right-box2{height:137px;background-color:#207DB9;}
.right-box3{height:117px;background-color:#00AAAA;border-top:5px solid #FFFFFF;}
.right-box4{height:117px;background-color:#005DE9;border-top:5px solid #FFFFFF;}
.right-box5{height:117px;background-color:#D14625;border-top:5px solid #FFFFFF;border-right:5px solid #FFFFFF;}
.right-box6{height:117px;background-color:#00ACEE;border-top:5px solid #FFFFFF;border-right:5px solid #FFFFFF;}
.right-box7{height:97px;background-color:#008E00;border-top:5px solid #FFFFFF;}
.i-siz{text-align:center;font-size:70px;padding-top:10px; color:#FFFFFF;}
.heading-2{border-bottom:2px solid #eee;color:#3B5998;font-weight:bold;margin-top:30px;padding-bottom: 12px; font-size: 22px;}
.heading-3{border-bottom:2px dotted #D7D7D7;color:#3B5998;font-weight:bold;text-align:center; }
.aluminy-hed{border-bottom:3px solid #D7D7D7;color:#3B5998;font-weight:bold;font-size:20px;}
.txt-color{color:coral;font-weight:bold;}
.code-name{font-size:15px;color:gray;}
/* scroll Notice */

.breakingNews {  }
.breakingNews > .bn-title {width: auto;height: 32px;display: inline-block;background: #3B556F;position: relative;}
.bn-turquoise {border-color: #3B556F;}
.breakingNews {border-radius: 15px; width: 100%;height: 32px;background: #FFF;position: relative;border: solid 2px #3B556F;overflow: hidden;}
.breakingNews > .bn-title > h2 {display: inline-block;margin: 0;padding: 0 10px;line-height: 27px;font-size: 16px;color: #FFF;height: 32px;box-sizing: border-box;}
.bn-turquoise > .bn-title > span {border-left-color: #3B556F;}
.breakingNews > .bn-title > span {width: 0;position: absolute;right: -10px;top: 5px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #3B556F;}
.breakingNews > ul {padding: 0;margin: 0;list-style: none;position: absolute;left: 180px;top: 0;right: 40px;height: 32px;font-size: 14px;}
.breakingNews > ul > li {position: absolute;height: 32px;width: 100%;line-height: 30px;display: none;}
.scroll-notice-link:hover{color: red !important;}
.scrolling_title{font-family: 'SolaimanLipi'; margin-left: -15px; color: red; margin-top: 6px; font-size: 16px !important;}
/*---------------- Mixed -------------------*/
.head-colo{color:#3B5790;}
.head-colo-gb{color:#07008b;}
.head-h1{font-size:18px;margin:0px;color:#3C5487;}
.fa-file-pdf-o{font-size:70px;color:#3C5487;}
.online-admission > a > .font-white:hover {color: yellow !important;}
/*---------------- Notice ------------------*/
.year{transform: rotate(270deg);position: absolute;margin-left:23px;margin-top:13px;font-weight:bolder;}
.notice-row:hover{background-color:#D7D7D7;}
td a{text-decoration:none !important;}
.notice-row a{text-decoration:none !important;}
.txt{color:#F3F3F3;}
.fb{color:#3B5998;font-weight:bolder;font-size:21px;}
.go{color:red;font-weight:bolder;font-size:21px;}
.tw{color:#64A8F2;font-weight:bolder;font-size:24px;}
h6{font-weight:bold;text-align:center;color:#000;border-top:1px solid #CDCDCD;border-width:100%;padding-top:10px;}
.h5-txt{font-family: 'SolaimanLipi';color:#121111; font-weight: 600; font-size: 18px;
    line-height: normal;}
.news-des, .box3 p{
    font-family: 'SolaimanLipi'; color:#121111; font-weight: 500; font-size: 15px;
    line-height: normal;
}
/* .h5-txt{color:#4B4FF8;font-style:italic;} */
.notice-bottom{margin-bottom:20px;}
.visitor{margin-top:15px;height:93px;margin-bottom:10px;color:blue;}
.video-container {position:relative;padding-top:30px;height:220px !important;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100% !important;}

/*--------------------------- Related Menu -----------------------------*/
.ref-menu:hover{background-color:#D7D7D7;}
.ref-menu{padding:5px 0px 5px 19px;color:#3C5487;}
/*--------------------------- History ----------------------------------*/
.site-map{padding:10px;margin-bottom:15px;}
/*------------------------------- Teacher ------------------------------*/
.div-hover:hover{background-color:#EBEBEB;box-shadow:0px 0px 3px blue;}
.notice-hover:hover{background-color:#EBEBEB;box-shadow:0px 0px 3px coral;}
.i-txt{color:#3C5487;font-size:18px;}
.ancor{color:#ffffff !important;}
/*------------------------------- GB ---------------------------------*/
span{color:#004884;}
h4,h5{color:darkblue; font-size:18px;}
/*------------------------------ Pagination -----------------------------*/
.navi{width:500px;margin:5px;padding:2px 5px;border:1px solid #eee;}
.show{color:blue;margin:5px 0;padding:3px 5px;cursor:pointer;font:15px/19px Arial,Helvetica,sans-serif;}
.show a{text-decoration:none;}
.show:hover {text-decoration:underline;}
ul.setPaginate li.setPage{padding:15px 10px;font-size:14px;}
ul.setPaginate{margin:0px;padding:0px;height:100%; /*overflow:hidden;*/font:12px 'Tahoma';list-style-type:none;}
ul.setPaginate li.dot{padding: 3px 0;}
ul.setPaginate li{float:left;margin:0px;padding:0px;margin-left:5px;}
ul.setPaginate li a{background: none repeat scroll 0 0 #ffffff;border: 1px solid #cccccc;color: #999999;display: inline-block;font:15px/25px Arial,Helvetica,sans-serif;margin: 5px 3px 0 0;padding: 0 5px;text-align: center;text-decoration: none;}
ul.setPaginate li a:hover,
ul.setPaginate li a.current_page{background: none repeat scroll 0 0 #0d92e1;border: 1px solid #000000;color: #ffffff;text-decoration: none;}
ul.setPaginate li a{color:black;display:block;text-decoration:none;padding:5px 8px;text-decoration: none;}
/*------------------------------ Other CSS ------------------------------*/
.scrol-color{color:#ffffff !important;}
.pdf-img{font-size:70px;color:#3C5487;}
.pri-name{color:blue;}
.heading{color:#3B5790;}
/*Department Page*/
.head-h1{font-size:18px;margin:0px;}
.txt-color{color:coral;}
/*Photo Details*/
.ih-item {position: relative;border: 8px solid #fff;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
/*------------------------------ Gallery ---------------------------------*/
.img-height{height: 175px;width: 200px}
.img-gallery {height:200px;}
.box-photo{box-shadow:0px 0px 3px #666;padding:5px;margin:5px;overflow:hidden;background-color:#ffffff;}
/*---------------------------- News & Events -----------------------------*/
.news-date{position: absolute;bottom:0;left:0;right:0;color:#337ABB;}
.thumbnail{width:155px;height:118px;overflow:hidden;}
.image{width: 100%;height: 100%;}
.image img {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.image:hover img {-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25);}
/*----------------------------- Slide CSS --------------------------------*/
.slide-height{height:384px !important;}
.fa-angle-double-left{color:white;}
.fa-angle-double-right{color:white;}
.carousel-control.left,
.carousel-control.right{background-image:none !important;}
.carousel-inner .item img{width:100%;height:100%;border-radius: 10px;}
.carousel-indicators{bottom:5px;left:0;width:auto;padding:5px 25px 5px 25px;margin-left:0;background:rgba(0,0,0,0.7);}
.carousel-indicators li{border-radius:0;width:8px;height:8px;background:#fff;}
.carousel-indicators .active{width:10px;height:10px;background:#39b3d7;border-color:#39b3d7;}
.carousel-control{background:#39b3d7;color:#fff;padding: 4px 0;width:26px;top:auto;left:auto;bottom:12px;opacity:0.85;}
.carousel-control.right{right:10px;}
.carousel-control.left{right: 46px;}
.carousel-caption{top:auto;width:auto;right:auto;bottom:60px;left:0;padding:20px;background:rgba(0,0,0,0.70);text-align:left;height:auto;max-width:50%;}
/*------------------------------ Media Query ----------------------------*/
@media screen and (max-width: 991px) {
	.header-title>h1 {font-size: 28px !important; margin-top: 25px !important;}
	.header-subtitle { font-size: 16px; }
}

@media screen and (max-width: 767px) {
	.header-title>h1 {font-size: 25px !important; margin-top: 30px !important;}
	.header-subtitle { font-size: 16px; }
	.message-box {margin-top: 15px !important;}
	.top-layer {display: none !important;}
	.navbar-social-bar {display: block !important; float: right; margin-top: 8px !important; margin-right: 10px !important;}
	.xmessage-box-subtitle {padding-left: 33.33% !important; margin-left: 15px !important;}
}

@media screen and (max-width: 680px) {
	.header-title>h1 {font-size: 22px !important; margin-top: 25px !important;}
	.header-subtitle { font-size: 15px; }
	.header-logo-img {max-width: 80px !important;}
}

@media (max-width: 600px) {
    .carousel-caption {display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */}
}

@media screen and (max-width: 580px) {
	.header-logo-img {max-width: 80px !important;}
	.header-title>h1 {font-size: 17px !important; margin-top: 25px !important;}
	.header-subtitle { font-size: 14px; }

}

@media screen and (max-width: 480px) {
	.header-logo-img {max-width: 60px !important;}
	.header-title>h1 {font-size: 15px !important; margin-top: 20px !important;}
	.header-subtitle { font-size: 12px; margin-top: -1px !important;}
}

@media screen and (max-width: 420px) {
	.header-logo-img {max-width: 50px !important;}
	.header-title>h1 {font-size: 13px !important; margin-top: 20px !important;}
	.header-subtitle { font-size: 10px; margin-top: -1px !important; }
	.message-box-subtitle {font-weight: 700; padding: 5px !important; padding-left: 0% !important; margin-left: 10px !important;}
	.message-box-title {font-size: 16px; padding-top: 5px !important;}
	.slide-height {
  height: 211px !important;
}
.carousel-inner .item img {
  width: 100%;
  height: 191px;
}
}

@media screen and (max-width: 380px) {
	.header-logo-img {max-width: 50px !important;}
	.header-title>h1 {font-size: 12px !important; margin-top: 20px !important;}
	.header-subtitle { font-size: 10px; margin-top: -1px !important; }
	.message-box-title {font-size: 15px; padding-top: 5px !important;}
	.message-name {font-size:85% !important;}
}

@media screen and (max-width: 360px) {
  .slide-height{height:300px !important;}
	.header-logo {float: left;max-width: 45px;margin: 5px !important;clear: both !important;}
	.header-logo-img {max-width: 50px !important; margin: 0px 5px 0px 0px !important;}
	.header-title>h1 {font-size: 16px !important; margin-top:10px !important;}
	.header-subtitle { font-size: 9px; margin-top: -10px !important; }
  .header-text{margin-bottom: 10px !important;}
	.header-title>span.pull-right { float: left !important; font-size: 85%; }
	.message-box-title {font-size: 13px; padding-top: 0px !important;}
	.message-box-photo {width: 23% !important;}
	.message-name {font-size:75% !important;}
	p.message-text {display: none !important;}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .slide-height {
  height: 211px !important;
}
.carousel-inner .item img {
  width: 100%;
  height: 191px;
}
} 
.news-box{
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 0px;
  float: left;
  width: 41.66666667%;

}
.news-item{font-family: 'SolaimanLipi';margin:0px; font-size: 15px;border-bottom: 2px solid #eee;}
.news-item > div {border-bottom:0px dashed lightgray; padding-top: 10px;}
.news-item > div > div > div > a.read-more { color: #4782B2 !important;}
.news-item:hover > div { background-color: rgba(0,0,0, .13);  }
.news-item:hover > div > div > div > a.read-more { color: #9c0734 !important; -o-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s;transition: .2s;}
.news-item:hover > div > div > div > a.read-more:hover { color: #9c0734 !important; }
.notice-month {

    background-color: #4782B2 !important;
    padding: 1px !important;
    color: #ffffff !important;
    font-weight: bolder !important;
    margin-top: px !important;

}
.notice-date {

    background-color: #F3F3F3 !important;
    padding: 5px !important;
    color: coral !important;
    font-weight: bolder !important;
    margin-bottom: 5px !important;

}
.text-center {
    text-align: center !important;
}
.col-sm-12 {

    width: 100%;

}

.box-download:hover{
  background-color: lightgray;
  cursor: pointer;
}
.gbmamber{
    text-align: center;
    box-shadow: rgb(0 0 0 / 14%) 0px 5px 15px;
    padding: 15px 10px;
    margin: 20px 0;
}
.gbmamber-title{
    font-family: 'SolaimanLipi';
    font-weight: 600;
}
.gmheight{
    height: 250px;
    width: 100%;
}
.gb-box-height{
        height: 425px;
}
.chieftmp p{
    font-family: 'SolaimanLipi';
    line-height: normal;
    font-size: 15px;
}
/*card*/
.services-box {
    background: #fff1ee;
}

.services-box {
    padding: 30px;
}
.services-box {
    border-radius: 8px;
  background-color: #e8e8e8;
  padding: 10px 15px;
  margin-top: 20px;

}
.services-box .icon {
    margin-bottom: 15px;
}
.services-box .icon img {
    height: 52px;
}
.services-box h3 {
    font-size: 16px;
}
.services-box a {
    color: #141b22;
    font-family: 'Jost', sans-serif;
}
.mb-5{
    margin-bottom: 20px;
}
.services-box:hover{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.box3:hover{
    transition: all 0.3s ease;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.service-details-three a{
    color: #242424;
}

.box3:hover .h5-txt{
    color: #033e8a;
}

@media only screen and (max-width: 600px) {
.mb-box{
    text-align: center;
}
.mb-box img{
    margin-bottom: 10px;
} 
}
/*social icon*/
.social-icons-ql li{
	   list-style:none;
	   float:left;
	   width:40px;
	   height:40px;
	   line-height:45px;
	   background:#000;
	   text-align:center;
	   margin:10px 5px;
   }
  
   .social-icons-ql li:nth-child(1){
	   width:40px;
	   height:40px;
	   line-height:45px;	   
	   margin:10px 5px;
	   background:#34558E;
   }
   
   .social-icons-ql li:nth-child(1) i{
	   font-size:25px;
	   
   }
  .social-icons-ql li:nth-child(2) {
   background:rgba(0, 122, 181, 1);
}

.social-icons-ql li:nth-child(3) {
   background:#b50000;
}
.social-icons-ql li:nth-child(4) {
   background:#DC4A38;
}
.social-icons-ql li:nth-child(5) {
   background:#CC2028;
}

.social-icons-ql li:nth-child(6) {
   background:#E05929;
}
.social-icons-ql li:nth-child(7) {
   background:#EB4924;
}
   .social-icons-ql li i{
	   color:#fff;
	   font-size:20px;
   }

.box-message{box-shadow:0px 0px 3px #666;overflow:hidden;background-color:#ffffff;}
.t-res{font-size: calc(11px + 0.4vw);}
.h-res{font-size: calc(14px + 0.4vw);}
#cf3 {position:relative;margin:0 auto;}
#cf3 img {position:absolute;left:0;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
@keyframes cf3FadeInOut {0% {opacity:1;}45% {opacity:1;}55% {opacity:0;}100% {opacity:0;}}
#cf3 img.top {animation-name: cf3FadeInOut;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-duration: 5s;animation-direction: alternate;}