* {
	margin: 0px;
	padding: 0px
}

body {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	background: #fff;
	color: #000000;
	overflow-x: hidden
}

a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	transition: 0.5s ease-in-out
}

ul>li {
	margin: 0px;
	padding: 0px;
	list-style-type: none !important
}

.apply-btn {
	position: fixed;
	bottom: 10px;
	right: 62px
}

.top-bar {
	background-color: #570c33
}

.headerSection .top-bar {
	padding: 0px 0px !important;
	margin-bottom: 0px
}

.top-bar a {
	color: #fff;
	text-decoration: none
}

.navbar {
	position: relative;
	min-height: auto;
	margin-bottom: 20px;
	border: 1px solid transparent
}

.headerSection .top-bar .navbar-nav>li>a {
	padding-top: 9px;
	padding-bottom: 9px
}

.block {
	display: block;
	width: 100%;
	border: none;
	background-color: #fecc00;
	color: white;
	padding: 14px 28px;
	font-size: 16px;
	cursor: pointer;
	text-align: center
}

.block:hover {
	color: white;
	background-color: #570c33
}

@media(min-width: 1281px) {
	.container {
		width: 1280px
	}
}

.headerSection {
	padding: 0px 0px
}

.bg-theme {
	background: #2b0318
}

.text-yellow {
	color: #fecc00
}

.px-0 {
	padding-top: 0px;
	padding-bottom: 0px
}

.py-0 {
	padding-right: 0px;
	padding-left: 0px
}

.mx-0 {
	margin-top: 0px;
	margin-bottom: 0px
}

.my-0 {
	margin-right: 0px;
	margin-left: 0px
}

.headerSection nav {
	padding: 10px 0px;
	margin-bottom: 0px
}

.logosidetext {
	width: 345px;
	border-left: 1px solid #fecc00;
	padding-left: 10px;
	float: left
}

.logosidetext li {
	list-style-type: none
}

.logosidetext li:first-child {
	font-weight: 300;
	color: #fecc00;
	font-size: 16px
}

.logosidetext li:last-child {
	font-weight: 200;
	color: #fff;
	font-size: 13px
}

.top-navbar-menu .dropdown-menu {
	padding: 0px;
	width: max-content;
	right: auto;
	left: 0
}

.top-navbar-menu .dropdown-menu ul.submenuList li:first-child a:hover {
	border-top-right-radius: 2px;
	border-top-left-radius: 2px
}

.top-navbar-menu .dropdown-menu ul.submenuList li:last-child a:hover {
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px
}

.top-navbar-menu>li>a {
	color: #000;
	padding: 0 4px;
	font-size: 15px
}

.top-navbar-menu>li>a:hover {
	background-color: #450527;
	color: white !important;
	padding: 0 4px;
	font-size: 15px
}

.navbar-header button.navbar-toggle {
	background-color: #fecc00
}

.navbar-header .navbar-toggle .icon-bar {
	background: #2b0318
}

.socialMediaIcon {
	margin-left: 10px
}

.socialMediaIcon>li>a {
	color: #fff;
	padding: 0 2px;
	font-size: 15px
}

.top-navbar-menu>li>a:hover,
.socialMediaIcon>li>a:hover {
	color: #fecc00
}

.navbar-right-content {
	display: flex;
	margin-top: 6%;
	margin-right: 0px
}

.sharebox {
	webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #570c33;
	font-size: 18px;
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	margin-left: 10px;
	margin-top: -4px
}

.sharebox:hover {
	background-color: #fecc00;
	color: #000
}

.MainMenu {
	background: #fecc00
}

.MainMenu .navbar-nav>li>a {
	font-size: 15.3px;
	font-weight: 600;
	color: #0b1623;
	padding: 15px 6px;
	text-transform: uppercase
}
.MainMenu .navbar-nav>li:last-child>a{
	/*animation: blinkingText 1s infinite;*/
}
.MainMenu .navbar-nav>li:last-child>a:hover{
	color: #fff!important;
}
/*0b1623*/
@keyframes blinkingText {
    0% {
        color: #fff;
        background-color: #2b0318;
        border-top: #fecc00;
        border-bottom: #fecc00;
    }
    
    49% {
        color: #fff;
        background-color: #2b0318;
        border-top: #fecc00;
        border-bottom: #fecc00;
    }
    
    60% {
        color: transparent;
    }
    
    99% {
        color: transparent;
    }
    
    100% {
        color: #fff;
        background-color: #2b0318;
        border-top: #fecc00;
        border-bottom: #fecc00;
    }
}


.MainMenu .navbar-nav>li>a span {
	text-transform: lowercase
}

.MainMenu .navbar-nav>li>a:hover {
	background: #2b0318;
	color: #fff
}

.MainMenu .navbar-nav>li:first-child>a:hover {
	background: transparent
}

.MainMenu .navbar-nav>li>a:focus {
	color: #0b1623;
	background: transparent
}

.Facilities-img-box {
	min-height: 390px
}

.apply-now-btn {
	padding: 5px 15px!important;
	border-color: #fecc00 !important
}

.MainMenu .navbar-nav .dropdown-menu {
	width: 100%;
	padding: 0px
}

.MainMenu .navbar-nav .dropdown-menu.megaMenu {
	min-width: 500px;
	min-height: 157px;
	background: #fff;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: -o-max-content
}

.MainMenu .navbar-nav .dropdown-menu.megaMenu .col-4 .col-md-6 {
	width: 25%
}

.MainMenu .navbar-nav .dropdown-menu.megaMenu .col-3 .col-md-6 {
	width: 33.33%
}

.MainMenu .navbar-nav .dropdown-menu.megaMenu .col-2 .col-md-6 {
	width: 50%
}

.MainMenu .navbar-nav .dropdown-menu.megaMenu .col-1 .col-md-6 {
	width: 100%
}

.MainMenu .navbar-nav .dropdown-menu.megaMenu ul {}

.submenuList {
	margin-right: 10px
}

.submenuList:last-child {
	margin-right: 0px
}

.submenuList h5 {
	padding: 00px 10px;
	color: #0ba7e1;
	font-size: 15px;
	font-weight: 600
}

.submenuList>h5>a:hover {
	color: #fecc00
}

.submenuList li {
	list-style-type: none
}


.submenuList li a {
	display: block;
	padding: 07px 10px;
	color: #2b0318;
	font-weight: 600;
	border-bottom: 1px solid #2b0318
}

.submenuList li a:hover {
	background-color: #450527;
	color: white !important;
}

#ImageMainSliderHome .carousel-caption {
	background-color: #2c020f;
	width: 400px;
	position: absolute;
	bottom: 5%;
	left: 8%;
	opacity: 0.8;
	font-size: 26px;
	padding: 20px;
	text-align: left
}

#ImageMainSliderHome .carousel-control {
	height: 40px;
	width: 40px;
	top: auto;
	background-color: #232528;
	bottom: 20px;
	right: 40px;
	opacity: 1
}

#ImageMainSliderHome .carousel-control:hover {
	opacity: .5
}

#ImageMainSliderHome .carousel-control.left {
	left: auto;
	right: 95px
}

#ImageMainSliderHome .carousel-control .fa {
	font-size: 36px
}

.btn-style {
	border: 2px solid #eaae1c;
	color: #eaae1c;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 0px;
	margin-top: 10px;
	cursor: pointer
}

.btn-style:hover {
	background: #fff;
	color: #361622;
	border: 2px solid #361622
}

.btn-style1 {
	border: 2px solid #eaae1c;
	color: #eaae1c;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 0px;
	margin-top: 10px;
	cursor: pointer
}

.btn-style1:hover {
	background: #361622;
	color: #fff;
	border: 2px solid #361622
}

.AnnouncementSection {
	background: #0ba7e1
}

.announcementsText h5 {
	font-size: 20px;
	margin-top: 20px;
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
	color: #fff
}

.InteresingFactsSection {
	padding: 40px 0px
}

h2.HeadingStyle {
	font-weight: 400;
	color: #000;
	font-size: 30px;
	text-transform: uppercase
}

h2.HeadingStyle span {
	font-weight: 700;
	color: #0ba7e1
}

.factBox {
	border-left: 1px solid #fecc00;
	width: 25%;
	float: left;
	min-height: 150px
}

.factBox h3 {
	background: #fecc00;
	padding: 5px 0px 5px 20px;
	color: #000;
	display: inline-block;
	font-size: 30px;
	margin-top: 25px
}

.factBox span {
	background: #fecc00;
	padding: 0px 20px 1px 0px;
	color: #000;
	display: inline-block;
	font-size: 30px
}

.factBox p {
	padding: 0px 10px;
	font-size: 16px;
	color: #000000
}

.pr-20 {
	padding-right: 20px!important
}

.AcademicProgramsSection {
	background: url(../images/AcademicProgram.jpg);
	padding: 40px 0px
}

.text-white {
	color: #fff!important
}

.AcadmicProBlock {
	margin-top: 25px;
	background: #fecc00;
	border-bottom-right-radius: 45px
}

.AcadmicProBlock:hover {
	background: #0ba7e1
}

.AcadmicProBlock img {
	width: 100%;
	border-bottom-right-radius: 45px
}

.AcadmicProBlock h4 {
	padding: 15px;
	margin: 0px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	line-height: 16px;
	height: 60px
}

.NewsEventSection {
	padding: 40px 0px
}

.NewsBox {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px
}

.NewsBox h3 {
	font-size: 17px;
	color: #000;
	min-height: 40px
}

.NewsBox h5 {
	font-size: 14px;
	color: #0ba7e1
}

.NewsBox h5 span {
	border-left: 2px solid #0ba7e1;
	padding-left: 5px;
	display: inline-block;
	height: 14px
}

.EventBox {
	color: #fff
}

.EventBox h5 {
	color: #fecc00;
	font-size: 14px
}

.EventBox .media-left {
	padding-right: 0px
}

.EventBox .media-body {
	padding: 10px;
	background: #01315e
}

.EventBox h4 {
	background: #0ba7e1;
	padding: 5px 10px;
	display: inline-block
}

#carouselEventsection .carousel-control {
	top: auto;
	bottom: -50px;
	opacity: 1;
	height: 40px;
	width: 40px
}

#carouselEventsection .carousel-control.left {
	background: url(../images/sliderleftIcon.png);
	left: auto;
	right: 40px;
	background-size: contain;
	background-repeat: no-repeat
}

#carouselEventsection .carousel-control.right {
	background: url(../images/sliderrightIcon.png);
	background-size: contain;
	background-repeat: no-repeat
}

#carouselEventsection .carousel-control.left:hover {
	background: url(../images/sliderleftIconHover.png);
	background-repeat: no-repeat
}

#carouselEventsection .carousel-control.right:hover {
	background: url(../images/sliderrightIconHover.png);
	background-repeat: no-repeat
}

.AboutdkteSection {
	padding: 40px 0px
}

.bg-gry {
	background: #f2f5f7!important
}

.visionMissionBox .media-body h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600
}

.visionMissionBox .media-body p {
	font-size: 16px;
	line-height: 26px
}

.AboutDKTEboxborder {
	border-left: 2px solid #2b2e3c24;
	min-height: 350px;
	padding-left: 50px
}

.AboutDKTEbox h5 {
	font-size: 16px;
	line-height: 24px;
	color: #989898;
	font-weight: 600;
	font-style: italic;
	margin-bottom: 20px
}

.AboutDKTEbox p {
	font-size: 16px;
	line-height: 26px
}

.lifeDKTEsection {
	padding: 40px 0px
}

.TabberDKTE {
	width: 100%;
	display: block;
	margin-top: 15px
}

.TabberDKTE .outernavtabs {
	display: -webkit-box;
	margin-bottom: 30px
}

.TabberDKTE .nav li a {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	border: none;
	border-bottom: 4px solid #583c4d;
	background: transparent;
	margin: 0 05px
}

.TabberDKTE .nav-tabs {
	border: none;
	margin: 0px auto
}

.TabberDKTE .nav-tabs>li.active>a,
.TabberDKTE .nav-tabs>li>a:hover,
.TabberDKTE .nav-tabs>li.active>a:hover,
.TabberDKTE .nav-tabs>li.active>a:focus {
	color: #eaae1c;
	border: none;
	border-bottom: 4px solid #eaae1c;
	background: transparent
}

.tabberContentBox {
	position: relative;
	text-align: center;
	margin-bottom: 20px
}

.tabberContentBox>img {
	width: 100%
}

.tabberContentBox a {
	background: #fff;
	padding: 13px 20px;
	width: 220px;
	display: -webkit-inline-box;
	margin: 0 auto;
	margin-top: -20px;
	z-index: 1000;
	transition: 0.5s ease-in-out
}

.tabberContentBox a img {
	margin-left: 20px;
	transition: 0.5s ease-in-out
}

.tabberContentBox a:hover img {
	padding-left: 15px
}

.tabberContentBoxOuter {
	margin: 0 auto
}

.PrincipalmessageSection {
	padding: 40px 0px
}

.PrincipalmessageBox .media-left {
	padding: 0px
}

.PrincipalmessageBox .media-left h4 {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	line-height: 26px;
	margin-top: 50px;
	padding-left: 90px
}

.PrincipalmessageBox .media-left h4:before {
	content: "";
	width: 20px;
	height: 20px;
	left: 70px;
	position: absolute;
	border-left: 0px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fecc00
}

.PrincipalmessageBox .media-image-principal {
	background: #fecc00;
	padding: 0px;
	width: 261px;
	height: 261px
}

.PrincipalmessageBox .media-object {
	position: absolute;
	top: 50px;
	left: 60px;
	-webkit-box-shadow: 14px 14px 24px rgba(0, 0, 0, .1);
	-moz-box-shadow: 14px 14px 24px rgba(0, 0, 0, .1);
	box-shadow: 14px 14px 24px rgba(0, 0, 0, .1)
}

.PrincipalmessageBox .media-body {
	padding-left: 70px
}

.PrincipalmessageBox .media-body .media-heading {
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc9c
}

.PrincipalmessageBox .media-body p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400
}

.StudentSaySection {
	padding: 40px 0px;
	background: #f2f5f7
}

.StudentSaySection .owl-carousel-2 .owl-nav {
	margin-bottom: 20px
}

.StudentSaySection .owl-nav .owl-prev,
.StudentSaySection .owl-nav .owl-next {
	display: inline-block
}

.StudentSaySection .owl-carousel.owl-drag .owl-item {
	padding: 0px 30px 0px 0px
}

.StudentSaySection .owl-carousel.owl-drag .owl-item p {
	font-size: 16px;
	line-height: 26px;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 5px rgba(67, 77, 81, .1);
	-moz-box-shadow: 0 4px 5px rgba(67, 77, 81, .1);
	box-shadow: 0 4px 5px rgba(67, 77, 81, .1);
	position: relative
}

.StudentSaySection .owl-carousel.owl-drag .owl-item p::after {
	width: 0;
	content: "";
	position: absolute;
	left: 30px;
	right: 0;
	bottom: -15px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #ffffff
}

.StudentSaySection .owl-carousel.owl-drag .owl-item h4 {
	font-weight: 600;
	margin-top: 20px
}

.StudentSaySection .owl-carousel.owl-drag .owl-item h5 {
	color: #989898;
	font-size: 14px;
	font-weight: 400
}

.OurPlacementsSection {
	padding: 40px 0px 60px
}

.OurPlacementsSection .Placementsbox {
	border: 1px solid #ccc
}

.OurPlacementsSection .owl-dots {
	position: absolute;
	left: 50%;
	bottom: -30px;
	transform: translate(-50%, 0%)
}

.OurPlacementsSection .owl-dot {
	background-color: #cccccc85;
	opacity: 1;
	width: 10px;
	display: -webkit-inline-box;
	height: 10px;
	margin-right: 0px;
	margin-left: 0px;
	border-radius: 10px;
	border: 1px solid #ccc!important;
	margin-left: 4px!important
}

.OurPlacementsSection .owl-dot.active {
	background-color: #fdb813
}

.OurPlacementsSection .owl-dot {
	outline: none
}

.my-10 {
	margin: 10px 0px
}

.footersection {}

.topfootersection {
	padding: 40px 0px 0px
}

.textfooterlogo {
	margin-top: 10px;
	float: left
}

.textfooterlogo li {
	margin: 10px 0px;
	font-weight: 600!important;
	color: #fecc00!important;
	font-size: 18px!important
}

.footersocialmediaicon {
	float: right
}

.footersocialmediaicon p {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	margin-right: 10px
}

.socialmediaiconlink {
	display: -webkit-inline-box
}

.socialmediaiconlink li {
	display: inline-block;
	list-style-type: none
}

.socialmediaiconlink li a {
	color: #2b0318;
	border: 2px solid #fecc00;
	background: #fecc00;
	font-size: 17px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	text-align: center;
	text-align: -webkit-center;
	display: block
}

.socialmediaiconlink li a:hover {
	background: transparent;
	border: 2px solid #ccc;
	color: #ccc
}

.socialmediaiconlink li a i,
.socialmediaiconlink li a:hover i {
	padding: 9px 6px
}

.footerdetailsbox {
	float: left;
	width: 25%;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 20px
}

.footerdetailsbox h5 {
	color: #fff;
	font-size: 15px;
	line-height: 20px
}

.footerdetailsbox p,
.footerdetailsbox a,
.footerdetailsbox a:focus {
	font-size: 13px;
	color: #fff
}

.tollfreeno {
	width: 100%
}

.tollfreeno h5 {
	color: #fff
}

.tollfreeno a,
.tollfreeno a:focus {
	color: #fff;
	font-size: 26px;
	font-weight: 600
}

.middlefootersection {
	background: #450527
}

.footerlinkbox {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 20%;
	float: left
}

.footerlinkbox h5 {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	margin-bottom: 30px;
	text-transform: uppercase
}

.footerlinkbox h5:after {
	content: "";
	position: absolute;
	bottom: -9px;
	left: 0;
	background: #fecc00;
	height: 2px;
	width: 30px
}

.footerlinkbox ul li {
	list-style-type: none
}

.footerlinkbox ul li a,
.footerlinkbox ul li a:focus {
	color: #fff;
	font-size: 13px;
	position: relative;
	padding-left: 15px
}

.footerlinkbox ul li a:hover {
	text-decoration: underline
}

.footerlinkbox ul li a:before {
	content: ">";
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: rgb(255, 255, 255)
}

.bottonfootersection {
	padding: 10px 0px
}

.Copyrightsection p,
.Copyrightsection a,
.Copyrightsection a:focus,
.bestviewNote p {
	margin-bottom: 0px;
	color: #000000;
	font-size: 12px;
	font-weight: 600
}

.Copyrightsection {
	text-align: left
}

.scroll-top {
	display: none;
	padding: 6px 14px;
	background-color: #fecc00;
	color: #2b0318;
	position: fixed;
	bottom: 14px;
	right: 18px;
	z-index: 99;
	border-radius: 50%;
	border: 2px solid #fecc00;
	;
	line-height: 25px
}

.scroll-top:hover {
	background: transparent;
	border: 2px solid #ccc;
	color: #ccc
}

.menu-fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	box-shadow: 0px 1px 2px 1px #fecc00;
	z-index: 1000
}

.sidebarLinks {
	background: #2b0318;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 10px
}

.sidebarLinks ul {}

.sidebarLinks ul li {
	position: relative;
	padding: 8px 15px!important;
	font-size: 18px;
	margin-bottom: 0!important;
	font-weight: 400;
	border-bottom: 1px solid #553546
}

.sidebarLinks ul li:last-child {
	border-bottom: 0px
}

.sidebarLinks ul li a {
	color: #ffffff
}

.sidebarLinks ul li.active a,
.sidebarLinks ul li a:hover {
	color: #fecc00
}

.facultyProfileList {
	margin-bottom: 80px
}

.facultyProfile {
	border-bottom: 2px solid #c1c1c1;
	padding-bottom: 30px;
	margin-bottom: 30px
}

.facultyProfileList .facultyProfile:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 30px
}

.facultyProfile .media-left,
.facultyProfile .media>.pull-left {
	padding-right: 40px
}

.facultyProfile h4 {
	font-size: 26px;
	font-weight: 600;
	color: #0ba7e1;
	margin-bottom: 15px
}

.facultyProfile h4 span {
	font-size: 18px;
	font-weight: 600;
	color: #6d767a
}

.facultyProfile p {
	font-size: 18px;
	font-weight: 600;
	color: #212121;
	margin-bottom: 8px;
	float: left;
	width: 100%
}

.facultyProfile p span:first-child {
	width: 130px;
	display: inline-block;
	float: left
}

.facultyProfile p span:last-child {
	width: 75%;
	display: inline-block;
	float: left
}

.facultyProfile .btn {
	background: transparent;
	color: #eaae1c;
	font-size: 18px;
	margin-top: 10px;
	padding: 10px 31px;
	border: #eaae1c solid 2px;
	border-radius: 4px;
	transition: all 0.5s
}

.facultyProfile .btn:hover {
	background: #005885;
	color: #ffffff
}

.quickLinksCollapseBtn {
	font-size: 24px;
	font-weight: 600;
	color: #0ba7e1;
	margin-bottom: 15px
}

.quickLinksCollapseBtn .fa {
	color: #3e3e3e;
	margin-left: 10px
}

.quickLinksContainer h4 {
	font-size: 20px;
	font-weight: 700
}

.quickLinksContainer ul li {
	position: relative;
	padding: 0px;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 400
}

.quickLinksContainer ul li a {
	font-size: 16px;
	font-weight: 600;
	color: #212121;
	display: block
}

.quickLinksContainer ul li a:hover {
	color: #0ba7e1
}

.pagination-list.program-list li img {
	display: none
}

.pagination-list.program-list li {
	display: inline-block;
	padding-left: 6px!important
}

.pagination-list.program-list li.hidden-phone a {
	border: 1px solid #ccc;
	padding: 0px 12px
}

@media (max-width: 767px) {
	.facultyProfile h4 span {
		display: block
	}
	.facultyProfile p span {
		display: block !important;
		width: 100% !important
	}
	.facultyProfile p span:first-child {
		color: #a8a8a8
	}
}

@media (max-width: 580px) {
	.facultyProfile .media-left,
	.facultyProfile.media-right,
	.media-body {
		display: block;
		width: 100%;
		padding-right: 0px
	}
	.facultyProfile .media-left {
		margin-bottom: 15px
	}
	.facultyProfile h4 {
		font-size: 22px
	}
}

.internal-banner {
	position: relative
}

.container-data {
	margin-top: -103px
}

.txt-blue {
	color: #0ba7e1
}

.breadcrumb-pd {
	padding: 0px 31px
}

.breadcrumb {
	padding: 8px 1px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #fff;
	border-radius: 4px
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #fecc00;
	content: "/\00a0"
}

.hz-line {
	height: 2px;
	width: 50px;
	background-color: #fecc00
}

.content ul li {
	position: relative;
	padding-left: 30px;
	font-size: 18px;
	margin-bottom: 25px
}

.program-list li {
	font-size: 16px!important
}

.program-list li .panel-title {
	font-size: 16px!important
}

.program-list li .panel-group {
	margin-bottom: 0px
}

.program-list li .panel-body {
	padding: 0
}

ul {
	list-style-type: none
}

.content ul li .fa {
	position: absolute;
	left: 0;
	top: 2px
}

.internalPage h1 {
	font-size: 30px
}

.internalPage h2 {
	font-size: 28px
}

.internalPage h3 {
	font-size: 24px;
	font-weight: 600
}

.internalPage h4 {
	font-size: 22px
}

.internalPage small {
	font-size: 16px;
	color: #b5b5b5
}

.internalPage .table>thead>tr>th,
.internalPage .table>tbody>tr>th,
.internalPage .table>tfoot>tr>th,
.internalPage .table>thead>tr>td,
.internalPage .table>tbody>tr>td,
.internalPage .table>tfoot>tr>td {
	border: 2px solid #fff
}

.internalPage .table tbody>tr>th {
	padding: 15px 15px;
	background: #fff;
	font-weight: 600;
	color: #345a7e;
	font-size: 15px;
	border-bottom: 2px solid #0ba7e1
}

.accorPannel {
	margin-top: 30px
}

.accorPannel .panel {
	box-shadow: none
}

.accorPannel .panel-group .panel {
	border-radius: 0;
	border: none;
	margin-top: -1px
}

.accorPannel .panel-default>.panel-heading {
	background: #fff;
	color: #4b4442;
	padding: 0;
	border: #fff solid 1px;
	border: #e3e4e8 solid 1px;
	border-radius: 0;
	border-right-style: none;
	border-left-style: none
}

.accorPannel .panel-title {
	margin: 0
}

.accorPannel .panel-title>a {
	display: block;
	color: #1d293e;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none
}

.accorPannel .panel-default .headingText {
	padding: 18px 0px
}

.accorPannel .panel-title .glyphicon {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	float: right;
	top: -6px;
	padding: 5px 8px;
	color: #212223;
	border-radius: 5px
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: none;
	padding: 20px 30px;
	border-top: 1px solid #fff;
	margin-top: -1px
}

.panel-default>.panel-heading+.panel-collapse>.panel-body p {
	font-size: 16px;
	line-height: 30px
}

.accorPannel .panel-default .headingActive {}

.accorPannel .panel-default .headingActive .panel-title>a {
	color: #000;
	font-size: 20px
}

.accorPannel .panel-default .headingActive .panel-title .glyphicon {
	color: #0065b4
}

.internalPage .tabStyle {
	margin-top: 30px
}

.internalPage .tabStyle .nav-tabs>li {
	padding-left: 0;
	margin-bottom: -1px;
	margin-right: -1px
}

.internalPage .tabStyle .nav-tabs>li:before {
	display: none
}

.internalPage .tabStyle .nav-tabs>li a {
	font-weight: 400;
	color: #000;
	border-radius: 0;
	border: none;
	padding: 12px 30px;
	margin: 0;
	font-size: 16px;
	border-bottom: 4px solid #e3e3e4;
	margin-right: 4px
}

.internalPage .tabStyle .nav-tabs>li a:hover {
	background: #fff;
	color: #000
}

.internalPage .tabStyle .nav-tabs>li.active>a,
.tabStyle .nav-tabs>li.active>a:hover,
.tabStyle .nav-tabs>li.active>a:focus {
	background: #fff;
	color: #000;
	border-bottom: none
}

.internalPage .tabStyle .tab-content {
	border-top: none;
	padding: 20px 30px;
	border-radius: 0
}

.internalPage .tabStyle .nav-tabs>li.active>a,
.tabStyle .nav-tabs>li.active>a:hover,
.tabStyle .nav-tabs>li.active>a:focus {
	background: #fff;
	color: #fecc00;
	border-bottom: 4px #fecc00 solid
}

.nav-tabs {
	border-bottom: 0px solid #ddd
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f4f5f6
}

.formStyle .form-group {
	margin-bottom: 30px
}

.formStyle .form-control {
	border-radius: 2px;
	height: 44px;
	box-shadow: none;
	border: #d8dce1 solid 1px;
	border-bottom: #d8dce1 solid 2px;
	color: #393b3f;
	font-size: 15px
}

.formStyle .form-control::-moz-placeholder {
	color: #90969c !important;
	opacity: 1
}

.formStyle .form-control:-ms-input-placeholder {
	color: #90969c !important
}

.formStyle .form-control::-webkit-input-placeholder {
	color: #90969c !important
}

.formStyle .form-control-1 {
	height: 118px
}

.formStyle .btn {
	background: transparent;
	color: #eaae1c;
	font-size: 18px;
	margin-top: 24px;
	padding: 10px 31px;
	border: #eaae1c solid 2px;
	border-radius: 4px;
	margin-right: 10px;
	transition: all 0.5s
}

.formStyle .btn:hover {
	background: #005885;
	color: #ffffff
}

.formStyle .btn.resetBtn {
	background: transparent;
	color: #eaae1c;
	font-size: 18px;
	margin-top: 24px;
	padding: 10px 31px;
	border: #eaae1c solid 2px;
	border-radius: 4px;
	margin-right: 10px;
	transition: all 0.5s
}

.formStyle .btn.resetBtn:hover {
	background: transparent;
	color: #b3b4b5;
	border: #b3b4b5 solid 1px
}

.formStyle input::-webkit-input-placeholder {
	color: #393b3f!important
}

.formStyle input:-moz-placeholder {
	color: #393b3f!important
}

.formStyle input::-moz-placeholder {
	color: #393b3f!important
}

.formStyle input:-ms-input-placeholder {
	color: #393b3f!important
}

.formStyle .form-control::-moz-placeholder {
	color: #393b3f;
	opacity: 1
}

.formStyle .form-control:-ms-input-placeholder {
	color: #393b3f
}

.formStyle .form-control::-webkit-input-placeholder {
	color: #393b3f
}

.breadcrumb-item a {
	color: #000
}

.dropdown-menu {
	margin: 0px 0 0
}

.nav>li>a:hover,
.nav>li>a:focus {
	text-decoration: none;
	background-color: #2b0318;
}

.navbar-nav>li:nth-child(n+6)>.dropdown-menu {
	left: inherit;
	right: 0
}

.call_btn {
	background: transparent;
	border: none;
	outline: none
}

.enquiry-Title {
	background: #fecc00;
	color: #fff
}

.salesnumber ul li {
	font-size: 18px;
	color: #181818;
	margin: 10px 0;
	font-weight: 600
}

#myModal .modal-header.enquiry-Title .close {
	float: right;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	opacity: 0.8
}

.modal-header.enquiry-Title .close {
	float: right;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	opacity: 0.8
}

@media (min-width: 768px) {
	#myModal .modal-dialog {
		width: 600px;
		margin: 80px auto
	}
}

.Department .tabStyle .nav-tabs>li a {
	font-weight: 600;
	color: #000;
	border-radius: 0;
	border: none;
	padding: 12px 25px;
	margin: 0;
	font-size: 16px;
	border-bottom: 4px solid #e3e3e4;
	margin-right: 10px
}

.Quick-Links-btn {
	border: none;
	background: no-repeat;
	font-size: 20px;
	font-weight: 600;
	color: #0ba7e1;
	outline: none
}

.Quick-Links-btn i {
	color: #666
}

.social-icon-bar {
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -1PX
}

.social-icon-bar a {
	display: block;
	text-align: center;
	padding: 6px 8px;
	transition: all 0.3s ease;
	color: white;
	font-size: 18px
}

.social-icon-bar a:hover {
	background-color: #000
}

.call {
	background: #fecc00;
	color: white
}

.Brouchure {
	background: #2b0318;
	color: white
}

.facebook {
	background: #3B5998;
	color: white
}

.twitter {
	background: #55ACEE;
	color: white
}

.google {
	background: #dd4b39;
	color: white
}

.linkedin {
	background: #007bb5;
	color: white
}

.youtube {
	background: #ff0000;
	color: white
}

.Download-Brouchure {
	transform: rotate(90deg)
}

.quickLinksContainer ul li {
	padding-left: 0px !important
}

.secondName {
	font-weight: 700;
	font-size: 17px
}

@media only screen and (min-width: 1500px) {
	.carousel-inner>.item>img {
		width: 100%
	}
}

@media only screen and (min-width: 990px) {
	.MainMenu .dropdown:hover .dropdown-menu,
	.top-navbar-menu .dropdown:hover .dropdown-menu {
		display: block
	}
	.StudentSayBox {
		border-right: 12px solid #fecc00;
		padding: 40px 0px
	}
	.owl-carousel .owl-stage-outer {
		padding: 40px 0px
	}
}

@media (max-width: 1280px) {
	.MainMenu .navbar-nav>li>a {
		font-size: 13.8px
	}
	.Department .tabStyle .nav-tabs>li a {
		padding: 12px 20px
	}
	.top-navbar-menu>li>a {
		padding: 0 0 0 10px;
		font-size: 14px
	}
}

@media (max-width: 1199px) {
	.MainMenu .navbar-nav>li>a {
		font-size: 12px;
		font-weight: 600;
		color: #0b1623;
		padding: 10px 10px !important;
		text-transform: uppercase
	}
	.bottonfootersection {
		padding: 10px 0px
	}
	.Copyrightsection p {
		font-size: 12px !important
	}
	.Department .tabStyle .nav-tabs>li a {
		padding: 12px 12px;
		font-size: 14px
	}
	.navbar-right-content {
		margin-top: 0%
	}
}

@media (max-width: 1050px) and (min-width: 1023px) {
	.md-megaMenu {
		right: -250px!important
	}
}

@media (max-width: 991px) {
	.MainMenu .navbar-nav .dropdown-menu.megaMenu .col-4 .col-md-6 {
		width: 100%
	}
	.MainMenu .navbar-nav .dropdown-menu.megaMenu .col-3 .col-md-6 {
		width: 100%
	}
	.MainMenu .navbar-nav .dropdown-menu.megaMenu .col-2 .col-md-6 {
		width: 100%
	}
	.MainMenu .navbar-nav .dropdown-menu.megaMenu .col-1 .col-md-6 {
		width: 100%
	}
	.MainMenu .navbar-nav>li>a {
		font-size: 16px
	}
	.navbar-header {
		float: none
	}
	.navbar-left,
	.navbar-right {
		float: none !important
	}
	.navbar-toggle {
		display: block
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px
	}
	.navbar-collapse.collapse {
		display: none!important
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px
	}
	.navbar-nav>li {
		float: none
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.collapse.in {
		display: block !important
	}
	.MainMenu .navbar-nav .dropdown-menu.megaMenu {
		width: 100%;
		background: #fff
	}
	.MainMenu .navbar-nav .dropdown-menu.megaMenu ul {
		width: 100%;
		float: none
	}
	.navbar-nav .open .dropdown-menu {
		position: relative;
		background: #fff
	}
	.MainMenu .navbar-nav>li>a {
		display: inline-block;
		width: 100%
	}
	.submenuList h5 {
		padding-top: 0px;
		margin-bottom: 0px
	}
	.MainMenu .navbar-collapse {
		padding-right: 0px;
		padding-left: 0px
	}
	.Newssection {
		margin-bottom: 50px
	}
	.NewsEventSection {
		padding: 40px 0px 80px
	}
	.tabberContentBox a {
		width: 100%
	}
	.PrincipalmessageBox .media-left {
		display: block
	}
	.PrincipalmessageBox .media-body {
		display: block;
		padding-left: 15px;
		width: 100%
	}
	.facebookBox {
		padding: 40px 0px
	}
	.footerlinkbox {
		width: 33.33%
	}
	.middlefootersection .footerlinkbox:nth-child(3) {
		clear: both
	}
	.middlefootersection .footerlinkbox:nth-child(5) {
		clear: none
	}
	.bottonfootersection {
		padding: 10px 0px;
		padding-bottom: 21px
	}
	.Copyrightsection p {
		font-size: 12px !important
	}
	.top-navbar-menu>li>a {
		font-size: 14px !important
	}
	.Department .tabStyle .nav-tabs>li a {
		padding: 12px 14px;
		font-size: 15px
	}
	.internalPage .tabStyle .nav-tabs>li {
		width: 33%
	}
	.navbar-right-content {
		margin-top: 2%
	}
}

@media (max-width: 767px) {
	.MainMenu .navbar-nav .dropdown-menu.megaMenu {
		margin-top: -10px
	}
	.MainMenu .navbar-collapse {
		padding-right: 15px;
		padding-left: 15px
	}
	.factBox {
		width: 50%;
		margin-bottom: 20px;
		min-height: auto
	}
	.AcadmicProBlock {
		width: 45%;
		margin: 10px;
		float: left
	}
	.AboutDKTEboxborder {
		padding-left: 15px
	}
	.footersocialmediaicon {
		float: left;
		margin-top: 20px;
		margin-left: 20px
	}
	.footerdetailsbox {
		width: 50%
	}
	.footerlinkbox {
		width: 50%
	}
	.middlefootersection .footerlinkbox:nth-child(5) {
		clear: both
	}
	.logosidetext {
		width: 225px
	}
	.logosidetext li:first-child {
		font-size: 13px
	}
	.bottonfootersection {
		padding: 10px 0px;
		padding-bottom: 17px
	}
	.Copyrightsection p {
		font-size: 12px !important
	}
	.internalPage .tabStyle .nav-tabs>li {
		width: 50%
	}
}

@media (max-width: 580px) {
	.bottonfootersection {
		padding: 10px 0px;
		padding-bottom: 17px
	}
	.Copyrightsection p {
		font-size: 12px !important
	}
	.social-icon-bar a {
		padding: 8px;
		font-size: 12px
	}
	.EventBox .media-left img {
		width: 100%
	}
	.EventBox .media-body,
	.visionMissionBox .media-body {
		display: block;
		width: 100%
	}
	.EventBox .media-left,
	.visionMissionBox .media-left {
		display: block
	}
}

@media (max-width: 480px) {
	img.logo {
		width: 120px!important
	}
	.logosidetext {
		margin-top: 10px
	}
	.logosidetext {
		width: 340px
	}
	.logosidetext li:first-child {
		font-size: 13px
	}
	.logosidetext li:last-child {
		font-size: 12px
	}
	.navbar-header button.navbar-toggle {
		position: absolute;
		right: 0px
	}
	#ImageMainSliderHome .carousel-caption {
		position: relative;
		width: 100%;
		left: 0
	}
	.navbar-brand {
		padding: 10px 5px 10px 0px
	}
	.factBox {
		width: 100%
	}
	.AcadmicProBlock {
		width: 250px;
		margin: 20px auto;
		float: none
	}
	.TabberDKTE .nav li {
		width: 50%
	}
	.footerdetailsbox {
		width: 100%
	}
	.footerlinkbox {
		width: 100%
	}
	.breadcrumb-pd {
		padding: 0px 8px !important
	}
	.internalPage .tabStyle .nav-tabs>li.active>a,
	.tabStyle .nav-tabs>li.active>a:hover,
	.tabStyle .nav-tabs>li.active>a:focus {
		background: #fff;
		color: #fecc00;
		border: #e3e4e8 solid 1px;
		border-bottom: none;
		border-bottom: 4px #fecc00 solid !important
	}
	.Copyrightsection p {
		font-size: 12px !important
	}
	.bottonfootersection {
		padding: 10px 0px;
		padding-bottom: 17px
	}
	.block {
		/*display: block;*/
		width: 100%;
		border: none;
		background-color: #fecc00;
		color: white;
		padding: 10px 10px;
		font-size: 15px;
		cursor: pointer;
		text-align: center;
		display: none;
	}
	.apply-btn {
		position: fixed;
		bottom: 10px;
		right: 51px
	}
	.internalPage .tabStyle .nav-tabs>li {
		width: 100%
	}
}

@media (max-width: 380px) {
	.TabberDKTE .nav li {
		width: 100%
	}
	.breadcrumb-pd {
		padding: 0px 8px
	}
	.internalPage .tabStyle .nav-tabs>li.active>a,
	.tabStyle .nav-tabs>li.active>a:hover,
	.tabStyle .nav-tabs>li.active>a:focus {
		background: #fff;
		color: #fecc00;
		border: #e3e4e8 solid 1px;
		border-bottom: none;
		border-bottom: 4px #fecc00 solid !important
	}
	.Copyrightsection p {
		font-size: 12px !important
	}
	.bottonfootersection {
		padding: 10px 0px;
		padding-bottom: 60px
	}
}

@media (max-width: 320px) {
	.logosidetext {
		width: 240px
	}
	.breadcrumb-pd {
		padding: 0px 8px !important
	}
	.internalPage .tabStyle .nav-tabs>li.active>a,
	.tabStyle .nav-tabs>li.active>a:hover,
	.tabStyle .nav-tabs>li.active>a:focus {
		background: #fff;
		color: #fecc00;
		border: #e3e4e8 solid 1px;
		border-bottom: none;
		border-bottom: 4px #fecc00 solid !important
	}
	.Copyrightsection p {
		font-size: 12px !important
	}
	.bottonfootersection {
		padding: 10px 0px;
		padding-bottom: 60px
	}
}

.chrono_credits {
	display: none!important;
	padding: 10px
}

ul.NameOfOrganization li {
	width: 30%;
	display: inline-block;
	border: 3px solid #2b0318;
	font-size: 14px;
	color: #fff;
	background: #2b0318c2;
	padding: 5px 15px;
	font-weight: 600;
	height: 76px;
	vertical-align: middle;
	margin-bottom: 10px
}

ul.NameOfOrganization li img,
ul.width-half li img {
	display: none
}

ul.width-half li {
	width: 49.5%;
	padding-left: 10px;
	display: inline-block;
	min-height: 150px;
	vertical-align: top;
	position: relative
}

ul.width-half li p {
	font-size: 16px
}

@media (max-width: 1199px) {
	ul.NameOfOrganization li {
		width: 49%
	}
}

@media (max-width: 991px) {
	ul.width-half li {
		width: 100%;
		height: auto
	}
}

@media (max-width: 480px) {
	ul.NameOfOrganization li,
	ul.width-half li {
		width: 100%;
		height: auto
	}
}

.submenuList {
	width: 600px
}

.submenuList>li {
	width: 50%;
	float: left;
	padding: 0px 10px
}

.submenuList .submenuList {
	width: 50%;
	float: left;
	margin: 0;
	padding: 10px
}

.submenuList .submenuList>li {
	width: 100%
}

.submenuList .submenuList.submenuList3 {
	width: 33.33%
}

@media (max-width: 991px) {
	.submenuList,
	.submenuList>li,
	.submenuList .submenuList,
	.submenuList .submenuList.submenuList3 {
		width: 100% !important;
		float: left !important
	}
	.submenuList .submenuList {}
}

/*Popup CSS*/
#applyModal .modal-header{
	background: #fecc00;
}
#applyModal .close{
	color: #000;
    opacity: 1;
    margin-top: -16px;
    font-size: 30px;
}
#applyModal .modal-footer{
	text-align: center;
}

@media (min-width: 768px){
#applyModal .modal-dialog {
    width: 440px;
}
}

.iframe-container  {
    position: fixed;
    right: auto !important;
    padding-top: 10px;
    bottom: 5%;
    max-height: 95vh;
    min-height: 70px;
    max-width: 100%;
    min-width: 70px;
    z-index: 2147483645;
}
.btn-floating {
    border-radius: 30px 30px 5px 30px;
    margin: 3%;
    border: 0;
    width: 60px;
    height: 55px;
    overflow: hidden;
    opacity: 1;
    text-align: center;
    position: fixed;
    background-color: transparent;
    right: 13rem !important;
    bottom: 3px;
    /* box-shadow: -5px 4px 10px 0 rgb(0 0 0 / 11%); */
    border: 1px solid white;
}