@charset "utf-8";

/* CSS Document */

html { height: 100%; }

body {
    overflow-x: hidden; font-family: 'montserratregular',sans-serif;
}

* {
    margin: 0;
    padding: 0;
}


@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





a {
    outline: none;
}

a:focus {
    outline: none;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.margin1{ margin-top: 30px;}
.margin2{ margin-bottom: 40px;}
.margin3{ margin-top: 60px;}
.margin4{ margin-top: 10px;}

.padding2 {
	padding-bottom:30px;
}



.wow{visibility: hidden;}



.top_section{ padding-top: 13px; padding-bottom: 13px; background: #275b87;}
.phone{}
.phone a{ color: #fff; margin-top: 4px; display: block;}
.login{ text-align: right;}
.login a{ margin-right: 5px;}


.btn_blue {
    color: #fff;
    font-size: 16px;
    background-color: #0d6ab9;
    outline: none;
    font-size: 14px; border-radius: 0; padding: 5px 18px; transition: all .7s;
}


.btn_blue:hover {
    color: #fff;
}

.btn_blue.focus,
.btn_blue:focus,
.btn_blue:hover {
    color: #fff;
    text-decoration: none;
    outline: none !important;
	background: #000;
}


.btn_red {
    color: #fff;
    font-size: 16px;
    background-color: #960707;
    outline: none;
    font-size: 14px; border-radius: 0; padding: 5px 18px; transition: all .7s;
}


.btn_red:hover {
    color: #fff;
}

.btn_red.focus,
.btn_red:focus,
.btn_red:hover {
    color: #fff;
    text-decoration: none;
    outline: none !important;
	background: #000;
}




.btn_blue2 {
    color: #fff;
    font-size: 13px !important;
    background-color: #0d6ab9;
    outline: none;
    font-size: 14px; border-radius: 0; padding: 2px 8px; transition: all .7s; border-radius: 4px;
}


.btn_blue2:hover {
    color: #fff;
}

.btn_blue2.focus,
.btn_blue2:focus,
.btn_blue2:hover {
    color: #fff;
    text-decoration: none;
    outline: none !important;
	background: #000;
}




.btn_black {
    color: #fff;
    font-size: 16px !important;
    background-color: #000; border-radius: 0;
    outline: none;font-family: 'montserratlight';
    transition: all .7s; 
}


.btn_black:hover {
    color: #fff;
}

.btn_black.focus,
.btn_black:focus,
.btn_black:hover {
    color: #fff;
    text-decoration: none;
    outline: none !important;
	background: #f7a625;
}










/* -------- NAV & LOGO SECTION --------*/

.art_nav {
    padding-bottom: 15px;
    padding-top: 15px;  background: #fff;position: relative; border-radius: 0;
	z-index: 9; 
}
.navbar{ margin-bottom: 0;}

.navbar-nav {
    margin-top: 18px;  float: none; text-align: center;
}

.navbar-nav li {
    margin-left: 3px; float: none; display: inline-block;
}

.navbar-nav li a {
    color: #000;
    font-size: 14px;
    transition: all .7s;
    padding: 6px 10px;
    border-radius: 0;
   
}

.navbar-nav li a:hover,
.navbar-nav li a:focus,
.navbar-nav li a.active {
    background: none;
    color: #275b87;
}

.logo {
  
}

.nav_section {
   
 
}



.art_nav .dropdown-menu {
    min-width: 100%;
}
.art_nav .nav .open > a, .art_nav .nav .open > a:hover,.art_nav .nav .open > a:focus {
    background:none !important;
  
}



.navbar-nav li ul li a{
    color: #000;
    
}

.navbar-nav li ul li:hover a{
    color: #000;
    
}



.navbar-right .dropdown-menu {
    right: 0;
    left: 0; 
}






@media(max-width:1200px) {

 .navbar-nav li a {
      padding: 6px 4px !important;
    }
}


@media(max-width:991px) {
	

    .navbar-toggle .icon-bar {
        background: #fff;
    }
    .navbar-header {
        background:#275b87;
        margin-top: 20px;
        float: none;
    }
    .navbar-nav li {
        margin-left: 0;
        float: none; display: block;
    }
    .navbar-nav {
        background:#275b87;
        margin-top: 1px;
        text-align: left; width: 100%; margin: 0 0 0 0;
    }
    .navbar-nav li a {
        color: #fff !important; margin-left: 5px; 
        border-radius: 0; line-height: 30px;
    }
	
    .navbar-nav li a:hover,
    .navbar-nav li a:focus,
    .navbar-nav li a.active {
        background: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
        margin-left: -15px;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .collapse.in {
        display: block !important;
    }
    .nav_section h3 {
        margin-right: 0px;
    }
    .nav_section {
        text-align: center;
    }
    .nav_section h3 {
        margin: 15px 15px 15px 0;
        padding: 0 0 0 0;
    }
	
	.art_nav .navbar-right .dropdown-menu {
    left: 0;background: #ede1cc;
}

.art_nav .dropdown-menu {
    background: #275b87; position: relative; width: 100%;
}	
	
.art_nav .nav .open > a, .art_nav .nav .open > a:hover,.art_nav .nav .open > a:focus {
    background-color:none; line-height: 30px;
  
}
	
	
	.navbar-collapse{ padding-left: 0; padding-right: 0;}
	
	.phone{ text-align: center; margin-bottom: 10px;}
	
	.login{ text-align: center;}
	
	
	
	
}
@media(max-width:479px) {
	
	 .navbar-nav li a {
         line-height: 24px;
    }
	
}























/* -------- NAV & LOGO SECTION ENDS --------*/




/* -------- BANNER SECTION --------*/










.slider_wrap{ position: relative; margin-top:0; margin-bottom: 0;}

.carousel-inner .item img{ width: 100%;}

.carousel-indicators .active{ background: #fff;width: 18px; height: 18px;}
.carousel-indicators li{ background: none; border: 2px solid #fff; width: 16px; height: 16px; }


.slider_wrap{ position: relative;}


a.carousel-control{ background-image: none !important;opacity: 1; z-index: 99;}
.slider_wrap .carousel-control .glyphicon{ font-size: 45px; color: #fff; }









/* -------- BANNER SECTION ENDS --------*/


/* -------- MID CONTENT SECTION --------*/


.old_friends{ margin-top: 40px; margin-bottom: 40px;}
.old_friends h3{ text-align: center; margin-top: 100px;}
.old_friends h3 span{ font-size: 60px;}

.old_friends img{-webkit-box-shadow: 0px 3px 9px #444;
-moz-box-shadow: 0px 3px 9px #444;
box-shadow: 0px 3px 9px #444;}





.about_section{ background: #275b87; padding-top: 25px; padding-bottom: 25px; text-align: center;}
.about_section p{ color: #fff; font-size: 15px; font-family:'montserratlight'; line-height: 32px;}
.about_section p span{}
.btn1 {
    background-color: #0d6ab9;
    outline: none;
    font-size: 14px;
    color: #fff;
}


.btn1:hover {
    color: #fff;
}

.btn1.focus,
.btn1:focus,
.btn1:hover {
    color: #fff;
    text-decoration: none;
    outline: none !important;
}

.heading h2{ margin-bottom: 30px; text-align: center; color: #fff;}
.heading h2 span{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding-top: 3px; padding-bottom: 3px;}

.gallery_section{ background: #eeeeee; padding-top: 25px; padding-bottom: 35px; text-align: center;}

.heading2 h2{ margin-bottom: 20px; text-align: center; color: #000;}
.heading2 h2 span{ border-top: 2px solid #000; border-bottom: 2px solid #000; padding-top: 3px; padding-bottom: 3px;}

 #owl-demo .item{
  background: none;
  padding: 0 0px;
  margin: 10px;
  	
  
}
.customNavigation{
  text-align: center;
}

.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  
}

.prev{ cursor:pointer;}
.next{cursor:pointer;}
.customNavigation a.btn{ padding: 6px 3px;}








.submit_1 {

	background: #363727;
	color: #fff;
}

.submit_1:hover {
	background: #363727;
	color: #fff;
}

.submit_1:focus {
	background: #363727;
	color: #fff; 
}





.events_section{ margin-top: 50px; margin-bottom: 100px;}
.art_box{ padding: 40px; background:#e5e5e5; position: relative; text-align: center; margin-top: 60px;-webkit-box-shadow: 0px 2px 5px #555;
-moz-box-shadow: 0px 2px 5px #555;
box-shadow: 0px 2px 5px #555;}
.art_box h2{ margin:0 0 0 0; padding: 0 0 0 0; color: #000; font-size: 36px; font-weight: bold;line-height: 48px;}
.art_box p{ margin:30px 0 0 0; padding: 0 0 0 0;}
.date_box{background: #275b87; padding: 10px 15px 15px 15px; position: absolute; top:-45px; left: 0;}

.date_box h5{ color: #fff; margin: 10px 0 0 0; padding: 0 0 0 0; font-size: 16px; font-weight: bold;}




.upcoming p{ font-size: 20px; margin-top: 30px;}




.search_your{ background: #ffdea9; width: 100%; padding-top: 25px; padding-bottom: 25px;}
.search_your h3{ font-size: 16px; margin: 8px 0 0 0; padding: 0 0 0 0;}
.search_your h3 span{ font-size: 29px}










/* -------- MID CONTENT SECTION ENDS --------*/






/* -------- TESTIMONIAL SECTION  --------*/

.testimonial {
    width: 100%;
    background: #812d3a; 
 
    background-size: cover;
    padding: 70px 0 60px 0;
    position: relative;
    margin: 45px 0 0px 0;
}

.testimonial h3 {
  font-size: 24px;
    color: #fff;
    text-align: center; font-weight: bold; margin-bottom: 60px; 
}

.testimonial h3 span {
   border-top: 2px solid #fff;border-bottom: 2px solid #fff; padding-top: 10px;
    padding-bottom:10px;
}

.testimonials_content {
    width: 100%;
    text-align: center;
}

.testimonials_content p {
    font-size: 15px;
    color: #fff;
    padding: 25px 0 20px 0; font-family: 'montserratlight';
    line-height: 27px;
}

.testimonials_content h2 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 0 0;
    margin: 15px 0 0 0;
}

.t_img {
    margin-top: 50px;
}


.testimonials_content h4 {
    font-size: 18px;
    color: #fff;
    padding: 15px 0 0 0; margin: 0 0 0 0; 
    
}

.testimonials_content h5 {
    font-size: 14px;
    color: #fff;
    padding: 15px 0 0 0; margin: 0 0 0 0;
  
}



/* -------- TESTIMONIAL SECTION ENDS --------*/


/* -------- About Us section --------*/


.w_committee{  padding: 20px 0 25px 0;
   background-color: ; margin-top: 20px; margin-bottom: 40px; }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}



.com_div{ margin-top: 30px;}
.com_div img{width: 160px; height: 160px; border-radius: 50%; }
.com_div h4{ color: #000; margin-top: 15px;}

.member{ background: #e0e0e0; padding: 5px; margin-top: 30px;}
.member p{ margin: 0 0 0 0; padding:  0 0 0 0; font-size: 16px;}




.gallery_box{ margin-top: 25px;}
.gallery_box img{width:;border: 3px solid #cbcbcb; height: 320px; object-fit: cover;}
.gallery_text_box{ padding: 10px; background: #ecdc99; text-align: center; margin-top: 10px; }
.gallery_text_box p{ color: #000; line-height: 24px;}


.row-centered {
    text-align:center;
}
.committe_box{ margin-top: 25px; display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;}



/* -------- About Us section ends --------*/




/* -------- Registration PAGE BEGINS --------*/







.info_bottom2 {
	margin-top: 30px;
	margin-bottom: 80px;
}

.info_bottom2 ul.nav-pills {
	 margin-left: 15px;
	padding-bottom: 10px; margin-bottom: 20px; text-align: center;
}

.info_bottom2 ul.nav-pills li {
	float: none;
	display: inline-block;
}

.info_bottom2 ul.nav-pills li a {
	color: #000; font-size: 15px;
}

.info_bottom2 ul.nav-pills li.active a {
	background: #275b87;
	color: #fff;
}

.info_bottom2 ul.nav-pills li:hover a {
	background: #275b87;
	color: #fff;
}





.reg_form{}
.reg_form label span{ color: #ff0000;}

input::-webkit-calendar-picker-indicator {
              opacity: 100;
           }





/* -------- Members Page Begins --------*/

.filter_div{ padding: 20px 15px; background: #275b87; margin-top: 40px;}
.filter_div h4{ text-align: left; color: #fff; font-size: 14px;}
.filter_div h5{ text-align: left; color: #fff; font-size: 16px;}



.mem_div_outer{ margin-top: 40px;}
.mem_div_outer p a{ color: #e83838;}
.mem_div{ position: relative;overflow: hidden; display: flex;align-items: center; }

.member_info{ padding: 13px 10px; background: #efefef; -webkit-box-shadow: 0px 1px 5px #777777;
-moz-box-shadow: 0px 1px 5px #777777;
box-shadow: 0px 1px 5px #777777; margin-top: 10px;
}
.member_info h4{ margin: 0 0 0 0;}


.member_info ul{ list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;}
.member_info ul li{ margin-top: 7px;}

.member_fields{}
.member_fields_left{ width: 50%; float: left;}
.member_fields_right{width: 50%; float: right; }
.member_fields p{ margin: 0 0 0 0; padding:0 0 0 0;}


ul.lower_pg{ text-align: center; margin-bottom: 30px;margin-top: 60px; width: 100%; }
ul.lower_pg li{ display: inline-block; }
ul.lower_pg li a{ color: #333;}
ul.lower_pg li a.active{background: #275b87; color: #fff; }



/* -------- MORE DETAILS PAGE BEGINS --------*/



.detail_img{ }
.detail_img img{border: 5px solid #d4d4d4;}

.detail_info{ padding: 13px 10px;  margin-top: ;
}
.detail_info h4{ margin: 0 0 12px 0;}
.detail_info ul{ list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;}
.detail_info ul li{padding: 7px 0 7px 0;  border-top: 1px solid #e0e0e0;}






/* -------- ALUMNI COMMITTEE PAGE BEGINS --------*/




.com_textbox{ text-align: center; margin-top: 30px;}






/* -------- PRIVACY POLICY PAGE BEGINS --------*/

ul.privacy{ margin-left: 20px;}





/* -------- CONTACT US PAGE BEGINS --------*/

.location{ margin-top: 45px;}
.location i{color:#275b87;}
.google_map {
    width: 100%;
    height: 360px;
}

.location h3{font-size: 18px; color: #000; margin:0 0 0 0; padding: 0 0 0 0;}

.contacts {
    background: none;
    text-align: center;
    margin: 60px 0 60px 0;
}

.contact {
    background: #222;
    transition: all .4s ease-in-out;
    text-align: center;
    border: 1px solid #dfdede;
}

.contact_inner {
    padding: 30px 15px;
}



.contact h3 {
    font-size: 22px;
    color: #f6f6f6;
    margin: 25px 0 15px 0;
} 

.contact p {
    font-size: 16px;
    color: #f9f9f9;
    line-height: 27px;
}



.contact a {
    font-size: 16px;
    color: #fff;
    display: block;
    line-height: 29px;
} 

.contact a:hover {
    text-decoration: none;
} 



.form_div{ background: #f0f0f0; padding: 15px;}

.resize{ resize: none;}



/* -------- CONTACT US PAGE ENDS --------*/

/* -------- EVENT SECTION BEGINS --------*/


ul.years{}
ul.years li{}
ul.years li a{ text-decoration: none; color: #000;}
.events_content p{ text-align: justify;}
.event_pic{ text-align: center;}
.event_pic img{ height: 320px; object-fit: cover; border: 3px solid #cbcbcb; margin-top: 20px;}



.event_text{ margin-top: 30px;}

.event_image{ margin-bottom: 25px; text-align: center;}

.event_image_div{position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;}

.event_image h5{ margin-bottom: 10px; display: inline-block;}


/* -------- EVENT SECTION ENDS --------*/



















/* -------- Login Modal --------*/

.close {
	font-size: 30px;
}

.acc_header {
	border-bottom: none;
}

.acc_header h4 {
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 7px;
}

.acc_modal {
	z-index: 9999;
}


/* -------- Login Modal ends --------*/


/* -------- Distinguished Alumni --------*/

.distinguished_box{ width: 100%; text-align: left; margin-top: 40px;}



/* -------- Distinguished Alumni Ends --------*/

/* -------- NEWSLETTER PDF --------*/

.news{border: 1px solid #000; padding:30px 20px;}
.news h3{margin:0 0 25px 0 ;}
.news a i{margin-right:5px;}








.video_div{background: #ececec; padding-top: 60px; padding-bottom: 60px;}
.video_box{width: 100%; height: auto;}

.idol_1{}
.idol_1 h2{margin-bottom: 30px; border-bottom: 1px solid #b2b2b2; padding-bottom: 7px;}

.idol_1 p{line-height: 30px; color: #000;}

.news a{margin-top: 10px;}










@media(max-width:1200px) {
	
}

@media(max-width:992px) {
  .testimonials_content p {
   text-align: justify; padding-left: 20px; padding-right: 20px;
}
	
	.events_section{  margin-bottom: 70px;}
	
	.legal_content p{ text-align: justify;}
	
	.search_your{ text-align: center;}
	.search_your h3{ margin-bottom: 20px;}
	
	
}

@media(max-width:767px) {
   
	
	.slider_wrap2 .carousel-inner p{ padding-left:50px; padding-right:50px;}
	.member_text{ text-align: center;}
	.member_image img{  display: block; margin-right: auto;  margin-left: auto; margin-bottom:20px;}
	.gallery_box img{width: auto;}
	
	
	.heading h2{ font-size: 20px;}
	.heading2 h2{ font-size: 20px;}
	
	.detail_img{ margin-bottom: 30px; }
	
	.distinguished_box{ text-align: center;}
	.distinguished_box img{ display:inline-block;}
	.distinguished_box p{text-align: justify; padding-left: 12px; padding-right: 12px;}
	
	
}

@media(max-width:479px) {
 
	
	
.testimonial h3 {
  font-size: 17px; }
	
	
	
	
	
	
	
}

@media(max-width:360px) {
 
	
	
.testimonial h3 {
  font-size: 15px; }
	
	
}



/* -------- FOOTER SECTION --------*/

footer {
     margin-top:0; padding: 30px 0 25px 0;
   background-color: #275b87;
 width: 100%; border-radius: 0;  
}

footer h5{font-size: 14px; color: #fff; margin: 5px 0 0 0; padding: 0 0 0 0;  }





.footer_left{}
.footer_right{ text-align: right;}
.footer_right a{ color: #fff;}


.footer_right p{ color: #fff;}
.footer_right p a{ color: #fff; vertical-align: middle;}



ul.footer_content{list-style: none;}
ul.footer_content li{ display: inline-block; margin-right: 7px;}
ul.footer_content li a{ color: #fff;}


.whatsapp_div{ text-align: right;}
.whatsapp_div a{ color: #fff; }


.lower_footer_credential{ background: #333; padding-top: 8px; padding-bottom: 8px; text-align: center;}
.lower_footer_credential p{ color: #fff; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 13px;}
.lower_footer_credential a{ color: #fff;}




@media(max-width:992px) {
    .footer_left{ text-align: center;}
   .footer_right{ text-align: center; margin-top: 15px;}
	ul.footer_content{text-align: center;}
	.whatsapp_div{ text-align: center;}
}

@media(max-width:767px) {
 
}


@media(max-width:479px) {
	
}





































