/*Master Page*/
/*Body BG*/
.body-bg
{

}
/*Body BG*/
/*Header*/
/*Header Top*/
.header-top {
    background-color:rgba(0,0,0,0.2);
    color:#f5f5f5;
    margin-bottom:15px;
}
    .header-top p {
        margin-bottom: 0rem;
        padding-top: .3rem;
        font-size: .9rem;
        color: #c0eae1;
    }

.social-links {
    list-style: none;
	font-size: 0;
	padding: 0;
}
.social-links ul {
    margin-bottom:0rem;
}
    .social-links li {
	    display: inline-block;
	    margin: 0 2px 2px 0;
    }
        .social-links li a {
	        height: 45px;
	        display: block;
	        text-align: center;
	        font-size: 20px;
	        background: #e84c3d;
	        border: 1px solid #e84c3d;
	        color: #fff;
        }
        .social-links li a:hover {
	        background-color: transparent;
	        border-color: #cd3c2e;
	        color: #cd3c2e;
        }
        .social-links li a i {
	        line-height: 44px;
        }

.header-top .social-links {
	margin: 0;
}
.header-top .social-links li {
	padding: 1px 2px 1px;
	margin: 0;
}
.header-top .social-links li:hover {
	background-color: transparent;
}
.header-top .social-links li a {
	font-size: 14px;
}
.header-top .social-links li:first-child {
}
.header-top .social-links li a {
	border: none;
	height: 30px;
	color: #c0eae1;
    -webkit-animation:colorchange 2s infinite alternate;
	background-color: transparent;
	border-color: transparent;
}
@-webkit-keyframes colorchange {
      0% {
        
        color: #b0e1ff;
      }
      
      10% {
        
        color: #b0fffc;
      }
      
      20% {
        
        color: #8ffdcb;
      }
      
      30% {
        
        color: #82ff6d;
      }
      
      40% {
        
        color: #ffda6d;
      }
      
      50% {
        
        color: #ff9d9d;
      }
      
      60% {
        
        color: #ff9daa;
      }
      
      70% {
        
        color: #ff9df7;
      }
      80% {
     
        color: #e89dff;
      }
      
      90% {
     
        color: #c39dff;
      }
      
      100% {
        
        color: #9dbfff;
      }
    }
.header-top .social-links li a:hover {
	color: #ceffc6;
}
.header-top .social-links li a i {
	line-height: 30px;
}

.social-links li.twitter a:hover,
.colored.social-links li.twitter a {
	background-color: #55acee;
	border-color: #55acee;
	color: #fff;
}
.social-links li.skype a:hover,
.colored.social-links li.skype a {
	background-color: #00aff0;
	border-color: #00aff0;
	color: #fff;
}
.social-links li.linkedin a:hover,
.colored.social-links li.linkedin a {
	background-color: #0976b4;
	border-color: #0976b4;
	color: #fff;
}
.social-links li.googleplus a:hover,
.colored.social-links li.googleplus a {
	background-color: #dd4b39;
	border-color: #dd4b39;
	color: #fff;
}
.social-links li.youtube a:hover,
.colored.social-links li.youtube a {
	background-color: #b31217;
	border-color: #b31217;
	color: #fff;
}
.social-links li.flickr a:hover,
.colored.social-links li.flickr a {
	background-color: #ff0084;
	border-color: #ff0084;
	color: #fff;
}
.social-links li.facebook a:hover,
.colored.social-links li.facebook a {
	background-color: #3b5998;
	border-color: #3b5998;
	color: #fff;
}
.social-links li.pinterest a:hover,
.colored.social-links li.pinterest a {
	background-color: #cb2027;
	border-color: #cb2027;
	color: #fff;
}
.social-links li.instagram a:hover,
.colored.social-links li.instagram a {
	background-color: #517fa4;
	border-color: #517fa4;
	color: #fff;
}
.social-links li.vimeo a:hover,
.colored.social-links li.vimeo a {
	background-color: #aad450;
	border-color: #aad450;
	color: #fff;
}
.social-links li.tumblr a:hover,
.colored.social-links li.tumblr a {
	background-color: #32506d;
	border-color: #32506d;
	color: #fff;
}
.social-links li.soundcloud a:hover,
.colored.social-links li.soundcloud a {
	background-color: #ff3a00;
	border-color: #ff3a00;
	color: #fff;
}
.social-links li.foursquare a:hover,
.colored.social-links li.foursquare a {
	background-color: #0072b1;
	border-color: #0072b1;
	color: #fff;
}
.social-links li.dribbble a:hover,
.colored.social-links li.dribbble a {
	background-color: #ea4c89;
	border-color: #ea4c89;
	color: #fff;
}
.social-links li.behance a:hover,
.colored.social-links li.behance a {
	background-color: #053eff;
	border-color: #053eff;
	color: #fff;
}
.social-links li.vine a:hover,
.colored.social-links li.vine a {
	background-color: #00a478;
	border-color: #00a478;
	color: #fff;
}
.social-links li.stumbleupon a:hover,
.colored.social-links li.stumbleupon a {
	background-color: #f74425;
	border-color: #f74425;
	color: #fff;
}
.header-top .social-links li.twitter a:hover {
	color: #55acee;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.skype a:hover {
	color: #00aff0;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.linkedin a:hover {
	color: #0976b4;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.googleplus a:hover {
	color: #dd4b39;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.youtube a:hover {
	color: #b31217;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.flickr a:hover {
	color: #ff0084;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.facebook a:hover {
	color: #3b5998;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.pinterest a:hover {
	color: #cb2027;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.instagram a:hover {
	color: #517fa4;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.vimeo a:hover {
	color: #aad450;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.tumblr a:hover {
	color: #32506d;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.soundcloud a:hover {
	color: #ff3a00;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.foursquare a:hover {
	color: #0072b1;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.dribbble a:hover {
	color: #ea4c89;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.behance a:hover {
	color: #053eff;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.vine a:hover {
	color: #00a478;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.stumbleupon a:hover {
	color: #f74425;
	background-color: transparent;
	border-color: transparent;
}
/*Ending Header Top*/

/*Header Main*/
.header-main
{
    background-position: 37% 40%;
    background-image: url('Images_KNMCE/header-bg2.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size:cover;
}
.logo {
    float:none;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:10px;
}
.heading h3 {
    text-shadow: 0px 0px 1px #000;
    color:#b0e1ff;
}
.heading h4 {
    text-shadow: 0px 0px 1px #000;
    color:#ceffc6;
}

/*Responsive Brand Heading*/
@media only screen and (min-width: 768px) {
    .heading h3 {
        font-size:148%;
        font-weight:600;
        line-height:30px;
    }
}
@media only screen and (max-width: 768px) {
    .heading h3 {
        font-size:148%;
        font-weight:600;
        line-height:30px;
    }
}
@media only screen and (min-width: 992px) {
    .heading h3 {
        font-size:190%;
        padding-top:10px;
        font-weight:700;
    }
}
@media only screen and (min-width: 1200px) {
    .heading h3 {
        font-size:210%;
        padding-top:10px;
        font-weight:700;        
        line-height:50px;
    }
}

/*Responsive Brand Heading*/
@media only screen and (min-width: 768px) {
    .heading h4 {
        font-size:110%;
        font-weight:600;
    }
}
@media only screen and (max-width: 768px) {
    .heading h4 {
        font-size:110%;
        font-weight:600;
        line-height:30px;
    }
}
@media only screen and (min-width: 992px) {
    .heading h4 {
        font-size:150%;
        padding-top:5px;
        font-weight:700;
    }
}
@media only screen and (min-width: 1200px) {
    .heading h4 {
        font-size:180%;
        padding-top:5px;
        font-weight:700;
    }
}

/*Ending Header Main*/
/*Ending Header*/
/*Ending Master Page*/

/*Slider*/
.main-slider {
    margin:20px 0px;
    box-shadow: 0px 0px 10px #9e9e9e;
}
/*Slider*/
/*NOTICE BOARD*/
.notice-board {
    padding: 0px 10px !important;
    border-bottom: solid 1px #EEE;
}

#notice_board {
}
    #notice_board li {
        border-bottom: solid 1px #eee;
        padding: 5px 0px;
        color:#c30000;
    }
        #notice_board li a {
            color:#c30000;
            font-size:14px;
        }
            #notice_board li a:focus, #notice_board li a:hover {
                color:#000;
            }

/*Btn Margin for Notice Board*/
.btn-notice {
    margin-left: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*Image Left Floated*/
.image-left {
    float:left;
    margin-right:15px;
    margin-top:10px;
    max-height:150px;
}
@media only screen and (min-width: 768px) {
    .image-left {
        max-height:150px;
    }
}
@media only screen and (max-width: 768px) {
    .image-left {
        max-height:100%;
    }
}

/*Margin*/
.margin-5 {
    margin:5px 0px;
}
.margin-10 {
    margin:10px 0px;
}
.margin-15 {
    margin:15px 0px;
}
.margin-20 {
    margin:20px 0px;
}
.margin-25 {
    margin:25px 0px;
}
.margin-30 {
    margin:30px 0px;
}

/*Our Service*/
.service
{
    margin-bottom:20px;
    margin-top:40px;
}
.our-service
{
    border: solid 1px #eee;    
    padding: 10px;
    margin-bottom:10px;
}
    .our-service h4
{
    background-color: #690000;
    color: #FFF;
    padding: 7px;
    margin-left: -25px;
    margin-top: 8px;
}
    .our-service:focus, .our-service:hover
    {
        box-shadow: 0px 0px 4px #666;
    }
/*Our Service*/

/*Footer*/
.footer {
    background-image: url('Images_KNMCE/FooterBG.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    padding:20px 0px;
    padding-top:30px;
    background-size:cover;
    box-shadow: 0px 0px 4px #848484;
}
.widget {
}
    .widget img {
        float:none;
        margin-left:auto;
        margin-right:auto;
        width:25%;
    }
    .widget h3 {
    }
    .widget h4 {
        color: #016521;
        margin-bottom: 5px;
        /* text-transform: uppercase; */
        font-size: 20px;
    }
    .widget p {
        font-size: 15px;
        line-height: 24px;
        font-weight: 600;
        color: #444;
    }
    .widget ul {
    }
        .widget ul li {
            line-height:28px;
        }
            .widget ul li a {
                color: #003975;
                font-weight: 600;
            }
                .widget ul li a:focus,
                .widget ul li a:hover {
                    color:#000;
                    padding-left:10px;
                    -webkit-transition: all 300ms ease;
                    -moz-transition: all 300ms ease;
                    -ms-transition: all 300ms ease;
                    -o-transition: all 300ms ease;
                    transition: all 300ms ease;
                }

.footer_copyright {
    background-color:#191818;
    color:#f5f5f5;
    padding:5px 0px;
    font-size:13px;
}
    .footer_copyright a {
        color:#6fc2ff;
    }
        .footer_copyright a:hover,
        .footer_copyright a:focus {
            color:#FFF;
        }
/*Content Page Title*/
.c-page-title {
    background-color: #e1e1e1;
    padding: 15px 0px;
    color: #004c88;
    text-align: right;
    box-shadow: 0px 0px 4px #666;
}
    .c-page-title ul {
        margin-bottom:0pt;
    }
        .c-page-title ul li {
            display:inline-block;
            line-height:18px;
            color:#004c88;
        }
            .c-page-title ul li:first-child {
                border-right: solid 2px;
                padding-right: 10px;
            }
                .c-page-title ul li:last-child {
                    padding-left:10px;
                }
                    .c-page-title ul li a {
                        color:#004c88;
                    }
                        .c-page-title ul li a:focus, .c-page-title ul li a:hover {
                            color:#000;
                        }

/*Content Page Title*/

/*Content Page Content*/
.main-content {
    padding:20px 0px;
}

.list-decimal {
}
    .list-decimal ul {
        margin-left:15pt;
    }
        .list-decimal ul li {
            list-style-type:decimal;
            padding-bottom:6pt;
        }

.list-decimal-s {
}
    .list-decimal-s ul {
        margin-left:25pt;
    }
        .list-decimal-s ul li {
            list-style-type:decimal;
            padding-bottom:6pt;
            font-size:18px;
            font-weight:600;
            color: #406f0e;            
        }
.list-decimal-s2 {
}
    .list-decimal-s2 ul {
        margin-left:25pt;
    }
        .list-decimal-s2 ul li {
            list-style-type:decimal;
            padding-bottom:6pt;
            font-size:18px;
            font-weight:600;
            color:#940505;
        }

.list-circle {
}
    .list-circle ul {
        margin-left:15pt;
    }
        .list-circle ul li {
            list-style-type:circle;
            padding-bottom:6pt;
        }

/*Content Page Content*/

/*Small Padding for Table Class*/
.small-padding {
}
        .small-padding th, .small-padding td {
            padding:.30rem;
        }
/*Small Padding for Table Class*/

/*College Gallery*/

.gallery {
    padding:20px 10px;
}
    .gallery a img {
        margin-bottom:15pt;
        max-height:182px;
        min-height:182px;
    }
        .gallery a img:focus, .gallery a img:hover {
            box-shadow:0px 0px 5px #000;
        }

/*College Gallery*/


/*Map for Contact Details Page*/
.map {
    margin:20px 0px;
    box-shadow: 0px 0px 10px #9e9e9e;
}

@media only screen and (max-width: 768px) {
    .map iframe {
        min-height:150px;
    }
}
@media only screen and (min-width: 768px) {
    .map iframe {
        min-height:250px;
    }
}

@media only screen and (min-width: 992px) {
    .map iframe {
        min-height:300px;
    }
}
@media only screen and (min-width: 1200px) {
    .map iframe {
        min-height:400px;
    }
}
/*Map for Contact Details Page*/

/*Contact Details*/
.contact_form {
}
    .contact_form input {
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 600;
        padding: 4px;
    }

.con-details
{
}
    .con-details h4
    {
        margin-bottom:0px;
    }
.con-address
{
    padding:10px 1.25rem;
}
/*Contact Details*/

/*Department Page*/

.department-title {
    margin-bottom:16pt;
    font-size:16pt;
}
.department-list {
}
    .department-list img {
        margin-bottom:10px;
    }
    .department-list ul {
        padding-left:30px;        
    }
        .department-list ul li {
            font-size:18px;
            font-weight:500;
            color:#005E94;
            list-style-type:circle;
        }
            .department-list ul li:hover, .department-list ul li:focus {
                color:#000;
                text-decoration:underline;
                cursor:pointer;
            }

.dept_knmce
{

}
    .dept_knmce h4
    {
        margin-bottom:2px;
    }
    .dept_knmce p
    {
        margin-bottom:2px;
    }
/*Department Page*/

/*Admin Panel*/
.admin
{
}
    .admin input
    {
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 600;
        padding: 4px;
    top: 0px;
    left: 0px;
}
/*Admin Panel*/

/*For all dept and members boxes heading and details*/
.dept-box-heading {
    color: #005594;
}
.dept-box-para1 {
    color: #940505;
}

.dept-box-para2 {
    color: #005a00;
}

.dept-box-para3 {
}
/*For all dept and members boxes heading and details*/

/*For All Heading*/
.heading3 {
    color:#0032a7;
}
/*Ending for all Heading*/

/*For Strong Color*/
.str-golden {
    color:darkgoldenrod;
}
/*For Strong Color*/


.principal-bg {
    background-image: url('Images_KNMCE/PrincipalBG.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size:cover;
}
    .principal-bg h3 {
        color: #2affbb;
    }
    .principal-bg h5 {
        color: #2affbb;
    }
    .principal-bg P {
        color:#FFF;
    }
        .principal-bg P b {
            color:#f5ffa5;
        }
        .principal-bg P span {
            font-style:italic;
        }
        .principal-bg P strong {
            color: #ffd600;
            font-weight: 500;
            font-style: italic;
        }

.edocument-home {
    
}
    .edocument-home ul {
    }
        .edocument-home ul li {
            background-color: #0068af;
            padding: 5px 10px;
            border: solid 1px #dcdcdc;
        }
            .edocument-home ul li a {
                color: #FFF;
                display: block;
            }
                .edocument-home ul li a:hover,
                .edocument-home ul li a:focus {
                    color:#fff461;
                    padding-left:10px;
                    text-decoration:none;
                    -webkit-transition: all 300ms ease;
                    -moz-transition: all 300ms ease;
                    -ms-transition: all 300ms ease;
                    -o-transition: all 300ms ease;
                    transition: all 300ms ease;
                }
.management-table {
    
}
    .management-table thead {
    }
        .management-table thead > tr > th {
            background-color: #4c7900;
            color: #fff;
            text-align:center;
        }
    .management-table tbody {
    }
        .management-table tbody > tr > td {
            text-align:center;
            vertical-align:middle;
        }
            .management-table tbody > tr > td > a img {
                width:25px;
            }
            .management-table tbody > tr > td > a i {
                font-size: 35px;
                color: #c30101;
            }
                .management-table tbody > tr > td > a i:focus,
                .management-table tbody > tr > td > a i:hover {
                    color:#000;
                }
            .management-table tbody > tr > td > a:focus,
            .management-table tbody > tr > td > a:hover {
                color:#000;
            }