@font-face 
{
	font-family: myfont;
	src: url(../font/OldeEnglish.ttf);
}
.frmclghead{
	display:flex!important;
	margin-bottom: 7px;
}
.clgnameclss{
	font-family: myfont;
    font-size: 55px;
    line-height: 1.2;
    margin-top: 0px;
    margin-bottom: 0px;
}
.topbar{
    background: #dc1b1e;
    padding: 2px;
}
.margin_top{
    margin-top: 16px;
    margin-bottom: 15px;
}
.menu-section {
    background-color: #dc1b1e;
    border-bottom: 1px solid #ffffff;
    width: 100%;
    border-top: 1px solid #ffffff;
    box-shadow: black 0 0 3px;
    border: 1px solid #c5cbc3!important;
}
#menu-top a{
    padding: 10px 15px 10px 15px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    font-family: calibri;
    text-shadow: black 0 0 5px;
    color: white;
}
.menu_background{
    background: #f9f8f847;
}
.menu_background:hover{
	background: #f9f8f847!important;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #f9f8f847;
}
.applylink {
    background: radial-gradient(red, #7b1d1d99);
    font-size: 18px!important;
    border: 1px solid #b1b1b1;
    padding: 6px 16px!important;
    margin-top: 5px;
    border-radius: 20px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    font-family: calibri;
    text-shadow: black 0 0 5px;
}
.heading_css{
    font-size: 16px;
    text-shadow: black 0 0 5px;
}
.panel-heading {
    padding: 6px 12px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: 600;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #dc1b1e;
    border-color: #dc1b1e;
}
.nav-pills {
    color: white;
    background-color: #f5f5f5;
    border: none;
    font-size: 14px;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.cnotice li {
    box-shadow: none;
    border: 0;
    margin-top: 0!important;
    padding-top: 4px;
}
.nav-pills>li {
    background: #f7f7f7;
}
.nav-pills{
    margin-bottom: 10px!important;
}
.nav-pills>li>a {
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    font-size: 14px;
    font-family: calibri;
}
.btn_menu{
	padding: 6px 12px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 15px 10px 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    font-family: calibri;
    text-shadow: black 0 0 5px;
    color: white;
}
.new_class{
	margin:0px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.content-wrapper {
    margin-top: 38px;
    min-height: 800px;
    padding-bottom: 90px;
}
.h4_class{
    margin: 3px;
	font-size: 15px;
	color: #08090a;
	margin-top:12px;
}
.top_marquee{
	margin-top: 1% ;
	background-color:#cceeff;
	margin-bottom:0px;
}
.footer-section {
    padding: 13px 50px 13px 50px;
    color: #fff;
    font-size: 13px;
    background-color: #dc1b1e;
    text-align: center;
    border-top: 1px solid #428bca;
}
.footer_link{
    text-decoration: none!important;
    color: white!important;
}
.content-wrapper {
    margin-top: 38px;
    min-height: 770px;
    padding-bottom: 50px;
}
* 
{
  scrollbar-width: thin;
  scrollbar-color: #072e54 white;
}

*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: white;
}

*::-webkit-scrollbar-thumb {
	background-color: #dc1b1e;
    border-radius: 20px;
    border: 4px solid white;
}
.navbar-brand{
	padding:0px!important;
}


/** Responsive CSS **/

@media (max-width:550px) and (min-width:300px)
{
	.txt_div{
    	padding: 13px 0px 5px 8px;
	}
	.img_div{
		text-align: center;
	    /* margin-left: 55px; */
	}
	.frmclghead {
    	display: inherit!important;
    	margin-bottom: 7px;
	}
	.clgnameclss{
		font-size: 36px;
	}
	.span_cls {
		font-size: 12px!important;
    	text-align: justify;
	}
}
/* @media (max-width:1100px) and (min-width:992px) {
	.col-md-8 {
		width: 60.666667%;
	}
	.col-md-4 {
		width: 39.333333%;
	}
} */
@media (max-width:991px) and (min-width:768px){
	/*.container_cls {
    	width: 954px;
	}*/
	.show_cls{
		display: block;
	}
	.hide_cls{
		display: none;
	}
	/* .col-md-8 {
		width: 60.666667%;
	}
	.col-md-4 {
		width: 39.333333%;
	} */
    .btn_menu
    {
        font-size: 9px;
    }
}
@media (min-width:991px){
	.show_cls{
		display: block;
	}
	.hide_cls{
		display: none;
	}
}
@media (max-width:991px) and (min-width:380px){
	.show_cls{
		display: block;
	}
	.hide_cls{
		display: none;
	}
}
@media (max-width:379px) and (min-width:300px){
	.show_cls{
		display: none;
	}
	.hide_cls{
		display: block;
	}
}
@media (max-width:364px) and (min-width:337px){
    .nav_res
    {
        padding: 7px 7px;
    }
}
@media (max-width:340px) and (min-width:300px){
    .nav_res
    {
        padding: 5px 4px;
    }
}
@media (max-width:305px) and (min-width:300px){
    .logo {
    width: 230px !important;
    }
}
@media (max-width:309px) and (min-width:306px){
    .logo {
    width: 234px !important;
    }
}
@media (max-width:319px) and (min-width:310px){
    .logo {
    width: 242px !important;
    }
}
@media (max-width:325px) and (min-width:320px){
    .logo {
    width: 250px !important;
    }
}
@media (max-width:330px) and (min-width:326px){
    .logo {
    width: 253px !important;
    }
}
@media (max-width:335px) and (min-width:331px){
    .logo {
    width: 261px !important;
    }
}
@media (max-width:344px) and (min-width:336px){
    .logo {
    width: 266px !important;
    }
}
@media (max-width:349px) and (min-width:345px){
    .logo {
    width: 269px !important;
    }
}
@media (max-width:360px) and (min-width:350px){
    .logo {
    width: 278px !important;
    }
}
@media (max-width:364px) and (min-width:361px){
    .logo {
    width: 287px !important;
    }
}
@media (max-width:375px) and (min-width:365px){
    .logo {
    width: 285px !important;
    }
}
@media (max-width:385px) and (min-width:376px){
    .logo {
    width: 295px !important;
    }
}
@media (max-width:390px) and (min-width:386px){
    .logo {
    width: 305px !important;
    }
}
@media (max-width:395px) and (min-width:391px){
    .logo {
    width: 311px !important;
    }
}
@media (max-width:405px) and (min-width:396px){
    .logo {
    width: 317px !important;
    }
}
@media (max-width:410px) and (min-width:406px){
    .logo {
    width: 321px !important;
    }
}
@media (max-width:415px) and (min-width:411px){
    .logo {
    width: 326px !important;
    }
}
@media (max-width:420px) and (min-width:416px){
    .logo {
    width: 331px !important;
    }
}
@media (max-width:425px) and (min-width:421px){
    .logo {
    width: 336px !important;
    }
}
@media (max-width:430px) and (min-width:426px){
    .logo {
    width: 341px !important;
    }
}
@media (max-width:435px) and (min-width:431px){
    .logo {
    width: 346px !important;
    }
}
@media (max-width:440px) and (min-width:436px){
    .logo {
    width: 351px !important;
    }
}
@media (max-width:445px) and (min-width:441px){
    .logo {
    width: 356px !important;
    }
}
@media (max-width:450px) and (min-width:446px){
    .logo {
    width: 361px !important;
    }
}
@media (max-width:455px) and (min-width:451px){
    .logo {
    width: 366px !important;
    }
}
@media (max-width:460px) and (min-width:456px){
    .logo {
    width: 371px !important;
    }
}
@media (max-width:465px) and (min-width:461px){
    .logo {
    width: 376px !important;
    }
}
@media (max-width:470px) and (min-width:466px){
    .logo {
    width: 382px !important;
    }
}
@media (max-width:475px) and (min-width:471px){
    .logo {
    width: 387px !important;
    }
}
@media (max-width:480px) and (min-width:476px){
    .logo {
    width: 392px !important;
    }
}
@media (max-width:485px) and (min-width:481px){
    .logo {
    width: 397px !important;
    }
}
@media (max-width:490px) and (min-width:486px){
    .logo {
    width: 402px !important;
    }
}
@media (max-width:495px) and (min-width:491px){
    .logo {
    width: 407px !important;
    }
}
@media (max-width:500px) and (min-width:496px){
    .logo {
    width: 412px !important;
    }
}
@media (max-width:505px) and (min-width:501px){
    .logo {
    width: 417px !important;
    }
}
@media (max-width:510px) and (min-width:506px){
    .logo {
    width: 422px !important;
    }
}
@media (max-width:515px) and (min-width:511px){
    .logo {
    width: 427px !important;
    }
}
@media (max-width:520px) and (min-width:516px){
    .logo {
    width: 435px !important;
    }
}
@media (max-width:525px) and (min-width:521px){
    .logo {
    width: 440px !important;
    }
}
@media (max-width:530px) and (min-width:526px){
    .logo {
    width: 446px !important;
    }
}
@media (max-width:535px) and (min-width:531px){
    .logo {
    width: 451px !important;
    }
}
@media (max-width:540px) and (min-width:536px){
    .logo {
    width: 456px !important;
    }
}
@media (max-width:545px) and (min-width:541px){
    .logo {
    width: 461px !important;
    }
}
@media (max-width:550px) and (min-width:546px){
    .logo {
    width: 466px !important;
    }
}
@media (max-width:555px) and (min-width:551px){
    .logo {
    width: 471px !important;
    margin-left: 10px;
    }
}
@media (max-width:560px) and (min-width:556px){
    .logo {
    width: 476px !important;
    margin-left: 10px;
    }
}
@media (max-width:565px) and (min-width:561px){
    .logo {
    width: 481px !important;
    margin-left: 10px;
    }
}
@media (max-width:570px) and (min-width:565px){
    .logo {
    width: 486px !important;
    margin-left: 10px;
    }
}
@media (max-width:575px) and (min-width:571px){
    .logo {
    width: 491px !important;
    margin-left: 10px;
    }
}
@media (max-width:580px) and (min-width:576px){
    .logo {
    width: 496px !important;
    margin-left: 10px;
    }
}
@media (max-width:585px) and (min-width:581px){
    .logo {
    width: 501px !important;
    margin-left: 10px;
    }
}
@media (max-width:590px) and (min-width:586px){
    .logo {
    width: 506px !important;
    margin-left: 10px;
    }
}
@media (max-width:595px) and (min-width:591px){
    .logo {
    width: 510px !important;
    margin-left: 10px;
    }
}
@media (max-width:600px) and (min-width:596px){
    .logo {
    width: 515px !important;
    margin-left: 10px;
    }
}
@media (max-width:605px) and (min-width:601px){
    .logo {
    width: 520px !important;
    margin-left: 10px;
    }
}
@media (max-width:610px) and (min-width:606px){
    .logo {
    width: 525px !important;
    margin-left: 10px;
    }
}
@media (max-width:615px) and (min-width:611px){
    .logo {
    width: 530px !important;
    margin-left: 10px;
    }
}
@media (max-width:620px) and (min-width:616px){
    .logo {
    width: 535px !important;
    margin-left: 10px;
    }
}
@media (max-width:625px) and (min-width:621px){
    .logo {
    width: 540px !important;
    margin-left: 10px;
    }
}
@media (max-width:630px) and (min-width:626px){
    .logo {
    width: 545px !important;
    margin-left: 10px;
    }
}
@media (max-width:635px) and (min-width:631px){
    .logo {
    width: 550px !important;
    margin-left: 10px;
    }
}
@media (max-width:640px) and (min-width:636px){
    .logo {
    width: 555px !important;
    margin-left: 10px;
    }
}
@media (max-width:645px) and (min-width:641px){
    .logo {
    width: 560px !important;
    margin-left: 10px;
    }
}
@media (max-width:650px) and (min-width:646px){
    .logo {
    width: 565px !important;
    margin-left: 10px;
    }
}
@media (max-width:655px) and (min-width:651px){
    .logo {
    width: 570px !important;
    margin-left: 10px;
    }
}
@media (max-width:660px) and (min-width:656px){
    .logo {
    width: 575px !important;
    margin-left: 10px;
    }
}
@media (max-width:665px) and (min-width:661px){
    .logo {
    width: 580px !important;
    margin-left: 10px;
    }
}
@media (max-width:670px) and (min-width:666px){
    .logo {
    width: 585px !important;
    margin-left: 10px;
    }
}
@media (max-width:675px) and (min-width:671px){
    .logo {
    width: 590px !important;
    margin-left: 10px;
    }
}
@media (max-width:680px) and (min-width:676px){
    .logo {
    width: 595px !important;
    margin-left: 10px;
    }
}
@media (max-width:685px) and (min-width:681px){
    .logo {
    width: 600px !important;
    margin-left: 10px;
    }
}
@media (max-width:690px) and (min-width:686px){
    .logo {
    width: 605px !important;
    margin-left: 10px;
    }
}
@media (max-width:695px) and (min-width:700px){
    .logo {
    width: 610px !important;
    margin-left: 10px;
    }
}
@media (max-width:700px) and (min-width:696px){
    .logo{
    width: 615px !important;
    margin-left: 10px;
    }
}
@media (max-width:705px) and (min-width:701px){
    .logo {
    width: 620px !important;
    margin-left: 10px;
    }
}
@media (max-width:710px) and (min-width:706px){
    .logo {
    width: 625px !important;
    margin-left: 10px;
    }
}
@media (max-width:715px) and (min-width:711px){
    .logo {
    width: 630px !important;
    margin-left: 10px;
    }
}
@media (max-width:720px) and (min-width:716px){
    .logo {
    width: 635px !important;
    margin-left: 10px;
    }
}
@media (max-width:767px) and (min-width:721px){
    .logo {
    margin-left: 10px;
    }
}
.loginfrm_center{
    display: flex;
    justify-content: center;
}
.center_btn{
    text-align: end;
}
.pageheight{
    margin-top: 38px;
    min-height: 600px;
    padding-bottom: 50px;
}
.logo
{
    width: 600px;
}
.btn-primary {
    color: #fff;
    background-color: #e77137;
    border-color: #e77137;
}
@media (min-width: 768px) and (max-width: 798px){
    .container {
        width: 710px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #menu-top a {
        padding: 10px 10px 10px 15px;
        font-size: 13px;
    }
}
@media (min-width: 1600px){
    .container {
        width: 1530px;
    }
}
@media (min-width: 1500px) and  (max-width: 1599px){
    .container {
        width: 1350px;
    }
}
@media (min-width: 1400px) and  (max-width: 1499px){
    .container {
        width: 1300px;
    }
}
@media (min-width: 1300px) and  (max-width: 1399px){
    .container {
        width: 1250px;
    }
}
@media (min-width: 1250px) and  (max-width: 1299px){
    .container {
        width: 1190px;
    }
}
@media (min-width: 1200px) and  (max-width: 1249px){
    .container {
        width: 1160px;
    }
}
@media (min-width: 992px) and (max-width: 1030px){
    .container {
        width: 900px;
    }
}
@media (min-width: 950px) and (max-width: 991px){
    .container {
        width: 850px;
    }
}
@media (min-width: 900px) and (max-width: 949px){
    .container {
        width: 800px;
    }
}
@media (min-width: 850px) and (max-width: 899px){
    .container {
        width: 765px;
    }
}
@media (min-width: 768px) and (max-width: 1020px){
    .navbar-collapse.collapse {
        display: flex !important;
        justify-content:center;
    }
}
.panel_height
{
    height: 312px;
}

@media (min-width: 300px) and (max-width: 362px){
	#logo{
		width: 83px;
		margin-left: 49px;
	}
	.clgnameclss {
		font-size: 31px;
	}
}
@media (min-width: 363px) and (max-width: 420px){
	.clgnameclss {
		font-size: 34px;
	}
	#logo{
		width: 100px;
		margin-left: 51px;
	}
}
@media (min-width: 421px) and (max-width: 500px){
	.clgnameclss {
		font-size: 34px;
	}
	#logo{
		width: 100px;
		margin-left: 51px;
	}
}
@media (min-width: 300px) and (max-width: 800px){
    .res_align
    {
        text-align: center !important;
    }
    }
}