/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.p-color{color: #f58809}
#header-wrap{background: #16365d}
.p-bg-color{background:  #bc2628}
 
.standard-logo img{  height: auto!important; margin: 0 auto}
.sticky-header #header-wrap {background: #16365d}
.sticky-header .logo-header {display: none}
/* #logo {max-width: 80%;} */
#logo {justify-content: center;width:100%  }
#logo a.standard-logo {display: flex; justify-content: center;align-items: center; text-align: center; width: 100%;}
#logo a.standard-logo img{display: inline-block; max-width: 600px;}
 
.sticky-header #logo {max-width: 100%;  margin: 0 auto; text-align: center;} 
.sticky-header #logo a.standard-logo img{ width: 70px;}
.sticky-header #logo a.standard-logo img:last-child {width: 500px;}
.sticky-header .logo-right {  max-width: 55px}
.menu-link {padding: 10px 7px!important; color: #fff;letter-spacing: 0; font-size: 14px; font-weight: 500}
.menu-link img{max-width: 16px;}
 .menu-link:hover, .menu-link:focus, .primary-menu ul  li:hover a {color: #eee!important;}
 .menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*='col']) {
    min-width: 250px;
}
.sub-menu-container .menu-link div > i.icon-angle-down {display: none}
.header-wrap-clone {height: auto!important}
#slider {margin-top: 135px}
.primary-menu ul  li ul li .menu-link {padding:5px 10px!important; color: #fff; text-transform: none;}
.primary-menu ul  li ul li.has-sub .menu-link img{transform: rotate(270deg); filter: invert(100%); float: right; max-width: 15px; margin-top: 3px}
.main-sub-menu {background: #505050}
.p-btn {background:#16365d; color: #fff; border-radius: 5px; font-size: 13px  }
#content p{line-height: 22px; font-size: 13px}
.h-300 {height: 350px}
.news-strip {background: #fff; height: 35px; display: flex; margin-top: 0px; line-height: 35px; text-align: center; overflow: hidden;}
.news-strip .title {width: 15%; color: #fff; position: relative; background: #ef9900; }
.news-strip .title:before{content: ""; width: 25px; height: 25px; background-color: #ef9900;  border-radius: 0 20px 20px 0; height: 35px; position: absolute; right: -18px}
.news-strip .title span{position: relative;z-index: 1; font-weight: 600;}
.news-strip .news {width: 85%; padding-left: 30px;background: #eee}
.news-strip .news a{font-weight: 600; font-size: 14px; color: #333;position: relative; float: left;}
.news-strip .news a i {color: #ee8203; font-size: 18px; float: left; padding-right: 5px;}
.news-strip .news span {padding: 0 10px; opacity: .8; float: left;}
.news-strip .news li {padding: 0px 8px; }
.home-sec-1  {padding: 0px; background-color: #e6e6e6; margin: 0;}
.home-sec-1 .bg-overlay-content{ padding: 25px; padding-top: 145px }
.home-sec-1 .cont p{font-size: 14px!important; color: #333; line-height: 22px!important;}
.news-box {border-radius: 10px; border:solid 4px #fece30;; background: #fffdf1; min-height: 425px; padding: 15px}
.news-box .head { border-bottom: solid 2px #ccc;   }
.news-box .head h4{margin-bottom: 0; padding-bottom: 10px; color: #000; font-size: 22px; font-weight: 500}
.news-box .news-cont {padding: 15px 0}
.news-box .news-cont ul  li  a{color: #333; position: relative; padding-left: 20px; font-size: 14px }
.news-box .news-cont ul  li  a  i {position: absolute!important;  left: 0}
.news-box .news-cont ul  li {padding: 10px 0; border-bottom: dashed 1px #fece30;}
.news-box .news-cont ul  li  a:hover {color: red}
.home-sec-2  {margin: 0; padding: 30px 0;}
.home-sec-2 .card {box-shadow: 0 0 20px rgb(0 0 0 / 20%); background: #eee; border-radius: 50px 0 50px 0; padding:15px; position: relative; margin-bottom: 25px}
.home-sec-2 .card:before{content: ""; background-color: #e66e06; position: absolute; left: -3px; width: 101%; height: 101%; border-radius: 50px 0  50px 0; top: -3px;z-index: -1}
.home-sec-2 .card.right { border-radius:0 50px  0  50px  ;}
.home-sec-2 .card.right:before{content: ""; background-color: #e66e06; position: absolute; left: auto; right: -3px; width: 101%; height: 101%; border-radius:0 50px  0  50px  ; top: -3px;z-index: -1}
.home-sec-2 .card  .sec1 { display: flex; flex-direction: column; align-items: center; }
.home-sec-2 .card .media {width: 100%; text-align: center;}
.home-sec-2 .card .media img {width: 150px; }
.home-sec-2 .card .cont { text-align:center;  } 
.home-sec-2 .card .cont h4{ margin: 10px 0 0px ; line-height: 24px; font-size: 16px } 
.home-sec-2 .card .cont p{ margin: 0 0 10px; font-size: 13px!important; line-height: 16px!important; font-weight:500  } 
.home-sec-2 .card .head {padding: 15px 0; text-align: center;  }
.home-sec-2 .card.newss {height: auto; overflow: hidden; padding:0  !important; border-radius:15px!important }

.home-sec-2 .card.newss .imgg{height: 200px; position: relative; background-color: #eee; overflow: hidden;  border-radius: 10px;}
.home-sec-2 .card.newss .imgg img{  height: 200px; border-radius: 10px; }
.home-sec-2 .card.newss .head h4{margin: 0; font-size: 20px; color: #fff;}
.home-sec-2 .card.newss .head h4 a {font-size: 13px; color:#000; padding-top: 5px; text-decoration: underline!important; }
.home-sec-2 .card.newss .head {background:#16365d }
.home-sec-2 .card.newss .head h4 a:hover {color: red}
.home-sec-2 .card.newss .news{padding: 0px 0}
.home-sec-2 .card.newss .marquee {height: 770px}
.home-sec-2 .card.newss ul  li  a{color: #000; position: relative; padding-left: 20px; font-size: 16px}
.home-sec-2 .card.newss ul  li  a  i {position: absolute!important;  left: 0}
.home-sec-2 .card.newss ul  li {padding: 10px 0; border-bottom: dashed 1px #ccc;}
.home-sec-2 .card.newss ul  li  a:hover {color: red}
.home-sec-2 .card.newss .content {overflow: auto;position: relative;padding: 10px;	margin: 10px;width: 100%;height:237px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.home-sec-2 .icons .box {border-radius: 10px; padding: 10px 5px; display: flex; flex-direction: column; min-height: 150px; margin-bottom: 15px; align-items: center; justify-content: center}
.home-sec-2 .icons .box p{color: #333; line-height: 20px!important; margin-top: 10px; font-size: 14px!important; font-weight: 500; margin-bottom: 0}
.home-sec-2 .icons .box img{max-width: 75px; transition: .3s}
.home-sec-2 .icons .box:hover img{transform: scale(1.1);}
.home-sec-2 .icons .box.b1 {background: #ece2d9}
.home-sec-2 .icons .box.b2 {background: #eee8e8}
.home-sec-2 .card.newss .content.hidden{ display: none; }
.news-box.nb1 {  border:solid 1px #468fd3;; background: #eaf3fc; min-height: 425px; padding: 15px}
.news-box.nb1  .news-cont ul  li {padding: 10px 0; border-bottom: dashed 1px #468fd3;}
.home-sec-3 .icons {background: #990000; width: 70px; height: 70px; border-radius: 100px; line-height: 70px;  transition: all ease .2s; float: left; display: inline-block; margin-top: 5px;}
.home-sec-3 h6{line-height: 20px; font-weight: 500; font-size: 14px}
.home-sec-3 .icons:hover {margin-top: -5px}
.home-sec-3 .right-icons .card {  padding: 15px 20px;  height: 120px; margin-bottom: 20px; transition: all ease .3s; box-shadow: 0 0 10px rgb(0 0 0 / .1); }
.home-sec-3 .right-icons .card:hover {transform: scale(1.05); box-shadow: 0 0 10px rgb(0 0 0 / .15);}
.home-sec-3 .right-icons .card h4{float: left;}
.home-sec-3 .right-icons .icons img{width: 60px}
.home-sec-3 .right-icons .icons.small img{max-width: 35px}
.news-box .news-cont.content  {overflow: auto;position: relative;padding: 0px 0;	margin: 10px 0;width: 100%;height:350px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bg-gray {background-color: #eee; color: #fff!important}
 
.primary-menu .menu-item .btn {padding: 1px 5px!important}
.fixed-contact {position: fixed; bottom: 20px; right: 20px;z-index: 99}
.fixed-contact  span {background: rgb(254,197,62);
background: radial-gradient(circle, rgba(254,197,62,1) 0%, rgba(245,136,9,1) 100%); width: 60px; display: block; height: 60px; font-size: 30px; border-radius: 50px; text-align: center; line-height: 60px; cursor: pointer; color: #000;box-shadow: 0 0 20px rgb(0 0 0 / 50%); transition: all ease .4s;    }
.fixed-contact:hover  span { transform: rotate(360deg) ; box-shadow: 0 0 20px rgb(0 0 0 / 100%); width: 75px; height: 75px; line-height: 75px }
.fixed-contact .contact-det{position: absolute;z-index: 99; background: #eee; width: 375px; height: 130px; bottom: -200px; right: 0; padding: 15px; border:dashed 4px #f58809; box-shadow: 0 0 20px rgb(0 0 0 / 50%); transition: all ease .5s; }
.fixed-contact .contact-det h4{margin: 0 0 10px; font-size: 22px; color: #000}
.fixed-contact .contact-det p{margin: 0 0 3px; font-weight: 500; color: #333}
.fixed-contact .contact-det.show{bottom: 0}
.fixed-contact .contact-det a {position: absolute; right: 5px; top: -5px; color: #999; font-size: 24px; font-weight: 500}
.page-img { position: relative;z-index: 0;width: 100%;max-width: 100%;  }
#content {margin-top: 0px}
.imp-websites  a {display: block; margin: 5px 0 10px}
.imp-websites  img{border:solid 1px #ccc; padding: 5px ;
}
 #footer .social {display: flex; align-items: center; flex-direction: column;}
#footer .social a img{ max-width:30px }

/*inner pages*/
.page-header {background: #e6e6e6; padding: 25px 0}
.page-header h2{font-size: 24px;color: #333; margin: 0}
.pages {padding-top: 175px}
.breadcrumbs ul{list-style: none; float: right; margin-top: 10px; margin-bottom: 0}
.breadcrumbs ul li{display: inline-block; font-size: 13px; position: relative;padding-right: 15px}
.breadcrumbs ul li:after{content: ">";position: absolute;top: 1px; right:0px}
.breadcrumbs ul li a {color: #bc2628}
.breadcrumbs ul li:last-child:after {display: none;}
.breadcrumbs ul li:last-child {font-weight: 600}
.vision-mission img{max-width: 75%;  }
.vision-mission .card {background: #fff; padding: 25px; box-shadow: 1px 1px 20px rgb(0 0 0 / 20%); border:0; border-radius: 10px}

.vision-mission  .icon {background: #bc2628; border-radius: 10px; box-shadow: 1px 1px 20px rgb(0 0 0 / 20%); display: flex;align-items: center; justify-content: center}
.vision-mission .card  h2{margin-bottom: 10px; font-size: 24px}
.vision-mission .card p {font-size: 15px!important; line-height: 24px!important}
.vision-mission .card ol {font-size: 14px; margin-left:15px}
.vision-mission .text {background: #bc2628; padding: 25px; box-shadow: 1px 1px 20px rgb(0 0 0 / 20%); border:0; border-radius: 10px}
.vision-mission .text p {font-size: 15px!important; margin-bottom: 10px; line-height: 22px!important; color: #fff}
.gallery a {display: block; height: 250px; position: relative;margin-bottom: 25px}
.gallery img{position: absolute; object-fit: cover; width: 100%; height: 100%; border-radius: 5px}
.tbl {}
.tbl tr th{background: #bc2628; color: #fff; font-weight: 600; padding:15px 10px  }
.tbl tr th:first-child{border-radius: 10px  0 0 0}
.tbl tr th:last-child{border-radius: 0 10px  0 0}
.tbl tr td {font-size: 14px}
.nums h2 {font-size: 26px; font-weight: 500}
.nums h2  span {color: #bc2628!important; font-weight: 800}
.page-sec {margin-top: 40px}
.admin-pages .info-box {background: #bc2628;  }
.admin-pages .info-box img{max-width: 100%; border-radius: 100%; width: 200px; height: 200px; border: solid 4px rgba(255,255,255,.9)}
.admin-pages .info-box p {font-size: 18px!important; margin-top: 5px}
.admin-pages .info-box h3{font-size: 24px; line-height: 30px;}
.admin-pages .message-box h3{border-bottom: solid 1px #ddd; padding-bottom: 10px}
.btn-gray {background: #666; color: #fff!important}
 .card-new {
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.18);
	 -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.18);
  	 box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.18);
    border: 0;
    border-radius: 10px;
    margin-top: 10px;
}
.admin-pages .message-box {padding:35px}

.admin-pages .message-box  table {font-size: 14px}
.admin-pages .message-box  table tr th{font-weight: 600}
.admin-pages .message-box  table tr th, .admin-pages .message-box  table tr td{padding:10px 10px; border:0}
.admin-pages .message-box  table tr th:first-child {border-radius: 10px 0 0 10px}
.admin-pages .message-box  table tr td:last-child {border-radius: 0 10px   10px 0}
 .admin-pages .message-box  table > tbody > tr:nth-child(odd) {background: #ffffff!important}
.uc img{ width: 650px; max-width: 100%}
.bordered {border-bottom: solid 1px #f17c7d; padding-bottom: 5px}
nav .nav-tabs {border:0}
nav .nav-tabs .nav-link{color: #333;border:0!important; background: #f3f3f3 ; margin-right: 10px; border-radius: 5px}
nav .nav-tabs .nav-link.active, nav .nav-tabs .nav-link:hover{color: #fff; background: #d61b1d; border:0; border-radius:5px }
.faculty-page .tab-content {border-radius: 5px}
.faculty-page .tab-content .tab-pane{padding: 10px 10px}
.faculty-page .tab-content .tab-pane p {color: #222}
.faculty-page .tab-content .tab-pane h4{margin-bottom: 25px}
.faculty-page .tab-content .tab-pane .tbl tr th {padding: 12px 10px}
.faculty-page .tab-content .tab-pane .tbl   td {vertical-align: middle;}
.faculty-page .tab-content .tab-pane .tbl   td .view-profile{font-size: 13px}
.faculty-page .tab-content .tab-pane .tbl   td .media{width: 70px; height: 80px;position: relative;}
.faculty-page .tab-content .tab-pane .tbl   td img {width:100%; height: 100%; position: absolute; object-fit: cover; object-position: 0 -5px}
.admin-pages.faculty-page .message-box h3 {
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    color: rgb(188 38 40);
}
.admin-pages.faculty-page .message-box h3 span {font-size: 15px;display: block;color: #333; font-weight: 500}
.admin-pages.faculty-page .info-box {
    background: #eee; border-radius: 10px; padding: 30px 20px; margin-top: 10px;
}
.admin-pages.faculty-page .info-box img {border-radius: 5px;  border: solid 4px #9c9c9c47;}
.btn-red {background-color:rgb(188 38 40); color:#fff!important; }
.faculty-page .tab-content .tab-pane  .gallery a {height: 200px}
.btn-sm {font-size: 13px}
.tbl tr td {font-weight: 500}
.notice-list {padding: 15px 0; margin-bottom: 15px;  border-bottom: dashed 1px #f17c7d;}
.notice-list p{ margin: 0  ; padding: 0  ; padding-left: 40px; color: #333; background:url('../images/arrow.png') 0 0px no-repeat; background-size:18px }

.notice-list p a{color: #333; font-size: 16px;}
.notice-list p a:hover{color: #bc2628}
.notice-list p span{font-size: 13px; display: block; color: #f17c7d}
.notice-list p .view {font-size: 14px; color: #bc2628; font-weight: 600; margin-top: 5px; border-bottom: solid 1px #bc2628; padding-bottom: 0; line-height: 18px}

/*mobile view css */
@media (max-width: 768px){
	#logo{max-width: 100%; display: block; padding-left: 0;}
	#logo img {height: auto!important}
	.logo-right {max-width: 30px}
	#logo a.standard-logo img {width: 65px;}
	#logo a.standard-logo img:last-child {
		width: 75%;
	}
	.primary-menu {background: #fff}
	.menu-link {
		padding: 10px  !important;
		color: #333;
	}
	.menu-item .sub-menu-trigger {color: #fff;}
	#primary-menu-trigger, #page-menu-trigger {width: 40px; height: 40px}
	.svg-trigger {width: 40px; height: 40px}
	.svg-trigger path {stroke-width: 6px}
	#header .header-row {justify-content: left!important}
	#primary-menu-trigger:after {content: "Navigation";position: absolute; left: 40px; color: #fff}
	.menu-link img {float: right;filter: invert(1);}
	.menu-link:hover, .menu-link:focus, .primary-menu ul li:hover a {
    color: #a90707!important;}
	.menu-item .sub-menu-trigger {display: none;}


	/* .header-top .right-opt {width: 80%; position
	: absolute!important; top:80px;z-index: 99; right: 0; text-align: right;}
	 */
	 .header-top .right-opt select {font-size: 12px; margin-left: 0;padding: 1px 4px; height: 23px;}
	.header-top .right-opt a {font-size: 12px; font-weight: 500; width: 23px; height: 23px; line-height: 21px; margin-right: 0}
	.svg-trigger path {stroke-width: 8px;stroke: #fff;}
	#slider { margin-top: -1px;}
	.header-top p{font-size: 11px; padding-top: 0; line-height: 14px}
	.header-top {padding: 2px 0}
	.primary-menu .menu-item .btn { padding: 10px 10px!important; background: none; border:0; outline: none; color: white!important; text-align: left; margin-left: 0!important}
	.sub-menu-container .menu-item > .menu-link {color: #333!important; padding: 6px 10px!important;} 
	.home-sec-1 .portfolio-item .portfolio-image {position: relative; height: 500px;}
	.home-sec-1 .portfolio-item .portfolio-image img {position: absolute; height: 100%; width: 100%; object-fit: cover;}
	.home-sec-1 .bg-overlay-content {
	    padding: 25px;
	    padding-top: 40px;
	}
	.home-sec-2 .card.newss .marquee {
		    height: 300px;
		}
	.dark .widget_links li a {font-size: 12px}
	address {font-size: 13px}
	.home-sec-3 .icons {width: 75px; height: 75px; line-height: 75px;}
	.home-sec-3 .right-icons .icons img {
	    max-width: 40px;
	}
	.home-sec-3 .right-icons .icons.small img {
	    max-width: 30px;
	}
	.home-sec-3 h6 {font-size: 12px; line-height: 16px}
	.home-sec-1 {padding-top: 10px}
	.header-top .search-form .control {margin-top: 2px;}
	/* .header-top {text-align: center;} */
	/* .header-top .search {position: absolute; z-index: 99; top: 62px;  }
	.header-top .search .search-form   {display: none;}
	.header-top .search .search-form .btn { box-shadow: none; top: 32px} */
	.header-top .search .search-toggle {float: right;color: #fff; padding-top: 5px}
	.home-sec-2 {padding: 45px 0;}
	.home-sec-2 .col-mb-50 {
		--col-mb: 20px;
	}
	.home-sec-1 .cont p {
		font-size: 13px!important;
	}
	.home-sec-3 .right-icons .card {text-align: center;}
	.home-sec-3 .icons {float: none;}
	.home-sec-3 .right-icons .card {height: 100%; margin-bottom: 15px;}
	.home-sec-3 .right-icons .card h4 {float: none; margin-left: 0!important; margin-bottom: 0; margin-top: 0; text-align: center!important;}
	.home-sec-3 .col-6 {margin-bottom: 15px;}
	#footer .footer-widgets-wrap {padding-top: 30px}
	#footer .social {margin-bottom: 30px}
	#slider {height: 300px!important}
	.pages {padding-top: 0}
	.breadcrumbs ul {float: none;}
	.page-header h2 {font-size: 20px}
	.section {padding-top: 0px; margin-top: 50px; padding-bottom: 0}
	.vision-mission .text, .vision-mission .icon  {font-size: 14px!important; margin: 0 0 20px;width: 93%}
	.vision-mission .icon {height: 150px}
	.vision-mission .icon img{max-width: 125px}
	.gallery a {height: 160px}
	
}