﻿/*=============================================================

    Authour URI: www.binarytheme.com

    License: Commons Attribution 3.0



    http://creativecommons.org/licenses/by/3.0/



    100% To use For Personal And Commercial Use.

    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US

   

    ========================================================  */



/* =============================================================

   GENERAL STYLES

 ============================================================ */

body {

    font-family: 'Open Sans', sans-serif;

    line-height: 30px;

    font-size: 14px;

}



.set-pad {

    padding-top: 35px;

}

.set-row-pad {

    padding-top: 30px;

    padding-bottom: 50px;

}

/*=====================================

  NAVBAR STYLES 

    ===================================*/



.logo-custom {

    max-height: 100px;

}



#menu {

    background-color: #56C8D4;

    color: #fff;

    font-size: 14px;

    font-weight: 900;

    letter-spacing: 1px;

    min-height: 5px;

}

.navbar-header {

    background-color: #56C8D4;

    width: 100%;

    height: 60px;

    margin-top: -5px;

}

.admission {

    float: right;

    width: 40%;

    padding: 50px;

    font-size: 20px;

    padding-left: -50px;

    font-family: Comic Sans MS;

}

.span1 {

    color: blue;

    animation: blink 1s linear infinite;

}

@keyframes blink {

    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
        color: red;
    }

    100% {
        opacity: 1;
        color: green;
    }

}

mark {

    background-color: #FF9900;

    border-radius: 50%;

    padding: 20px;

}



.navbar-inverse {

    border-color: transparent;

}



.navbar-inverse .navbar-nav>li>a {

    color: white;

    padding: 20px 15px 20px 15px;

}

.navbar-inverse .navbar-nav>li>a:hover {

    color: #FF9900;

    padding: 20px 15px 20px 15px;

}

.navbar-collapse {

    background-color: rgba(28, 43, 75, 1);

}



/*=====================================

  HOME STYLES 

    ===================================*/

.home-sec {

    padding-top: 10px;

    padding-bottom: 60px;

    background: url(../img/header.jpg) no-repeat center center;

    padding: 0;

    margin-top: 180px;

    -webkit-background-size: cover;

    background-size: cover;

    color: #fff;

    background-attachment: fixed;

}



.home-sec .overlay {

    background: rgba(38, 57, 88, 0.89);

    min-height: 600px;

}



.home-sec h1 {

    color: #fff;

    font-weight: 900;

    font-size: 50px;

    text-transform: uppercase;

    padding-bottom: 35px;

}



.home-sec h3 {

    text-transform: uppercase;

}







.set-flexi {

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);

    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0);

    background-color: transparent;

    border: 0px solid #000;

    padding-top: 120px;

}



.flex-control-nav {

    display: none !important;

}



.set-flexi a {

    margin: 5px;

}

/*=====================================

  TAG LINE STYLES 

    ===================================*/



.tag-line {

    background: #E9E9E9;

    color: #000;

}



.tag-line h2 {

    font-size: 20px;

    font-weight: 900;

    padding: 5px 10px 10px 5px;

    color: #005E5A;

}



.tag-line h2>i {

    margin-left: 8px;

    margin-right: 8px;

}

/*=====================================

  HEADER LINE STYLES 

    ===================================*/

.header-line {

    font-weight: 900;

    font-size: 25px;

    padding-bottom: 5px;

    padding-top: 25px;

    color: #000;

}



h1::after {

    content: " ";

    border: solid 2px #2f9484;

    display: block;

    width: 200px;

    margin: 12px auto;

}



/*=====================================

  ABOUT STYLES 

  ===================================*/

.about-div {

    padding: 30px;

}



.icon-round-border {

    border: 10px double #1A94C4;

    color: #2f9484;

    text-align: center;

    padding-top: 15px;

    height: 100px;

    width: 100px;

    border-radius: 50%;

    cursor: pointer;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}



.icon-round-border:hover {

    color: #fff;

    border: 10px double #fff;

    background-color: #1A94C4;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}



.about-div hr {

    border: 1px solid #1A94C4;

}



.about-div h3 {

    font-size: 25px;

    font-weight: 700;

    text-transform: uppercase;

}



.about-div p {

    padding-top: 10px;

}



.btn-set {

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    margin-bottom: 20px;

}

/*=====================================

  FACULTY STYLES 

  ===================================*/

#faculty-sec {

    background-color: #000;

    color: #fff;

}



#faculty-sec .header-line {

    color: #fff;

}

.faculty-div h4 {

    line-height: 30px;

    font-weight: 700;

}

.faculty-div {

    padding: 30px;

}



.faculty-div hr {

    border: 1px solid #1A94C4;

}



.faculty-div h3 {

    font-size: 25px;

    font-weight: 700;

    text-transform: uppercase;

}



.faculty-div p {

    padding-top: 10px;

    padding-bottom: 15px;

}



.faculty-div img {

    border: 10px double #fff;

}



/*=====================================

  CONTACT STYLES 

  ===================================*/

#contact-sec {

    padding-top: 10px;

    padding-bottom: 60px;

    background: url(../img/contact.jpg) no-repeat center center;

    padding: 0;

    -webkit-background-size: cover;

    background-size: cover;

    color: #fff;

    background-attachment: fixed;

}



#contact-sec .overlay {

    background: rgba(0, 0, 0, 0.76);

    min-height: 600px;

}



#contact-sec h1 {

    color: #fff;

}

#contact-sec .form-control {

    background-color: rgba(255, 255, 255, 0);

    color: #fff;

}

/*=====================================

  Footer STYLES 

  ===================================*/

#footer {

    padding: 5px 20px;

    background-color: #2d3d5a;

    text-align: right;

    color: #fff;

    font-size: 15px;

}

.dropbtn {



    color: white;

    padding: 15px 15px 20px 15px;

    font-size: 14px;

    border: none;

    cursor: pointer;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown-content {

    display: none;

    position: absolute;

    font-size: 14px;

    background-color: rgba(28, 43, 75, 1);

    min-width: 250px;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    z-index: 1;

}



.dropdown-content a {

    color: white;

    text-decoration: none;

    display: block;

}



.dropdown-content a:hover {
    background-color: #FF9900
}



.dropdown:hover .dropdown-content {

    display: block;

}



.dropdown:hover .dropbtn {



    color: #FF9900;

}

.feature_list {

    background-color: lightgrey;

    color: black;

    padding-top: 50px;

    padding-bottom: 50px;

}

.th1 {

    width: 400px;

    padding: 10px;

    text-align: center;

    background-color: #666666;

}

.tr1 {

    background-color: #f5f6f1;

    color: black;

    width: 400px;



}

.tr2 {

    background-color: #edeee7;

    color: black;

    width: 400px;

    padding: 10px;

}


.img-responsives {
    width: 100%;
    height: auto;
}

.activetysection h2 {
    margin-bottom: 32px;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
    text-align: center;
    margin-top: 50px;
}

.text-black {
    color: #000;
}
.sectionImages{
    border: 1px solid #000;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 10px;
}
.sectionImages div img{
 width: 100%;
 height: 280px;
 border-radius: 8px;
 margin-bottom:28px;
}