@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/* tblespl
tble */


/*my css*/
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300);

.modal-content img {
	max-height: 600px !important;
}

@media (min-width: 320px) and (max-width: 767px) {
	.modalClose {
		top: 194px !important;
		right: 0;
		left: 95% !important;
	}

	.blink-text {
		font-size: 12px !important;
	}

	.blink-container {
		top: 7px !important;
	}
}

@font-face {
	font-family: 'Roboto';
	src: url('../../index.html');
	src: url('../../index.html?#iefix') format('embedded-opentype'), url('../../index.html') format('woff'), url('../../index.html') format('truetype'), url('../../index.html#RobotoThinItalic') format('svg');
}

::selection {
	background-color: #f3c326;
	color: #fff;
}

#mainbanner img {
	height: 492px !important;
	object-fit: cover;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
	color: #B10132 !important;
}

.menu-btn {

	padding: 11px 14px 10px 14px !important;

}

.blink-text {
	font-family: Roboto, sans-serif;
	animation: textBlink 1s infinite;
	font-size: 14px;
}

.kode-topbar .col-md-2 a {
	padding-left: 7px;
}

@keyframes textBlink {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

.kode-wrapper .kode-header-absolute.kf_sticky .admission_block {
	z-index: 0 !important;
}

.justify {
	text-align: justify;
}

nav {
	display: block;
	text-align: left;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav ul.children {
	background: #fff;
	border-bottom: none;
	padding: 10px 0px;
	top: 42px;
}

nav ul.children ul {
	background: #fff;
	border-bottom: none;
	padding: 10px 0px;
}

nav li.blue ul.children li a {
	width: 100%;
}

nav ul.children li a {
	font-size: 12px;
	font-weight: 400 !important;

	letter-spacing: 1px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	border-bottom: 0px !important;
	width: 230px;
	display: block;
	position: relative;
	line-height: 18px;
	text-align: left;
	float: none;
	margin: 0;
	padding: 12px 20px;
	color: #0e254f !important;
	transition: all .2s ease-in-out;
	border-left: 3px solid transparent !important;
	text-decoration: none;
	white-space: normal;
}

.nav li a:before {
	display: none;
}

nav li ul.children a:before {
	display: block;
	color: #000;
}

nav li.admission ul.children {
	top: 35px;
}

nav li ul.children li a {
	margin-left: 0px;
}

.nav li.green:hover>a {
	color: #79df03 !important;
}

.nav li.green ul.children a:hover {
	color: #79df03 !important;
	border-left: 3px solid #79df03 !important;
	padding-left: -12px;
}

.nav>li.green>a:hover {
	color: #79df03 !important;
	background: none;
	border-bottom: 3px solid #79df03 !important;
}

.menu-head li {
	border-right: 1px solid #ccc;
}

.menu-head.menu-border-none li {
	border-right: none !important;
}

.nav>li.blue>a:hover {
	color: #00e2ff !important;
	background: none;
	border-bottom: 3px solid #00e2ff !important;
}

.nav li.blue ul.children a:hover {
	color: #00e2ff !important;
	padding-left: -12px;
}

.nav>li.orange>a:hover {
	color: #ff9800 !important;
	background: none;
	border-bottom: 3px solid #ff9800 !important;
}

.nav li.orange ul.children a:hover {
	color: #ff9800 !important;
	border-left: 3px solid #ff9800 !important;
	padding-left: -12px;
}

.nav>li.yellow>a:hover {
	color: #f3c326 !important;
	background: none;
	border-bottom: 3px solid #f3c326 !important;
}

.nav>li.merun>a:hover {
	color: #800000 !important;
	background: none;
	border-bottom: 3px solid #800000 !important;
}

.nav li.merun ul.children a:hover {
	color: #800000 !important;
	border-left: 3px solid #800000 !important;
	padding-left: -12px;
}

.nav>li.pink>a:hover {
	color: #ff6499 !important;
	background: none;
	border-bottom: 3px solid #ff6499 !important;
}

.nav li.pink ul.children a:hover {
	color: #ff6499 !important;
	border-left: 3px solid #ff6499 !important;
	padding-left: -12px;
}

.nav li.admission ul.children a:hover {
	color: #7f00ff !important;
	border-left: 3px solid #7f00ff !important;
	padding-left: -12px;
}

.kode-wrapper .kode-header-absolute.kf_sticky .nav>li:first-child>a {
	color: #f3c326 !important;
}

.kode-wrapper .kode-header-absolute.kf_sticky .nav>li>a:hover {
	color: #f3c326 !important;
}

.kode-wrapper .kode-header-absolute.kf_sticky .nav>li.admission>a:hover,
.kode-wrapper .kode-header-absolute.kf_sticky .nav>li.cc>a:hover {
	color: #f97352 !important;
}

.kode-wrapper .kode-header-absolute.kf_sticky .header-bg.inner-head-background {
	background: #0e254f !important;
	border-top: 3px solid #f3c326;
}

.inner-head-background.sub-head {
	background: #0e254f !important;
}

.hostel {
	margin-top: 170px !important;
	margin-bottom: 100px;
}

.management-team {
	margin-top: 132px !important;
}

.secretary-section {
	margin-top: 20px !important;
	margin-bottom: 20px;
}

.program-curriculum {
	margin-top: 150px !important;
	margin-bottom: 10px;
}

.program-curriculum-inner {
	margin-top: 10px !important;
	margin-bottom: 10px;
}

.progncurri_top .prog_box {
	margin-bottom: 30px;
}

.contact_us_text_block_2 {
	margin-top: 30px;
	margin-bottom: 20px;
}

.mgmt_team_content .team_member {
	margin-top: 60px;
	margin-bottom: 80px;
}

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

.admission_bg .item img {
	width: 100%;
}

.menu-head h4 {
	color: #f3c326;
	font-family: Roboto;
	padding-left: 20px;
	font-size: 14px;
	margin-bottom: 15px;
	padding-top: 5px;
}

.menu-head h4:after {
	content: '';
	display: block;
	margin-top: 10px;
	width: 20px;
	height: 2px;
	opacity: .3;
	background-color: #f3c326;
}

.nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.8em 1.8em;

	font-size: 13px;
	position: relative;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 700;

}

.nav {
	vertical-align: top;
	display: inline-block;
	border-radius: 6px;
}

.nav>li:first-child>a:hover {
	color: #E91E63 !important;
	background: none;
	border-bottom: 4px solid #E91E63 !important;
}

.nav li {
	position: relative;
}

.nav>li {
	float: left;
	margin-right: 1px;
}

.nav>li>a {
	margin-bottom: 1px;
}

.nav li.admission {
	background: #f3c326;
	border-radius: 7px;
	color: #fff;
	margin-right: 5px;
	font-family: Roboto !important;
	font-weight: normal !important;
	line-height: 25px;
	height: 35px;
}

.nav li.admission a {
	font-weight: normal;
}

.nav li.admission a:hover,
.nav li.cc a:hover {
	color: #f97352 !important;
}

.nav li.cc {
	background: #0e254f;
	top: 3px;
	font-weight: 600;
	border-radius: 5px !important;
	line-height: 10px;
}

.nav li.cc a {
	color: #f3c326 !important;
	font-family: Roboto;
	margin-top: 0px;
}

.nav li.ccy {
	background: #f3c326;
	top: 3px;
	font-weight: 600;
	border-radius: 5px !important;
	line-height: 10px;
}

.nav li.ccy a {
	color: #0e254f !important;
	font-family: Roboto;
	margin-top: 0px;
}


.ccbutton {
	background: #0e254f;
	top: 3px;
	font-weight: 600;
	border-radius: 5px !important;
	line-height: 10px;
	padding: 10px;
	display: inline-block;
	/* Prevents overlap */
	margin-top: 10px;
}

.ccbutton a {
	color: #f3c326 !important;
	font-family: Roboto;

}


nav ul li {
	margin-left: 0px !important;
}

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

.nav>li:hover,
.nav>li:hover>a {
	border-bottom-color: orange;
}

.nav li:hover>a {
	color: orange;
}

.nav>li:first-child {
	border-radius: 4px 0 0 4px;
}

.nav>li:first-child>a {
	border-radius: 4px 0 0 0;
}

.nav>li:last-child {
	border-radius: 0 0 4px 0;
	margin-right: 0;
}

.nav>li:last-child>a {
	border-radius: 0 4px 0 0;
}

.nav li li a {
	margin-top: 1px;
}

.nav li a:first-child:nth-last-child(2):before {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	top: 50%;
	right: 5px;
}


/* submenu positioning*/

.nav ul {
	position: absolute;
	white-space: nowrap;
	border-bottom: 5px solid orange;
	z-index: 1;
	left: -99999em;
}

.nav>li:hover>ul {
	left: auto;
	margin-top: 5px;
	min-width: 100%;
}

.nav>li li:hover>ul {
	left: 100%;
	margin-left: 1px;
	top: -1px;
}


/* arrow hover styling */

.nav>li>a:first-child:nth-last-child(2):before {
	border-top-color: #aaa;
}

.nav>li:hover>a:first-child:nth-last-child(2):before {
	border: 5px solid transparent;
	border-bottom-color: orange;
	margin-top: -5px
}

.nav li li>a:first-child:nth-last-child(2):before {
	border-left-color: #aaa;
	margin-top: -5px
}

.nav li li:hover>a:first-child:nth-last-child(2):before {
	border: 5px solid transparent;
	border-right-color: orange;
	right: 10px;
}


/* Shreeni End */

nav ul.children.full-menu-bg {
	Background-image: url(../images/menubg-2.jpg);
	background-repeat: no-repeat;
	width: 1210px;
	margin-left: -125px;
}

.inner-header nav ul.children.full-menu-bg {
	width: 1264px;
	margin-left: -470px;
}

.inner-header nav ul.children {
	top: 53px;
}

.inner-header .nav>li>a {
	padding: 10px 11.8px !important;
}

.inner-header .cc-code {
	background: #0e254f;
	top: 3px;
	font-weight: 600;
	border-radius: 5px !important;
	line-height: 10px;
	float: right;
	color: #f3c326 !important;
	font-family: Roboto;
	margin-top: 3px;
	margin-right: 16px;
	padding: 10px;
}

.inner-header .cc-code a {
	color: #f3c326 !important;
	font-family: Roboto;
	margin-top: 0px;
}

.inner-header .cc-codey {
	background: #f3c326;
	top: 3px;
	font-weight: 600;
	border-radius: 5px !important;
	line-height: 10px;
	float: right;
	color: #0e254f !important;
	font-family: Roboto;
	margin-top: 3px;
	margin-right: 16px;
	padding: 10px;
}

.inner-header .cc-codey a {
	color: #0e254f !important;
	font-family: Roboto;
	margin-top: 0px;
}

.pt-0 {
	padding-top: 0px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.py-20 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

body {
	font-family: Roboto !important;
}

.blink-bg {
	color: #fff;
	padding: 10px;
	display: inline-block;
	border-radius: 5px;
	animation: blinkingBackground 2s infinite;
	background-color: #0e254f;
	-webkit-border-radius: 10px;
	border-radius: 30px;
	border: none;
	color: #FFFFFF;
	display: inline-block;
	font-family: Roboto;
	font-size: 15px;
	padding: 4px 20px 5px 20px;
	text-align: center;
	text-decoration: none;
	-webkit-animation: glowing 1500ms infinite;
	-moz-animation: glowing 1500ms infinite;
	-o-animation: glowing 1500ms infinite;
	animation: glowing 1500ms infinite;
	margin-right: 10px;
}

@keyframes blinkingBackground {
	0% {
		background-color: #10c018;
	}

	25% {
		background-color: #1056c0;
	}

	50% {
		background-color: #ef0a1a;
	}

	75% {
		background-color: #254878;
	}

	100% {
		background-color: #04a1d5;
	}
}

@-webkit-keyframes glowing {
	0% {
		background-color: #0e254f;
	}

	50% {
		background-color: #0188a9;
	}

	100% {
		background-color: #0e254f;
	}
}

@-moz-keyframes glowing {
	0% {
		background-color: #0e254f;
	}

	50% {
		background-color: #0188a9;
	}

	100% {
		background-color: #0e254f;
	}
}

@-o-keyframes glowing {
	0% {
		background-color: #0e254f;
	}

	50% {
		background-color: #0188a9;
	}

	100% {
		background-color: #0e254f;
	}
}

@keyframes glowing {
	0% {
		background-color: #0e254f;
	}

	50% {
		background-color: #0188a9;
	}

	100% {
		background-color: #0e254f;
	}
}

.gg {
	/* background: url(../images/header_bg_2.png);
    background-repeat: no-repeat;
    z-index: 99999;
    margin-top: 35px; */
}

.univ .padding-value {
	padding: 0px 5px !important;
}

.univ .univ-logo img {
	background-color: #fff;
	border-radius: 10px;
	padding: 5px;
}

.benefit-tile img {
	height: 142px;
	object-fit: contain;
}

.benefits-caption {
	padding: 15px;
}

.para p {
	color: #2e2e2e;
	font-family: Roboto;
	text-align: center;
	font-size: 17px;
	margin-top: 0px;
	margin-bottom: 20px;
}


.fixed-bg .carousel-control,
.fixed-bg .carousel-indicators,
.inv-bg .carousel-control,
.inv-bg .carousel-indicators {
	display: block !important;
	bottom: -50px !important;
}

.fixed-bg .carousel-indicators li,
.inv-bg .carousel-indicators li {
	background: #2e2e2e !important;
	border: 1px solid #2e2e2e !important;
}

.logo1 {
	margin-top: 0px;
}

a.mobile-number {
	font-family: Roboto;
	font-size: 16px;
	color: #000 !important;
	margin-left: 1px;
	font-weight: 500;
	padding-top: 8px !important;
}

a.mobile-number i {
	color: #000 !important;
}

a.mobile-number:hover {
	text-decoration: none;
}

.icon-black i {
	color: #000 !important;
	padding-right: 5px;
}

.social-icons {
	float: right;
	padding-top: 3px;
}

.social-icons i {
	background-color: #ffffff;
	/**color:#f3c326 !important;**/
	margin-left: 5px;
	padding: 7px;
	font-size: 15px;
	border-radius: 15px;
	line-height: 10px;
}

.social-icons p {
	margin-bottom: 0px;
}

.fa-facebook {
	color: #3b5998 !important;
}

.fa-linkedin {
	color: #2867B2 !important;
}

.fa-instagram {
	color: #8a3ab9 !important;
}

.fa-youtube {
	color: #FF0000 !important;
}

.count-title {
	font-size: 30px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 25px;
	position: relative;
	text-align: center !important;
	color: #fff;
	font-family: Roboto;
	font-weight: 600;
}

.count-text {
	font-size: 13px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
}

.fa-2x {
	margin: 0 auto;
	float: none;
	display: table;
	color: #4ad1e5;
}

.carousel {
	position: relative;
	width: 100%;
	display: inline-block;
}

.sec {
	background: #0e254f;
	padding: 25px 25px 60px !important;
	height: 350px;
}

.sec p {
	color: #fff;
	margin-bottom: 0px;
	text-align: center;
}

.test-bg .box {
	background-color: #fff;
	box-shadow: 2px 2px 9px 2px #dddddd;
	text-align: center;
	padding: 0 12px 20px !important
}

.test-bg .box img {
	margin: 10px auto;
	border-radius: 100%;
	vertical-align: middle;
	margin-top: -50px;
	width: 95px;
	height: 95px;
}

.test-bg .box h4 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 8px 0 6px 0;
	color: #444444;
	font-weight: 700;
	font-family: Roboto;
}

.test-bg.box p {
	color: #777777;
	font-size: 16px !important;
	font-family: Roboto;
	font-style: inherit !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.full_news marquee li a {
	color: #333333 !important;
}

.head h4 {
	font-family: Roboto;
	line-height: 20px;
	letter-spacing: 0px;
	font-weight: 700;
	font-size: 32px;
	border-color: rgb(243, 195, 38);
	border-style: none;
	margin: 0px;
	border-radius: 0px;
	padding: 0px;
	text-shadow: 0px 2px #000;
	color: #f3c326;
	font-style: italic;
	position: absolute;
	right: 50px;
	top: 100%;
}


/*
.slider-bg .carousel-control, .carousel-indicators {
    display:none !important;
}
*/

.slider-bg .col-md-6 {
	padding-left: 0px !important;
}

.mg-top {
	margin-top: 20px;
}

.dl-menuwrapper {
	display: none;
}

* {
	margin: 0;
	padding: 0;
}

header {
	width: 100%;
}

.header-bg {
	background-color: rgba(25, 0, 0, 0.4) !important;
	background: #00000080;
	width: 100%;
	z-index: 300;
	border: 0;
}

.admission_block {
	z-index: 90 !important;
}

.kode-topbar {
	background-color: #f3c326;
	font-size: 13px;
	position: relative;
	width: 100%;
}

.kode-topbar a,
.kode-topbar p,
.kode-topbar i,
.kode-topbar span {
	color: #ffffff;
}

.kode-barinfo {
	float: left;
	height: 30px;
	overflow: hidden;
	padding: 5px 16px;
}

.kode_bg_white .bx-wrapper .bx-viewport {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.kode_bg_white strong {
	color: #fff;
}

.kode-userinfo {
	float: right;
}

.kode-userinfo li {
	border-left: 1px solid rgba(255, 255, 255, 0.4);
	display: inline-block;
	list-style: outside none none;
	padding: 6px 11px 5px 15px;
	position: relative;
}

.kode-userinfo li i {
	margin-right: 4px;
}

.kode-header-absolute {
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 999;
}

.kd-headbar {
	background-color: #333333;
	border-bottom: 3px solid;
	float: left;
	width: 100%;
}

.logo {
	float: left;
	margin: 25px 0 25px 25px;
	width: 100%;
}

.kd-headbar .logo {
	transition: all 0.3s ease-in-out 0s;
}

.kf_sticky .kd-headbar .logo {
	margin: 10px 0 10px 10px;
}

.kf_sticky .navbar-nav>li>a {
	padding: 27px 14px;
}

.kf_sticky .kode-search {
	margin: 21px -14px 0 0;
}

.kode-rightsection {
	float: right;
}

.navbar-default {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	display: none;
	float: left;
	margin: 0;
}

.navbar-default .navbar-nav li {
	list-style: outside none none;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #eb1a1a;
}

.navbar-nav>li:first-child>a {
	padding-left: 0;
}

.navbar-nav>li>a {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding: 42px 14px;
	position: relative;

}

.navbar-nav>li>a::before {
	border-radius: 40px 40px 0 0;
	bottom: 0;
	color: #ffffff;
	content: "";
	font-family: FontAwesome;
	font-size: 9px;
	height: 9px;
	left: 50%;
	line-height: 9px;
	margin: 0 0 -8px -12px;
	padding: 0 0 0 5px;
	position: absolute;
	width: 18px;
	z-index: 4;
}

.navbar-nav>li>a::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #eb1a1a #eb1a1a -moz-use-text-color;
	border-image: none;
	border-radius: 40px 40px 0 0;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	bottom: 1px;
	content: "";
	height: 12px;
	left: 50%;
	margin: 0 0 -8px -15px;
	position: absolute;
	width: 24px;
	z-index: 0;
}

.navbar-nav>li>a::before,
.navbar-nav>li>a::after {
	opacity: 0;
}

.navbar-nav>li:hover>a::before,
.navbar-nav>li:hover>a::after {
	margin-bottom: 0;
	opacity: 1;
}

.navbar-nav .children {
	background-color: #333333;
	border-top: 1px solid;
	left: 0;
	margin: 0 0 0 -50px;
	opacity: 0;
	position: absolute;
	top: 100%;
	transform: translateX(30px);
	transition: all 0.4s ease-in-out 0s;
	visibility: hidden;
	z-index: 999;
}

.navbar-nav>li:hover>.children,
.navbar-nav .children>li:hover>.children {
	opacity: 1;
	transform: translateX(0px);
	visibility: visible;
}

.navbar-nav .children li {
	float: left;
	position: relative;
	width: 100%;
}

.navbar-nav .children li a {
	border-bottom: 1px solid #3e3e3e;
	color: #ffffff;
	float: left;
	font-size: 12px;
	padding: 7px 15px;

	width: 195px;
}

.navbar-nav .children li a::before {
	content: "";
	display: inline-block;
	font-family: FontAwesome;
	padding: 0 14px 0 0;
}

.navbar-nav .children .children {
	left: 100%;
	margin: 0;
	top: 0;
}

.navbar-nav .children>li:hover>a,
.children>li:hover>a::before {
	color: #ffffff;
}

.kode-header-two .kode-search::before,
.kode-header-two .kode-search::after {
	display: none;
}

.kode-header-three .kd-headbar {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
}

.kode-header-three .navbar-nav>li>a::after {
	display: none;
}

.kode-header-three .navbar-nav>li>a::before {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: 2px solid #000;
	bottom: 30px;
	content: "";
	left: 0;
	margin: 0;
	width: 100%;
}

.kode-cart {
	float: right;
	padding: 29px 0 0;
}

.kode-cart a {
	color: #ffffff;
	text-transform: uppercase;
}

.kode-cart a i {
	border-radius: 100%;
	color: #000;
	height: 42px;
	margin-right: 12px;
	padding: 13px 0 0;
	text-align: center;
	width: 42px;
}

.modal-dialog {
	width: 400px;
}

.modal-content {
	border-radius: 0;
}

.modal-body {
	display: inline-block;
	padding: 15px 22px 4px;
	width: 100%;
}

.modal-header h4 {
	color: #ffffff;
	text-transform: uppercase;
}

.kode-loginform {
	display: inline-block;
	width: 100%;
}

.kode-loginform p {
	display: inline-block;
	width: 100%;
}

.kode-loginform p>span {
	color: #333333;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}

.kode-loginform p input[type="text"],
.kode-loginform p input[type="password"] {
	border: 1px solid #e2e2e2;
	float: left;
	height: 42px;
	width: 100%;
}

.kode-loginform p label {
	float: left;
	margin: 0;
}

.kode-loginform p input[type="checkbox"] {
	float: left;
	margin: 7px 10px 0 0;
}

.kode-loginform p label span,
.kode-loginform p a {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.kode-loginform p a {
	float: left;
	margin: 14px 0 0;
}

.kode-loginform p.kode-submit {
	border-top: 1px solid #dfdfdf;
	padding: 18px 0 0;
}

.kode-loginform p input[type="submit"] {
	border: 7px solid;
	box-shadow: 0 0 0 1px #000 inset;
	color: #000;
	float: right;
	font-weight: bold;
	padding: 5px 30px;
	text-transform: uppercase;
}

.close {
	opacity: 0.4;
}

.kode-search {
	float: right;
	margin: 36px -14px 0 0;
	position: relative;
	width: 160px;
}

.kode-search::before {
	border-bottom: 14px solid #000;
	border-right: 14px solid transparent;
	content: "";
	position: absolute;
	right: 0;
	top: -14px;
}

.kode-search::after {
	border-right: 14px solid transparent;
	border-top: 14px solid #000;
	bottom: -14px;
	content: "";
	position: absolute;
	right: 0;
}

.kode-search input[type="text"] {
	border: medium none;
	box-shadow: none;
	color: #ffffff;
	float: left;
	font-size: 12px;
	height: 29px;
	padding: 6px 15px;
	text-transform: uppercase;
	width: 100%;
}

#mainbanner {
	float: left;
	width: 100%;
}

#mainbanner .flex-direction-nav {
	display: none;
}

#mainbanner .container {
	position: relative;
}

.flexslider .slides .kode-caption img {
	display: inline-block;
	margin-bottom: 16px;
	width: auto;
}

.kode-caption {
	bottom: 130px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
	z-index: 999;
}

.kode-caption h2 {
	background-color: #f00;
	box-shadow: 0 30px 20px 0 rgba(0, 0, 0, 0.5);
	color: #fff;
	display: inline-block;
	font-size: 50px;
	margin-bottom: 40px;
	padding: 10px 30px;
	position: relative;
	text-transform: uppercase;
}

.kode-caption p {
	font-size: 20px;
	line-height: normal;
}

.kode-caption h2::before {
	border-bottom: 95px solid #f00;
	border-left: 50px solid transparent;
	content: "";
	left: -50px;
	position: absolute;
	top: 0;
}

.kode-caption h2::after {
	border-bottom: 95px solid #f00;
	border-right: 50px solid transparent;
	content: "";
	position: absolute;
	right: -50px;
	top: 0;
}

.kode-caption p {
	color: #ffffff;
	display: inline-block;
	margin-bottom: 25px;
	width: 70%;
	background-color: #0071bd;
	padding: 10px;
}

.kode-modren-btn {
	border: 3px solid #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	padding: 6px 35px;
	text-transform: uppercase;
}

.kode-modren-btn:hover {
	opacity: 0.7;
}

.kode-content .kode-pagesection.kode-parallax {
	background-attachment: fixed !important;
}

.kode-dark-overlay {
	position: relative;
}

.kode-dark-overlay::before {
	background: #000 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}

.kode-content {
	float: left;
	padding: 60px 0 0;
	width: 100%;
}

.kode-call-action {
	float: left;
	text-align: right;
	width: 100%;
}

.kode-call-action .kode-simplebtn {
	float: right;
}

.kode-simplebtn {
	border: 1px solid #fff;
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	margin: 10px 0 0;
	padding: 12px 40px;
	position: relative;
}

.kode-simplebtn::before {
	background-color: rgba(0, 0, 0, 0.1);
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.kode-simplebtn:hover::before {
	height: 100%;
}

.kode-simplebtn~.kode-action-info {
	padding: 0 220px 0 0;
}

.kode-action-info h2 {
	text-transform: uppercase;
}

.kode-action-info h2,
.kode-action-info span {
	color: #ffffff;
}

.kode-action-info span {
	font-size: 16px;
	text-transform: uppercase;
}

.kode-section-title {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

.kode-widget-title {
	float: left;
	margin-bottom: 18px;
	width: 100%;
}

.kode-section-title h2,
.kode-widget-title h2 {
	border-bottom: 1px solid;
	display: inline-block;
	padding: 0 0 7px;
	text-transform: uppercase;
}

.widget-recent-news ul li:hover time {
	color: #ffffff;
}

.kode-section-title.kode-white h2 {
	border-bottom-color: #fff !important;
	color: #ffffff !important;
}

.kode-white.heading-12 p,
.kode-white.heading-12 h2 {
	color: #fff !important;
}

.shape-view .kode-section-title {
	margin-bottom: 90px;
}

.kode-result-list article {
	background-color: #333;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	float: left;
	margin-bottom: 30px;
	min-height: 191px;
	padding: 25px 20px;
	position: relative;
	width: 100%;
}

.kode-result-list article::before {
	border-left: 237px solid transparent;
	border-top: 237px solid #eb1a1a;
	content: "";
	position: absolute;
	right: 0;
	top: -46px;
}

.kode-result-list article::after {
	background-color: #333;
	border-radius: 100%;
	content: "";
	height: 130px;
	position: absolute;
	right: 31px;
	top: 24px;
	width: 130px;
}

.kode-result-info h2 {
	border-bottom: 1px solid #9d9d9d;
	display: inline-block;
	padding: 0 0 12px;
	text-transform: uppercase;
	width: 100%;
}

.kode-result-info h2 a {
	color: #ffffff;
	display: inline-block;
}

.kode-result-info h2 span {
	color: #ffffff;
	float: right;
}

.kode-result-info ul li {
	color: #ffffff;
	float: left;
	list-style: outside none none;
	width: 100%;
}

.kode-result-info ul li span {
	float: right;
}

.kode-result-thumb~.kode-result-info {
	padding: 0 200px 0 0;
}

.kode-result-thumb {
	float: right;
	padding: 10px 20px 0 0;
	position: relative;
	z-index: 9;
}

.kode-result-count {
	color: #333333;
	font-size: 45px;
	font-weight: bold;
	height: 75px;
	padding: 5px 0 0;
	position: absolute;
	right: 20px;
	text-align: center;
	top: -70px;
	width: 75px;
}

.kode-result-count::before {
	border-bottom: 24px solid #c9b005;
	border-left: 7px solid transparent;
	content: "";
	left: -7px;
	position: absolute;
	top: 0;
}

.kode-result-list article.kode-even::before {
	left: 0;
	right: auto;
	transform: scaleX(-1);
}

.kode-result-list article.kode-even .kode-result-thumb~.kode-result-info {
	padding: 0 0 0 200px;
}

.kode-result-list article.kode-even .kode-result-thumb {
	float: left;
	padding: 1px 0 0 21px;
}

.kode-result-list article.kode-even::after {
	left: 31px;
	right: auto;
}

.kode-result-list article.kode-even .kode-result-count {
	left: 20px;
	right: auto;
}

.kode-result-count::before {
	left: auto;
	right: -7px;
	transform: scaleX(-1);
}

.kode-shop-list ul li {
	list-style: outside none none;
}

.kode-pro-inner {
	border: 1px solid #868686;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	float: left;
	margin-bottom: 30px;
	padding: 5px;
	width: 100%;
}

.kode-shop-list figure,
.kode-shop-list figure a,
.kode-shop-list figure img {
	float: left;
	margin: 0;
	width: 100%;
}

.kode-shop-list figure figcaption {
	background-color: #ffffff;
	float: left;
	padding: 16px;
	width: 100%;
}

.kode-shop-list figure figcaption h4 {
	text-transform: uppercase;
}

.kode-pro-info {
	background-color: #373737;
	float: left;
	padding: 10px 16px 8px;
	width: 100%;
}

.add_to_cart {
	color: #ffffff;
	display: inline-block;
	text-transform: uppercase;
}

.add_to_cart i {
	margin-right: 8px;
}

.kode-pro-info span {
	color: #ffffff;
	float: right;
	font-weight: bold;
}

.kode-pro-inner:hover .kode-pro-info a,
.kode-pro-inner:hover .kode-pro-info span {
	color: #000;
}

.kode-team-list>ul>li {
	list-style: outside none none;
	margin-bottom: 30px;
}

.kode-team-list figure {
	margin-bottom: 20px;
}

.kode-team-list figure,
.kode-team-list figure img {
	background-color: #ffffff;
	float: left;
	width: 100%;
}

.kode-team-thumb {
	border: 1px solid #d8d8d8;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	float: left;
	width: 248px;
}

.kode-team-list figure figcaption {
	bottom: 0;
	position: absolute;
	right: 0;
	z-index: 10;
}

.kode-team-list figure figcaption::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 116px;
}

.kode-team-network {
	float: right;
	margin-bottom: 15px;
}

.kode-team-network li {
	display: inline-block;
	list-style: outside none none;
	margin-left: 3px;
}

.kode-team-network li a {
	border: 1px solid #e6e6e6;
	color: #999999;
	display: inline-block;
	height: 26px;
	padding: 5px 0 0;
	text-align: center;
	width: 26px;
}

.kode-team-list figure figcaption h2 {
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	display: block;
	margin-bottom: 15px;
	text-align: right;
	text-transform: uppercase;
}

.kode-team-list figure figcaption h2 a {
	background-color: #333;
	border: 4px solid #333;
	box-shadow: 0 0 0 1px #fff inset;
	color: #ffffff;
	display: inline-block;
	padding: 14px 42px 15px;
}

.kode-team-list .kode-modren-btn {
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	float: right;
	font-size: 14px;
	padding: 5px 18px;
}

.kode-team-network li a:hover {
	color: #ffffff;
}

.kode-blog-player {
	height: 601px;
}

.kode-blog-player .mejs-controls {
	display: none;
}

.kode-blog-player .mejs-container {
	height: 100% !important;
}

.kode-medium-blog {
	background-color: #333;
	border-left: 2px solid;
	float: left;
	padding: 35px;
	width: 100%;
}

.kode-medium-blog h2 {
	color: #ffffff;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.kode-medium-blog>ul>li {
	border-bottom: 1px solid #484848;
	float: left;
	list-style: outside none none;
	margin: 0 0 20px;
	padding: 0 0 5px;
	width: 100%;
}

.kode-medium-blog>ul>li:last-child {
	margin: 0;
}

.medium-info {
	float: left;
	margin-bottom: 14px;
	width: 100%;
}

.medium-info time {
	background-color: #ffffff;
	border: 4px solid #fff;
	box-shadow: 0 0 0 1px #9f9f9f inset;
	color: #333333;
	float: left;
	font-size: 27px;
	font-weight: bold;
	height: 63px;
	padding: 12px 0 0;
	text-align: center;
	width: 80px;
}

.medium-info time~.medium-title {
	padding: 0 0 0 100px;
}

.medium-title h5 a {
	color: #ffffff;
	text-transform: uppercase;
}

.kode-blog-options {
	margin: 0;
}

.kode-blog-options li {
	display: inline-block;
	list-style: outside none none;
	margin-right: 20px;
}

.kode-blog-options li i {
	margin-right: 6px;
}

.kode-medium-blog .kode-blog-options li a,
.kode-medium-blog .kode-blog-options li,
.kode-medium-blog p {
	color: #ffffff;
}

.kode-services,
.service-info {
	float: left;
	width: 100%;
}

.kode-services ul li {
	list-style: outside none none;
	padding: 0;
}

.service-info {
	background-color: #505050;
	padding: 55px 10px;
	text-align: center;
}

.service-info i {
	color: #ffffff;
	margin-bottom: 15px;
}

.service-info h2 {
	color: #ffffff;
	text-transform: uppercase;
}

.kode-fixer-counter {
	float: left;
	text-align: center;
	width: 100%;
}

.kode-fixer-title {
	font-size: 48px;
	text-transform: uppercase;
}

.kode-fixer-counter h2 {
	font-weight: lighter;
	text-transform: uppercase;
}

.is-countdown {
	display: inline-block;
	margin: 50px 0 0;
}

.countdown-amount {
	background: #333333 none repeat scroll 0 0;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	color: #fff;
	display: block;
	font-size: 55px;
	font-weight: bold;
	height: 97px;
	margin-bottom: 15px;
	padding: 9px 0 0;
	position: relative;
	text-align: center;
	width: 97px;
}

.countdown-amount::before {
	border-right: 100px solid transparent;
	border-top: 116px solid red;
	content: "";
	left: 0;
	position: absolute;
	top: -20px;
	z-index: 0;
}

.countdown-amount small {
	position: relative;
}

.countdown-section {
	display: inline-block;
	margin-bottom: 30px;
	margin-left: 80px;
}

.countdown-period {
	color: #505050;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

.kode-team-match {
	float: left;
	text-align: center;
	width: 100%;
}

.kode-team-match ul {
	display: inline-block;
	margin-bottom: 35px;
}

.kode-team-match ul li {
	float: left;
	list-style: outside none none;
	margin-left: 100px;
}

.kode-team-match ul li.home-kode-vs {
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	margin-top: 32px;
}

.kode-team-match ul li:first-child,
.countdown-section:first-child {
	margin-left: 0;
}

.kode-team-match ul li .kode-modren-btn {
	font-size: 42px;
	padding: 15px 12px;
}

.kode-subtitle {
	display: inline-block;
	font-size: 18px;
	width: 50%;
}

.kode-table {
	border-bottom: 3px solid;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
}

.kode-table tr:hover {
	background: #666 none repeat scroll 0 0 !important;
}

.kode-table thead th {
	border: medium none;
	color: #ffffff;
	font-size: 16px;
	padding: 4px 10px;
	text-align: center;
	text-transform: uppercase;
}

.kode-table thead th:first-child {
	text-align: left;
}

.kode-table tbody tr {
	background-color: #333333;
}

.kode-table tbody tr:nth-child(2n) {
	background-color: #404040;
}

.kode-table tbody tr:nth-child(2n) td {
	border: medium none;
}

.kode-table tbody tr td {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color #484848 -moz-use-text-color -moz-use-text-color;
	border-image: none;
	border-style: none solid none none;
	border-width: medium 1px medium medium;
	color: #ffffff;
	padding: 3px 25px;
	vertical-align: middle;
}

.kode-table span {
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	width: 33%;
}

.kode-table-v2.kode-table tbody tr:nth-child(2n) {
	background-color: #333333;
}

.kode-table-v2.kode-table tbody tr td {
	border: medium none;
}

.kode-table-v2.kode-table tbody tr td:first-child {
	padding: 4px 0 3px 15px;
	text-align: left;
}

.kode-table-v2.kode-table tbody tr td {
	padding: 3px 15px;
	text-align: center;
}

.kode-blog-list ul li {
	list-style: outside none none;
}

.kode-large-blog>ul>li,
.kode-grid-blog>ul>li,
.kode-fullwidth-blog>ul>li {
	margin-bottom: 45px;
}

.kode-time-zoon {
	background-color: #f4f4f4;
	float: left;
	padding: 18px;
	position: relative;
	width: 100%;
}

.kode-time-zoon::before {
	background-color: #f4f4f4;
	content: "";
	height: 2px;
	left: 20%;
	position: absolute;
	top: -2px;
	width: 264px;
}

.kode-large-blog ul li:hover .kode-time-zoon time {
	color: #ffffff;
}

.kode-blog-list ul li:hover img {
	opacity: 0.6;
}

.kode-time-zoon time {
	background-color: #2f2f2f;
	color: #ffffff;
	float: left;
	font-size: 32px;
	margin-right: 18px;
	padding: 10px 0 6px;
	text-align: center;
	text-transform: uppercase;
	width: 79px;
}

.kode-time-zoon time span {
	display: block;
	font-size: 18px;
	margin-top: 6px;
}

.kode-time-zoon h5 {
	padding: 14px 0 0;
	text-transform: uppercase;
}

.kode-blog-list figure,
.kode-blog-list figure img {
	float: left;
	margin: 0;
	width: 100%;
}

.kode-blog-info {
	background-color: #f4f4f4;
	float: left;
	padding: 20px 20px 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.kode-blog-info::before {
	background-color: #f4f4f4;
	bottom: -14px;
	content: "";
	height: 14px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 42%;
}

.kode-blog-info .kode-team-network {
	display: inline-block;
	float: none;
	margin: 18px 0 0;
}

.kode-blog-btn {
	text-transform: uppercase;
}

.kode-align-btn {
	float: left;
	text-align: center;
	width: 100%;
}

.kode-grid-blog .kode-blog-options li {
	margin-bottom: 12px;
}

.kode-grid-blog .kode-blog-options li a {
	color: #505050;
}

.kode-grid-blog .kode-blog-info,
.kode-grid-blog .kode-blog-info::before {
	background-color: #eaeaea;
}

.kode-grid-blog .kode-team-network li a {
	background-color: #ffffff;
}

.kode-grid-blog .kode-blog-info::before {
	border-bottom: 1px solid;
}

.kode-modrenbtn {
	background-color: #2a2a2a;
	border: 4px solid #2a2a2a;
	box-shadow: 0 0 0 1px #ffffff inset;
	color: #ffffff;
	display: inline-block;
	margin: 9px 0 4px;
	padding: 5px 25px;
	text-transform: uppercase;
}

.kode-fullwidth-blog>ul>li:last-child {
	margin-bottom: 0;
}

.kode-fullwidth-blog .kode-blog-info {
	background-color: #ffffff;
	border-bottom: 1px solid #d1d1d1;
	padding: 15px 0 30px;
	text-align: left;
}

.kode-fullwidth-blog .kode-blog-info::before {
	display: none;
}

.kode-fullwidth-blog .kode-blog-options {
	float: left;
	padding: 4px 0 0;
}

.kode-fullwidth-blog .kode-team-network {
	float: right;
	margin: 3px 0 0;
}

.kode-fullwidth-blog p {
	float: left;
	padding: 0px 0 0;
}

.kode-fullwidth-blog .kode-modrenbtn {
	float: left;
}

.kode-fullwidth-blog .kode-time-zoon::before {
	background-color: #a5a5a5;
	left: 50%;
	margin: 0 0 0 -100px;
}

.pagination {
	float: left;
	text-align: center;
	width: 100%;
}

.pagination a,
.pagination span {
	border: 1px solid #d7d7d7;
	color: #999999;
	display: inline-block;
	height: 32px;
	margin-right: 6px;
	padding: 5px 0 0;
	width: 32px;
}

.pagination a:hover,
.pagination span {
	color: #ffffff;
}

.kode-editor {
	float: left;
	width: 100%;
}

.kode-editor p {
	margin: 10px 0;
}

blockquote {
	background-color: #f1f1f1;
	border-left: 3px solid;
	color: #666666;
	float: left;
	font-size: 15px;
	font-style: italic;
	margin: 15px 0;
	padding: 20px;
	width: 100%;
}

.kode-related-blog ul li {
	list-style: outside none none;
	margin-bottom: 30px;
}

.related-thumb {
	border-bottom: 3px solid;
}

.kode-related-blog,
.related-thumb,
.kode-related-blog ul li img,
.related-text {
	float: left;
	width: 100%;
}

.kode-related-blog ul li:hover img {
	opacity: 0.6;
}

.related-text {
	padding: 10px 0 0;
	text-align: center;
}

.related-text h6 a {
	color: #666666;
	text-transform: uppercase;
}

.kode-postsection {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #ebebeb -moz-use-text-color;
	border-image: none;
	border-style: solid none;
	border-width: 1px medium;
	float: left;
	margin-bottom: 30px;
	padding: 25px 0;
	width: 100%;
}

.kode-postsection h6 {
	margin: 0;
	text-transform: uppercase;
}

.kode-postsection h6 a {
	color: #666666;
}

.kode-postsection h6 i {
	font-size: 34px;
}

.kode-prev {
	float: left;
}

.kode-prev i {
	float: left;
	margin: -5px 25px 0 0;
}

.kode-next {
	float: right;
}

.kode-next i {
	float: right;
	margin: -5px 0 0 25px;
}

.kode-admin-post {
	background-color: #333333;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	float: left;
	margin: 36px 0 30px;
	padding: 24px 75px;
	position: relative;
	width: 100%;
}

.kode-admin-post::before {
	border-right: 230px solid transparent;
	border-top: 197px solid #eb1a1a;
	content: "";
	left: 0;
	position: absolute;
	top: -36px;
}

.kode-admin-post figure {
	border: 5px solid #333333;
	float: left;
	margin: 0;
	width: 110px;
}

.kode-admin-post figure~.admin-info {
	padding: 0 0 0 135px;
}

.admin-info p {
	color: #ffffff;
}

.admin-info h5 {
	margin-bottom: 0;
	text-transform: uppercase;
}

.admin-info h5 span {
	font-size: 14px;
	margin-left: 9px;
}

#kodecomments {
	float: left;
	width: 100%;
}

#kodecomments ul ul {
	margin: 0;
}

#kodecomments ul li {
	float: left;
	list-style: outside none none;
	width: 100%;
}

#kodecomments>ul>li {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 25px;
	padding-bottom: 12px;
}

#kodecomments ul li figure {
	background-color: #f1f1f1;
	border: 1px solid #d4d4d4;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	float: left;
	padding: 5px;
}

#kodecomments ul li figure img {
	border: 1px solid #d4d4d4;
}

#kodecomments ul li figure~.text {
	float: none;
	padding: 0 0 0 110px;
	width: auto;
}

#kodecomments ul li .text h6 {
	margin: 0;
}

#kodecomments ul li .text a {
	float: left;
}

#kodecomments ul li .text .replay-btn {
	display: inline-block;
	float: none;
	margin: 0 0 0 10px;
}

#kodecomments ul li .text time {
	color: #b5b5b5;
	font-size: 12px;
	margin-left: 8px;
	text-transform: uppercase;
}

#kodecomments ul li .text p {
	margin-top: 8px;
}

#kodecomments ul li .text time i {
	margin-right: 7px;
}

#kodecomments .children li {
	margin-bottom: 0;
}

#kodecomments .children>li {
	padding: 0 0 0 150px;
}

#kodecomments ul ul.children li {
	border-top: 1px solid #ebebeb;
	margin-top: 25px;
	padding-top: 25px;
}

#koderespond,
#koderespond form,
#koderespond form p.kd-textarea,
#koderespond form p textarea {
	float: left;
	width: 100%;
}

#koderespond h2 {
	margin: 0 0 15px;
	text-transform: uppercase;
}

#koderespond form p {
	float: left;
	margin: 0;
	padding: 0 25px 25px 0;
	width: 33.333%;
}

#koderespond form p:nth-child(3n),
#koderespond form p.kd-textarea {
	padding-right: 0;
}

#koderespond form input[type="text"] {
	border: 1px solid #dcdcdc;
	color: #666666;
	float: left;
	height: 40px;
	padding: 9px;
	width: 100%;
}

#koderespond form input[type="text"]:focus,
#koderespond form p textarea:focus {
	background-color: #f4f4f4;
}

#koderespond form p textarea {
	border: 1px solid #dcdcdc;
	color: #666666;
	height: 170px;
	padding: 9px;
}

#koderespond form p input[type="button"],
#koderespond form p input[type="submit"] {
	border: 6px solid;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset;
	color: #ffffff;
	float: left;
	padding: 8px 25px;
	text-transform: uppercase;
}

#koderespond form p.kd-button {
	width: 100%;
}

.kode-testimonial {
	margin: 30px 0 0;
}

.kode-testimonial figure,
.kode-testimonial figure img,
.kode-testimonial {
	float: left;
	width: 100%;
}

.kode-testimonial figure {
	background-color: #333537;
	padding: 16px 80px;
}

.kode-testimonial ul li {
	list-style: outside none none;
	margin-bottom: 55px;
}

.kode-testimonial ul li .thcolor {
	color: #fff;
}

.kode-testimonial figure::before {
	border-right: 270px solid transparent;
	border-top: 194px solid #eb1a1a;
	content: "";
	left: 0;
	position: absolute;
	top: -35px;
	z-index: 0;
}

.kode-testimnl-thumb {
	border: 4px solid #333537;
	float: left;
	position: relative;
	width: 137px;
}

.kode-testimnl-thumb~figcaption {
	padding: 11px 0 0 162px;
}

.kode-testimonial figure figcaption p {
	color: #ffffff;
}

.kode-partner ul li {
	list-style: outside none none;
	margin-bottom: 30px;
	text-align: center;
}

.kode-partner ul li a {
	border: 1px solid #e2e2e2;
	box-shadow: 0 2px 0 0 #e2e2e2;
	float: left;
	width: 100%;
}

.kode-subheader {
	background-color: #eb1a1a;
	float: left;
	height: 236px;
	position: relative;
	width: 100%;
}

.subheader-height::before {
	background-color: #c50000;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 52.2%;
}

.subheader-height::after {
	border-bottom: 198px solid #c50000;
	border-left: 152px solid transparent;
	bottom: 0;
	content: "";
	position: absolute;
	right: 52.2%;
}

.kode-subheader.subheader-height {
	padding: 165px 0 0;
}

.kode-subheader h1 {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 30px;
}

.kode-breadcrumb {
	float: right;
	padding: 9px 0 0;
}

.kode-breadcrumb li {
	display: inline-block;
	list-style: outside none none;
	padding: 0 15px;
	position: relative;
}

.kode-breadcrumb li::before {
	color: #ffffff;
	content: "";
	font-family: FontAwesome;
	position: absolute;
	right: -5px;
	top: 0;
}

.kode-breadcrumb li:last-child {
	padding-right: 0;
}

.kode-breadcrumb li:last-child::before {
	display: none;
}

.kode-breadcrumb li a {
	color: #ffffff;
}

.kode-gallery ul li {
	list-style: outside none none;
	margin-bottom: 30px;
}

.kode-gallery ul li figure {
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
}

.kode-gallery ul li figure,
.kode-gallery ul li figure a,
.kode-gallery ul li figure img {
	float: left;
	margin: 0;
	width: 100%;
}

.kode-gallery ul li figure figcaption {
	height: 100%;
	left: 0;
	opacity: 0;
	padding: 10px;
	position: absolute;
	top: 0;
	transform: scale(0);
	width: 100%;
}

.kode-gallery ul li:hover figure figcaption {
	opacity: 1;
	transform: scale(1);
}

.kode-gallery-info {
	border: 1px solid #dedede;
	float: left;
	padding: 18px 25px;
	width: 100%;
}

.kode-gallery-info h2 {
	margin: 0;
	text-transform: uppercase;
}

.kode-gallery-info p {
	margin: 0;
}

.kode-gallery-hover {
	display: inline-block;
	height: 100%;
	opacity: 0.8;
	width: 100%;
}

.kode-gallery-hover i {
	color: #ffffff;
	font-size: 28px;
	left: 50%;
	margin: -8px 0 0 -2px;
	position: absolute;
	top: 50%;
}

.kode-player-thumb {
	border: 1px solid #d8d8d8;
	float: left;
	width: 100%;
}

.kode-detail-element {
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	float: left;
	margin-bottom: 20px;
	padding: 18px 0 15px;
	width: 100%;
}

.kode-detail-element .kode-team-network {
	margin: 0;
}

.kode-detail-element h2 {
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
}

.kode-table caption {
	color: #ffffff;
	font-size: 24px;
	padding: 7px 20px;
	text-transform: uppercase;
}

.kode-player-tabs {
	margin: 40px 0 20px;
}

.kode-player-tabs,
.player-nav,
.kode-player-tabs .tab-content {
	float: left;
	width: 100%;
}

.player-nav li {
	float: left;
	line-height: 1;
	list-style: outside none none;
	margin-left: 25px;
}

.player-nav li a {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #d0d0d0 #d0d0d0 -moz-use-text-color;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	float: left;
	font-size: 18px;
	padding: 14px 45px;
	text-transform: uppercase;
}

.kode-player-tabs .kode-table thead th {
	font-size: 15px;
	padding: 4px 14px;
}

.kode-player-tabs .kode-table tbody tr td:nth-child(2n) {
	background-color: #404040;
}

.kode-player-tabs .kode-table tbody tr:nth-child(2n) {
	background-color: #333333;
}

.kode-player-tabs .kode-table tbody tr td {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2);
	border-image: none;
	border-style: none none solid solid;
	border-width: medium medium 1px 1px;
}

.kode-images {
	float: left;
	width: 39%;
}

.kode-images ul {
	float: left;
	width: 101px;
}

.kode-images ul li {
	border: 1px solid #d9d9d9;
	float: left;
	list-style: outside none none;
	margin-bottom: 15px;
	width: 100%;
}

.shopmainthumb {
	border: 1px solid #d9d9d9;
	float: right;
	width: 70%;
}

.kode-summery {
	float: right;
	padding-left: 20px;
	width: 60%;
}

.summery-title {
	border-bottom: 1px solid #c6c6c6;
	float: left;
	margin-bottom: 25px;
	padding-bottom: 15px;
	position: relative;
	width: 100%;
}

.summery-title h2 {
	float: left;
	margin: 0;
	text-transform: uppercase;
}

.priceinfo {
	border-bottom: 1px solid #c6c6c6;
	float: left;
	margin-bottom: 20px;
	padding: 25px 0;
	width: 100%;
}

.priceinfo h2 {
	float: left;
}

.priceinfo ul {
	float: left;
	width: 70%;
}

.priceinfo ul li {
	float: left;
	list-style: outside none none;
	padding-left: 25px;
	width: 50%;
}

.priceinfo ul li span {
	float: left;
	padding: 6px 0 0;
	width: 25%;
}

.priceinfo ul li select {
	float: left;
	width: 75%;
}

.kode-summery .kode-modren-btn {
	float: left;
	font-size: 20px;
	width: auto;
}

.shop-btn {
	float: left;
}

.shop-btn a {
	background-color: #333333;
	color: #ffffff;
	float: left;
	height: 46px;
	margin: 0 0 0 13px;
	padding: 16px 0 0;
	text-align: center;
	width: 46px;
}

.shop-btn a:hover {
	color: #ffffff;
}

.shop-nav .tab-content {
	border: 1px solid #dedede;
	float: left;
	padding: 25px;
	width: 100%;
}

.shop-nav {
	border-bottom: 1px solid #e5e5e5;
	float: left;
	margin: 30px 0 25px;
	padding: 0 0 40px;
	width: 100%;
}

.kode-rating {
	height: 22px;
	line-height: 16px;
	margin-right: 0;
	padding-bottom: 10px;
	position: absolute;
	right: 0;
	top: 22px;
	width: 100px;
}

.kode-rating::before,
.rating-box::before {
	color: #ddd;
	content: "";
	font-family: "FontAwesome";
	font-size: 16px;
	left: 0;
	letter-spacing: 4px;
	position: absolute;
	top: 0;
}

.rating-box::before {
	color: #ffae00;
}

.rating-box {
	height: 16px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
}

.kode-inner-fixer {
	background-color: #f2f2f2;
	border-bottom: 1px solid;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	float: left;
	margin-bottom: 30px;
	padding: 45px 0;
	width: 100%;
}

.kode-inner-fixer .kode-fixer-counter h2 {
	color: #ffffff;
	padding: 15px 10px;
}

.kode-fixer-list {
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	display: table;
	width: 100%;
}

.kode-fixer-list ul {
	display: table-row;
}

.kode-fixer-list ul li {
	display: table-cell;
	vertical-align: middle;
}

.table-head li {
	padding: 15px 10px;
	text-align: center;
	width: 20%;
}

.table-head li:first-child {
	width: 32%;
}

.table-head li h5 {
	color: #ffffff;
	margin: 0;
	text-transform: uppercase;
}

.fixer-pagination a {
	border: 1px solid #ffffff;
	border-radius: 2px;
	color: #ffffff;
	float: right;
	height: 26px;
	margin-right: 10px;
	padding: 4px 0 0;
	width: 26px;
}

.fixer-pagination a:hover {
	background-color: #ffffff;
}

.table-body:nth-child(2n) li {
	background-color: #333333;
}

.table-body:nth-child(2n) li {
	border-left: 1px solid #404040;
}

.table-body li {
	background-color: #404040;
	color: #ffffff;
	padding: 25px 0;
	text-align: center;
}

.list-thumb {
	color: #ffffff;
	display: inline-block;
}

.list-thumb img {
	margin-right: 8px;
}

.table-body li span {
	display: inline-block;
	font-size: 20px;
	width: 22%;
}

.table-body li small {
	text-transform: uppercase;
}

.fixer-btn a {
	background-color: #ffffff;
	color: #333333;
	float: right;
	font-weight: bold;
	margin-right: 20px;
	padding: 3px 14px;
}

.table-body li.fixer-btn {
	width: 26%;
}

.fixer-btn a:hover {
	color: #ffffff;
}

.icon-list li {
	border-bottom: 1px solid #ececec;
	color: #666666;
	list-style: outside none none;
	padding: 3px 0;
}

.icon-list li i {
	margin-right: 10px;
}

.kode-team-timeline {
	position: relative;
	width: 50%;
	margin: 0px auto;
}

.kode-team-timeline ul {
	margin: 0 0 0 -198px;
	position: relative;
}

.kode-team-timeline ul::before {
	content: "";
	height: 94%;
	left: 50%;
	margin: 0 0 0 98px;
	position: absolute;
	top: 0;
	width: 2px;
}

.kode-team-timeline ul li {
	display: inline-block;
	list-style: outside none none;
	margin: 0 -4px 40px 0;
	padding: 0 0 0 198px;
	position: relative;
	width: 100%;
}

.timeline-inner {
	background-color: #ffffff;
	border: 1px solid #62666c;
	padding: 0px;
	position: relative;
}

.timeline-inner::before {
	border-bottom: 25px solid #ffffff;
	border-right: 25px solid transparent;
	content: "";
	position: absolute;
	right: -16px;
	top: 32px;
}

.kode-team-timeline ul li:nth-child(2n) .timeline-inner::before {
	border-bottom: 0 solid transparent;
	border-right: 25px solid #fff;
	border-top: 25px solid transparent;
	left: -16px;
	right: auto;
}

.timeline-inner h2 {
	text-transform: uppercase;
}

.kode-timezoon {
	background-color: #ffffff;
	border: 7px solid #ffffff;
	box-shadow: 0 0 0 1px #cdcdcd inset;
	color: #282828;
	font-size: 22px;
	height: 66px;
	padding: 10px 0 0;
	position: absolute;
	right: -21%;
	text-align: center;
	text-transform: uppercase;
	top: 31px;
	width: 85px;
}

.timeline-circle {
	background-color: #ffffff;
	border-radius: 100%;
	height: 16px;
	left: 50%;
	margin: 0 0 0 -8px;
	position: absolute;
	top: -15px;
	width: 16px;
}

.bottom-circle {
	bottom: 28px;
	top: auto;
}

.contactus-page {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

.contactus-page .kode-forminfo h3,
.contactus-page .kode-forminfo p,
.contactus-page .kode-form-list li strong,
.contactus-page .kode-simple-form ul li input[type="text"],
.contactus-page .kode-simple-form ul li textarea {
	color: #666666;
}

.contactus-page .kode-form-list li i {
	border-color: #c4c4c4;
	color: #666666;
}

.contactus-page .kode-forminfo h3 {
	float: left;
	margin: 0 18px 0 0;
}

.kode-map {
	border: 3px solid #e4e4e4;
	float: left;
	margin-bottom: 40px;
	width: 100%;
}

.kode-simple-form.contact-formtwo ul {
	margin: 0 0 0 -28px;
}

.kode-simple-form.contact-formtwo ul li {
	padding: 0 0 10px 28px;
	width: 33.333%;
}

.kode-simple-form.contact-formtwo ul li.full-column {
	width: 100%;
}

.kode-plain-divider {
	float: left;
	margin: 20px 0 35px;
	width: 100%;
}

.kode-plain-divider span {
	border-bottom: 1px solid #e9e9e9;
	float: left;
	width: 100%;
}

.kode-404-page {
	float: left;
	padding: 25px 0 80px;
	text-align: center;
	width: 100%;
}

.kode-404-page h2 {
	font-size: 40px;
	text-transform: uppercase;
}

.kode-404-page img {
	margin-bottom: 40px;
}

.kode-404-page span {
	display: inline-block;
	margin-bottom: 15px;
}

.kode-innersearch {
	float: left;
	margin: 20px 0 0;
	width: 100%;
}

.kode-innersearch form {
	display: inline-block;
	position: relative;
	width: 350px;
}

.kode-innersearch form input[type="text"] {
	border: 1px solid #d4d4d4;
	box-shadow: 0 2px 0 0 #d4d4d4;
	color: #000;
	float: left;
	font-size: 16px;
	height: 47px;
	padding: 6px 20px;
	width: 100%;
}

.kode-innersearch form label {
	height: 100%;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.kode-innersearch form label::before {
	color: #999999;
	content: "";
	cursor: pointer;
	font-family: FontAwesome;
	position: absolute;
	right: 15px;
	top: 16px;
}

.kode-innersearch form input[type="submit"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	float: right;
	height: 48px;
	width: 45px;
}

.kode-underconstruction {
	float: left;
	text-align: center;
	width: 100%;
}

.kode-underconstruction h2 {
	color: #ffffff;
	font-size: 60px;
	text-transform: uppercase;
}

.kode-underconstruction span.kode-subtitle {
	color: #ffffff;
	font-size: 19px;
	margin-bottom: 20px;
}

.kode-underconstruction .countdown-period {
	color: #ffffff;
}

.kode-underconstruction .kode-innersearch form input[type="text"] {
	background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
	border: medium none;
	box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.1);
}

.kode-newslatter {
	float: left;
	padding: 30px 0;
	position: relative;
	width: 100%;
}

.kode-newslatter h3 {
	color: #ffffff;
	float: left;
	font-size: 36px;
	font-weight: 300;
	margin: 0;
	padding-right: 20px;
}

.kode-newslatter form {
	display: inline-block;
	padding-left: 20px;
	position: relative;
	vertical-align: middle;
	width: 100%;
}

.kode-newslatter form input[type="text"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #fff;
	color: #ffffff;
	font-size: 16px;
	font-style: italic;
	height: 50px;
	padding: 5px 15px;
	width: 100%;
}

.kode-newslatter form label {
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.kode-newslatter form label::before {
	color: #ffffff;
	content: "";
	cursor: pointer;
	font-family: FontAwesome;
	font-size: 25px;
	position: absolute;
	right: 20px;
	top: 12px;
}

.kode-newslatter form input[type="submit"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	height: 50px;
	width: 50px;
}

.kode-halfbg {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}

#contact-footer {
	background: rgba(0, 0, 0, 0) url("../../index.html") repeat scroll 0 0;
	float: left;
	padding: 40px 0;
	width: 100%;
}

.kode-simple-form {
	float: left;
	width: 100%;
}

.kode-simple-form ul li {
	float: left;
	list-style: outside none none;
	margin-bottom: 15px;
	width: 100%;
}

.kode-simple-form ul li input[type="text"],
.kode-simple-form ul li textarea {
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid #c4c4c4;
	color: #ffffff;
	float: left;
	height: 43px;
	padding: 6px 20px;
	width: 100%;
}

.kode-simple-form ul li textarea {
	height: 155px;
}

.kode-simple-form ul li input[type="submit"] {
	border: 7px solid;
	box-shadow: 0 0 0 1px #f48686 inset;
	color: #ffffff;
	float: left;
	font-size: 14px;
	margin-top: 5px;
	padding: 2px 20px;
	text-transform: uppercase;
}

.kode-forminfo h3 {
	text-transform: uppercase;
}

.kode-forminfo h3,
.kode-forminfo p,
.kode-form-list li strong {
	color: #000;
}

.kode-form-list li {
	color: #000;
	list-style: outside none none;
	margin-bottom: 5px;
}

.kode-form-list li i {
	border: 1px solid #000;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
	display: inline-block;
	font-size: 18px;
	height: 32px;
	margin-right: 20px;
	padding: 5px 0 0;
	text-align: center;
	width: 32px;
}

.kode-form-list li p {
	display: inline-block;
	width: auto;
}

.kode-forminfo .kode-team-network {
	float: left;
}

.kode-form-list {
	float: left;
	width: 100%;
}

.kode-forminfo {
	float: left;
	padding: 0 15px;
	width: 100%;
}

.kode-bottom-footer {
	float: left;
	width: 100%;
}

.kode-bottom-footer p {
	color: #ffffff;
	margin: 0;
	padding: 12px 0;
}

#kode-topbtn {
	color: #000;
	float: right;
	font-size: 20px;
	height: 40px;
	margin-top: -10px;
	padding: 3px 0 0;
	position: relative;
	text-align: center;
	width: 40px;
}

#kode-topbtn::before,
#kode-topbtn::after {
	border-bottom: 11px solid #0071bd;
	border-left: 6px solid transparent;
	content: "";
	left: -6px;
	position: absolute;
	top: -1px;
}

#kode-topbtn::after {
	left: auto;
	right: -6px;
	transform: scaleX(-1);
}

.project-fact {
	float: left;
	padding: 50px 0;
	width: 100%;
}

.project-numbering {
	text-align: center;
}

.project-numbering i {
	color: #fff;
	font-size: 50px;
}

.project-numbering p {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.project-numbering .counter {
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 60px;
	font-weight: bold;
}

.counter {
	text-align: center;
}

.header-8 {
	float: left;
	padding: 2px 0;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	width: 100%;
}

.kf_sticky .header-8 {
	padding: 10px 0;
}

.header-8 .kode-navigation ul li a {
	text-align: left;
}

.header-8 .logo {
	float: none;
	margin: 0 auto;
	width: 100px;
}

.kode-navigation ul>li.last ul {
	left: auto;
	right: 0;
}

.header-8 .kode-navigation.left {
	float: left;
}

.header-8 .kode-navigation.right {
	float: right;
}

.logo {
	float: left;
}

.logo a {
	display: block;
}

.logo img {
	float: left;
}

.kode-navigation {
	float: right;
}

.kode-navigation ul {
	float: left;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.kode-navigation ul li {
	float: left;
	list-style: outside none none;
	position: relative;
}

.kode-navigation ul li a {
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	padding: 14px 12px;
	text-decoration: none;
}

.kode-navigation ul li>a:hover {}

.kode-navigation ul ul {
	background-color: rgba(0, 0, 0, 0.8);
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
	float: left;
	left: 0;
	margin: 20px 0 0;
	opacity: 0;
	position: absolute;
	top: 100%;
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 210px;
	z-index: 10;
}

.kode-navigation ul li:hover>ul {
	display: block;
	margin: 0;
	opacity: 1;
	visibility: visible;
}

.kode-navigation ul ul li {
	width: 100%;
}

.kode-navigation ul ul li a {
	font-weight: normal;
	padding: 8px 10px;
	text-transform: capitalize;
}

.kode-navigation ul ul li a:hover {
	color: #fff;
}

.kode-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.kode-social-network {
	float: right;
	margin: 0 0 0 20px;
}

.kode-social-network ul {
	float: left;
	list-style: outside none none;
	margin: 4px 0;
	width: 100%;
}

.kode-social-network ul li {
	float: left;
	list-style: outside none none;
	margin: 0 5px;
}

.kode-social-network ul li a {
	background-color: #e5e5e5;
	border-radius: 100%;
	color: #686868;
	display: block;
	font-size: 14px;
	height: 33px;
	padding: 4px 0;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	width: 33px;
}

.kode-social-network ul li a:hover {
	background-color: #000;
	color: #fff;
}

.pick-event {
	background-color: #ededed;
	float: left;
	padding: 20px 0;
}

.pick-event .heading {
	float: left;
	text-align: left;
	width: 20%;
}

.pick-event .heading h4 {
	color: #343434;
	font-family: "Raleway", sans-serif;
	font-size: 16px;
	margin: 5px 0;
}

.pick-event .heading h2 {
	font-family: "Raleway", sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 6px 0;
	text-transform: uppercase;
}

.pick-event .form {
	float: left;
	width: 80%;
}

.pick-event .form input {
	background-color: #fff;
	border: medium none;
	min-height: 42px;
	padding: 10px;
	width: 100%;
}

.pick-event .form .cover {
	float: left;
	padding: 0 10px;
	position: relative;
	width: 25%;
}

.pick-event .form .cover .dropdown-menu li {
	list-style: outside none none;
}

.pick-event .form .cover .kode-modren-btn.thbg-colortwo {
	font-size: 18px;
	padding: 0 10px;
	text-align: center;
	width: 100%;
}

.pick-event .form .cover i {
	color: #bbbbbb;
	position: absolute;
	right: 20px;
	top: 13px;
}

.pick-event .form div.cover:first-child {
	margin-left: 0;
}

.pick-event .form button.find {
	border: medium none;
	color: #fff;
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 14px;
	font-weight: bold;
	min-height: 42px;
	padding: 5px 20px;
	text-align: center;
	text-transform: uppercase;
}

.pick-event .cover .dropdown button {
	background-color: #fff;
	border: medium none;
	min-height: 42px;
	padding: 10px;
	text-align: left;
	width: 100%;
}

.pick-event .cover .dropdown .dropdown-menu {
	width: 100%;
}

.kode-sport-section {
	background-image: url("../../index.html");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	padding: 50px 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.kode-sport-section::before {
	background-color: rgba(255, 255, 255, 0.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.kode-video-section {
	background-image: url("../../index.html");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	padding: 150px 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.kode-video-section::before {
	background-color: rgba(0, 0, 0, 0.7);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.kode-video-section .container {
	position: relative;
}

.kode-video-section h2 {
	color: #fff;
	font-size: 34px;
	letter-spacing: 10px;
	margin: 0 0 30px;
	text-transform: uppercase;
}

.kode-video-section h4 {
	color: #fff;
	font-size: 18px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

.kode-video-section p {
	color: #fff;
	text-transform: uppercase;
}

.kode-video-section i {
	background-color: rgba(255, 255, 255, 0.2);
	border: 2px solid #fff;
	border-radius: 4px;
	color: #fff;
	font-size: 24px;
	height: 62px;
	margin: 0 0 20px;
	padding: 15px 0;
	text-align: center;
	width: 62px;
}

.heading-12 {
	position: relative;
}

.heading-12 h2 {
	display: inline-block;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0 0 20px;
	position: relative;
	text-transform: uppercase;
}

.heading-12 h2::before {
	border-bottom: 1px dashed #b7b7b7;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 150px;
}

.heading-12 p {
	color: #949494;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	margin: 0;
	text-transform: uppercase;
}

.heading-12 span.left,
.heading-12 span.right {
	background-color: #db2d14;
	border-radius: 100%;
	bottom: -4px;
	height: 9px;
	left: 27%;
	position: absolute;
	width: 9px;
}

.heading-12 span.right {
	left: auto;
	right: 27%;
}

.heading {
	float: left;
	text-align: center;
	width: 100%;
}

.heading h2 {
	color: #000;
	font-family: "Open Sans", sans-serif;
	font-size: 33px;
	position: relative;
}

.footer-medium {
	float: left;
	width: 100%;
}

#footer1 .footer-medium h3 {
	color: #252525;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

#footer1 .footer-medium {
	padding: 50px 0;
}

.about-widget p {
	margin: 17px 0 0;
}

.newsletter-widget {
	float: left;
	width: 100%;
}

.newsletter-widget p {
	margin: 0 0 17px;
}

.newsletter-widget form {
	float: left;
	height: 40px;
	position: relative;
	width: 100%;
}

.newsletter-widget form [type="text"] {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: transparent;
	border-color: #dadada -moz-use-text-color #dadada #dadada;
	border-image: none;
	border-style: solid none solid solid;
	border-width: 1px 0 1px 1px;
	color: #787878;
	float: left;
	font-size: 13px;
	padding: 11px 15px;
	text-transform: uppercase;
	width: 100%;
}

.newsletter-widget form [type="submit"] {
	border: medium none;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	padding: 11px 13px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
}

.contact-us-widget {
	float: left;
	width: 100%;
}

.contact-us-widget p {
	margin: 0 0 17px;
}

.social-links1 li {
	display: inline-block;
	margin: 0 10px 0 0;
}

.social-links1 li:last-child {
	margin: 0;
}

.social-links1 li a {
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
	color: #fff;
	display: block;
	font-size: 16px;
	height: 35px;
	overflow: hidden;
	padding: 3px 0;
	position: relative;
	text-align: center;
	width: 35px;
	z-index: 11;
}

.social-links1 li a::before {
	background-color: rgba(0, 0, 0, 0.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: -100%;
	width: 100%;
}

.social-links1 li a:hover::before {
	top: 0;
}

.fb-bg1 {
	background-color: #3b5997;
}

.tw-bg1 {
	background-color: #00aceb;
}

.youtube-bg1 {
	background-color: #ba0204;
}

.linkedin-bg1 {
	background-color: #5182aa;
}

.widget-flickr ul {
	float: left;
	margin: 0;
	width: 100%;
}

.widget-flickr ul li {
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
	float: left;
	margin: 0 3px 10px;
}

.widget-flickr ul li img {
	border-radius: 3px;
}

.kode-table tr:hover {
	transition: all 0.3s ease-in-out 0s;
}

.owl-carousel-team .owl-item:hover .team-info {
	background-color: #333333;
}

.team-info {
	background-color: #ffffff;
	padding: 28px 22px 22px;
	position: relative;
	text-align: center;
}

.team-info h2 {
	font-weight: 500;
	line-height: 1;
	margin: 0 0 4px;
	text-transform: uppercase;
}

.team-info h2 a,
.team-info h6,
.team-info p {
	color: #777777;
}

.team-info p {
	margin: 0;
}

.owl-carousel-team .owl-item:hover .team-network {
	background-color: #333;
	color: #fff;
	left: 0;
	margin: 0;
	opacity: 1;
}

.owl-carousel-team .owl-item:hover .team-network ul li a {
	color: #fff;
}

.team-network {
	float: left;
	top: 50%;
	width: 100%;
}

.team-network ul {
	display: inline-block;
	margin: 0;
}

.team-network ul li {
	float: left;
	line-height: 1;
	list-style: outside none none;
	margin: 18px 0 0 18px;
}

.team-network ul li:first-child {
	margin-left: 0;
}

.team-network ul li a {
	color: #333;
	font-size: 20px;
}

.kode-team-grid ul li:hover p {
	color: #ffffff;
}

.kode-testimonials-6 {
	float: left;
	position: relative;
	width: 100%;
}

.kode-testimonials-6::before {
	background-color: #fff;
	color: #0071bd;
	content: "";
	font-family: FontAwesome;
	font-size: 40px;
	height: 50px;
	left: 0;
	margin: auto;
	padding: 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: -25px;
	width: 50px;
	z-index: 10;
}

.kode-testimonials-6 ul {
	float: left;
	margin: 0;
	width: 100%;
}

.kode-testimonials-6 .bx-wrapper {}

.kode-testimonials-6 .kode-text {
	border: 1px solid #eeeeee;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
	float: left;
	margin: 0 0 60px;
	padding: 40px 40px 40px;
	position: relative;
	text-align: center;
	width: 100%;
}

.kode-testimonials-6 .kode-text p {
	color: #666;
	font-size: 20px;
	font-weight: 300;
	margin: 0;
}

.kode-testimonials-6 .kode-thumb {
	border: 14px solid #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	display: inline-block;
	height: 90px;
	width: 90px;
}

.kode-testimonials-6 .client-name {
	bottom: -50px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 15%;
}

.kode-testimonials-6 .client-name h4 {
	color: #0071bd;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.kode-testimonials-6 .bx-wrapper .bx-controls-direction a {
	background-color: #fff;
	left: -14px;
	margin-top: -36px;
}

.kode-testimonials-6 .bx-wrapper .bx-controls-direction a.bx-next {
	left: auto;
	right: -14px;
}

.kode-testimonials-6 .bx-wrapper .bx-controls-direction a::before {
	color: #0071bd;
	content: "";
	font-family: FontAwesome;
	font-size: 40px;
	left: 0;
	line-height: 30px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.kode-testimonials-6 .bx-wrapper .bxslider>li {
	padding: 0 30px;
}

.kode-testimonials-6 .bx-wrapper .bx-controls-direction a.bx-next::before {
	content: "";
}

.kode-testimonials-3 .bx-pager {
	display: none;
}

.header-4 {
	background-color: rgba(0, 0, 0, 0.6);
	float: left;
	width: 100%;
}

.header-4 .kode-top-strip {
	border-bottom: 1px solid #ccc;
	float: left;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}

.header-4 .logo {
	height: 90px;
	margin: 0 20px 0 0;
	position: relative;
	width: 170px;
}

.header-4 .logo img {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
}

.header-4 .kode-navigation ul li a {
	padding: 35px 16px;
}

.header-4 .kode-navigation ul li:hover>a {
	color: #fff;
}

.header-4 .kode-navigation ul ul li a {
	padding: 10px 16px;
}

.header-4 .logo {
	float: left;
}

.header-4 .logo a {
	display: block;
}

.logo img {
	float: left;
}

.header-4 .kode-navigation {
	float: left;
}

.header-4 .kode-top-search {
	float: right;
	margin: 25px 0;
	position: relative;
}

.header-4 .kode-top-search input[type="text"] {
	border: 1px solid #ccc;
	float: left;
	height: 40px;
	padding: 6px 10px;
	width: 300px;
}

.header-4 .kode-top-search input[type="text"]:focus {}

.header-4 .kode-top-search i {
	color: #000;
	font-size: 16px;
	height: 40px;
	padding: 10px 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 40px;
}

.header-4 .kode-top-search {
	float: right;
	margin: 29px 0;
	position: relative;
}

.header-4 .kode-top-search input[type="text"] {
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #000;
	border-style: none none solid;
	border-width: medium medium 1px;
	float: left;
	height: 40px;
	padding: 6px 10px;
	width: 300px;
}

.header-4 .kode-top-search input[type="text"]:focus {}

.header-4 .kode-top-search i {
	color: #fff;
	font-size: 18px;
	height: 40px;
	padding: 10px 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}

.header-6 {
	background-color: rgba(0, 0, 0, 0.3);
	float: left;
	width: 100%;
}

.header-6 .kode-nav-container {
	float: left;
	padding: 25px 0;
	width: 100%;
}

.header-6 .logo {
	float: left;
	margin: 0;
	width: auto;
}

.header-6 .logo a.logo {
	margin: 0;
	padding: 0;
}

.header-6 .logo a {
	display: block;
}

.header-6 .logo img {
	float: left;
}

.header-6 .kode-navigation {
	float: right;
	margin-top: 6px;
}

.header-6 .kode-social-network {
	margin-top: 6px;
}

.padding-none {
	padding: 0 0 50px;
}

section {
	float: left;
	width: 100%;
}

.kd-counter {
	float: left;
	width: 100%;
}

.kd-counter ul li {
	list-style: outside none none;
	text-align: center;
}

.kd-counter ul li i {
	color: #ffffff;
	margin: 0 0 18px;
}

.kd-counter ul li span {
	color: #ffffff;
	display: block;
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0 0 16px;
	position: relative;
}

.kd-counter ul li span::before {
	border-bottom: 2px solid #ffffff;
	bottom: 0;
	content: "";
	height: 3px;
	left: 50%;
	margin: 0 0 0 -40px;
	position: absolute;
	width: 80px;
}

.kd-counter ul li small {
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 3px solid #fff;
}


.widget {
	float: left;
	width: 100%;
}

.kode-team-list.kode-team-modern figure figcaption {
	left: 0;
}

.kode-team-list.kode-team-modern figure figcaption h2 {
	text-align: center;
}

.kode-team-list.kode-team-modern .kode-team-thumb {
	width: 100%;
}

.kode-team-list.kode-team-modern .kode-team-network li {
	background: #fff none repeat scroll 0 0;
}

.kode-team-list.kode-team-modern .kode-team-network {
	float: none;
	margin: 10px 0;
	text-align: center;
}

.kode-team-list.kode-team-modern .kode-modren-btn {
	display: none;
}

.kode-team-list.kode-team-modern.kode-small figure figcaption h2 a {
	font-size: 18px;
	padding: 10px;
}

.kode-team-list.kode-team-modern>ul>li.col-md-5 {
	display: inline-block;
	float: none;
	margin: 0 auto;
	text-align: center;
}

.kode-align-center {
	text-align: center;
}


/*
      ============================================================
         CRICKET  HOME PAGE START
      ============================================================
*/

.kode-cricket {
	background-color: #ffffff;
	color: #666666;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
}

.kode-cricket h1,
.kode-cricket h2,
.kode-cricket h3,
.kode-cricket h4,
.kode-cricket h5,
.kode-cricket h6,
.kode-cricket h1 a,
.kode-cricket h2 a,
.kode-cricket h3 a,
.kode-cricket h4 a,
.kode-cricket h5 a,
.kode-cricket h6 a {
	color: #000;
	font-family: 'Poppins', sans-serif;
	margin: 0;
}

.kode-cricket .kode-content {
	padding: 0;
}

.kode-cricket section {
	padding: 70px 0 40px;
	float: left;
	width: 100%;
}

.kode-cricket ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kode-cricket li {
	list-style: none;
}

.inner-head-background .logo1 img {
	margin-top: -5px;
}

.inner-header nav ul.children {
	top: 41px;
}

.inner-head-background {
	height: 120px;
}


/*
      ============================================================
         CRICKET  TOP BAR
      ============================================================
*/

.crkt-topbar {
	float: left;
	width: 100%;
	padding: 0 50px;
}

.crkt-topbar ul {
	float: left;
	width: auto;
}

.crkt-topbar li {
	float: left;
	background: #000;
	margin: 0 -1px;
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	-o-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.crkt-topbar li a {
	color: #fff;
	float: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 14px;
	padding-bottom: 2px;
	text-transform: capitalize;
	padding: 12px 19px 15px;
	-webkit-transform: skewX(25deg);
	-moz-transform: skewX(25deg);
	-ms-transform: skewX(25deg);
	-o-transform: skewX(25deg);
	transform: skewX(25deg);
}

.crkt-topbar li a i {
	margin-left: 15px;
}

.crkt-topbar li:hover {
	background: #76a425;
}

.crkt-search-wrap {
	float: right;
	width: auto;
}

.crkt-search {
	float: left;
	width: 100%;
	position: relative;
}

.crkt-search input[type="text"] {
	float: left;
	width: 100%;
	font-size: 16px;
	text-transform: capitalize;
	height: auto;
	padding: 7px 24px 9px 10px;
	background: transparent;
	border: none;
	line-height: normal;
	color: #000;
}

.crkt-search input[type="text"]::-moz-placeholder {
	color: #000;
}

.crkt-search input[type="text"]:focus {
	color: #fff;
}

.crkt-search button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	display: inline-block;
	font-size: 16px;
	color: #000000;
	background: transparent;
}


/*
      ============================================================
         CRICKET  NAVIGATION
      ============================================================
*/

.crkt-navigation-wrap {
	float: left;
	width: 100%;
	background: #fff;
	padding: 10px 50px;
}

.crkt-logo {
	float: left;
	width: auto;
	margin-right: 120px;
}

.crkt-logo a {
	display: block;
}

.crkt-logo a img {
	float: left;
	width: 100%;
}

.crkt-navigation {
	float: left;
	width: auto;
	padding: 36px 0;
}

.crkt-navigation ul {
	float: left;
	width: auto;
}

.crkt-navigation li {
	float: left;
	width: auto;
	margin-right: 10px;
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	-o-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.crkt-navigation li:last-child {
	margin: 0;
}

.crkt-navigation li:hover {
	box-shadow: 2px 6px 10px 0 rgba(0, 0, 0, 0.25);
}

.crkt-navigation li a {
	font-size: 16px;
	line-height: 15px;
	display: block;
	padding: 10px 21px 8px;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
	-webkit-transform: skewX(25deg);
	-moz-transform: skewX(25deg);
	-ms-transform: skewX(25deg);
	-o-transform: skewX(25deg);
	transform: skewX(25deg);
}

.crkt-social {
	float: right;
	width: auto;
	padding: 31px 0;
}

.crkt-social ul {
	float: left;
	width: 100%;
}

.crkt-social li {
	float: left;
	width: auto;
}

.crkt-social li a {
	display: block;
	width: 29px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

.crkt-social li a:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}

.crkt-facebook {
	background: #4d67a3;
}

.crkt-google {
	background: #eb4823;
}

.crkt-twitter {
	background: #21769b;
}

.crkt-youtube {
	background: #ce1616;
}

.crkt-rss {
	background: #f77e00;
}


/*
      ============================================================
         CRICKET  BANNER WRAP 
      ============================================================
*/

.crkt-bx-banner {
	float: left;
	width: 100%;
	position: relative;
}

.crkt-banner {
	float: left;
	width: 100%;
	position: relative;
}

.crkt-banner:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../../index.html);
	background-repeat: repeat;
	opacity: 0.5;
	content: "";
}

.crkt-bnr-caption {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	text-align: right;
	margin: -143px auto 0;
}

.crkt-bnr-caption h4 {
	font-size: 40px;
	color: #fff;
	line-height: normal;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

.crkt-bnr-caption h4:before {
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 496px;
	background-color: #fff;
	content: "";
	right: 0;
	text-align: right;
}

.crkt-bnr-caption h4:after {
	position: absolute;
	bottom: 6px;
	height: 1px;
	width: 546px;
	background-color: #fff;
	content: "";
	right: 0;
	text-align: right;
}

.crkt-bnr-caption h4 span {
	display: block;
	line-height: 55px;
}

.crkt-bnr-caption h4 b {
	font-size: 48px;
}

.crkt-bnr-caption p {
	color: #fff;
	margin-bottom: 46px;
}

.crkt-links {
	float: left;
	width: 100%;
}

.crkt-btn1 {
	display: inline-block;
	font-size: 18px;
	line-height: 13px;
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 30px;
}

.crkt-links .crkt-btn1.active {
	margin-right: 25px;
}

.crkt-links .crkt-btn1.active:hover {
	background: transparent;
	color: #fff;
	border-color: #fff;
}

.crkt-links .crkt-btn1.active,
.crkt-links .crkt-btn1:hover {
	color: #000;
}

.crkt-bx-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	width: 100%;
	text-align: center;
}

.crkt-bx-banner .bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent;
	border-radius: 100%;
	display: block;
	height: 16px;
	width: 16px;
	border: 2px solid #fff;
	text-indent: -9999px;
	position: relative;
	z-index: 10;
}

.crkt-bx-banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: transparent !important;
}

.crkt-bx-banner .bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
}

.crkt-bx-banner .bx-controls-direction {
	display: none;
}

.crkt-bx-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	width: auto;
	left: 0;
	margin: 0 auto;
}

.crkt-bx-banner .bx-controls-auto-item {
	margin: 0 40px;
	line-height: 11px;
}

.crkt-bx-banner .bx-wrapper .bx-controls-auto .bx-stop,
.crkt-bx-banner .bx-wrapper .bx-controls-auto .bx-start {
	height: 16px;
	width: 16px;
	text-indent: 0;
	font-size: 0;
	background: transparent;
	position: relative;
	display: inline-block;
}

.crkt-bx-banner .bx-wrapper .bx-controls-auto .bx-start:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: "\f054";
	font-family: FontAwesome;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.crkt-bx-banner .bx-wrapper .bx-controls-auto .bx-stop:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: "\f04c";
	font-family: FontAwesome;
	font-size: 16px;
	color: #fff;
	text-align: center;
}


/*
      ============================================================
         CRICKET  HEADINGS
      ============================================================
*/

.crkt-hd {
	float: left;
	width: 100%;
	background: #000;
	position: relative;
	padding: 10px 20px 10px;
}

.crkt-hd::before {
	bottom: 0;
	color: #fff;
	content: "";
	font-family: "FontAwesome";
	font-size: 14px;
	height: 100%;
	line-height: 37px;
	padding: 0 13px;
	position: absolute;
	right: 0;
	top: 0;
}

.crkt-hd h6 {
	color: #fff;
	margin: 0;
	text-transform: capitalize;
	font-weight: normal;
	line-height: 16px;
}

.crkt-hd2 {
	float: left;
	width: 100%;
}

.crkt-hd2 h2 {
	font-size: 24px;
	color: #000;
	position: relative;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding-bottom: 10px;
}

.crkt-hd2 h2:before {
	position: absolute;
	left: 0;
	width: 102px;
	height: 2px;
	content: "";
	bottom: 0;
}

.crkt-hd3 {
	float: left;
	width: 100%;
	padding: 35px 50px 32px;
	background-color: #000;
	position: relative;
	margin-bottom: 10px;
	/*
    -webkit-transform:skewX(-20deg);
        -moz-transform:skewX(-20deg);
            -ms-transform:skewX(-20deg);
                -o-transform:skewX(-20deg);
                    transform:skewX(-20deg);
                */
}

.crkt-hd3:before {
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	width: 20px;
	content: "";
}

.crkt-hd3 h4 {
	font-size: 30px;
	color: #fff;
	line-height: 24px;
	text-transform: uppercase;
	/*
    -webkit-transform:skewX(20deg);
        -moz-transform:skewX(20deg);
            -ms-transform:skewX(20deg);
                -o-transform:skewX(20deg);
                    transform:skewX(20deg);
                    */
}


/*
      ============================================================
         CRICKET  LATEST NEW WRAP
      ============================================================
*/

.crkt-latestnews {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.crkt-news {
	float: left;
	width: 100%;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: #e0e0e0;
}

.crkt-news .thumb {
	float: left;
	width: 50%;
	position: relative;
	overflow: hidden;
	background-color: #000;
}

.crkt-news .thumb img {
	float: left;
	width: 100%;
}

.crkt-news:hover .thumb img {
	opacity: 0.5;
	webkit-transform: scale(1.1);
	moz-transform: scale(1.1);
	ms-transform: scale(1.1);
	o-transform: scale(1.1);
	transform: scale(1.1);
}

.crkt-cup {
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: auto;
}

.cup-name {
	float: left;
	width: auto;
	text-transform: capitalize;
	color: #000;
	font-size: 16px;
	line-height: 16px;
	padding: 12px 20px;
}

.cup-name.crkt-date {
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 12px 20px 9px;
	line-height: 19px;
}

.crkt-news .text {
	float: left;
	width: 50%;
	padding: 22px 25px 25px;
}

.crkt-news .text h4 {
	font-weight: 500;
	line-height: 24px;
	margin: 0;
	position: relative;
	padding-bottom: 13px;
	margin-bottom: 24px;
	display: inline-block;
}

.crkt-news .text h4 span {
	display: block;
}

.crkt-news .text h4:before {
	position: absolute;
	left: 0;
	width: 37px;
	height: 2px;
	content: "";
	bottom: 0;
}

.crkt-news .text p {
	margin-bottom: 0px;
	line-height: 27px;
}

.crkt-icon {
	float: right;
	height: 30px;
	width: 30px;
	text-align: center;
	background: #cfcfcf;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
}

.crkt-icon i {
	line-height: 30px;
}


/*
      ============================================================
         CRICKET  BOARD WRAP
      ============================================================
*/

.crkt-board {
	float: left;
	width: 100%;
}

.crkt-board .crkt-hd2 {
	margin-bottom: 30px;
}

.crkt-tab-wrap {
	float: left;
	width: 100%;
	padding: 10px;
	background: #e8e8e8;
}

.crkt-tabnav {
	float: left;
	width: 100%;
	border: none;
}

.crkt-tabnav li {
	float: left;
	width: 33.3%;
	margin: 0 0 7px 0;
}

.crkt-tabnav li a {
	border: none;
	border-radius: 0;
	line-height: 12px;
	font-size: 16px;
	color: #fff;
	margin-right: 0px;
	text-align: center;
	text-transform: uppercase;
	padding: 12px 0 11px;
	position: relative;
	background-color: #d33021;
}

.crkt-tabnav li a:hover {
	background-color: #d33021;
}

.crkt-tabnav>li.active>a,
.crkt-tabnav>li.active>a:hover,
.crkt-tabnav>li.active>a:focus {
	border: none;
}

.crkt-tabnav>li.active>a:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 9px 0 9px;
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: -7px;
	margin: 0 auto;
}

.crkt-tabnav>li.active.results>a,
.crkt-tabnav>li.results>a {
	background: #d33021;
	color: #fff;
}

.crkt-tabnav>li.active.results>a:before {
	border-color: #d33021 transparent transparent transparent;
}

.crkt-tabnav>li.active.fixtures>a,
.crkt-tabnav>li.fixtures>a {
	background: #000000;
	color: #fff;
}

.crkt-tabnav>li.active.fixtures>a:before {
	border-color: #000000 transparent transparent transparent;
}

.tab-content {
	float: left;
	width: 100%;
}

.current-match {
	float: left;
	width: 100%;
}

.current-match li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d1d1d1;
	padding: 20px 0;
}

.current-match li:last-child {
	padding-bottom: 10px;
	border: none;
}

.current-match li h4 {
	font-weight: normal;
	line-height: 17px;
	text-transform: capitalize;
	margin-bottom: 13px;
}

.score-btn {
	float: right;
	padding: 8px 20px 6px;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: normal;
	line-height: 12px;
	color: #000;
	border-radius: 3px;
}


/*
      ============================================================
         CRICKET  ACCOURDIAN
      ============================================================
*/

.crkt-accordian {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.crkt-accordian .accordion {
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: 20px;
	line-height: 18px;
	text-transform: capitalize;
	color: #000;
	position: relative;
	padding: 17px 15px 14px;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}

.crkt-accordian .accordion.accordion-open {
	background: #e8e8e8;
	border-color: transparent;
}

.crkt-accordian .accordion span {
	position: absolute;
	right: 15px;
	top: 50%;
	margin: -10px 0 0 0;
	font-size: 20px;
	color: #000;
}

.crkt-accordian .accordion-content {
	float: left;
	width: 100%;
	border-bottom: 1px solid #fff;
}

.crkt-accordian .accordion:last-child,
.crkt-accordian .accordion-content:last-child {
	border: none;
}

.crkt-add {
	float: left;
	width: 100%;
	position: relative;
}

.crkt-add img {
	float: left;
	width: 100%;
}

.add-caption {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	outline: 1px solid rgba(255, 255, 255, 0.5);
	outline-offset: -6px;
	background-color: #d33021;
	width: auto;
	padding: 58px 26px;
	text-align: center;
}

.add-caption h4 {
	font-size: 20px;
	color: #fff;
	text-transform: capitalize;
	line-height: 25px;
	position: relative;
	padding-bottom: 27px;
	margin-bottom: 22px;
}

.add-caption h4:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	margin: 0 auto;
	width: 74px;
	height: 3px;
}

.add-caption h4 a {
	color: #fff;
}

.add-caption h4 span {
	display: block;
}

.add-caption p {
	font-size: 16px;
	;
	color: #fff;
	margin: 0;
	font-family: 'Andada', serif;
	text-transform: capitalize;
}

.add-caption p a {
	color: #fff;
}


/*
      ============================================================
         CRICKET  FIXTURE WRAP
      ============================================================
*/

section.crkt-fixtures-bg {
	padding-bottom: 113px;
}

.crkt-fixtures-wrap {
	float: left;
	width: 100%;
}

.crkt-fixtures-hd {
	float: left;
	width: 100%;
	padding: 22px 25px;
}

.crkt-fixtures-hd h4 {
	float: left;
	font-size: 36px;
	line-height: 33px;
	padding: 10px 0 4px;
	width: auto;
	text-transform: capitalize;
}

.crkt-fixtures-hd .crkt-social-2 {
	color: #fff;
	float: right;
	width: auto;
	margin-left: 5px;
}

.crkt-fixtures-hd .crkt-social-2 li {
	float: left;
}

.crkt-fixtures-hd .crkt-social-2 li a {
	width: 50px;
	height: 47px;
	border: none;
	font-size: 20px;
	line-height: 47px;
	color: #fff;
}

.crkt-fixtures-hd .crkt-twitter {
	background: #1b95e0 none repeat scroll 0 0;
}

.crkt-fixtures-innrwrap {
	float: left;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}

.crkt-daterange {
	float: left;
	width: 100%;
	padding: 25px;
	position: relative;
}

.crkt-daterange h5 {
	float: left;
	font-size: 16px;
	line-height: 12px;
	padding: 9px 0 3px;
	margin-right: 12px;
}

.crkt-daterange h4 {
	font-size: 26px;
	float: left;
	line-height: 24px;
	margin-right: 12px;
}

.crkt-daterange h4 i {
	font-size: 20px;
}

.crkt-pagination {
	position: absolute;
	right: 25px;
	top: 25px;
}

.crkt-pagination h6 {
	float: left;
	font-size: 16px;
	line-height: 12px;
	padding: 9px 0 3px;
	margin-right: 12px;
}

.crkt-pagination a {
	float: right;
	width: 28px;
	height: 34px;
	line-height: 34px;
	margin-left: 1px;
	color: #fff;
	position: relative;
}

.crkt-pagination a:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	line-height: 34px;
	font-family: 'FontAwesome';
	font-size: 16px;
	text-align: center;
	color: #fff;
}

.crkt-pagination .crkt-next:before {
	content: "";
}

.crkt-pagination a:hover {
	background-color: #000;
	color: #fff;
}

.crkt-dropdown {
	float: left;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 20px;
}

.crkt-dropdown .dropdown {
	position: relative;
	width: auto;
	float: left;
	margin-right: 15px;
}

.crkt-dropdown .dropdown:last-child {
	margin: 0;
}

.crkt-dropdown .dropdown button {
	background-color: #f3f3f3;
	border: 1px solid #dedede;
	padding: 13px 22px;
	font-size: 16px;
	color: #000;
	font-weight: normal;
	line-height: 16px;
}

.crkt-fixtures-dec {
	float: left;
	width: 100%;
}

.crkt-fixtures-dec h6 {
	font-size: 16px;
	float: left;
	width: 100%;
	background-color: #000;
	color: #fff;
	line-height: 16px;
	padding: 15px;
	margin-bottom: 15px;
}

.crkt-fixtures-dec h6 span {
	float: right;
	font-size: 16px;
	/*
    padding-top: 2px;
    */
}

.crkt-fixtures-dec .text {
	float: left;
	width: 100%;
	background-color: #fff;
	border: 1px solid #dedede;
	position: relative;
	padding: 20px 15px;
	margin-bottom: 15px;
}

.crkt-fixtures-dec .text:hover {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

.crkt-fixtures-dec .text h4 {
	font-size: 24px;
	text-transform: capitalize;
	font-weight: normal;
	float: left;
	width: 100%;
	line-height: 23px;
	margin: 0 0 12px 0;
}

.crkt-fixtures-dec .text p {
	margin: 0 0 9px 0;
	font-size: 16px;
	color: #666666;
	line-height: normal;
	text-transform: capitalize;
	font-weight: normal;
	float: left;
}

.crkt-fixtures-dec .text p a {
	color: #666;
}

.crkt-fixtures-dec .text span {
	margin: 0;
	font-size: 16px;
	color: #666666;
	line-height: 17px;
	text-transform: capitalize;
	font-weight: normal;
	float: left;
	width: 100%;
}

.crkt-fixtures-link {
	position: absolute;
	right: 15px;
	bottom: 25px;
}

.crkt-fixtures-link a {
	float: left;
	font-size: 16px;
	text-transform: capitalize;
	border: 1px solid #dedede;
	background-color: #f5f5f5;
	padding: 10px 25px;
	margin-left: 15px;
	line-height: 16px;
}

.crkt-fixtures-link a:first-child {
	margin: 0;
}

.crkt-fixtures-link a:hover {
	color: #fff;
}

.crkt-fixtures-more {
	float: left;
	width: 100%;
	text-align: center;
	padding: 35px 0 25px;
}

.crkt-fixtures-more a {
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	padding: 19px 40px 16px;
}

.crkt-fixtures-more a:hover {
	color: #fff;
	background-color: #000;
}


/*
      ============================================================
         CRICKET  EVENT WRAP
      ============================================================
*/

.crt-piont-table-bg {
	position: relative;
	background-image: url(../../index.html);
	background-repeat: no-repeat;
	background-size: cover;
}

.crt-piont-table-bg:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #1a1a1a;
	opacity: 0.85;
	content: "";
}

.crkt-event-wrap {
	float: left;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	padding: 20px 10px;
	margin-bottom: 30px;
}

.crkt-event {
	float: left;
	width: 100%;
	margin-bottom: 24px
}

.crkt-event-wrap .crkt-event:last-child {
	margin-bottom: 4px;
}

.crkt-event .thumb {
	float: left;
	width: 101px;
	border: 2px solid;
}

.crkt-event .text {
	float: none;
	overflow: hidden;
	width: auto;
	padding: 0 0 0 10px;
}

.crkt-event .text h5 {
	font-size: 16px;
	line-height: 13px;
	text-transform: capitalize;
	margin-bottom: 18px;
}

.crkt-event .text span {
	float: left;
	font-size: 16px;
	color: #fff;
	width: 100%;
	line-height: 15px;
	margin-bottom: 8px;
}

.crkt-event .text p {
	color: #fff;
	margin: 0;
	line-height: 24px;
}

.crkt-table {}

.crkt-table thead th {
	border: medium none;
	color: #ffffff;
	font-size: 20px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
}

.crkt-table tbody tr {
	border-top: 1px solid #fff;
}

.crkt-table tbody tr td {
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.crkt-table thead th {
	padding-top: 0;
}

.crkt-table thead th,
.crkt-table tbody tr td {
	height: 41.8px;
	line-height: normal;
	padding: 2px 0 0;
	vertical-align: middle;
}

.crkt-table thead tr:hover {
	background-color: transparent;
}

.crkt-table tr:hover {
	background-color: #666;
}


/*
      ============================================================
         CRICKET  VIDEO BAR
      ============================================================
*/

.crkt-videos-wrap {
	padding: 30px 10px;
}

.crkt-videos {
	float: left;
	width: 100%;
	margin-bottom: 37px;
}

.crkt-videos .thumb {
	float: left;
	width: 101px;
	position: relative;
	border: 2px solid;
	z-index: 1;
}

.crkt-videos .thumb:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	text-align: center;
	font-size: 30px;
	font-family: FontAwesome;
	content: "\f04b";
	margin: -13px auto 0;
	opacity: 0;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

.crkt-videos:hover .thumb:before {
	opacity: 1;
}

.crkt-videos .thumb img {
	float: left;
	width: 100%;
}

.crkt-videos .text {
	float: none;
	overflow: hidden;
	width: auto;
	padding: 0 0 0 15px;
}

.crkt-videos .text h4 {
	font-size: 20px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 12px;
	overflow: hidden;
}

.crkt-videos .text p {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	line-height: 16px;
	margin: 0 0 14px 0;
	overflow: hidden;
}

.crkt-videos .text p a {
	color: #fff;
}

.crkt-videos .text span {
	float: left;
	width: 100%;
	color: #fff;
	text-transform: capitalize;
	line-height: 20px;
	margin-bottom: -3px;
}

.crkt-viewmore {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 16px;
}

.crkt-viewmore a {
	display: inline-block;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	line-height: 16px;
	font-weight: 500;
}


/*
      ============================================================
         CRICKET  TEAM WRAP
      ============================================================
*/

.crkt-team-bg {
	background-image: url(../../index.html);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.crkt-team-bg:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.65;
	content: "";
}

.crkt-team-categories {
	float: right;
	width: 50%;
	margin-bottom: 30px;
}

.crkt-team-dec {
	float: left;
	width: 100%;
	position: relative;
	padding: 40px 120px 33px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	z-index: 2;
}

.crkt-team-categories .crkt-team-dec:first-child {
	padding-top: 0;
}

.crkt-team-categories .crkt-team-dec:last-child {
	border: none;
	padding-bottom: 0;
}

.crkt-team-dec h4 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 16px;
	margin-bottom: 22px;
}

.crkt-team-dec h4 a {
	color: #fff;
}

.crkt-team-dec p {
	color: #fff;
	margin: 0;
	line-height: 26px;
}

.crkt-team-dec span {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -38px;
	color: #fff;
	font-size: 70px;
}

.crkt-more {
	padding: 16px 25px 14px;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-transform: uppercase;
	line-height: 13px;
	float: left;
	width: auto;
}

.crkt-more:hover {
	background-color: #fff;
}

.crkt-plyer1 {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 1;
	margin-left: -555px;
}

.crkt-plyer2 {
	bottom: 0;
	left: 50%;
	margin-left: -805px;
	position: absolute;
}


/*
      ============================================================
         CRICKET POST WRAP
      ============================================================
*/

.crkt-posts {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.crkt-posts .thumb {
	float: left;
	width: 100%;
	position: relative;
}

.crkt-posts .thumb img {
	float: left;
	width: 100%;
}

.post-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 20px 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+4,0.65+99 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
}

.post-caption small {
	float: left;
	width: auto;
	font-size: 16px;
	color: #fff;
	line-height: 15px;
	font-weight: normal;
	padding: 12px 15px 9px;
	text-transform: capitalize;
	margin-bottom: 20px;
}

.post-caption h5 {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #fff;
	line-height: 44px;
	margin-bottom: 22px;
	text-transform: capitalize;
}

.post-caption h5 a {
	display: inline-block;
	color: #fff;
}

.post-caption h5 span {
	display: block;
}

.post-caption p {
	float: left;
	width: auto;
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	text-transform: capitalize;
	margin: 0;
}

.crkt-slider {
	float: left;
	width: 100%;
}

.crkt-slider .bx-wrapper .bx-controls-direction a {
	background: red none repeat scroll 0 0;
	height: 50px;
	right: 20px;
	outline: 0 none;
	position: absolute;
	text-decoration: none;
	bottom: 20px;
	top: auto;
	margin: 0;
	width: 30px;
}

.crkt-slider .bx-wrapper .bx-controls-direction a:hover {
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3)inset;
}

.crkt-slider .bx-wrapper .bx-controls-direction .bx-prev {
	left: auto;
	right: 51px;
}

.crkt-slider .bx-wrapper .bx-controls-direction .bx-prev:before {
	content: "";
}

.crkt-slider .bx-wrapper .bx-controls-direction .bx-next:before {
	content: "";
}

.crkt-slider .bx-wrapper .bx-controls-direction a:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: -11px auto 0;
	color: #000;
	font-size: 20px;
	content: "";
	font-family: 'FontAwesome';
	text-align: center;
}


/*
      ============================================================
         CRICKET  MID BAR
      ============================================================
*/

.crkt-midbar {
	float: left;
	width: 100%;
	padding: 30px 0 25px;
}

.input-dec {
	float: left;
	width: 100%;
}

.input-dec span {
	font-size: 24px;
	text-transform: uppercase;
	color: #000;
	float: left;
	line-height: 21px;
	float: left;
	margin-right: 15px;
	padding: 11px 0 7px;
}

.input-dec input[type="text"] {
	float: left;
	width: 222px;
	height: 39px;
	line-height: 39px;
	border: 1px solid #000;
	font-size: 16px;
	background: transparent;
	padding: 10px 15px 9px;
	margin-right: 10px;
}

.input-dec input[type="text"]::-moz-placeholder {
	color: #000;
}

.input-dec button {
	float: left;
	font-size: 16px;
	padding: 13px 45px 12px;
	color: #fff;
	background: #000;
	text-transform: uppercase;
	line-height: 14px;
}

.input-dec button:hover {
	color: #000;
	background-color: #fff;
}

.crkt-social-2 {
	float: left;
	width: 100%;
}

.crkt-social-2 {
	float: left;
	width: 100%;
	text-align: right;
}

.crkt-social-2 li {
	display: inline-block;
	width: auto;
	margin-left: 13px;
}

.crkt-social-2 li:first-child {
	margin: 0;
}

.crkt-social-2 li span {
	font-size: 24px;
	text-transform: uppercase;
	color: #000;
	float: left;
	line-height: 21px;
	padding: 11px 0 7px;
}

.crkt-social-2 li a {
	float: left;
	width: 39px;
	height: 39px;
	text-align: center;
	line-height: 39px;
	border: 1px solid #000;
	font-size: 16px;
	color: #000;
}

.crkt-social-2 li a:hover {
	color: #fff;
	background-color: #000;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
}


/*
      ============================================================
         CRICKET  FOOTER
      ============================================================
*/

.crkt-footer {
	float: left;
	width: 100%;
	background-image: url(../../index.html);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.crkt-footer:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.85;
	content: "";
}

.crkt-main-footer {
	float: left;
	width: 100%;
	padding: 59px 0 65px;
}

.widget h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
	margin: 0;
}

.widget-crkt-text h4 {
	margin-bottom: 11px;
}

.widget-crkt-text .text {
	float: left;
	width: 100%;
}

.widget-crkt-text p {
	color: #999999;
	margin-bottom: 17px;
	line-height: 24px;
}

.widget-crkt-text ul {
	float: left;
	width: 100%;
}

.widget-crkt-text ul li {
	float: left;
	width: auto;
	font-size: 16px;
	color: #999;
	margin-right: 30px;
}

.widget-crkt-text ul li i {
	color: #fff;
	margin-right: 10px;
}

.widget-crkt-text ul li:last-child {
	margin: 0;
}

.widget-crktgallery h4 {
	margin-bottom: 17px;
}

.widget-crktgallery ul {
	float: left;
	width: 100%;
}

.widget-crktgallery ul li {
	float: left;
	width: auto;
	margin: 0 0 0 13px;
}

.widget-crktgallery ul li img {
	float: left;
	width: 100%;
}

.widget-crktgallery ul li:hover img {
	opacity: 0.5;
}

.widget-crktgallery ul li:first-child {
	margin-left: 0;
}

.crkt-copyright {
	float: left;
	width: 100%;
	border-top: 1px solid #999999;
	padding: 27px 0 31px;
	position: relative;
}

.crkt-copyright p {
	float: left;
	width: auto;
	color: #999;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
}

.crkt-copyright p a {
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
}

.crkt-copyright span {
	float: right;
	width: auto;
	color: #999;
	font-size: 16px;
	line-height: 1.8;
	font-family: 'Open Sans', sans-serif;
}

.topbtn2 {
	position: fixed;
	right: 30px;
	bottom: 30px;
}


/*
      ============================================================
         CRICKET  RESPONCIVE
      ============================================================
*/

@media (min-width: 1200px) and (max-width: 1366px) {
	@media (min-width: 1200px) and (max-width: 1366px) {
		.crkt-logo {
			margin-right: 40px;
		}

		.crkt-navigation li a {
			padding-left: 10px;
			padding-right: 10px;
			font-size: 15px;
		}
	}
}


/*
      ============================================================
         TENNIS  HOME PAGE
      ============================================================
*/

.kode-tennis {
	background-color: #ffffff;
	color: #666666;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}

.kode-tennis h1,
.kode-tennis h2,
.kode-tennis h3,
.kode-tennis h4,
.kode-tennis h5,
.kode-tennis h6,
.kode-tennis h1 a,
.kode-tennis h2 a,
.kode-tennis h3 a,
.kode-tennis h4 a,
.kode-tennis h5 a,
.kode-tennis h6 a {
	color: #333;
	font-family: 'Oswald', sans-serif;
	margin: 0;
}

.kode-tennis .kode-content {
	padding: 0;
}

.kode-tennis section {
	padding: 70px 0 40px;
	float: left;
	width: 100%;
}

.kode-tennis ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kode-tennis li {
	list-style: none;
}


/*
	  ============================================================
		 TENNIS  TOP BAR
	  ============================================================
*/

.tennis-header {
	float: left;
	width: 100%;
}

.topbar {
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 6px;
}

.topbar:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.22);
	height: 6px;
	content: "";
}

.social-wrap {
	float: left;
	width: auto;
}

ul.social-wrap {
	margin-right: 10px;
}

.social-wrap li {
	float: left;
	width: auto;
}

.social-wrap li a {
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 15px 10px 14px;
}

.social-wrap li a:hover {
	background: rgba(255, 255, 255, 0.40);
}

.login-wrap {
	float: right;
	width: auto;
}

.login-wrap li {
	float: left;
	width: auto;
	border-right: 1px solid rgba(255, 255, 255, 0.40);
	padding: 9px 20px 8px;
	position: relative;
}

.login-wrap li:first-child {
	border-left: 1px solid rgba(255, 255, 255, 0.40);
}

.login-dec {
	float: left;
	width: 100%;
}

.login-wrap .dropdown button,
.login-dec a {
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	line-height: 15px;
	position: relative;
	margin-right: 15px;
	background: transparent;
	padding: 0;
}

.login-wrap .open>.dropdown-menu {}

.login-wrap .open>.dropdown-menu li {
	float: left;
	width: 100%;
	padding: 10px;
}

.login-wrap .open>.dropdown-menu li a {
	float: left;
	width: 100%;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.login-wrap .open>.dropdown-menu li a:hover {
	color: #fff;
}

.login-dec a:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	right: -10px;
	-webkit-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	transform: rotate(18deg);
	background: #fff;
}

.login-dec a:last-of-type {
	margin: 0;
}

.login-dec a:last-of-type:before {
	width: 0;
}

.login-wrap .dropdown {
	float: left;
	width: 100%;
	position: static;
}

.login-wrap .dropdown button {
	margin: 0;
}

.login-wrap .dropdown button i {
	float: right;
	line-height: 15px;
	margin-left: 7px;
}


/*
      ============================================================
        LOGO WRAP
      ============================================================
*/

.logo-wrap {
	float: left;
	width: 100%;
	box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.22);
	background: #fff;
	position: relative;
	z-index: 10;
}

.logo-wrap .container {
	position: relative;
}

.tennis-logo {
	position: absolute;
	left: 15px;
	bottom: 4px;
	width: auto;
}

.tennis-logo a {
	float: left;
	width: auto;
}

.tennis-logo a img {
	float: left;
	width: 100%;
}

.tennis-nav {
	float: right;
	width: auto;
}

.tennis-nav .navigation {
	float: left;
	width: auto;
}

.tennis-nav .navigation li {
	float: left;
	width: auto;
	margin-right: 13px;
}

.tennis-nav .navigation li a {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 15px;
	padding: 47px 20px;
	color: #666666;
	display: block;
}

.tennis-nav .navigation li:hover a {
	color: #fff;
}

.ad-search {
	float: right;
	width: auto;
	padding: 43px 0;
}

.ad-search .show {
	float: left;
	width: auto;
	font-size: 21px;
	color: #afafaf;
	padding: 0 20px;
}

.ad-search a {
	float: right;
	padding: 0 20px;
	border-left: 1px solid #bababa;
}

.ad-search a i {
	font-size: 21px;
	color: #afafaf;
	position: relative;
}

.ad-search a i span {
	position: absolute;
	top: -13px;
	right: -13px;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	background: #284163;
	text-align: center;
	line-height: 19px;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}


/*
      ============================================================
        TENNIS MAIN BANNER 
      ============================================================
*/

.tns-banner {
	float: left;
	width: 100%;
	position: relative;
}

.tns-banner .bxslider {
	float: left;
	width: 100%;
}

.tns-banner-wrap {
	float: left;
	width: 100%;
	position: relative;
}

.tns-banner-wrap:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: 0.18;
	content: "";
}

.tns-banner-wrap img {
	float: left;
	width: 100%;
}

.tns-banner-wrap .container {
	position: relative;
}

.text-caption {
	position: absolute;
	left: 15px;
	right: 15px;
	top: 50%;
	margin: -110px auto 0;
}

.text-caption.text-left {
	text-align: left;
}

.text-caption.text-center {
	text-align: center;
}

.text-caption.text-right {
	text-align: right;
}

.text-caption span {
	font-size: 80px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 80px;
	display: inline-block;
	margin-bottom: 6px;
}

.text-caption p {
	font-size: 18px;
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 34px;
}

.text-caption a {
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.25);
	padding: 22px 50px;
}

.tns-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	width: 100%;
	text-align: center;
	padding: 0;
	position: absolute;
	bottom: 30px;
}

.tns-banner .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item .bx-pager-link {
	background: #fff;
	border-radius: 0px;
	display: block;
	height: 5px;
	margin: 0 5px;
	outline: 0 none;
	width: 27px;
	font-size: 0;
}

.tns-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	display: none;
}


/*
      ============================================================
        HEADING TENNIS
      ============================================================
*/

.tns-heading1 {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}

.tns-heading1 p {
	color: #333;
	font-size: 15px;
	font-style: italic;
	font-weight: 300;
	line-height: 12px;
	padding-bottom: 2px;
	margin-bottom: 13px;
}

.tns-heading1 h4 {
	display: block;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
	font-weight: normal;
	color: #333;
	margin-bottom: 13px;
}

.tns-heading1 span {
	display: inline-block;
	width: 50px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 26px;
	position: relative;
	background: transparent;
}

.tns-heading1 span:before {
	position: absolute;
	left: -89px;
	width: 89px;
	height: 1px;
	top: 50%;
	margin-top: -0.5px;
	content: "";
}

.tns-heading1 span:after {
	position: absolute;
	right: -89px;
	width: 89px;
	height: 1px;
	top: 50%;
	margin-top: -0.5px;
	content: "";
}

.white.tns-heading1 p,
.white.tns-heading1 span i,
.white.tns-heading1 h4 {
	color: #fff;
}

.white.tns-heading1 span:after,
.white.tns-heading1 span:before {
	background-color: #fff;
}

.black.tns-heading1 h4 {
	color: #333;
}

.black.tns-heading1 p,
.black.tns-heading1 span i {
	color: #666;
}

.black.tns-heading1 span:after,
.black.tns-heading1 span:before {
	background-color: #666666;
}


/*
      ============================================================
        TENNIS CLASSES SECTION
      ============================================================
*/

.tns-classes {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.tns-classes .thumb {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.tns-classes .thumb img {
	float: left;
	width: 100%;
}

.thumb-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 30px;
	background: #fff;
	border-left: 3px solid #284163;
	padding: 24px 15px;
}


/*
.thumb-caption-overlay{
    bottom: -100%;
}
*/

.thumb-caption-overlay {
	bottom: -50.7%;
}

.tns-classes:hover .thumb-caption {
	opacity: 0;
}

.tns-classes:hover .thumb-caption-overlay {
	bottom: 0;
	opacity: 1;
}

.thumb-caption h4 a {
	display: block;
	font-size: 20px;
	color: #284163;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

.thumb-caption-overlay h4 a {
	margin-bottom: 10px;
}

.thumb-caption p {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 22px;
	opacity: 0;
}

.tns-classes:hover .thumb-caption-overlay .tns-btn,
.tns-classes:hover .thumb-caption-overlay p {
	opacity: 1;
}

.thumb-caption .tns-btn {
	float: left;
}

.tns-btn {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 14px;
	border: 1px solid;
	border-radius: 2px;
	padding: 11px 25px;
}

.thumb-caption .tns-btn:hover {
	color: #fff;
	opacity: 0;
}

.back-link a:hover,
.back-link a:focus {
	color: #408536;
	text-decoration: none;
	border-bottom: 1px #408536 solid;
}

h1 {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
	margin: 0;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	margin-bottom: 3px;
}

.entry-header {
	text-align: left;
	margin: 0 auto 50px auto;
	width: 80%;
	max-width: 978px;
	position: relative;
	z-index: 10001;
}

#demo-content {
	padding-top: 100px;
}

#carbonads-container {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1000000;
}

.kode-simple-form {
	background-image: url(../../index.html);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px;
}

.contactus-page .kode-simple-form ul li input[type="text"],
.contactus-page .kode-simple-form ul li textarea {
	background-color: #fff;
}

.thbg-colortwo .fa-angle-up:before {
	color: #fff;
}

.kode-newslatter .kode-modren-btn {
	float: right;
}

.kode-testimonials-6 h4 {
	color: #0071bd;
	margin-top: 15px;
}

.kode-testimonials-6 h4 span {
	color: #989595;
}

.kode-partner ul li {
	list-style: outside none none;
	margin-bottom: 30px;
	text-align: center;
}

.kode-partner ul li a {
	border: 1px solid #e2e2e2;
	box-shadow: 0 2px 0 0 #e2e2e2;
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 20px;
}

.kode-editor.home h2 {
	margin-bottom: 25px;
}

.kode-editor h2 span {
	color: #0071bd;
}

.kode-bottom-footer p a {
	color: #fff;
	font-weight: bold;
}

h2.vision {
	margin-top: 23px;
}

h2.hme_ttl1 {
	font-size: 36px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	margin-bottom: 10px;
	font-family: Roboto;
	text-align: center;
	font-family: Roboto;
	padding-top: 0px;
}

h3.hme_ttl1 {
	text-transform: inherit !important;
	font-size: 44px !important;
	color: #fff !important;
	font-weight: 500 !important;
	letter-spacing: 2px !important;
	line-height: 55px !important;
	font-family: Roboto;
}

h2.hme_ttl:after {
	content: '';
	background: silver;
	display: block;
	height: 3px;
	width: 60px;
	margin: 8px auto;
}

h2.hme_ttl1:after {
	content: '';
	background: silver;
	display: block;
	height: 3px;
	width: 60px;
	margin: 8px auto;
}

span.ylw {
	color: #f3c326;
}

.slider-bg {
	background-color: #00254f !important;
}

.display_board {
	background-color: #f3c326 !important;
}

.stud:before {
	content: url(../images/users.png);
	position: relative;
	left: 5px;
	width: 20%;
	float: left;
}

.faculty:before {
	content: url(../images/dedicated-staff.png);
	position: relative;
	left: 5px;
	width: 20%;
	float: left;
}

.rank:before {
	content: url(../images/rank-holder.png);
	position: relative;
	left: 5px;
	width: 20%;
	float: left;
}

.placement:before {
	content: url(../images/placement.png);
	position: relative;
	left: 5px;
	width: 20%;
	float: left;
}

.alumni:before {
	content: url(../images/successful-alumni.png);
	position: relative;
	left: 5px;
	width: 20%;
	float: left;
}

.milestone-number {
	font-size: 36px !important;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: 2px;
	text-align: center;
	font-family: Roboto;
	color: #ffffff !important;
}

.milestone-text {
	letter-spacing: 1px;
	position: relative;
	margin: 0px !important;
	padding: 5px 20px !important;
	font-size: 15px !important;
	color: #0e254f !important;
	line-height: 28px !important;
	font-weight: 600;
	font-family: Roboto;
	text-align: center;
}

.fixed-bg {
	padding-top: 20px;
	padding-bottom: 20px;
}

.fixed-bg .mk-divider {
	padding: 0px 0 20px;
}

.WhyPanimalar {
	padding-top: 10px;
}

.slider-bg .mk-divider {
	padding: 0px 0px 10px !important;
}

.slider-bg .divider-inner {
	margin-bottom: 10px;
}

#divider-5 .divider-inner {
	border-top-width: 4px;
	border-top-color: #f3c326;
	position: relative;
}

h3.sttl {
	position: absolute;
	bottom: -20px;
	color: #ffffff !important;
	font-size: 16px !important;
	background: #020d4bd1;
	left: -108px;
	padding: 5px 20px;
	font-weight: bolder;
	text-align: center;
	font-family: Roboto !important;
}

h4.sttl {
	margin-top: 130px;
	height: 300px;
	position: absolute;
	bottom: -8px;
	color: #ffffff !important;
	text-transform: capitalize !important;
	background-color: rgba(10, 0, 0, 0.7);
	left: 0px;
	padding: 5px 10px;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0px;
}

.mk-divider {
	padding: 0px 0 20px;
	display: block;
	width: 100%;
	border-top-width: 3px;
	border-top-color: #c0c0c0;
	width: 60px;
	float: left;
}

.divider-inner {
	border-top-width: 3px;
	border-top-color: #c0c0c0;
	width: 60px;
	border-top: 3px solid;
	position: relative;
	color: #c0c0c0;
	font-weight: 400;
	line-height: 1.89em;
	display: block;
}

.future.image .cnt {
	position: absolute;
	padding: 15px;
	padding-bottom: 30px;
	bottom: 0;
}

.training-cnt {
	padding-top: 30px !important;
}

.cnt h6 {
	color: #fff !important;
	font-size: 22px !important;
	font-family: Roboto;
	text-transform: inherit !important;
	font-weight: 500 !important;
}

.cnt h6:before {
	content: '';
	background: silver;
	display: block;
	height: 2px;
	width: 60px;
	margin: 8px auto;
	position: relative;
	bottom: -47px;
	left: -20%;
}

.cnt p {
	padding-top: 8px;
}

.inno_height {
	height: 230px !important;
}

.full_AI {
	background-image: url(../images/artificial-intelligence.jpg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 25%;
	height: 250px;
	float: left;
}

.data_AI {
	background-color: #0e254f !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	float: left;
	width: 25%;
	height: 250px;
}

.inc-bx {
	text-align: center;
	font-family: Roboto;
	color: #fff !important;
	font-weight: 300;
	padding-top: 22px;
}

.inc-bx h4 {
	color: #fff !important;
	margin-top: 15px;
	text-transform: uppercase !important;
	font-weight: 600;
	font-size: 18px;
	font-family: "Raleway", sans-serif;
	margin-bottom: 10px;
}

a,
a:hover {
	text-decoration: none !important;
	background: none !important;
	color: #ffffff !important;
}

.inc-bx p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

.full_DS {
	background-image: url(../images/robotics.jpg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 25%;
	height: 250px;
	float: left;
}

.data_DS {
	background-color: #f3c326 !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	float: left;
	width: 25%;
	height: 250px;
}

.full_ML {
	background-image: url(../images/machine-learning.jpg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 25%;
	height: 250px;
	float: left;
}

.data_ML {
	background-color: #0e254f !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	float: left;
	width: 25%;
	height: 250px;
}

.full_AC {
	background-image: url(../images/autocad.jpg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 25%;
	height: 250px;
	float: left;
}

.data_AC {
	background-color: #f3c326 !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	float: left;
	width: 25%;
	height: 250px;
}


/*new development*/

#text-block-50 {
	margin-bottom: 15px;
	text-align: center;
}

.exp p {
	color: #fff;
	font-size: 38px;
	font-weight: 600;
}

.icon {
	/**background: #0e254f;**/
	padding: 20px 35px;
	border-radius: 25px;
	margin-top: 20px;
}

.icon p img {
	width: 25%;
	margin-bottom: 0px;
}

.icon p {
	font-size: 20px !important;
	color: aliceblue;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 0px;
}

a,
p {
	word-wrap: break-word;
}

.PressHeading {
	color: #0e254f !important;
	padding: 12px !important;
	font-size: 26px !important;
	font-weight: 600 !important;
	padding-top: 0 !important;
}

.PressHeading p {
	font-size: 25px;
	color: #0e254f !important;
	font-weight: 600;
	margin-bottom: 0;
}

.full_news img {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	/**    height: 120px;**/
	width: 100%;
	float: left;
	height: 120px;
}

.full_news iframe {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	height: 120px;
	width: 100%;
	float: left;
}

.full_news marquee {
	max-height: 310px !important;
	overflow-y: hidden;
	white-space: initial;
}

.full_news ul {
	margin-left: 0px;
}

.full_news {
	padding: 0px !important;
	overflow: hidden;
}

.newsMargin {
	margin: 2px !important;
	padding: 0px !important;
	cursor: pointer;
}

.colMargin {
	padding: 0px !important;
}

marquee.donr ul li:before {
	content: "\f1c1";
	font-family: 'FontAwesome';
	color: #e51111;
	margin-right: 10px;
	left: 15px;
}

.pbdr {
	border-right: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
}

.foot_menu h1 {
	position: relative;
	display: block;
	margin-bottom: 15px;
	letter-spacing: 1px;
	text-transform: capitalize !important;
	font-size: 21px !important;
	color: #f3b40e !important;
	font-weight: bolder;
	font-family: Roboto;
}

.foot_menu a {
	color: #fff !important;
	font-family: Roboto;
	font-size: 14px;
	line-height: 23px;
}

.foot_menu a:hover {
	text-decoration: none;
}

.sitemap-bg {
	background-color: #00254f !important;
}

.top-bg {
	background-color: #ededed !important;
	padding-top: 20px;
}

.container-fluid {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.textwidget {
	font-family: "Roboto";
	font-size: 14px;
	color: #ffffff !important;
	font-weight: 400;
}

p.fadd {
	position: relative;
	left: 23px;
	color: #ffffff !important;
}

p.audit {
	position: relative;
	left: 3px;
	color: #ffffff !important;
	font-size: 14px;
}

p.fadd:before {
	content: "\f041";
	font-family: fontawesome;
	position: absolute;
	left: -25px;
	color: #f3c326;
	font-size: 26px;
}

p.fmail:before {
	content: "\f0e0";
	font-family: fontawesome;
	position: absolute;
	left: -25px;
	color: #f3c326;
	font-size: 20px;
}

p.fmail {
	position: relative;
	left: 23px;
	color: #ffffff !important;
}

p.fphone {
	position: relative;
	left: 26px;
	color: #ffffff !important;
}

p.fphone:before {
	content: "\f095";
	font-family: fontawesome;
	position: absolute;
	left: -30px;
	color: #f3c326;
	font-size: 20px;
}

p.fmphone {
	position: relative;
	left: 27px;
	color: #ffffff !important;
}

p.fmphone:before {
	content: "\f10b";
	font-family: fontawesome;
	position: absolute;
	left: -30px;
	color: #f3c326;
	font-size: 23px;
}

.fmphone a {
	font-size: 16px !important;
	padding: 0px !important;
}

p.vitual:before {
	position: relative;
	top: 20px;
	padding-right: 16px;
}

p.virtual {
	font-size: 18px !important;
	position: relative;
	color: #ffffff !important;
	margin-top: 80px;
}

p.virtual img {
	margin-right: 10px;
}

.foot-icons {
	float: left;
	margin-top: 10px;
	width: 100%;
	float: left;
	margin-top: 20px;
}

.foot-icons i {
	background-color: #f3c326;
	color: #000 !important;
	margin-left: 5px;
	padding: 9px;
	font-size: 20px;
	border-radius: 15px;
	width: 35px;
	height: 35px;
}

.mk-copyright {
	font-weight: bolder;
}

.mk-footer-copyright {
	font-size: 14px;
	letter-spacing: 1px;
	color: #28292a;
	line-height: 16px;
	float: left;
	padding: 25px 0 20px;
	opacity: 0.8;
	width: 100%;
}

a.scrollup,
a.scrollup:visited {
	background-color: #FFC107 !important;
	bottom: 20px;
	color: #ffffff;
	float: right;
	line-height: 33px;
	position: fixed;
	right: 10px;
	text-align: center;
	z-index: 999;
	border-radius: 15px;
	width: 30px;
	height: 30px;
}

.scrollup i {
	font-size: 20px;
	font-weight: bolder;
}

#btn-scrollup {
	display: none;
}

.col-md-12.banner {
	padding: 0px;
}

.kode-wrapper .kode-header-absolute.kf_sticky .gg {
	display: none;
}

.kf_sticky .header-8 {
	background: #0e254f;
}

a.ist {
	color: #f3c326 !important;
}


/*Animation starts*/

.vc_section {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: -15px;
	margin-right: -15px;
}

.vc_custom_1585140211463 {
	padding-top: 50px !important;
	background-color: #ededed !important;
}

.vc_section.vc_section-has-fill {
	padding-top: 35px;
}

#company-hiring {
	text-align: center;
	padding-bottom: 0px;
	overflow: hidden;
}

.vc_section[data-vc-full-width] {
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	overflow: hidden;
}

.vc_section[data-vc-full-width]>.vc_row {
	margin-left: 0;
	margin-right: 0;
}

.vc_row {
	position: relative;
}

.mk-grid {
	max-width: 1280px;
}

.mk-grid {
	width: 100%;
	margin: 0 auto;
}

.vc_row {
	margin-left: -15px;
	margin-right: -15px;
}

.jupiter-donut-height-full {
	height: 100%;
}

.vc_col-sm-12 {
	width: 100%;
}

.vc_custom_1588939614705 {
	margin-bottom: 0px !important;
}

#text-block-41 {
	margin-bottom: 0px;
	text-align: center;
}

h3.hme_ttl {
	font-size: 36px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	margin-bottom: 20px;
}

span.ylw {
	color: #f3c326;
}

.clearboth {
	display: block;
	visibility: hidden;
	clear: both;
	overflow: hidden;
	width: 0;
	height: 0;
}

.wpb_raw_code.wpb_content_element.wpb_raw_html {
	margin-bottom: 0px !important;
}

#company-hiring .stats-bg {
	width: 955px;
	height: 355px;
	margin: 0px auto;
	position: relative;
	border-top-left-radius: 475px;
	border-top-right-radius: 475px;
	/*  border: 1px dashed #cdcbcb; */
}

.clearfix {
	display: block;
	clear: both;
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table;
}

#company-hiring .stats-bg .animate {
	position: relative;
	top: -12px;
	height: 955px;
	width: 960px;
	-webkit-animation: rotation 30s infinite linear;
}

ul {
	margin-bottom: 1em;
	margin-left: 1.5em;
	list-style-type: disc;
}

ul {
	list-style: none;
}


/* ul{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%;
}*/

#company-hiring .stats-bg .animate ul li {
	-webkit-animation: rotation 30s infinite linear;
	animation-direction: reverse;
}

#company-hiring ul li:nth-child(1) {
	left: 189px;
	top: -3px;
}

#company-hiring ul li:nth-child(2) {
	left: 349px;
	top: -50px;
}

#company-hiring ul li:nth-child(3) {
	left: 514px;
	top: -45px;
}

#company-hiring ul li:nth-child(4) {
	left: 674px;
	top: 8px;
}

#company-hiring ul li:nth-child(5) {
	left: 794px;
	top: 111px;
}

#company-hiring ul li:nth-child(6) {
	left: 867px;
	top: 262px;
}

#company-hiring ul li:nth-child(7) {
	left: 894px;
	top: 429px;
}

#company-hiring ul li:nth-child(8) {
	left: 854px;
	top: 603px;
}

#company-hiring ul li:nth-child(9) {
	left: 738px;
	top: 760px;
}

#company-hiring ul li:nth-child(10) {
	left: 576px;
	top: 860px;
}

#company-hiring ul li:nth-child(11) {
	left: 338px;
	top: 889px;
}

#company-hiring ul li:nth-child(12) {
	left: 134px;
	top: 801px;
}

#company-hiring ul li:nth-child(13) {
	left: 0px;
	top: 640px;
}

#company-hiring ul li:nth-child(14) {
	left: -53px;
	top: 463px;
}

#company-hiring ul li:nth-child(15) {
	left: -29px;
	top: 271px;
}

#company-hiring ul li:nth-child(16) {
	left: 52px;
	top: 120px;
}

#company-hiring ul li {
	width: 120px;
	height: 120px;
	background: #fff;
	border: 1px solid #dadada;
	text-align: center;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	line-height: 98px;
}

ul li {
	margin-left: .85em;
}

ul li {
	margin-left: .85em;
	list-style-type: none;
}


/*li
{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%;
}*/

#company-hiring ul li img {
	max-width: 100px;
	max-height: 100px;
}

img.rte {
	border-radius: 30px !IMPORTANT;
}

.theme-content img,
.vc_row-fluid img {
	max-width: 100%;
	width: auto\9;
	height: auto;
	border: 0;
	vertical-align: middle;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-size: 100%;
}

#company-hiring .stats-bg .round.round1 {
	width: 260px;
	height: 119px;
	margin-left: -130px;
	border-top-left-radius: 200px;
	border-top-right-radius: 200px;
	bottom: -19px;
}

#company-hiring .stats-bg .round {
	border: 1px dashed #cdcbcb;
	position: absolute;
	left: 50%;
	bottom: -2px;
}

#company-hiring .stats-bg .round .content {
	margin-top: -20px;
}

#company-hiring .stats-bg .round .content figure {
	width: 40px;
	height: 40px;
	margin: 0px auto 13px auto;
}

figure {
	display: block;
}

#company-hiring .stats-bg .round .content figure img {
	max-width: 40px;
	max-height: 40px;
}

#company-hiring .stats-bg .round .content h4 {
	font-weight: 600;
	margin-bottom: 4px;
	font-family: Roboto;
}

.master-holder h4 {
	font-size: 18px;
	color: #404040;
	font-weight: 600;
	text-transform: uppercase;
}

#company-hiring .stats-bg .round .content p {
	font-size: 18px;
}

p {
	font-size: 16px;
	color: #2e2e2e;
	line-height: 1.66em;
}

#company-hiring .stats-bg .round.round2 {
	width: 510px;
	height: 250px;
	bottom: -16px;
	margin-left: -255px;
	border-top-left-radius: 350px;
	border-top-right-radius: 350px;
}

#company-hiring .stats-bg .round.round3 {
	width: 765px;
	height: 375px;
	bottom: -16px;
	margin-left: -385px;
	border-top-left-radius: 450px;
	border-top-right-radius: 450px;
}

.rotate {
	animation: rotation 30s;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

.flex {
	min-height: 189px;
	color: #2e2e2e;
	width: 100%;
	height: 300px;
}

.sub_electrical {
	background-image: url(../images/Subjects/chhabi-electricals-private-limited.jpg);
}

.sub_researchpub {
	background-image: url(../../images/h7.jpg);
	background-size: cover;
	/* Adjusts the background image to cover the entire container */
	background-position: center;
	/* Centers the image */
}

.sub_electronics {
	background-image: url(../../images/h2.jpg);
	background-size: cover;
	/* Adjusts the background image to cover the entire container */
	background-position: center;
	/* Centers the image */

}

.sub_mechanical {
	background-image: url(../../assets/images/festival-celebrations/7.jpg);
	background-position: top;
}

.sub_robotics {
	background-image: url(../../images/h5.jpg);
	background-size: cover;
	/* Adjusts the background image to cover the entire container */
	background-position: center;
	/* Centers the image */
}

.sub_robotics2 {
	background-image: url(../../images/h6.jpg);
	background-size: cover;
	/* Adjusts the background image to cover the entire container */
	background-position: center;
	/* Centers the image */
}

.sub_software {
	background-image: url(../../images/h1.jpg);
	background-size: cover;
	/* Adjusts the background image to cover the entire container */
	background-position: center;
	/* Centers the image */

}

.sub_research {
	background-image: url(../images/Subjects/software_developer.jpg);
}

.subject-caption {
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	overflow: hidden;
	height: 150px;
	color: #ffffff !important;
	background-color: rgba(10, 0, 0, 0.7);
	text-align: left;
	width: 100%
}

.gap {
	height: 215px
}

.flex:hover .gap {
	transition-duration: 0.5s;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: 0.5s;
	-moz-transform-origin: bottom;
	-moz-transition-duration: 0.5s;
	-o-transform-origin: bottom;
	-o-transition-duration: 0.5s;
	height: 150px;
}

p.innov_ttl {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	padding-top: 10px;
	padding-left: 20px;
	text-align: center;
}

p.innov_exp {
	font-size: 16px;
	font-family: Arial;
	font-weight: normal;
	text-align: center;
	color: #FFF;
	padding: 0px 20px 0px 20px;
}

.benefit-tile {
	background-color: #00254f !important;
	text-align: center;
}

.ani_lift {
	transition-duration: 0.5s;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: 0.5s;
	-moz-transform-origin: bottom;
	-moz-transition-duration: 0.5s;
	-o-transform-origin: bottom;
	-o-transition-duration: 0.5s;
	height: 10px
}

.wpb_wrapper:hover .ani_lift {
	transition-duration: 0.5s;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: 0.5s;
	-moz-transform-origin: bottom;
	-moz-transition-duration: 0.5s;
	-o-transform-origin: bottom;
	-o-transition-duration: 0.5s;
	height: 0px;
}

.arrow_icon {
	padding-top: 200px;
	position: relative;
	top: 1px;
	display: none;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.slide:hover .arrow_icon {
	display: inline-block;
}

.zoom {
	transition: transform .5s;
	/* Animation */
}

.zoom:hover {
	transform: scale(1.025);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.banner_ribbon {
	width: 40px !important;
	height: 40px !important;
	background-color: #FFC107;
	display: block;
	float: right !important;
	position: fixed !important;
	right: 0px;
	text-align: center;
	color: #ffffff !important;
	font-family: Roboto !important;
	font-size: 16px !important;
	z-index: 999999;
}

.banner:hover .banner_ribbon {
	transition-duration: 0.5s;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: 0.5s;
	-moz-transform-origin: bottom;
	-moz-transition-duration: 0.5s;
	-o-transform-origin: bottom;
	-o-transition-duration: 0.5s;
	width: 160px !important;
}

.banner_text {
	font-size: 0px !important;
	padding-top: 8px !important;
}

.banner:hover .banner_text {
	transition-duration: 0.5s;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: 0.5s;
	-moz-transform-origin: bottom;
	-moz-transition-duration: 0.5s;
	-o-transform-origin: bottom;
	-o-transition-duration: 0.5s;
	display: block !important;
	font-size: 16px !important;
}

.banner_icon {
	display: block !important;
	padding-top: 10px !important;
}

.banner:hover .banner_icon {
	display: none !important;
}

.banner_user {
	width: 160px !important;
	height: 40px !important;
	background-color: #FFC107;
	display: block;
	float: right !important;
	position: fixed !important;
	right: 0px;
	text-align: center;
	color: #ffffff !important;
	font-family: Roboto !important;
	font-size: 16px !important;
	top: 290px;
}

.banner_con {
	width: 160px !important;
	height: 40px !important;
	background-color: #FFC107;
	display: block;
	float: right !important;
	position: fixed !important;
	right: 0px;
	text-align: center;
	color: #ffffff !important;
	font-family: Roboto !important;
	font-size: 16px !important;
	top: 330px;
}

.banner_nptel {
	width: 160px !important;
	height: 40px !important;
	background-color: #FFC107;
	display: block;
	float: right !important;
	position: fixed !important;
	right: 0px;
	text-align: center;
	color: #ffffff !important;
	font-family: Roboto !important;
	font-size: 16px !important;
	top: 370px;
}


/*-----------About Us--------------*/

.abt_time_bg {
	background: #ffffff;
}

.abt_milestone_bg {
	background: url(../images/AboutUs/about-us-bg.jpg);
}

.abt_milestone_margin {
	margin-bottom: 50px;
	margin-top: 70px;
}

.abt_margin {
	margin-bottom: 50px;
}

.abt_campus_bck {
	background: url(../images/AboutUs/our-campus-bg-1.jpg) !important;
	background-size: cover !important;
}

.mainbanner_caption {
	background-color: rgba(14, 37, 79, 0.7);
	text-align: center;
	width: auto;
	height: 50px;
	opacity: 1;
	position: relative;
	float: right !important;
	right: 0px;
	margin-top: -50px;
	padding: 0px 20px;
}

.mainbanner_caption h4 {
	font-family: Roboto !important;
	color: rgb(255, 255, 255) !important;
	padding-top: 5px;
	font-size: 27px;
	font-weight: 500;
}

h2.abt_ttl {
	font-size: 36px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	margin-bottom: 10px;
	font-family: Roboto;
	text-align: left;
	font-family: Roboto;
	padding-top: 10px;
}

h2.abt_abstract {
	letter-spacing: 0px;
	text-transform: initial;
	font-size: 20px;
	color: #0e254f;
	text-align: justify;
	font-style: inherit;
	font-weight: 500;
	padding: 10px;
	font-family: Roboto;
	line-height: 1.66em;
}

h2.abt_desc {
	letter-spacing: 0px;
	text-transform: initial;
	font-size: 16px;
	color: #2e2e2e;
	text-align: justify;
	font-style: inherit;
	padding: 10px;
	font-family: Roboto;
	line-height: 1.66em;
}

.boxsd img {
	box-shadow: 3px 0px 11px 2px #cecece;
}

.abt_img_engg {
	margin-top: 150px;
	padding-left: 100px !important;
}

.abt_milestone i {
	color: #f3c326;
	font-size: 50px;
}

.abt_milestone_text {
	color: #ffffff;
	font-size: 16px;
}

.con1 {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	font-family: sans-serif;
	font-size: 14px;
	row-gap: 40px;
	margin-bottom: 0px;
}

.item1 {
	width: minmax(25px, 20vw);
	grid-column: 1 / 2;
	grid-row: 1 / -1;
}

.item2 {
	width: minmax(25px, 20vw);
	grid-column: 8 / -1;
	grid-row: 1 / -1;
}

.item3 {
	width: 3px;
	grid-column: 5 / span 1;
	grid-row: 3 / span 26;
	background-color: #0e254f;
	z-index: 1;
}

.item4 {
	grid-column: 1 / span 3;
	grid-row: 3 / span 2;
	background-color: white;
	width: 100%;
	height: 100%;
	display: grid;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	align-content: center;
	justify-content: center;
	padding: 0 10px;
	z-index: 100;
}

.item4a {
	grid-column: 4 / span 1;
	grid-row: 3 / 5;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 99;
	align-self: center;
}

.item4b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 3 / 5;
	width: 15px;
	height: 15px;
	z-index: 99;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item5 {
	grid-column: 6 / span 3;
	grid-row: 4 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item5a {
	grid-column: 5 / span 1;
	grid-row: 4 / 6;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item5b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 4 / 6;
	width: 15px;
	height: 15px;
	z-index: 99;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item6 {
	grid-column: 1 / span 3;
	grid-row: 5 / span 2;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	align-content: center;
	padding: 0 10px;
	z-index: 99;
}

.item6a {
	grid-column: 4 / span 1;
	grid-row: 5 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 1;
	align-self: center;
}

.item6b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 5 / span 2;
	width: 15px;
	height: 15px;
	z-index: 99;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item7 {
	grid-column: 6 / span 3;
	grid-row: 6 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item7a {
	grid-column: 5 / span 1;
	grid-row: 6 / 8;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item7b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 6 / 8;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item8 {
	grid-column: 1 / span 3;
	grid-row: 7 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item8a {
	grid-column: 4 / span 1;
	grid-row: 7 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item8b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 7 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item9 {
	grid-column: 6 / span 3;
	grid-row: 8 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item9a {
	grid-column: 5 / span 1;
	grid-row: 8 / 10;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item9b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 8 / 10;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item10 {
	grid-column: 1 / span 3;
	grid-row: 9 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item10a {
	grid-column: 4 / span 1;
	grid-row: 9 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item10b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 9 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item11 {
	grid-column: 6 / span 3;
	grid-row: 10 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item11a {
	grid-column: 5 / span 1;
	grid-row: 12/ 10;
	grid-row: 12/ 10;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item11b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 12/ 10;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item12 {
	grid-column: 1 / span 3;
	grid-row: 11 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item12a {
	grid-column: 4 / span 1;
	grid-row: 11 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item12b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 11 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item13 {
	grid-column: 6 / span 3;
	grid-row: 12 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item13a {
	grid-column: 5 / span 1;
	grid-row: 5/ 21;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item13b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 5 / 21;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item14 {
	grid-column: 1 / span 3;
	grid-row: 13 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item14a {
	grid-column: 4 / span 1;
	grid-row: 13 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item14b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 13 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item15 {
	grid-column: 6 / span 3;
	grid-row: 14 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item15a {
	grid-column: 5 / span 1;
	grid-row: 8 / 22;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item15b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 8 / 22;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item16 {
	grid-column: 1 / span 3;
	grid-row: 15 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item16a {
	grid-column: 4 / span 1;
	grid-row: 15 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item16b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 15 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item17 {
	grid-column: 6 / span 3;
	grid-row: 16 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item17a {
	grid-column: 5 / span 1;
	grid-row: 12 / 22;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item17b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 12 / 22;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item18 {
	grid-column: 1 / span 3;
	grid-row: 17 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item18a {
	grid-column: 4 / span 1;
	grid-row: 17 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item18b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 17 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item19 {
	grid-column: 6 / span 3;
	grid-row: 18 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item19a {
	grid-column: 5 / span 1;
	grid-row: 16 / 22;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item19b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 16 / 22;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item20 {
	grid-column: 1 / span 3;
	grid-row: 19 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item20a {
	grid-column: 4 / span 1;
	grid-row: 19 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item20b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 19 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item21 {
	grid-column: 6 / span 3;
	grid-row: 20 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item21a {
	grid-column: 5 / span 1;
	grid-row: 20 / 22;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item21b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 20 / 22;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item22 {
	grid-column: 1 / span 3;
	grid-row: 21 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item22a {
	grid-column: 4 / span 1;
	grid-row: 21 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item22b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 21 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item23 {
	grid-column: 6 / span 3;
	grid-row: 22 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item23a {
	grid-column: 5 / span 1;
	grid-row: 24 / 22;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item23b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 24 / 22;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item24 {
	grid-column: 1 / span 3;
	grid-row: 23 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item24a {
	grid-column: 4 / span 1;
	grid-row: 23 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item24b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 23 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item25 {
	grid-column: 6 / span 3;
	grid-row: 24 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item25a {
	grid-column: 5 / span 1;
	grid-row: 24 / 26;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item25b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 24 / 26;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item26 {
	grid-column: 1 / span 3;
	grid-row: 25 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item26a {
	grid-column: 4 / span 1;
	grid-row: 25 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item26b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 25 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item27 {
	grid-column: 6 / span 3;
	grid-row: 26 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item27a {
	grid-column: 5 / span 1;
	grid-row: 26 / 28;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item27b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 26 / 28;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.item28 {
	grid-column: 1 / span 3;
	grid-row: 27 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item28a {
	grid-column: 4 / span 1;
	grid-row: 27 / span 2;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item28b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 4 / span 1;
	grid-row: 27 / span 2;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(9px);
	justify-self: end;
	align-self: center;
}

.item29 {
	grid-column: 6 / span 3;
	grid-row: 28 / span 2;
	box-shadow: 2px 2px 17px 2px #d5d5d5;
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 10px;
}

.item29a {
	grid-column: 5 / span 1;
	grid-row: 28 / 30;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #0e254f;
	z-index: 9;
	align-self: center;
}

.item29b {
	border-radius: 50%;
	background-color: #0e254f;
	grid-column: 5 / span 1;
	grid-row: 28 / 30;
	width: 15px;
	height: 15px;
	z-index: 100;
	transform: translateX(-6px);
	justify-self: start;
	align-self: center;
}

.academics-menu-bg .col-md-6 {
	padding: 0px !important;
}


.item4 h3 {
	text-transform: capitalize !important;
	color: #0e254f !important;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 0px;
}

.ite h3 {
	text-transform: capitalize !important;
	color: #0e254f !important;
	text-align: center;
	padding-top: 20px !important;
	margin-bottom: 10px !important;
	font-family: sans-serif;
	font-style: normal;
	font-weight: bolder;
	line-height: 1.5;
	margin: 0px 0px 0px 0px;
}

table th {
	text-align: center;
	padding: 18px 12px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
}

table.tabl {
	border: 1px solid #aeabab;
	margin-bottom: 30px;
}


/*---------------------------------*/


/*------MANAGEMENT TEAM---------------------------*/

.header-mgmt-bg {
	background: #0e254f;
}

.mgmt_team_top {
	background: #d5d5d5;
}

h2.mgmt_ttl {
	font-size: 20px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	margin: 10px;
	font-family: Roboto !important;
	text-align: center;
	font-family: Roboto;
	letter-spacing: 2px;
}

.mgmt-header-relative {
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 999;
}

.mgmt_team_content {
	background: #ffffff;
}

.circle_image_holder img {
	border-radius: 100%;
	box-shadow: 2px 2px 11px 2px #cecece;
}

.member-image {
	text-align: center;
}

.member_data {
	background: #0e254f;
	border-radius: 5px;
	text-align: center;
	padding: 10px;
	margin-top: -15px;
	position: relative;
}

p.team-ttl {
	color: #f3c326 !important;
	margin-bottom: 5px !important;
	font-size: 14px;
}

.member_data p {
	color: #fff;
	margin-bottom: 5px !important;
}


/*---------------------------------*/


/*-----Secratary Consultant----------*/

.mgmt_bcg {
	padding-top: 50px;
}

.sec_img_decoration {
	background-image: linear-gradient(45deg, #FFC107 30%, rgba(0, 0, 0, 0) 30%);
	padding: 30px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	line-height: 0;
	display: block;
}

.sec_box_shadow {
	box-shadow: 0px 50px 100px 0px rgb(0 0 0 / 30%);
}

.secretary-section .sec_titl {
	background: #0e254f;
	padding: 0px 20px;
}

.secretary-section .sec_img {
	padding: 0px !important;
}

.secretary-section .sec_titl {
	padding: 15px !important;
	margin-top: 25px;
}

p.sec-name {
	color: #f3c326 !important;
	margin-bottom: 5px !important;
	font-size: 30px;
	font-weight: 600;
}

p.sec-pos {
	color: #fff;
	font-weight: 600;
	margin-bottom: 0px !important;
}

.sec_desc p {
	font-size: 16px;
	color: #2e2e2e;
	text-align: justify;
	line-height: 26px !important;
	font-weight: 400;
	font-family: Roboto;
	margin-bottom: 20px !important;
}

ul.arw li:before {
	content: "\f0a9";
	font-family: fontawesome;
	color: #0e254f;
	position: absolute;
	left: 15px;
	font-size: 18px;
}

ul.arwnew li:before {
	content: "\f0a9";
	font-family: fontawesome;
	color: #0e254f;
	position: absolute;
	left: 38px;
	font-size: 18px;
}

ul {
	margin-bottom: 1em;
	margin-left: 1.5em;
	list-style-type: disc;
	font-size: 16px;
	line-height: 36px !important;
}


/*---------------------------------*/


/*-----Alumni----------------------------*/

.mainbanner_alumni_caption {
	background-color: rgba(14, 37, 79, 0.7);
	text-align: center;
	width: 260px;
	height: 50px;
	opacity: 1;
	position: relative;
	float: right !important;
	right: 0px;
	margin-top: -50px;
	border-radius: 5px;
}

.mainbanner_alumni_caption h4 {
	font-family: Roboto !important;
	color: rgb(255, 255, 255) !important;
	padding-top: 5px;
	font-size: 27px;
	font-weight: 500;
}

h2.alumni_ttl {
	font-size: 24px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	font-family: Roboto;
	text-align: left;
	font-family: Roboto;
	padding-top: 30px;
}

h2.alumni_desc {
	font-size: 16px;
	color: #2e2e2e;
	text-align: justify;
	line-height: 36px !important;
	font-family: Roboto;
	margin-bottom: 20px !important;
	font-weight: normal !important;
}

.alumni_img {
	padding: 118px 0px 0px 20px !important;
	margin: 0px;
	text-align: center;
}

.alumni_img img {
	width: 100%;
}

.pdf-block {
	text-align: left;
}

a.link {
	font-weight: 500;
	font-size: 16px;
	color: #000826 !important;
	text-decoration: underline !important;
}

a.pdf-icon {
	font-weight: 500;
	font-size: 16px;
	color: #000826 !important;
	text-decoration: underline !important;
}

a.pdf-icon:before {
	content: url(../images/alumni/pdf-icon.png);
	position: relative;
	left: -10px;
	top: 4px;
}

a.word-icon {
	font-weight: 500;
	font-size: 16px;
	padding-left: 10px;
	color: #000826 !important;
	text-decoration: none !important;
}

.alumni_gallery_fluid_bg {
	background: #ededed;
	margin-top: 60px;
}

.alumni_gallery_con {
	margin-top: 32px;
	margin-bottom: 18px;
}

h2.alumni_gallery_ttl {
	font-size: 24px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	margin: 10px;
	font-family: Roboto !important;
	text-align: center;
	font-family: Roboto;
}

.alumni_gallery_fluid .modal-content {
	margin-top: 50px;
}

.alumni_gallery_fluid .modalClose {
	top: 140px;
}

.alumni_gallery_img {
	width: 19.7%;
	float: left;
	overflow: hidden !important;
	margin: 1.5px;
	cursor: pointer;
}

.alumni_gallery_img img {
	width: 100%;
}

.zoom-big {
	transition: transform 2s;
	/* Animation */
}

.zoom-big:hover {
	transform: scale(1.1);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

h2.alumni_table_ttl {
	letter-spacing: 0px;
	text-transform: initial;
	font-size: 24px;
	color: #0e254f;
	text-align: center;
	font-style: inherit;
	font-weight: 600;
	padding-top: 0px;
	padding-bottom: 20px;
	font-family: Roboto !important;
}

.alumni_table_bg {
	padding-top: 50px;
	margin-bottom: 40px;
}

table.tbl {
	border: 1px solid #dbdbdb;
}

table {
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	margin-bottom: 30px;
	font-family: Roboto;
}

.tbl tr:nth-child(odd) {
	background-color: #f1f1f1;
}

.tbl tr {
	text-align: center;
	font-size: 15px;
	font-family: Roboto;
}

.tbl td {
	padding: 12px;
	font-weight: normal !important;
}


/*---------------------------------*/


/*--------Professional body---------*/

h2.prof_bdy_ttl {
	font-size: 24px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	margin-bottom: 30px;
	font-family: Roboto;
	text-align: center;
	font-family: Roboto;
	padding-top: 30px !important;
}

.prof_bdy {
	padding: 0px !important;
	margin: 0px;
	margin-top: 160px;
	margin-bottom: 80px;
}

.prof_icon_img {
	background: #E0E0E0;
	width: 19%;
	float: left;
	overflow: hidden !important;
	margin: 4px;
}

.prof_icon_img img {
	width: 100%;
}


/*---------------------------------*/


/*--------Industrial Institute---------*/

.industry_collab {
	margin-top: 150px;
	margin-bottom: 80px;
}

h2.industry_collab_ttl {
	font-size: 24px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	margin-bottom: 30px;
	font-family: Roboto;
	text-align: center;
	font-family: Roboto;
	padding-top: 30px;
}

h2.industry_collab_ttl:after {
	content: '';
	background: #f3c326;
	display: block;
	height: 3px;
	width: 60px;
	margin: 8px auto;
}

.industry_collab .slide_bg {
	padding: 0px;
	padding-top: 0px !important;
}

.industry-text-block {
	margin-top: 20px;
}

ul.indus_line_ht li {
	line-height: 34px !important;
	font-size: 18px !important;
}


/*---------------------------------*/


/*--------Industrial Institute---------*/

.cons_pro {
	margin-top: 140px;
	margin-bottom: 30px;
}

.cons_pro .divider-inner-ylw {
	margin-left: -15px;
}

h2.cons_pro_ttl {
	font-size: 24px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	margin-bottom: 10px;
	font-family: Roboto;
	text-align: left;
	font-family: Roboto;
	padding-top: 30px;
}

h2.cons_pro_amt {
	font-size: 20px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	margin-bottom: 10px;
	font-family: Roboto;
	text-align: right;
	font-family: Roboto;
	padding-top: 30px;
}

.mk-divider-ylw {
	padding: 0px 0 20px;
	display: block;
	width: 100%;
	border-top-width: 3px;
	border-top-color: #f3c326;
	width: 60px !important;
	float: left !important;
}

.divider-inner-ylw {
	border-top-width: 3px;
	border-top-color: #f3c326;
	width: 60px;
	border-top: 3px solid;
	position: relative;
	color: #f3c326;
	font-weight: 400;
	line-height: 1.89em;
	display: block;
}

tr.tble_ttl {
	background: #0e254f !important;
	color: #ffffff;
}

table.tble {
	border: 1px solid #dbdbdb;
	text-align: left !important;
}

table.tblespl {
	border: 1px solid #dbdbdb;
	text-align: left !important;
	width: 100%;
	display: inline-block;
	overflow-x: scroll !important;
	overflow: hidden;
}

table {
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	margin-bottom: 30px;
	font-family: Roboto;
}

.tble tr:nth-child(odd) {
	background-color: #f1f1f1;
}

.tble tr {
	text-align: left;
	font-size: 16px;
	font-family: Roboto;
}

tr.tble_ttl td strong {
	color: #fff !important;
}

.tble td {
	padding: 12px;
	font-weight: normal !important;
	line-height: 30px;
}


/*---------------------------------*/


/*------Green Campus---------------*/

.green_campus_ttl {
	position: relative;
	padding: 20px;
	box-shadow: 5px 2px 10px #b5b9be;
	left: -15%;
	background: #fff;
	top: 28px;
	z-index: 90;
	margin-left: -15px;
}

.green_campus_ttl h4 {
	color: #00254f !important;
	text-transform: capitalize !important;
	font-size: 26px !important;
	font-family: Roboto;
	font-weight: bolder;
}

.green_campus_ttl p {
	font-size: 16px;
	color: #2e2e2e;
	line-height: 32px;
	text-align: justify;
}

.green_campus_slide_class {
	padding: 0px 10px 0px 10px;
}

.green_campus_text_block_1 p {
	font-size: 16px;
	color: #2e2e2e;
	line-height: 32px;
	text-align: justify;
	margin-bottom: 20px;
}

.green_campus_table_ttl p {
	padding: 10px !important;
	background: #00254f !important;
	color: #ffffff !important;
	font-size: 20px !important;
	font-family: Roboto;
	font-weight: bolder;
}

.green_campus_table_abs p {
	font-size: 16px;
	color: #2e2e2e;
	line-height: 32px;
	text-align: justify;
	margin-bottom: 20px;
}

.green_campus_table_abs ul li {
	position: relative;
	margin: 0 0 6px 0 !important;
	padding: 0 0 0 0px;
	line-height: 24px !important;
	font-size: 16px !important;
	margin-bottom: 15px !important;
}

.green_campus_table_abs ul {
	margin-left: 0px !important;
}

.green_campus_table_abs i {
	color: #f3c326;
}

.green-campus {
	margin-top: 50px;
}


/*---------------------------------*/


/*------Green Campus---------------*/

.hostel {
	margin-top: 50px;
}

.hostel_bg {
	padding-bottom: 20px;
}

.hostel_ttl {
	position: relative;
	padding: 20px;
	box-shadow: 5px 2px 10px #b5b9be;
	left: -15%;
	background: #fff;
	top: 28px;
	z-index: 9999;
	margin-left: -15px;
}

.hostel_ttl h4 {
	color: #00254f !important;
	text-transform: capitalize !important;
	font-size: 26px !important;
	font-family: Roboto;
	font-weight: bolder;
}

.hostel_ttl p {
	font-size: 16px;
	color: #2e2e2e;
	line-height: 32px;
	text-align: justify;
}

.hostel_text_block_1 p {
	font-size: 16px;
	color: #2e2e2e;
	line-height: 32px;
	text-align: justify;
	margin-bottom: 20px;
}

.hostel_table_ttl p {
	padding: 10px !important;
	background: #00254f !important;
	color: #ffffff !important;
	font-size: 20px !important;
	font-family: Roboto;
	font-weight: bolder;
}

.hostel_text_block_2 h4 {
	color: #00254f !important;
	text-transform: capitalize !important;
	font-size: 24px !important;
	font-family: Roboto;
	font-weight: bolder;
	text-align: center;
}

.hostel_text_block_2 {
	padding-bottom: 20px;
}

.hostel_img_ttl {
	text-align: center;
	margin-top: -10px;
	z-index: 99999;
	position: relative;
}

.hostel_img_ttl p {
	padding: 10px !important;
	background: #f3c326 !important;
	color: #00254f !important;
	font-size: 20px !important;
	font-family: Roboto;
	font-weight: bolder;
}

.hostel_img_block p {
	font-size: 16px;
	color: #2e2e2e;
	line-height: 32px;
	text-align: center;
	margin-bottom: 20px;
}

.hostel_img_block img {
	padding-top: 10px;
}

.hostel_img_ttl_block {
	margin: 0px 20px;
}

.hostel_box_shadow {
	box-shadow: 3px 0px 11px 2px #cecece;
}

.hostel_box_shadow:hover {
	box-shadow: 1px 4px 20px 2px #cccfdd;
}


/*---------------------------------*/


/*--------Contact US-------------------------*/

.contact_us_text_block_2 h4,
.contact_us_text_block_2 a {
	color: #00254f !important;
	font-size: 24px !important;
	font-family: Roboto;
	font-weight: bolder;
	text-align: center;
}

.contact_us_text_block_2 {
	padding: 20px 20px;
}

.contact_icon {
	width: 42px;
	height: 42px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	float: left;
	border-radius: 50%;
	background: #0e254f;
	padding-top: 10px;
}

.contact_icon i {
	color: #f3c326;
	font-size: 20px;
}

.contact_icon_block {
	float: left;
	height: 100px;
	padding-right: 10px;
}

.contact_loc {
	margin-top: 40px;
}


/*---------------------------------*/


/*------Admission-------------------*/

.admission_slides_class {
	overflow: hidden;
	width: 100%;
	z-index: 20;
	visibility: inherit;
	opacity: 1;
	padding: 0px !important;
	margin: 0px !important;
}

.admission_block {
	width: 360px;
	float: left !important;
	background: #fff;
	display: block;
	position: relative !important;
	margin-top: -570px;
	z-index: 99999;
	right: -100px;
	padding: 20px;
}

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

h4.admission_ttl {
	color: #666666;
	font-family: Roboto;
	font-size: 22.8px;
	font-weight: bolder;
	text-align: center;
}

.admission_block input,
.admission_block select {
	width: 100%;
	height: 45px;
	background-color: #fafafa;
	font-size: 14px;
	padding: 0px 15px;
	color: #777;
}

.admission_block select {
	font-weight: bold;
}

.admission_field_pos {
	text-align: center;
	padding-bottom: 20px;
}

.submit-button {
	background: #f3c326;
	color: #fff;
	width: 100%;
	font-weight: bold;
	padding: 10px 0px;
}

.admission_email.admission_field_pos i {
	float: right;
	margin-top: -28px;
	position: relative;
	margin-right: 15px;
}

.admission_email.admission_field_pos fa-envelope:before {
	content: "\f0e0";
}


/*---------------------------------*/


/*---------Programs and Curriculum----*/

h2.progncurri_ttl {
	font-size: 24px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	margin-bottom: 20px;
	font-family: Roboto;
	text-align: center;
	font-family: Roboto;
	padding-top: 30px;
}

h2.prog_desc {
	font-size: 16px !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #0e254f !important;
	font-family: Roboto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

p.prog_desc {
	text-align: center !important;
	text-decoration: underline;
}

.prog_box_shadow {
	box-shadow: 3px 0px 11px 2px #cecece;
	overflow: hidden;
}

.prog_caption_left {
	float: left;
	position: relative;
	margin-top: -130px;
}

.prog_caption_right {
	float: right;
	position: relative;
	margin-top: -130px;
}

a.prog_caption {
	color: #FFC107 !important;
	background-color: #202C45 !important;
	border-color: #202C45;
	padding: 12px 17px;
	border-radius: 5px;
	font-family: Roboto;
	font-size: 12px;
}

.prog_caption_left {
	transition-duration: 0.5s;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: 0.5s;
	-moz-transform-origin: bottom;
	-moz-transition-duration: 0.5s;
	-o-transform-origin: bottom;
	-o-transition-duration: 0.5s;
	margin-left: -75px;
	opacity: 0;
}

.prog_box:hover .prog_caption_left {
	transition-duration: 0.5s;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: 0.5s;
	-moz-transform-origin: bottom;
	-moz-transition-duration: 0.5s;
	-o-transform-origin: bottom;
	-o-transition-duration: 0.5s;
	margin-left: 0px;
	opacity: 1;
}

.prog_caption_right {
	transition-duration: 0.5s;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: 0.5s;
	-moz-transform-origin: bottom;
	-moz-transition-duration: 0.5s;
	-o-transform-origin: bottom;
	-o-transition-duration: 0.5s;
	margin-right: -75px;
	opacity: 0;
}

.prog_box:hover .prog_caption_right {
	transition-duration: 0.5s;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-webkit-transition-duration: 0.5s;
	-moz-transform-origin: bottom;
	-moz-transition-duration: 0.5s;
	-o-transform-origin: bottom;
	-o-transition-duration: 0.5s;
	margin-right: 0px;
	opacity: 1;
}


/*---------------------------------*/


/*------CSE Lab---------------------------*/

.mainbanner_caption_cse_library {
	background-color: rgba(14, 37, 79, 0.7);
	text-align: center;
	width: 600px;
	height: 50px;
	opacity: 1;
	position: relative;
	float: right !important;
	right: 0px;
	margin-top: -50px;
}

.mainbanner_caption_cse_library h4 {
	font-family: Roboto !important;
	color: rgb(255, 255, 255) !important;
	padding-top: 5px;
	font-size: 22px;
	font-weight: 500;
}

.tab_active {
	background: #f3c326 !important;
	z-index: 9;
	position: relative;
}

.tab_arrow {
	background: #0e254f;
	border-radius: 3px;
	z-index: 9;
	position: relative;
	margin-bottom: 3px;
	cursor: pointer;
}

.tab_arrow:hover {
	transition-duration: 0.2s;
	background: #f3c326;
	border-radius: 3px;
	z-index: 9;
	position: relative;
	margin-bottom: 3px;
	color: #fff !important;
}

.tab_arrow:hover p {
	transition-duration: 0.2s;
	margin: 0px !important;
	padding: 15px 20px !important;
	text-align: left;
	color: #fff;
}

.tab_active p {
	margin: 0px !important;
	padding: 15px 20px !important;
	text-align: left;
	color: #fff !important;
}

.tab_arrow p {
	margin: 0px !important;
	padding: 15px 20px !important;
	text-align: left;
	color: #ffffff;
}

.tab_arrow i {
	padding-right: 10px;
}

.tab_active::before {
	content: '';
	position: absolute;
	right: -4%;
	margin-top: 10px;
	border-bottom: 14px solid transparent;
	border-top: 14px solid transparent;
	border-left: 14px solid #f3c326;
	height: 0px;
	z-index: 9;
}

.tab_col {
	padding: 0px !important;
}

.tab_section {
	padding-top: 20px !important;
	padding-bottom: 60px !important;
	background-color: #efefef;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.tab_section.central,
.tab_section.first-year,
.tab_section.cse-laboratory {
	margin-top: 40px;
	background: none;
}

.tab_section.international {
	padding-top: 50px !important;
}

.tab_section.international .tab_content {
	padding: 30px;
}

.tab_section.international .corp_ttl_img img {
	width: 100%;
}

h2.cse_laboratory_infra_title {
	letter-spacing: 0px;
	text-transform: initial;
	font-size: 24px;
	color: #0e254f;
	text-align: left;
	font-family: Roboto !important;
	font-weight: 600;
	padding-top: 30px;
	padding-bottom: 20px;
}

.computer-science h2.rules_tab_ttls {
	margin-top: 40px;
}

.mbalab h2.rules_tab_ttls {
	margin-top: 2px;
}

.tab_content {
	background: #fff;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.3);
	padding-bottom: 20px;
	min-height: 650px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.img_content {
	padding: 10px !important;
}

.pic_frame_block {
	overflow: hidden;
}


/*---------------------------------*/


/*-------Central Library--------------------------*/

.mainbanner_caption_central_library {
	background-color: rgba(14, 37, 79, 0.7);
	text-align: center;
	width: 175px;
	height: 50px;
	opacity: 1;
	position: relative;
	float: right !important;
	right: 0px;
	margin-top: -50px;
	border-radius: 5px;
}

.mainbanner_caption_central_library h4 {
	font-family: Roboto !important;
	color: rgb(255, 255, 255) !important;
	padding-top: 5px;
	font-size: 22px;
	font-weight: 500;
}

.lib_book_titles {
	text-align: center;
}

.lib_book_titles i {
	color: #f3c326;
	font-size: 64px;
}

.text_underline:after {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 3px;
	background: #fff;
	top: 0;
	margin-left: 125px;
	margin-top: 125px;
}

.lib_text {
	padding-top: 20px;
}

.lib_resource_block {
	text-align: center;
}

.lib_resource_block img {
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.3);
}

.lib_resource_txt p {
	color: #0e254f;
	font-size: 18px;
	font-weight: bolder;
}

.lib_resource_txt a {
	color: #f3c326 !important;
	font-size: 16px;
	font-weight: bolder;
}

.lib_resource_txt {
	margin-left: 60px;
	margin-right: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.3);
	margin-top: -10px;
	z-index: 9;
	position: relative;
	background: #fff;
}

.lib_resources {
	padding-bottom: 50px;
	padding-top: 50px;
}

.mainbanner_caption_IT_library {
	background-color: rgba(14, 37, 79, 0.7);
	text-align: center;
	width: 250px;
	height: 50px;
	opacity: 1;
	position: relative;
	float: right !important;
	right: 0px;
	margin-top: -50px;
	border-radius: 5px;
}

.mainbanner_caption_IT_library h4 {
	font-family: Roboto !important;
	color: rgb(255, 255, 255) !important;
	padding-top: 5px;
	font-size: 22px;
	font-weight: 500;
}

.mainbanner_caption_rules {
	background-color: rgba(14, 37, 79, 0.7);
	text-align: center;
	width: 300px;
	height: 50px;
	opacity: 1;
	position: relative;
	float: right !important;
	right: 0px;
	margin-top: -50px;
}

.mainbanner_caption_rules h4 {
	font-family: Roboto !important;
	color: rgb(255, 255, 255) !important;
	padding-top: 12px;
	font-size: 18px;
	font-weight: 500;
}

.rules {
	margin-top: 40px;
}

.rules_tabs_container {
	padding-left: 200px;
}

.rules_tab_item {
	background: #0e254f;
	float: left;
	text-align: center;
	padding: 15px;
	margin: 0px 2px 0px 0px;
	border-radius: 5px;
	cursor: pointer;
}

.rules_tab_item i {
	color: #f3c326 !important;
	padding-right: 10px;
	font-size: 20px;
}

.rules_tab_item a {
	float: left;
	text-align: center;
	color: #fff !important;
}

.rules_tab_active {
	background: #ECECEC;
	float: left;
	text-align: center;
	padding: 15px;
	margin: 0px 2px 0px 0px;
	border-radius: 5px;
	cursor: pointer;
}

.rules_tab_active a {
	float: left;
	text-align: center;
	color: #0e254f !important;
}

.rules_tabs_container ul {
	text-align: center;
}

h2.rules_tab_ttl {
	font-size: 24px !important;
	font-weight: bolder !important;
	color: #0e254f !important;
	margin-bottom: 20px;
	font-family: Roboto;
	text-align: left !important;
	font-family: Roboto;
	padding-top: 15px;
}

.rules_tab_txt p {
	font-size: 16px !important;
	line-height: 35px;
	font-family: Roboto;
}

.rules_tab_content_container {
	background: #f8f8f8;
	margin-top: -3px;
	z-index: 9;
	position: relative;
	padding-bottom: 50px;
	padding-top: 50px;
	margin-bottom: 70px;
}

.rules_tab_img {
	/* padding-left: 15px;
    padding-right: 15px; */
}

.rules_tab_img img {
	box-shadow: 2px 2px 9px 9px #dddddd;
	border-radius: 5px;
}

.rules_text_block_2 p {
	border-left: 3px solid #FFC107;
	padding-left: 14px;
	font-size: 16px;
	font-weight: 600;
	color: #010145;
}

.rules_text_block_1 {
	padding-bottom: 10px;
}

.rules_text_block_2 {
	padding-bottom: 10px;
}

table.rules_tbl {
	border: 1px solid #dbdbdb;
}

table {
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	margin-bottom: 30px;
	font-family: Roboto;
}

.rules_tbl tr:nth-child(odd) {
	background-color: #f1f1f1;
}

.rules_tbl tr {
	text-align: center;
	font-size: 15px;
	font-family: Roboto;
}

.rules_tbl td {
	padding: 5px;
	font-weight: normal !important;
	line-height: 30px;
}

.rules_tbl {
	margin-top: 30px;
}

.mainbanner_caption_be-cse {
	background-color: rgba(14, 37, 79, 0.7);
	text-align: center;
	width: 600px;
	height: 50px;
	opacity: 1;
	position: relative;
	float: right !important;
	right: 0px;
	margin-top: -50px;
}

.mainbanner_caption_be-cse h4 {
	font-family: Roboto !important;
	color: rgb(255, 255, 255) !important;
	padding-top: 5px;
	font-size: 22px;
	font-weight: 500;
}

.achievment_section_be_cse_con {
	padding-top: 20px;
	padding-bottom: 20px;
}

.be_cse_img_block {
	padding: 5px;
	background: #010145;
}

.be_cse_img_block:hover {
	padding: 5px;
	background: #FFC107;
}

h2.be_cse_img_block_txt {
	text-align: center;
	font-size: 20px;
	font-family: Roboto;
	color: #fff;
	background: #010145;
	margin-top: -10px;
	padding-top: 5px;
}

h2.be_cse_txt_ttl_1 {
	font-size: 20px !important;
	font-weight: bolder !important;
	color: #0e254f !important;
	margin-bottom: 20px;
	font-family: Roboto;
	text-align: left;
	font-family: Roboto;
	padding-top: 30px;
	margin-top: -15px;
}

.be_cse_tab_img img {
	padding-top: 50px;
}

.achievment_section_be_cse {
	background: #efefef;
}

.vission_mk_icon {
	background: #FFC107;
	float: left;
	height: 64px;
	width: 64px;
	text-align: center;
	border-radius: 50%;
	margin-top: 30px;
	z-index: 9;
	position: relative;
}

.vission_mk_icon img {
	height: 50px;
	padding-top: 15px;
}

.vision_txt_block {
	border: 1px solid #e0e0e0;
	background-color: #f4f4f4;
	margin-left: -25px;
	padding-left: 50px !important;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.mission_mk_icon {
	background: #FFC107;
	float: left;
	height: 64px;
	width: 64px;
	text-align: center;
	border-radius: 50%;
	margin-top: 95px;
	z-index: 9;
	position: relative;
}

.mission_mk_icon i {
	height: 50px;
	padding-top: 10px;
	font-size: 45px;
	color: #fff;
}

.mission_txt_block {
	border: 1px solid #e0e0e0;
	background-color: #f4f4f4;
	margin-left: -25px;
	padding-left: 50px !important;
	padding-bottom: 20px;
}

.arw1 li:before {
	content: "\f101";
	font-family: fontawesome;
	position: absolute;
	left: 76px;
	color: #04044d;
}

.arw1 li {
	padding-left: 10px;
}

.hod_img img {
	box-shadow: 2px 2px 20px 2px #c5c5c5;
	border-radius: 50%;
}

h2.hod_ttl {
	font-size: 20px !important;
	font-weight: bolder !important;
	color: #0e254f !important;
	font-family: Roboto;
	text-align: left;
	padding-top: 20px;
}

h2.hod_ttl1 {
	font-size: 20px !important;
	font-weight: bolder !important;
	color: #0e254f !important;
	margin-bottom: 20px;
	font-family: Roboto;
	text-align: left;
	padding-top: 20px;
}

h2.hod_ttl2 {
	font-size: 18px !important;
	font-weight: bolder !important;
	color: #F3C326 !important;
	margin-bottom: 20px;
	font-family: Roboto;
	text-align: left;
}

h2.hod_ttl3 {
	font-size: 20px !important;
	font-weight: bolder !important;
	color: #0e254f !important;
	margin-bottom: 20px;
	font-family: Roboto;
	text-align: left;
}

.hod_tab_txt {
	margin-left: 15px;
}

a.ln {
	font-size: 16px !important;
	line-height: 35px;
	font-family: Roboto;
	color: #0e254f !important;
}

a.ln:before {
	content: "\f08b";
	font-family: fontawesome;
	position: relative;
	right: 16px;
}

.hod_tab_txt:hover a.ln {
	color: red !important;
}

.timeline {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	padding: 1em 0;
	list-style-type: none;
}

.timeline:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: ' ';
	display: block;
	width: 6px;
	height: 100%;
	margin-left: -3px;
	background: rgb(80, 80, 80);
	background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
	background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 21, 122, 0) 0%, rgb(0, 21, 95) 8%, rgb(0, 21, 60) 92%, rgba(80, 80, 80, 0) 100%);
	z-index: 5;
}

.timeline li {
	padding: 1em 0;
}

.direction-r {
	position: relative;
	width: 390px;
	float: right;
}

.direction-l {
	position: relative;
	width: 377px;
	float: left;
	text-align: right;
}

.flag {
	position: relative;
	display: inline;
	background: #0e254f;
	padding: 6px 10px;
	border-radius: 5px;
	font-weight: 600;
	text-align: left;
	color: #f3c326;
	font-size: 20px;
}

.flag-wrapper {
	position: relative;
	display: inline-block;
	text-align: center;
}

.desc {
	margin: 1em 0.75em 0 0;
	font-size: 0.77777em;
	line-height: 1.5em;
	font-size: 16px;
}

.flag:before {
	position: absolute;
	top: 50%;
	right: -55px;
	content: ' ';
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -10px;
	background: #fff;
	border-radius: 10px;
	border: 4px solid #FF9800;
	z-index: 10;
}

.timeline li:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.direction-r .flag:before {
	left: -55px;
}


/*---------------------------------*/

#fancy-title-23 {
	letter-spacing: 0px;
	text-transform: initial;
	font-size: 24px;
	color: #0e254f;
	text-align: left;
	font-style: inherit;
	font-weight: 600;
	padding-top: 0px;
	padding-bottom: 10px;
	font-family: roboto;
}

.mk-fancy-title {
	margin-bottom: 18px;
}

.vc_custom_1585815833866 {
	margin-bottom: 0px !important;
}

#text-block-24 {
	margin-bottom: 0px;
	text-align: left;
}

.mk-fancy-title p:last-child {
	margin-bottom: 0 !important;
}

.mk-fancy-title p {
	font-size: inherit !important;
	line-height: inherit !important;
}

.mk-fancy-title p {
	color: inherit;
}

.mk-fancy-title p {
	font-family: inherit !important;
	-webkit-text-fill-color: unset;
}

#fancy-title-25 {
	letter-spacing: 0px;
	text-transform: initial;
	font-size: 24px;
	color: #0e254f;
	text-align: left;
	font-style: inherit;
	font-weight: 600;
	padding-top: 0px;
	padding-bottom: 10px;
	font-family: roboto;
}

.vc_custom_1591068953539 {
	margin-bottom: 0px !important;
}

#text-block-26 {
	margin-bottom: 0px;
	text-align: left;
}

.arw li {
	list-style-type: none;
	line-height: 34px;
}

b.sttl {
	font-size: 18px !important;
	margin-bottom: 16px !important;
	color: #333333;
}

.vc_custom_1590556005523 {
	margin-bottom: 0px !important;
}

#text-block-27 {
	margin-bottom: 0px;
	text-align: left;
}

#fancy-title-28 {
	letter-spacing: 0px;
	text-transform: initial;
	font-size: 24px;
	color: #0e254f;
	text-align: left;
	font-style: inherit;
	font-weight: 600;
	padding-top: 0px;
	padding-bottom: 10px;
	font-family: roboto;
}

.vc_custom_1585815898814 {
	margin-bottom: 0px !important;
}

#text-block-29 {
	margin-bottom: 0px;
	text-align: left;
}

.vc_custom_1585815908322 {
	margin-bottom: 0px !important;
}

#text-block-30 {
	margin-bottom: 0px;
	text-align: left;
}

.prof_img_block {
	width: 25%;
	float: left;
	background: #e0e0e0 !important;
}

.prof_img_block:hover {
	background: #e0e0e0 !important;
}

.plus_icon {
	text-align: center;
	float: left;
	margin-top: -130px;
	margin-left: 80px;
	z-index: 9;
	position: relative;
}


.gal-container {
	padding: 12px;
}

.gal-item {
	overflow: hidden;
	background-color: #e0e0e0;
}

.gal-item .box {
	overflow: hidden;
}

.gal-item .box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	-o-object-fit: cover;
}

.gal-item a:focus {
	outline: none;
}

.gal-item a:after {}

.gal-item a:hover:after {
	content: url("../images/add-icon.png");
	font-family: 'Glyphicons Halflings';
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
	line-height: 200px;
	font-size: 30px;
	color: #fff;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	background: rgb(100%, 75.7%, 2.7%, 0.75);
	transition: opacity .25s ease-in-out;
}

.modal-open .gal-container .modal {
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-open .gal-item .modal-body {
	padding: 0px;
}

.modal-content {
	border-radius: 0px !important
}

.modal-open .gal-item button.close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: #7e7c73;
	color: #fff;
	border-radius: 2px;
	font-size: 18px;
	line-height: 35px;
	opacity: 0.5 !important;
}

.modal-open .gal-item button.close:focus {
	outline: none;
}

.modal-open .gal-item button.close span {
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow: none;
}

.gal-item .box {
	background: none;
}

.gal-container .modal-dialog {
	width: 253px !important;
}

.gal-container .modal-dialogue {
	width: 80%;
}

.gal-container .description {
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: left;
}

.gal-container .description h4 {
	margin: 0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}

.gal-container .modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: 35%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform: translate3d(0, -100px, 0);
	transform: translate3d(0, -100px, 0);
	opacity: 1;
}

@media (min-width: 768px) {
	.gal-container .modal-dialog {
		width: 55%;
		margin: 50 auto;
	}
}

@media (max-width: 768px) {
	.gal-container .modal-content {
		height: 250px;
	}
}


/* Footer Style */

i.red {
	color: #BC0213;
}

.gal-container {
	padding-top: 75px;
	padding-bottom: 75px;
}

footer {
	font-family: 'Quicksand', sans-serif;
}

footer a,
footer a:hover {
	color: #88C425;
}

ul.arw2 li:before {
	content: "\f0a9";
	font-family: fontawesome;
	color: #0e254f;
	position: absolute;
	left: 15px;
	font-size: 18px;
	padding-left: 2px;
}

.arw2 li {
	list-style-type: none;
	line-height: 34px;
}

.survey-tile {
	text-align: center;
	background: #e0e0e0;
	padding-top: 20px;
}

.survey-tile img {
	height: 100px;
	width: 100px;
}

.survey-caption {
	padding-top: 20px;
	font-weight: bolder;
}

.click_btn {
	background: #FFC107;
	padding: 10px;
}

.angle_icon_left {
	font-size: 50px;
	margin-left: -150px;
}

.angle_icon_right {
	font-size: 50px;
	margin-right: -150px;
}

.angle_icon_right i {
	margin-top: 141px;
	text-decoration: none;
	color: #000;
}

.angle_icon_left i {
	margin-top: 141px;
	text-decoration: none;
	color: #000;
}

table.csetbl1 {
	border: 1px solid;
	color: BLACK;
}

.csetbl1 th {
	text-align: center;
	padding: 18px 12px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	border: 0;
}

table.csetbl1 td {
	border: 1px solid;
	color: #000000;
	text-align: center;
}

table.csetbl1 a {
	color: #000 !important;
	text-decoration: underline !important;
}

.login_access_section {
	padding-top: 20px !important;
	padding-bottom: 60px !important;
	background-color: #efefef;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.login_txt_block {
	text-align: center;
	background: #fff;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: -15px;
	z-index: 9;
	padding-top: 10px;
	padding-bottom: 1px;
	position: relative;
	box-shadow: 2px 2px 11px 2px #bababa;
}

.login_txt_block:hover {
	box-shadow: 2px 2px 11px 0px #bababa;
}

.login_txt_block p {
	font-size: 18px;
	font-weight: 500;
}

.login_txt_block a {
	color: #FFC107 !important;
	font-size: 16px;
	font-weight: 500;
}

.login_acess_block img {
	box-shadow: 2px 2px 20px 2px #c0c0c0;
}

.corp_image {
	overflow: hidden;
	padding: 0px !important;
	max-height: 165px;
}

.green_campus,
.green_campus_text_block_1 {
	margin-bottom: 50px !important;
}

.corp_img_pos {
	padding: 3px 3px !important;
}

.corp_ttl_img {
	text-align: center;
	padding-bottom: 20px;
}

.corp_ttl_img img {
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.gallery_images {
	padding-bottom: 20px;
	padding-top: 20px;
}


/* The Modal (background) */

.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 75px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/* background-color: black;*/
}


/* Modal Content */

.modal-content {
	position: relative;
	background-color: #fff;
	margin: auto;
	padding: 0;
	width: 50%;
	max-width: 1200px;
	padding: 20px;
}


/* The Close Button */

.modalClose {
	color: white;
	position: absolute;
	top: 110px;
	right: 300px;
	font-size: 35px;
	font-weight: bold;
	/* opacity: 0.4; */
	transition: 0.6s ease;
	z-index: 1;
	top: 13%;
	right: 12%;
}

.modalClose:hover {
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
}


/* Next & previous buttons */

.modalPrev,
.modalNext {
	cursor: pointer;
	position: absolute;
	top: 300px;
	padding: 16px;
	margin-top: 50px;
	color: white;
	font-weight: bold;
	font-size: 40px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
	opacity: 0.7;
	height: 100%;
	top: 0;
	padding-top: 25%;
	width: 100px;
}

.modalNext {
	right: 0px;
	border-radius: 3px 0 0 3px;
}

.modalPrev {
	left: 30px;
	border-radius: 3px 0 0 3px;
}

.modalNext:hover {
	opacity: 1;
}

.modalPrev:hover {
	opacity: 1;
}


/* Hide the slides by default */

.mySlides {
	display: none;
}


/* Caption text */

.caption-container {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
}

img.demo {
	opacity: 0.6;
}

.active,
.demo:hover {
	opacity: 1;
}

img.hover-shadow {
	transition: 0.3s;
}

.hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.home_lightbox .modal {
	padding-top: 40px !important;
	background: rgba(0, 0, 0, 0.6);
}

.home_lightbox .modal-content {
	background: #fff;
	padding: 20px;
	margin: 0px auto;
	box-shadow: none !important;
	background: rgba(0, 0, 0, 0);
	text-align: center;
	border: none;
}

.home_lightbox .modal-content img {
	width: auto !important;
	max-height: 600px;
}

.thumbnail {
	margin-bottom: 6px;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	margin-top: 10%;
	width: 5%;
}

.mobile-clients {
	display: none;
}

#myDIV {
	width: 100%;
	text-align: center;
}

.activities-modal .full_news img {
	height: auto !important;
	background: #e0e0e0;
}

.activities-modal .modal-content {
	width: 25%;
	background: #e0e0e0;
	margin-top: 6%;
}

.activities-modal .modalClose {
	top: 160px;
	right: 530px;
}

.activities-modal .modalPrev {
	left: -100px;
}

.activities-modal .modalNext {
	right: -140px;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .caret {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
}

.dropdown-submenu.open>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.open>.dropdown-menu,
.dropdown-submenu.open>.dropdown-menu {
	display: block;
}

.dropdown-submenu .dropdown-menu {
	margin-bottom: 8px;
}

.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
	background-color: #f6f6f6;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
	background-color: #333;
}

.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu>li>a {
	padding-left: 30px;
}

.mobile-view-mini-header {
	display: none;
}

@media screen and (min-width:992px) {
	.dropdown-submenu .dropdown-menu {
		margin-bottom: 2px;
	}

	.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu>li>a {
		padding-left: 25px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
		background-color: #fff;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
		background-color: #fff;
	}
}

@media (min-width:320px) and (max-width:767px) {
	.mobile-view-mini-header {
		display: block;
	}

	.mobile-view-mini-header {
		background: #0e254f;
		text-align: center;
	}

	.kode-topbar {
		display: none;
	}

	.mobile-view-mini-header .kode-topbar {
		display: block;
	}

	.navbar-inverse {
		margin-top: 200px;
	}

	.mobile-view-mini-header button {
		background: none;
		text-align: center;
		margin: 10px 0px;
	}

	.mobile-view-mini-header .blink-bg {
		width: 100%;
		margin: 10px 0px;
	}

	.mobile-view-mini-header .social-icons {
		width: 100%;
		float: left;
		text-align: center;
		margin: 10px 0px;
	}

	.mobile-view-mini-header .navbar-inverse {
		width: 100%;
		top: -140px;
		left: 0px;
	}

	.mobile-bg .navbar-nav {
		background: #fff;
		width: 100%;
		margin: 0px;
		margin-top: 40px;
		border-radius: 0px !important;
	}

	.mobile-bg .nav>li {
		width: 100%;
	}

	.mobile-bg .navbar-inverse .navbar-nav>li>a {
		color: #000 !important;
		border-bottom: 1px solid #eee;
		padding-top: 18px !important;
	}

	.mobile-bg .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #000 !important;
	}

	.mobile-bg .navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border: none;
		box-shadow: none !important;
	}

	.mobile-bg .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
		padding-left: 10px;
		border-top: 1px solid rgba(0, 0, 0, .1);
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		background-color: rgba(0, 0, 0, .02);
		color: #000;
	}

	.mobile-view-mini-header .navbar-inverse {
		background: none;
	}

	.mobile-bg .navbar-nav>li>a::after {
		display: none;
	}

	.mobile-bg .caret {
		float: right;
		margin-top: 9px;
	}

	.mobile-bg .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		outline: 0;
	}

	.mobile-bg .nav a {
		font-weight: normal;
		padding: 5px 15px;
	}

	.mobile-bg ul.sub-dropdown-menu {
		position: static;
		left: 0;
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: 5px 0px;
	}

	.mobile-bg ul.sub-dropdown-menu li,
	.mobile-bg ul.sub-dropdown-menu li a {
		color: #000 !important;
		padding-left: 15px !important;
	}

	.mobile-view-mini-header .logo1 {
		width: 80%;
		float: left;
		margin-bottom: 5px;
	}

	.mobile-view-mini-header .navbar-inverse .navbar-toggle {
		border: none;
		position: absolute;
		top: -15px;
		right: 10px;
	}

	.mainbanner_caption {
		width: auto;
		height: 40px;
		margin-top: -40px;
		text-align: left;
		padding: 0px;
	}

	.mainbanner_caption h4 {
		padding-top: 10px;
		font-size: 13px;
		padding-left: 15px;
	}

	.abt_margin h2.abt_ttl {
		font-size: 26px !important;
		text-align: center;
	}

	.abt_margin .mg h2.abt_ttl {
		margin-top: 270px;
	}

	.abt_margin .WhyPanimalar {
		padding-top: 0px;
	}

	.abt_img_engg {
		margin-top: 20px;
		padding-left: 20px !important;
		width: 100%;
		padding-right: 20px !important;
	}

	.abt_img_engg img {
		width: 100%;
		height: 100% !important;
	}

	.abt_campus_bck {
		background-size: cover !important;
		background-position: center !important;
		padding: 80px 0px;
	}

	.abt_margin .camp-mobile h2.abt_ttl {
		margin-top: 0px;
	}

	.abt_milestone .align {
		float: left;
	}

	.abt_milestone .align img {
		float: left;
	}

	.abt_milestone {
		margin-bottom: 40px;
		margin-left: 40px;
	}

	.abt_margin .miler h2.abt_ttl {
		font-size: 26px !important;
		text-align: center;
		padding: 12px;
		margin-top: 40px;
	}

	.con1 {
		width: 100%;
		display: inline-block;
		padding: 0px !important;
	}


	.it {
		margin-bottom: 20px;
	}

	.item4a,
	.item4b,
	.item5a,
	.item5b,
	.item6a,
	.item6b,
	.item7a,
	.item7b,
	.item8a,
	.item8b,
	.item9a,
	.item9b,
	.item10a,
	.item10b,
	.item11a,
	.item11b,
	.item12a,
	.item12b,
	.item13a,
	.item13b,
	.item14a,
	.item14b,
	.item15a,
	.item15b,
	.item16a,
	.item16b,
	.item17a,
	.item17b,
	.item18a,
	.item18b,
	.item19a,
	.item19b,
	.item20a,
	.item20b,
	.item21a,
	.item21b,
	.item22a,
	.item22b,
	.item23a,
	.item23b,
	.item24a,
	.item24b,
	.item25a,
	.item25b,
	.item26a,
	.item26b,
	.item27a,
	.item27b,
	.item28a,
	.item28b {
		display: none;
	}

	.foot_menu h1 {
		width: 100%;
		float: left;
		margin-top: 10px;
	}

	.foot_menu a {
		padding-left: 0px;
	}

	a.scrollup,
	a.scrollup:visited {
		right: 30px;
	}

	.sec_img_decoration {
		padding-top: 0px;
		padding-right: 0px;
	}

	.secretary-section .sec_img {
		padding: 0px 15px !important;
	}

	p.sec-name {
		font-size: 26px;
	}

	h2.progncurri_ttl {
		font-size: 26px !important;
		padding-top: 0px;
	}

	.contact_us_text_block_2 h4 {
		margin-top: 180px;
		margin-bottom: 0px;
	}

	.contact_data {
		margin-bottom: 40px;
	}

	h2.prof_bdy_ttl {
		padding-top: 0px;
	}

	.prof_icon_img {
		width: 100%;
	}

	.prof_bdy {
		padding: 20px !important;
		margin-top: 140px;
		margin-bottom: 40px;
	}

	.hostel_ttl,
	.green_campus_ttl {
		margin-left: 0px;
		left: 0;
	}

	.hostel_text_block_1 {
		margin-top: 20px;
	}

	.admission_bg {
		margin-top: 110px !important;
	}

	.admission_block {
		margin-top: 25px;
		width: 100%;
		right: 0;
		z-index: 0;
	}

	.green_campus_text_block_1 {
		margin-top: 50px;
	}

	.green_campus_table_ttl p {
		margin-bottom: 20px;
	}

	.alumni_table table.tbl {
		width: 100%;
		display: inline-block;
		overflow-x: scroll !important;
		overflow: hidden;
	}

	.mainbanner_alumni_caption {
		width: 180px;
		height: 40px;
		margin-top: -40px;
		text-align: left;
	}

	.mainbanner_alumni_caption h4 {
		padding-top: 10px;
		font-size: 14px;
		padding-left: 15px;
	}

	h2.alumni_ttl {
		margin-top: 220px;
		margin-bottom: 10px;
	}

	.pdf-block {
		margin-bottom: 20px;
	}

	.alumni_img {
		padding: 25px 20px 0px 20px !important;
	}

	.alumni_gallery_img {
		width: 100%;
	}

	.alumni_table_bg h2.alumni_table_ttl {
		padding: 20px;
	}

	.alumni_table_bg {
		margin-top: 20px;
	}

	#mainbanner_cse_library {
		margin-top: 111px;
	}

	.mainbanner_caption_cse_library {
		width: 180px;
		height: 40px;
		margin-top: -40px;
		text-align: left;
	}

	.mainbanner_caption_cse_library h4 {
		padding-top: 10px;
		font-size: 14px;
		padding-left: 15px;
	}

	.mainbanner_caption_central_library,
	.mainbanner_caption_IT_library,
	.mainbanner_caption_rules {
		width: 180px;
		height: 40px;
		margin-top: -40px;
		text-align: left;
	}

	.mainbanner_caption_central_library h4,
	.mainbanner_caption_IT_library h4,
	.mainbanner_caption_rules h4 {
		padding-top: 10px;
		font-size: 14px;
		padding-left: 15px;
	}

	.tab_col {
		padding: 0px 15px !important;
	}

	.central .tab_content {
		margin: 15px;
		min-height: auto !important;
	}

	.central .img_content {
		padding: 0px !important;
	}

	.lib_book_titles img,
	.lib_book_titles i {
		margin-bottom: 20px;
	}

	.lib_book_titles {
		margin-bottom: 40px;
	}

	.text_underline:after {
		margin-top: 150px;
	}

	.lib_text {
		padding-top: 40px;
	}

	.lib_resource_txt {
		margin: 0px 0px 25px 0px;
	}

	.lib_resource_txt p {
		padding: 0px 5px;
	}

	table.tble {
		width: 100%;
		display: inline-block;
		overflow-x: scroll !important;
		overflow: hidden;
	}

	h2.cons_pro_amt {
		text-align: left;
		margin-bottom: 15px;
	}

	#mainbanner_be-cse,
	#mainbanner_IT_library {
		margin-top: 111px;
	}

	.caps,
	.mainbanner_caption_be-cse {
		width: 300px;
		height: 40px;
		margin-top: -40px;
		text-align: left;
	}

	.caps h4,
	.mainbanner_caption_be-cse h4 {
		padding-top: 10px;
		font-size: 10px;
		padding-left: 15px;
	}

	.tab_section.international .tab_content {
		margin: 15px !important;
		padding: 20px;
	}

	.cse-laboratory .tab_content,
	.first-year .tab_content,
	.tab_content.computer-science {
		margin: 15px;
		padding: 20px;
		min-height: 100% !important;
	}

	.img_content {
		padding: 0px !important;
	}

	.rules_tabs_container {
		margin-top: 230px;
		padding-left: 0px;
	}

	.rules_tabs_container ul {
		margin-left: 0px;
	}

	.rules_tab_item {
		width: 100%;
		margin-bottom: 10px;
	}

	.rules_tab_content_container {
		margin: 10px 30px !important;
		padding: 20px;
		margin-bottom: 50px !important;
	}

	.management-team {
		margin-top: 120px !important;
	}

	.be_cse_img_block {
		margin-bottom: 20px;
	}

	.login_txt_block {
		margin: 0px 0px 20px 0px;
	}

	.login_access_section {
		padding-bottom: 0px !important;
	}

	.slider-bg h3.hme_ttl1 {
		font-size: 24px !important;
		text-align: center;
		margin-bottom: 20px;
	}

	.slider-bg .mk-divider,
	.fixed-bg .mk-divider {
		display: none;
	}

	h3.sttl {
		left: -42px;
	}

	.stud:before,
	.faculty:before,
	.rank:before,
	.placement:before,
	.alumni:before {
		left: 30px;
	}

	.fixed-bg h3.hme_ttl1 {
		text-align: center;
		font-size: 24px !important;
		margin-top: 10px;
	}

	.pp {
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}

	p.para-text {
		width: 100%;
		margin-top: 20px;
	}

	.training-cnt {
		padding: 0px !important;
	}

	.hh .wpb_wrapper {
		height: 125px !important;
	}

	.head h4 {
		top: 40%;
		right: 60px;
		font-size: 20px;
	}

	h3.hme_ttl1.ali {
		margin-top: 0px;
		line-height: 40px !important;
		margin-bottom: 20px;
	}

	.cli {
		display: none;
	}

	.sec {
		height: 430px;
	}

	.test-bg .box img {
		margin-top: -60px;
	}

	.test-bg .box {
		margin-bottom: 20px;
	}

	.exp p {
		font-size: 24px;
		width: 100%;
		display: inline-block;
	}

	.pg {
		padding-bottom: 20px;
	}

	.full_news img {
		width: 100%;
		margin-bottom: 20px;
		height: 100%;
	}

	.modal-content {
		width: 90%;
		margin-top: 100px;
	}

	.modalClose {
		top: 125px;
		right: 0;
		left: 323px;
	}

	.full_news {
		margin-bottom: 10px;
	}

	.inv-bg h2.hme_ttl1 {
		font-size: 24px !important;
	}

	.inv-bg .subject-caption {
		margin-bottom: 20px;
	}

	.full_AI,
	.data_AI,
	.full_DS,
	.data_DS,
	.data_ML,
	.full_ML,
	.data_AC,
	.full_AC {
		width: 100%;
		display: inline-block;
	}

	.mobile-clients {
		display: block;
		padding-bottom: 60px;
	}

	.client-logo {
		background-color: #fff;
		height: 200px;
		padding: 10px;
	}

	.client-logo img {
		width: 100%;
		height: 120px;
	}

	.mobile-clients .carousel-indicators ol {
		bottom: -33px;
		left: 50%;
		z-index: 15;
		width: 60%;
	}

	.mobile-clients .carousel-indicators li {
		border: 1px solid #ccc;
		background-color: #ccc;
	}

	.mobile-bg .nav li.admission {
		height: 40px;
	}

	.mobile-bg .navbar-inverse .navbar-nav>li.cc a {
		color: #fff !important;
	}

	.mobile-view-mini-header .kode-topbar {
		z-index: 99999;
	}

	.mgg {
		margin-top: 20px;
	}

	.cse-laboratory .zoom-big {
		margin-bottom: 15px;
	}

	.kode-wrapper .kode-header-absolute.kf_sticky .mobile-view-mini-header button img {
		display: none;
	}

	.activities-modal .modal-content {
		width: 60%;
		margin-top: 25%;
	}

	.activities-modal .modalPrev {
		left: -65px;
	}

	.activities-modal .modalNext {
		right: -98px;
	}

	.navbar-inverse {
		border: none !important;
	}
}

a.brochure {
	font-family: Roboto;
	font-size: 16px;
	color: #fdfafa !important;
	margin-left: 10px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	background: #0e254f !important;
	border-radius: 30px;
	margin-right: 5px;
	font-weight: normal !important;
	line-height: 22px;
	height: 29px;
}

a.brochure:hover {
	text-decoration: none;
	color: #ffffff !important;
	background: #0188a9 !important;
}

.pdf:before {
	content: "\f1c1";
	font-family: 'FontAwesome';
	color: #fdfafa;
	padding-left: 8px;
}

.ece-laboratory .full_news img {
	height: 100%;
}

.ece-laboratory .tab_content {
	min-height: 100% !important;
}

.p_0 {
	padding: 0px !important;
}

.cl .modal-content {
	margin-top: 60px;
}

.cl .modalClose {
	top: 140px;
}

.rob-sec {
	background-color: #eaeaea;
	margin-top: 20px;
}

.rob-sec img {
	padding: 5% 5% 0;
}

.rob-sec h5 {
	line-height: 1.66em;
	padding: 10% 10% 7%;
	letter-spacing: 1px;
	color: #0e254f;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	font-family: Roboto;
}

.rob-sec p {
	text-align: center;
	padding: 0 7% 7%;
}

.rob-sec .read-more {
	background-color: #f3c326 !important;
	color: #ffffff !important;
	;
	display: block;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	transition: all .2s ease-out;
	padding: 10px;
}

.robo .carousel-control.left {
	left: -45px;
}

.robo .carousel-control.right {
	right: -45px;
}

.robo .arrow_icon {
	color: rgb(128, 128, 128) !important;
	display: block;
}

.robo .tab_content {
	min-height: 100% !important;
}

.club-sec img {
	border-radius: 10px;
}

.club-inner {
	margin-top: 10px;
}

.club-inner .arrow_icon {
	padding-top: 90px;
}

.club-inner .arrow_icon {
	color: #fff !important;
}

.club-inner .carousel-control.left {
	left: 20px;
}

.club-inner .carousel-control.right {
	right: 20px;
}

.robo .pdf-block {
	margin-left: 30px;
	display: inline-block;
}

.robo .tab_arrow {
	z-index: 1;
}

.club-inner .rr>.column {
	padding: 0 8px;
}

.club-inner .rr:after {
	content: "";
	display: table;
	clear: both;
}

.club-inner .club-sec {
	width: 100% !important;
}

.club-inner .column {
	float: left;
	width: 25%;
}


/* The Modal (background) */

.club-inner .modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: black;
}


/* Modal Content */

.club-inner .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 45%;
	max-width: 1200px;
	margin-top: 50px;
}


/* The Close Button */

.club-inner .close {
	color: white;
	position: absolute;
	top: 140px;
	right: 300px;
	font-size: 35px;
	font-weight: bold;
	opacity: 1;
}

.club-inner .close:hover,
.club-inner .close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}

.club-inner .mySlides {
	display: none;
}

.club-inner .cursor {
	cursor: pointer;
}


/* Next & previous buttons */

.club-inner .prev,
.club-inner .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	color: white;
	font-weight: bold;
	font-size: 20px;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

.club-inner .pre .prev,
.club-inner .pre .next {
	padding: 16px;
}


/* Position the "next button" to the right */

.club-inner .next {
	right: 0;
	border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */

.club-inner .prev:hover,
.club-inner .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}


/* Number text (1/3 etc) */

.club-inner .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

.club-inner img {
	margin-bottom: -4px;
}

.club-inner .caption-container {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
}

.club-inner .demo {
	opacity: 0.6;
}

.club-inner .active,
.club-inner .demo:hover {
	opacity: 1;
}

.club-inner img.hover-shadow {
	transition: 0.3s;
}

.club-inner .hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (min-width:320px) and (max-width:767px) {
	a.brochure {
		float: none;
	}
}

.boxcol {
	background-color: #0e254f;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 25px;
}


/* ME Commn Systems start*/

.me-cs {
	margin-top: 50px;
}

.hod-tab .card-body {
	padding: 20px;
	border: 1px solid #e6e6e6 !important;
	margin-top: 0px;
	background-color: #ffffff !important;
	color: #2e2e2e !important;
	font-size: 16px !important;
	font-family: Verdana !important;
	margin-top: 5px;
	display: inline-block;
	width: 100%;
}

.hod-tab .nav-tabs {
	margin-left: 0px;
	width: 100%;
	border-bottom: none;
}

.hod-tab .nav-tabs>li {
	margin-left: -1px;
}

.hod-tab .nav-tabs .nav-item.active .nav-link {
	color: #0e254f !important;
	cursor: default;
	background-color: #ffffff !important;
	border: 1px solid #e6e6e6 !important;
}

.hod-tab .nav-tabs .nav-item .nav-link {
	margin-right: 0px !important;
	line-height: 1.42857143 !important;
	border: 1px solid #d5d5d5 !important;
	border-radius: 0px 0px 0 0 !important;
	background-color: #e8e8e8 !important;
	color: #0e254f !important;
	padding: 15px 34px 15px 18px !important;
	text-decoration: none !important;
	font-size: 17px !important;
	text-align: center !important;
	font-family: Verdana !important;
	font-weight: normal;
}

.hod-tab .activit p {
	font-family: roboto;
	line-height: 35px;
	color: #2e2e2e !important;
	text-align: justify;
}

.hod-tab .prof-detail {
	font-family: roboto !important;
	line-height: 30px;
}

.hod-tab .prof-detail h6 {
	text-transform: capitalize !important;
	font-size: 20px !important;
	text-decoration: underline;
	text-decoration-color: #FFC107;
	color: #404040;
	font-weight: 600;
	font-family: roboto !important;
	padding-bottom: 10px;
}

.hod-tab ul.arw li {
	margin-bottom: 10px;
}

.hod-tab ul.arw li:before {
	left: 40px;
}

.hod-tab b.sttl {
	font-size: 16px !important;
	margin-bottom: 16px !important;
	color: #2e2e2e;
	font-family: roboto;
}

.hod-tab .flag {
	font-weight: 500 !important;
	font-size: 16px !important;
}

.hod-tab .desc {
	font-family: roboto;
}

.hod-tab .direction-r .flag:before {
	left: -34px;
}

.hod-tab .flag:before {
	right: -34px;
}

.hod-tab .tb-cnt {
	background: #eeeeee;
	border-left: 3px solid #0e254f;
	padding: 20px 30px;
	font-family: roboto !important;
}

.hod-tab span.num {
	color: #FFC107;
	font-size: 40px;
	font-weight: 600;
	top: 3px;
	position: relative;
	line-height: 58px;
}

.hod-tab .mg-b {
	margin-bottom: 20px;
}

.paper-section {
	margin-top: 80px;
	padding: 0px !important;
}

.paper-section p.cust_qte {
	background: #fff;
	padding: 60px 60px;
	border-radius: 15px;
	border-left: 3px solid #FFC107;
	border-right: 3px solid #FFC107;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}

.paper-section a.popmake-general-inquiry.pum-trigger {
	color: #06065f !important;
	font-weight: 600;
}

.right-sec h4 {
	letter-spacing: 0px;
	text-transform: initial;
	font-size: 16px;
	color: #0e254f;
	text-align: left;
	font-style: inherit;
	font-weight: 500;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Roboto;
	margin-bottom: 18px;
}

.right-sec h6 {
	letter-spacing: 0px;
	text-transform: initial;
	font-size: 16px;
	color: #2e2e2e;
	text-align: left;
	font-style: inherit;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Roboto;
	margin-bottom: 5px;
}

.right-sec .read-btn {
	margin-top: 30px;
	margin-bottom: 30px;
}

.right-sec .read-btn a.btn1 {
	background: #000a43 !important;
	color: #fff !important;
	padding: 10px 15px;
	border-radius: 5px;
	box-shadow: 2px 0px 8px 1px #808080c7;
	font-size: 14px !important;
}

.paper {
	margin-top: 30px;
	border-bottom: 1px solid #ebebeb;
}

.mg-bt {
	margin-bottom: 40px !important;
}

@media (min-width:320px) and (max-width:767px) {
	.hod-tab .nav-tabs>li {
		width: 100%;
	}

	.hod-tab .direction-l,
	.direction-r {
		width: 100% !important;
		float: left !important;
		text-align: center;
	}

	.hod-tab .flag {
		background: none;
		font-weight: bold !important;
	}

	.hod-tab .timeline:before,
	.hod-tab .flag:before {
		display: none;
	}

	.hod-tab .timeline {
		margin-top: 0px;
		padding-top: 0px;
	}

	.hod-tab .timeline li {
		margin-left: 0px;
	}

	.hod-tab .card-body {
		padding: 10px !important;
	}

	.hod-tab .desc {
		margin: 10px 0px 0px 0px !important;
	}

	.hod-tab a.pdf-icon:before {
		left: 0px !important;
	}

	.paper img {
		margin-bottom: 15px;
	}

	body .vision_txt_block,
	body .mission_txt_block {
		width: 100%;
		margin-left: 0px !important;
		padding-left: 15px !important;
	}

	.vission_mk_icon {
		margin: 20px 15px 15px 0px;
	}

	.mission_txt_block .arw1 {
		margin-left: 0px;
	}

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

	.mission_txt_block .arw1 li:before {
		left: 20px !important;
	}
}


/* ME Commn Systems end*/


/* index popup starts  */

.ftco-section {
	background: #fff;
}

.ftco-section h2 {
	margin-bottom: 0;
}

.modal-dialog {
	max-width: 500px;
}

.modal-content {
	border: none;
	position: relative;
	padding: 0 !important;
	-webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
}

.modal-content .modal-header {
	position: relative;
	padding: 0;
	border: none;
	/**height: 190px; **/
	/**230**/
	position: relative;
	z-index: 0;
}

.modal-content .modal-header:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background: #dd00ff;
	background: -moz-linear-gradient(45deg, #dd00ff 0%, #3e65ff 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, #dd00ff), color-stop(100%, #3e65ff));
	background: -webkit-linear-gradient(45deg, #dd00ff 0%, #3e65ff 100%);
	background: -o-linear-gradient(45deg, #dd00ff 0%, #3e65ff 100%);
	background: -ms-linear-gradient(45deg, #dd00ff 0%, #3e65ff 100%);
	background: linear-gradient(45deg, #dd00ff 0%, #3e65ff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dd00ff', endColorstr='#3e65ff', GradientType=1);
	z-index: -1;
	opacity: .3;
}

.modal-content button.close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	width: 40px;
	height: 40px;
	z-index: 1;
	color: rgb(14, 13, 13);
	opacity: 1 !important;
}

.modal-content .modal-body {
	border: none;
	overflow: hidden;
	/**margin-top: -180px;**/
	margin-top: 10px;
	z-index: 2;
}

.modal-content .modal-body .icon {
	width: 200px;
	height: 170px;
	border-radius: 50%;
	font-size: 30px;
	margin: 0 auto;
	margin-bottom: 10px;
	/**background: rgba(255, 255, 255, 0.2); **/
}

.modal-content .modal-body .icon img {
	max-width: 100%;
}

.close {
	font-size: 25px !important
}

.modal-content .modal-body h2 {
	font-weight: 700;
	color: #fff;
}

.modal-content .modal-body h4 {
	font-size: 18px;
}

.modal-content .modal-body h3 {
	font-weight: 800;
	font-size: 22px;
}

.modal-content .modal-body h3 span {
	font-weight: 300;
}

.modal-content .subscribe-form .form-group {
	position: relative;
	margin-bottom: 0;
	border-radius: 0;
}

.modal-content .subscribe-form .form-group input {
	background: rgba(0, 0, 0, 0.05) !important;
	border: none !important;
	outline: none !important;
	color: rgba(0, 0, 0, 0.3) !important;
	font-size: 16px;
	border-radius: 0;
}

.modal-content .subscribe-form .form-group input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: rgba(0, 0, 0, 0.3) !important;
}

.modal-content .subscribe-form .form-group input::-moz-placeholder {
	/* Firefox 19+ */
	color: rgba(0, 0, 0, 0.3) !important;
}

.modal-content .subscribe-form .form-group input:-ms-input-placeholder {
	/* IE 10+ */
	color: rgba(0, 0, 0, 0.3) !important;
}

.modal-content .subscribe-form .form-group input:-moz-placeholder {
	/* Firefox 18- */
	color: rgba(0, 0, 0, 0.3) !important;
}

.modal-content .subscribe-form .form-group input:focus {
	outline: none !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal-content .subscribe-form .form-group .submit {
	color: #fff !important;
	display: block;
	width: 130px;
	height: 52px;
	font-size: 16px;
	background: #3e64ff !important;
	border: none;
	border-radius: 0;
}

.modal-content .subscribe-form .form-group .submit:hover,
.modal-content .subscribe-form .form-group .submit:focus {
	text-decoration: none !important;
	outline: none !important;
}

.modal-content .subscribe-form .icon {
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: rgba(255, 255, 255, 0.8);
}

.modal-open {
	overflow: hidden;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 0.5rem;
	pointer-events: none;
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-webkit-transform: translate(0, -50px);
	-ms-transform: translate(0, -50px);
	transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
	.modal.fade .modal-dialog {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.modal-dialog-scrollable {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
	max-height: calc(100vh - 1rem);
	overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
	overflow-y: auto;
}

.modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
	max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
	content: none;
}

.modal-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.show {
	opacity: 0.5;
}

.modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}

.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}

.modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

.modal-footer> :not(:first-child) {
	margin-left: .25rem;
}

.modal-footer> :not(:last-child) {
	margin-right: .25rem;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media (max-width: 576px) {
	.modal-content .modal-body .icon {
		height: 110px;
	}
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 700px !important;
		margin: 30px auto;
	}

	@media (min-width: 576px) {
		.modal-dialog {
			max-width: 700px !important;
			margin: 1.75rem auto;
		}

		.modal-dialog-scrollable {
			max-height: calc(100% - 3.5rem);
		}

		.modal-dialog-scrollable .modal-content {
			max-height: calc(100vh - 3.5rem);
		}

		.modal-dialog-centered {
			min-height: calc(100% - 3.5rem);
		}

		.modal-dialog-centered::before {
			height: calc(100vh - 3.5rem);
		}

		.modal-sm {
			max-width: 300px;
		}
	}

	@media (min-width: 992px) {

		.modal-lg,
		.modal-xl {
			max-width: 800px;
		}
	}

	@media (min-width: 1200px) {
		.modal-xl {
			max-width: 1140px;
		}
	}

	.adull {
		color: #333 !important;
		text-decoration: none !important;
		font-size: 16px;
	}


	a.adull:hover {
		color: #333 !important;
		text-decoration: none !important;
	}

	.adullu {
		color: #333 !important;
		text-decoration: underline !important;
		font-size: 16px;
	}

	.adullu:hover {
		color: #0071bd !important;
		text-decoration: underline !important;
		font-size: 16px;
	}

	.facList_table,
	.cse_library_table {
		overflow-x: scroll !important;
	}

	.be_cse_tab_img {
		text-align: center;
		margin-bottom: 0;
		/* Remove default margin if any */
		display: inline-block;
		/* Make the container fit the content */
		width: 100%;
		/* Ensure the container uses full width */
	}

	.be_cse_tab_img img {
		display: block;
		width: 100%;
		/* Ensure the image uses full width */
	}

	.be_cse_tab_img-image-caption {
		background-color: #0e254f;
		/* Semi-transparent black background */
		color: white;
		padding: 10px;
		width: 100%;
		text-align: center;
		font-size: 16px;
		box-sizing: border-box;
		/* To include padding in width */
	}

	.photo-groupcommon {
		display: flex;
		/* Use flexbox to align photos horizontally */
		justify-content: center;
		/* Center the photos horizontally */
		margin-bottom: 0px;
		/* Space below the photo group */
	}

	/* Container for each photo without individual caption */
	.photo-containercommon {
		text-align: center;
		margin-right: 10px;
		/* Space between photos */
	}

	.photo-containercommon img {
		display: block;
		width: 100%;
		/* Ensure the image uses full width */
	}

	/* Common caption style */
	.common-photo-caption {
		background-color: #0e254f;
		/* Background color */
		color: white;
		padding: 10px;
		width: 100%;
		text-align: center;
		font-size: 16px;
		box-sizing: border-box;
		/* To include padding in width */
	}

	.modal-content {
		max-width: 100% !important;
		padding: 10px !important;
	}

	.modal-contentpopup {
		max-width: 100% !important;
		padding: 10px !important;
	}

	body .modal-content img {
		max-height: auto !important;
	}

	.modalClose {
		top: 12% !important;
		right: 29.5% !important;
		font-size: 30px !important;
		background: #0e254f;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 30px;
		text-align: center;
	}

	body .full_news {
		padding: 3px !important;
	}


	.kode-wrapper .kode-header-absolute.kf_sticky {
		z-index: 999 !important;
	}

	.modal {
		z-index: 9999 !important;
	}

	.alumni_gallery_fluid .modalClose {
		top: 19.5% !important;
	}

	.bg-blue {
		background-color: #05366D;
	}

	.highlights .alumni_gallery_img {
		width: 100% !important;
		margin-top: 20px;
	}

	.highlights .cont {
		background-color: #fff;
		box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.05);
		padding: 15px;
		height: 190px;
	}

	.highlights .cont p,
	.highlights .cont p a {
		color: #F12F2F !important;
		font-family: 'Raleway', sans-serif;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
		margin: 0;
	}


	.highlights .cont span {
		color: #000;
		display: inline;
	}

	.highlights .zoom-big:hover {
		transform: none !important;
	}

	.alumni_gallery_fluid .modalClose {
		top: 18% !important;
	}

	@media (min-width:320px) and (max-width:767px) {

		body .modal-content {
			max-width: 85% !important;
		}

		body .modalClose {
			top: 26% !important;
			right: 0 !important;
			left: 89% !important;
		}

		.alumni_gallery_fluid .modalClose {
			top: 18% !important;
		}


	}

	@media (min-width:320px) and (max-width:991px) {


		.highlights .cont {
			height: auto !important;
		}

	}

	@media (min-width:992px) and (max-width:1199px) {


		.highlights .cont {
			height: 300px !important;
		}

	}

	@media (min-width:1200px) and (max-width:1399px) {


		.highlights .cont {
			height: 260px !important;
		}

	}


	@media (min-width:320px) and (max-width:767px) {

		.modal.in .modal-dialog {
			max-width: 100% !important;
		}

	}

	.modal {
		overflow: auto !important;
	}

	.video-container {
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	.video-container::after {
		padding-top: 56.25%;
		display: block;
		content: '';
	}

	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.vertical-text {
		writing-mode: vertical-rl;
		/* Writing mode from right to left */
		text-orientation: mixed;
		/* Ensures text is upright */
		transform: rotate(180deg);
		/* Rotates the text to be bottom to top */
		white-space: nowrap;
		/* Prevents wrapping */

	}

	.imgborder5 {
		border-radius: 5px;

	}

	.plcmnt tr td a,
	.customlink {
		color: #000 !important;
		text-decoration: underline !important;
	}

	.customlink:hover {
		color: #000 !important;
		text-decoration: underline !important;
	}


	.mt-20 {
		margin-top: 20px;
	}

	/**academics menu starts**/
	.academics-menu-bg {
		width: 650px !important;
	}

	@media (min-width:768px) and (max-width:991px) {

		.academics-menu-bg {
			width: 350px;
		}

		.menu-head li {
			border-right: none !important;
		}

	}


	.inner-header nav ul.children.academics-menu-bg {
		margin-left: 0px !important;
	}

	@media (min-width:768px) and (max-width:991px) {

		.inner-header nav ul.children.academics-menu-bg {
			width: 300px !important;
			margin-left: 0px !important;
		}

	}

	@media (min-width:992px) and (max-width:1399px) {

		.inner-header nav ul.children.academics-menu-bg {
			margin-left: -260px !important;
		}

	}

	/**academics menu ends**/


	#digitalLibraryIcon {
		margin-left: auto;
		/* Ensures the icon is pushed to the right */
	}

	.sdfffsdfs {
		color: #333333;
		font-weight: 400;
		font-size: 14px;
		line-height: 0;
	}

	.marquee-content-items {
		padding: 0;
		margin: 0;
		font-weight: 400;
		font-size: 14px;
		padding-top: 5px;
		line-height: 0 !important;
	}

	.marquee-content-items li {
		display: contents;
		padding-right: 15px;
		font-size: 14px;
		font-weight: 500 !important;
	}

	.marquee-content-items img {
		width: 21px;
	}

	.sdfffsdfs a {
		color: #b10132 !important;
		font-weight: bolder !important;
	}

	.sdfsdfsd {
		background: #ffffff;
	}

	.sdfdsf-faass .fixed-bg .carousel-indicators li,
	.sdfdsf-faass .inv-bg .carousel-indicators li {
		background: #ffffff !important;
		border: 1px solid #ffffff !important;
	}

	.abt-sec {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.sdfdsfds img {
		width: 23px;
	}

	.sdfdsfds ul li a {
		color: #333333 !important;
	}

	.sdfdsfds ul li {
		padding-bottom: 10px;
	}

	.sdfdsfsd ul {
		padding: 0 !important;
		margin: 0 !important;
	}

	.sdfdsfsd ul li {
		padding-bottom: 10px;
		padding-left: 0 !important;
		margin-left: 0 !important;
		line-height: 23px;
	}

	.sdfffdsdsfdss {
		padding: 0;
		margin: 0;
	}

	.sdfffdsdsfdss ul {
		padding: 0;
		margin: 0;
	}

	.sdfffdsdsfdss li {
		padding-bottom: 10px;
		margin-left: 0;
		color: #ffffff;
		font-size: 14px;
		line-height: 23px;
	}

	.sdfffdsdsfdss li i {
		float: left;
		width: 30px;
		line-height: 28px;
		font-size: 16px;
		color: #ffffff;
	}

	.sdfffdsdsfdss li a {
		color: #ffffff;
		font-size: 14px;
		line-height: 23px;
	}

	.sdfffdsdsfdss li p {
		text-align: left;
		font-size: 14px;
		line-height: 23px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.vv1 {
		padding-left: 30px;
	}

	.sdfdsp {
		height: 70px;
		width: 70px;
	}

	.mk-copyright p {
		font-size: 14px;
		line-height: 23px;
		color: #ffffff;
		font-weight: 500;
	}


	.sdfdsfsfggo li {
		margin-left: 0 !important;
		padding: 10px 7px;
		width: 141px;
		text-align: center;
		background-color: #093866 !important;
		color: #dfdfdf !important;
		display: inline-block;
		text-transform: uppercase;
		border-radius: 25px;
		margin: 15px 7px;

	}

	.sdfdsfsfggo li a {
		font-weight: 500;
		font-size: 13px;
	}

	.sdfdsfsfggo li a i {
		margin: 0 5px 0 0;
		font-size: 14px;
		color: #24c3f7;
	}

	.sdfdsfsd h1 {
		color: #24c3f7;
		padding: 10px 0;
		border-bottom: 1px solid #163D66;
		font-size: 18px;
		margin: 0 0 15px 0;
	}

	.dfsdf9 ul li a::before {
		color: #13b73c;
		margin: 0 10px 1px 0;
		content: "\e913";
		font-family: "icomoon";
		font-size: 8px;
		float: left;
	}

	.pt-10 {
		padding-top: 10px;
	}

	.pt-20 {
		padding-top: 20px !important;
	}

	.univ-logo2 img {
		height: 91px;
	}

	@media only screen and (max-width: 767px) {
		.m-none {
			display: none;
		}

		.logo1 img {
			width: 250px;
		}

		.menu-btn {
			margin-top: -3px !important;
			margin-right: 20px !important;
		}

		.sdfssdf {
			float: left;
			width: 250px;
		}
	}

	.name-box {
		padding-top: 10px;
	}

	.name-box h4 {
		text-align: center;
		font-size: 25px;
		color: #0e254f;
		font-weight: 500;
	}

	.name-box p {
		text-align: center;
		font-weight: 500;
		font-size: 18px;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.pb-20 {
		padding-bottom: 20px;
	}

	.table-act {
		background: #0e254f;
		font-weight: bold;
		color: #ffffff;
	}

	table {
		font-size: 16px;
		color: #2e2e2e;
		line-height: 26px !important;
		font-weight: 400;
		font-family: Roboto;
	}

	.sfsfsdf h3 {
		font-family: "Raleway", sans-serif;
		font-weight: 600;
		font-size: 35px;
		line-height: 45px;
	}

	.pb-10 {
		padding-bottom: 10px;
	}

	.new-list li {
		line-height: 25px;
		padding-left: 30px;
		font-size: 16px;
		color: #2e2e2e;
		list-style: none;
		background-image: url(../../images/lis.png);
		background-repeat: no-repeat;
		background-position: 0 2px;
		margin-bottom: 10px;
		text-align: justify;
		font-weight: 400 !important;
		margin-left: 0;
	}

	.new-list {
		padding: 0;
		margin: 0;
	}

	.roobb h4 {
		font-family: "Raleway", sans-serif;
		font-size: 30px;
		line-height: 40px;
		font-weight: 600;
	}

	.roobb h5 {
		font-family: "Raleway", sans-serif;
		font-size: 25px;
		line-height: 35px;
		font-weight: 600;
	}

	.roobb h6 {
		font-family: "Raleway", sans-serif;
		font-size: 21px;
		line-height: 31px;
		font-weight: 600;
	}

	.depadfs h4 {
		font-family: "Raleway", sans-serif;
		font-size: 30px;
		line-height: 40px;
		font-weight: 600;
		color: #B10132 !important;
	}

	.depadfs h5 {
		font-family: "Raleway", sans-serif;
		font-size: 21px;
		line-height: 35px;
		font-weight: 600;
		padding-bottom: 5px;
	}

	.depadfs h6 {
		font-family: "Raleway", sans-serif;
		font-size: 18px;
		line-height: 28px;
		font-weight: 600;
	}

	.blud {
		color: #0e254f !important;
	}

	.bg-hassgg {
		background: #f2f2f2;
	}

	.sdfsfdsfsdf .panel-heading .accordion-toggle:after {
		/* symbol for "opening" panels */
		font-family: 'Glyphicons Halflings';
		/* essential for enabling glyphicon */
		content: "\e114";
		/* adjust as needed, taken from bootstrap.css */
		float: right;
		/* adjust as needed */
		color: #ffffff;
		/* adjust as needed */
		font-size: 16px;
		line-height: 37px;
	}

	.sdfsfdsfsdf .panel-heading .accordion-toggle.collapsed:after {
		/* symbol for "collapsed" panels */
		content: "\e080";
		/* adjust as needed, taken from bootstrap.css */
		font-size: 16px;
	}

	.sdfsfdsfsdf .panel-default>.panel-heading {
		background: #0e254f !important;
	}

	.sdfsfdsfsdf .panel-title a {
		font-size: 16px;
	}

	.sdfsfdsfsdf .panel-title {
		line-height: 25px !important;
	}

	.menu-seee {
		background: #0e254f !important;
	}

	.menu-seee .blink-container {
		border: 0 !important;
	}

	.col-xs-5ths,
	.col-sm-5ths,
	.col-md-5ths,
	.col-lg-5ths {
		position: relative;
		min-height: 1px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.col-xs-5ths {
		width: 20%;
		float: left;
	}

	@media (min-width: 768px) {
		.col-sm-5ths {
			width: 20%;
			float: left;
		}
	}

	@media (min-width: 992px) {
		.col-md-5ths {
			width: 20%;
			float: left;
		}
	}

	@media (min-width: 1200px) {
		.col-lg-5ths {
			width: 20%;
			float: left;
		}
	}
.menu-btn {
    display: none !important;
	visibility: hidden !important;
    opacity: 0 !important;
}

	/* .dropdown-menu {
		background-color: #003366 !important;
		border: none;
		border-radius: 4px;
		padding: 10px 0;
		display: none;
		position: absolute;
		z-index: 1000;
	}

	.dropdown-item {
		color: #ffffff !important;
		font-weight: 500;
		padding: 10px 20px;
		display: block;
		text-decoration: none;
	}

	.dropdown-item:hover {
		background-color: #ffcc00 !important;
		color: #000000 !important;
	}

	@media (max-width: 991px) {
		.dropdown-menu {
			position: static !important;
			width: 100%;
		}


	}

@media (max-width: 380px) {
ul#nirfMenu {
    background: #000;
} } */

    /* --- DESKTOP STYLES (Above 991px) --- */
   
    /* --- 1. DESKTOP STYLES (Above 991px) --- */