/*
This CSS Page Developed by PHP Boss
Developer:Md. Saidul Islam Reza
Web:phpboss.org,linkinbd.com,muktobani.com
Cell:+880 1552 601805,+880 1794 100009
Email:phpboss2010@gmail.com
Date:14 Jun,2015
*/
/*----------------menu dropdown css--------------------*/
.dropdown-submenu{
    position:relative;
} 
.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
} 
.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu .pull-left{
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.root:hover .dropdown-menu{
    display: block;
}

/*--------------end dropdown men css-------------------------*/
/*--------------slide css-------------------------*/
.slide-board{border:1px solid #CCC;}
.slide-img-height{height:320px!important;}

.importan-link{border:1px solid #CCC; margin-top:5px;}
.importan-link h3{margin:0; padding:5px; border-bottom:1px dashed #CCC; overflow:hidden; background:url(../img/dot.png)}
.importan-link img{height:35px;}
.importan-link ul{ padding-left:17px; margin-left:5px; max-height:250px; overflow-x:auto;}
.importan-link ul li{ list-style:square; padding:3px 0; border-bottom:1px dashed #999;}
/*--------------Home css-------------------------*/
.notice-board{border:1px solid #CCC;}
.notice-board p{padding:3px  5px;}
.notice-board h3{margin:0; padding:5px; border-bottom:1px dashed #CCC; overflow:hidden; background:url(../img/dot.png)}
.notice-board img{height:35px;}
.notice-board ul {padding:0; margin-left:0; width:100%; }
.notice-board ul li{list-style:none; padding-bottom:5px;padding:0 5px; cursor:pointer;}
.notice-board ul li:nth-child(even){border-bottom:1px solid #EEE;}
.notice-board ul li:nth-child(odd){border-bottom:1px solid #EEE;}

.mission{border:1px solid #CCC;}
.mission p{padding:3px  5px;}
.mission h3{margin:0; padding:5px; border-bottom:1px dashed #CCC; overflow:hidden; background:url(../img/dot.png);}
.mission img{height:35px;}

.vision{border:1px solid #CCC;}
.vision p{padding:3px  5px;}
.vision h3{margin:0; padding:5px; border-bottom:1px dashed #CCC; overflow:hidden; background:url(../img/dot.png)}
.vision img{height:35px;}

.principal-message{border:1px solid #CCC;}
.principal-message p{padding:3px 5px;}
.principal-message h3{margin:0; padding:5px; border-bottom:1px dashed #CCC; overflow:hidden; background:url(../img/dot.png)}
.principal-message p img{height:105px; float:left; margin:3px 5px 5px 0;}


.importan-link,.vision,.mission,.principal-message{ min-height:300px;}
.importan-link:hover,.vision:hover,.mission:hover,.principal-message:hover{border:1px solid #666; cursor:pointer;}


/*--------------stuff css-------------------------*/
.stuff img{width:100px; margin:5px 10px 5px 0; float:left; border-radius:5px;}
.stuff {padding:0; margin-left:0; width:100%; }
.stuff li{background: #F5F8FB; border-bottom-color: #e5e5e5; list-style:none; padding:0 5px 5px  5px; width:100%; cursor:pointer; overflow:hidden; margin:5px 0 10px 0; border:1px solid #999;}
/*.stuff li:nth-child(even){background: #EEE}
.stuff li:nth-child(odd){background: #FFF}*/
.stuff li:nth-child(even):hover,.stuff li:nth-child(odd):hover{background: #EEE}
.logo{float:left; margin-right:5px; height:140px;}   



.stuff li{
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.8s;
    transition-property: transform;
}

.stuff li:hover,
.stuff li:focus,
.stuff li:active {
    transform: scale(1.1);
}

.teacher_pic,.stuff li img {
    border: 5px solid white;
    border-radius: 50%;
    box-shadow: 0 0 4px rgb(0, 0, 0);
    left: -1px;
    line-height: 0;
    padding: 0;
    top: -1px;
}


/*--------------download_result-------------------------*/

.download_result img{width:25px; margin:0 5px 0 0; float:left;}
.download_result {padding:0; margin-left:0; width:100%; }
.download_result li{ border-bottom-color: #e5e5e5; list-style:none; padding:0 5px 5px  5px; width:100%; cursor:pointer; overflow:hidden; margin:5px 0 5px 0; border-bottom:1px dashed #CCC;}
/*.stuff li:nth-child(even){background: #EEE}
.stuff li:nth-child(odd){background: #FFF}*/
.download_result li:nth-child(even):hover,.stuff li:nth-child(odd):hover{background: #EEE}


/*---------------height px---------------*/
.page-bar{border-bottom:1px dashed #999; padding-bottom:5px;}
.page-bar img{height:35px;}

#search{ margin-top:10px;}
#search input{border:none; height:25px; width:60%;}
#search button{border:none; height:25px; padding:0 15px;}

.student-search input[type='text']{margin:5px; width:100%;}

.form-group{float:left; width:100%;}
.form-group label{float:left;width:12%;}
.form-group input,.form-group textarea{float:left;width:80%;}
/*---------------height px---------------*/
.height-50px{height:50px;}
.height-60px{height:60px;}
.height-70px{height:70px;}
.height-80px{height:80px;}
.height-90px{height:90px;}

.height-100px{height:100px;}
.height-110px{height:110px;}
.height-120px{height:120px;}
.height-130px{height:130px;}
.height-140px{height:140px;}
.height-150px{height:150px;}
.height-160px{height:160px;}
.height-170px{height:170px;}
.height-180px{height:180px;}
.height-190px{height:190px;}
.height-200px{height:200px;}

.height-300px{height:300px;}
/*---------------Width px---------------*/

.width-50px{width:50px;}
.width-60px{width:60px;}
.width-70px{width:70px;}
.width-80px{width:80px;}
.width-90px{width:90px;}

.width-100px{width:100px;}
.width-110px{width:110px;}
.width-120px{width:120px;}
.width-130px{width:130px;}
.width-140px{width:140px;}
.width-150px{width:150px;}
.width-160px{width:160px;}
.width-170px{width:170px;}
.width-180px{width:180px;}
.width-190px{width:190px;}
.width-200px{width:200px;}

.width-300px{width:300px;}

/*---------------Width parcen---------------*/
.width-100{width:100%;}
.width-80{width:80%;}
.width-60{width:60%;}
.width-50{width:50%;}
.width-25{width:25%;}
.width-10{width:10%;}


/* cbmpt=custom border margin padding top */
.cbmpt-1px{border-top:1px solid; margin-top:1px; padding-top:1px;}
.cbmpt-2px{border-top:2px solid; margin-top:2px; padding-top:2px;}
.cbmpt-3px{border-top:3px solid; margin-top:3px; padding-top:3px;}
.cbmpt-4px{border-top:4px solid; margin-top:4px; padding-top:4px;}
.cbmpt-5px{border-top:5px solid; margin-top:5px; padding-top:5px;}

/* cbmpb=custom border margin padding bottom */
.cbmpb-1px{border-bottom:1px solid; margin-bottom:1px; padding-bottom:1px;}
.cbmpb-2px{border-bottom:2px solid; margin-bottom:2px; padding-bottom:2px;}
.cbmpb-3px{border-bottom:3px solid; margin-bottom:3px; padding-bottom:3px;}
.cbmpb-4px{border-bottom:4px solid; margin-bottom:4px; padding-bottom:4px;}
.cbmpb-5px{border-bottom:5px solid; margin-bottom:5px; padding-bottom:5px;}


/* ctb=custom border top */
.cbt-1px{ border-top:1px solid;}
.cbt-2px{ border-top:2px solid;}
.cbt-3px{ border-top:3px solid;}
.cbt-4px{border-top:4px solid;}

/* cbb=custom border bottom */
.cbb-1px{ border-bottom:1px solid;}
.cbb-2px{ border-bottom:2px solid;}
.cbb-3px{ border-bottom:3px solid;}
.cbb-4px{border-bottom:4px solid;}


/* cpl=custom padding left */
.cpl-1px{ padding-left:1px;}
.cpl-2px{ padding-left:2px;}
.cpl-3px{ padding-left:3px;}
.cpl-4px{padding-left:4px;}
.cpl-5px{padding-left:5px;}



/* cp=custom border */
.cb-1px{ border:1px solid;}
.cb-2px{ border:2px solid;}
.cb-3px{ border:3px solid;}
.cb-4px{ border:4px solid;}


/* cbct=custom border color top */
.cbct-read{ border-top-color:#D00;}
.cbct-blue{ border-top-color:#00F;}
.cbct-ash{ border-top-color:#DDD;}

/* cbc=custom border color bottom */
.cbcb-read{ border-bottom-color:#D00;}
.cbcb-blue{ border-bottom-color:#00F;}
.cbcb-ash{ border-bottom-color:#DDD;}

/* cbc=custom border color */
.cbc-read{ border-color:#D00;}
.cbc-blue{ border-color:#00F;}
.cbc-ash{ border-color:#DDD;}
.cbc-green{ border-color:#090;}

/* cbgc=custom background color */
.cbgc-read{ background-color:#D00;}
.cbgc-blue{ background-color:#00F;}
.cbgc-ash{ background-color:#DDD;}
.cbgc-green{ background-color:#090;}
.cbgc-black{ background-color:#3D4C54;}

/* cb=custom border */
.cbt-none{ border-top:none;}
.cbb-none{ border-bottom:none;}
.cbr-none{ border-right:none;}
.cbl-none{ border-left:none;}



/* cpt=custom padding top */
.cpt-1px{ padding-top:1px;}
.cpt-2px{ padding-top:2px;}
.cpt-3px{ padding-top:3px;}
.cpt-4px{padding-top:4px;}
.cpt-5px{padding-top:5px;}

/* cpb=custom padding bottom */
.cpb-1px{ padding-bottom:1px;}
.cpb-2px{ padding-bottom:2px;}
.cpb-3px{ padding-bottom:3px;}
.cpb-4px{padding-bottom:4px;}
.cpb-5px{padding-bottom:5px;}


/* cp=custom padding */
.cp-1px{ padding:1px;}
.cp-2px{ padding:2px;}
.cp-3px{ padding:3px;}
.cp-4px{padding:4px;}
.cp-5px{padding:5px;}


/* cp=custom padding */
.cpt-none{ padding-top:0;}
.cpb-none{ padding-bottom:0;}
.cpr-none{ padding-right:0;}
.cpl-none{ padding-left:0;}

/* cmt=custom margin top */
.cmt-1px{ margin-top:1px;}
.cmt-2px{ margin-top:2px;}
.cmt-3px{ margin-top:3px;}
.cmt-4px{margin-top:4px;}
.cmt-5px{margin-top:5px;}
.cmt-6px{margin-top:6px;}
.cmt-7px{margin-top:7px;}
.cmt-8px{margin-top:8px;}
.cmt-9px{margin-top:9px;}
.cmt-10px{margin-top:10px;}


/* cmb=custom margin bottom */
.cmb-1px{ margin-bottom:1px;}
.cmb-2px{ margin-bottom:2px;}
.cmb-3px{ margin-bottom:3px;}
.cmb-4px{margin-bottom:4px;}
.cmb-5px{margin-bottom:5px;}
.cmb-6px{margin-bottom:6px;}
.cmb-7px{margin-bottom:7px;}
.cmb-8px{margin-bottom:8px;}

/* cmb=custom margin right */
.cmr-1px{ margin-right:1px;}
.cmr-2px{ margin-right:2px;}
.cmr-3px{ margin-right:3px;}
.cmr-4px{margin-right:4px;}
.cmr-5px{margin-right:5px;}

/* cmb=custom margin left */
.cml-1px{ margin-left:1px;}
.cml-2px{ margin-left:2px;}
.cml-3px{ margin-left:3px;}
.cml-4px{margin-left:4px;}
.cml-5px{margin-left:5px;}


/* cm=custom margin */
.cm-1px{ margin:1px;}
.cm-2px{ margin:2px;}
.cm-3px{ margin:3px;}
.cm-4px{ margin:4px;}
.cm-5px{ margin:5px;}

/* cm=custom margin none */
.cmt-none{ margin-top:0;}
.cmb-none{ margin-bottom:0;}
.cmr-none{ margin-right:0;}
.cml-none{ margin-left:0;}


/* cm=custom radius */
.cr-0px{ border-radius:0;}
.cr-1px{ border-radius:1px;}
.cr-2px{ border-radius:2px;}
.cr-3px{ border-radius:3px;}
.cr-4px{ border-radius:4px;}
.cr-5px{ border-radius:5px;}


/* chover=custom hover */
.chover-read:hover{cursor:pointer; background-color:#D00;}
.chover-ash:hover{cursor:pointer; background-color:#EEE;}

/* ccp=custom cursore pointer */
.ccp{cursor:pointer;}

/* cly=custom list style */
.cly-none{list-style:none;}
.cly-none li{border-bottom:1px dashed #CCC;}
.cly-none li:last-child{border-bottom:none;}



/* Head line color------------------- */
.default{color:#5393B7;}
.red{color:#F00;}
.green{color:green;}
.black{color:black;}
.yellow{color:#FA9800;}
.white{color:#FA9800;}
.blue{color:#0000FF;}
/* ------------------------------------- */

/*Font size ----------*/
.font-14px a,.font-14px{font-size:14px;}
.font-15px a,.font-15px{font-size:15px;}
.font-16px a,.font-16px{font-size:16px;}
.font-17px a,.font-17px{font-size:17px;}
.font-18px a,.font-18px{font-size:18px;}
.font-19px a,.font-19px{font-size:19px;}
.font-20px a,.font-20px{font-size:20px; line-height:25px;}
.font-21px a,.font-21px{font-size:21px;}
.font-22px a,.font-22px{font-size:22px;}
.font-23px a,.font-23px{font-size:23px;}
.font-24px a,.font-24px{font-size:24px;}
.font-25px a,.font-25px{font-size:25px;}
.font-26px a,.font-26px{font-size:26px;}
.font-27px a,.font-27px{font-size:27px;}
.font-28px a,.font-28px{font-size:28px;}
.font-29px a,.font-29px{font-size:29px;}
.font-30px a,.font-30px{font-size:30px;}
.font-31px a,.font-32px{font-size:31px;}
.font-32px a,.font-25px{font-size:32px;}
.font-33px a,.font-33px{font-size:33px;}
.font-34px a,.font-34px{font-size:34px;}



/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 

    @media only screen and (min-width : 320px) {
	}

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1400px) {
    }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
     .logo{height:100px; float:left;}   
	 #search input{border:none; height:25px; width:30%;}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

	}
	
.banner h2{
 font-family: "SolaimanLipi", Helvetica, Arial, sans-serif;
 font-size:52px;
 color:#fff;
 text-shadow: 0 1px 0 #999,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 2px rgba(0,0,0,.3),
 0 3px 2px rgba(0,0,0,.2),
 0 5px 5px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 10px 10px rgba(0,0,0,.15); 
 text-align:center;
}
.banner h5{ font-size:22px; text-align:center; color:#FFF;}

.event_list{border-bottom:1px solid #999; margin-bottom:5px;}