@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;
    }
}

@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;
}

.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;
}



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 {
    width: 60% !important;
    padding-top: 15px;
}

.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: #f3c326 !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: 250px !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: 280px !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(../../images/h3.jpg);
}

.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: 100px;
    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: #333333 !important;
}
.sdfsdfsd{
    padding-top: 7px;
    padding-bottom: 7px;
    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{
    display: inline;
    float: left;
    margin-left: 0 !important;
}
.sdfdsfsfggo a {
    padding: 10px 7px;
    width: 154px;
    text-align: center;
    margin: 15px 10px;
    background-color: #093866 !important;
    color: #dfdfdf !important;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 25px;
    font-weight: 500;
}
.sdfdsfsfggo ul li a i {
    margin: 0 10px 0 0;
    font-size: 18px;
    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: #B10132 !important;
}