





/*== Navigation Menu Style code  ==*/
/*==Home Page Style is here ==*/
/*== Faculty Page Style Here == */
/*== Knowledge Centre Style Here==*/
/*== Career Page Style Here==*/
/*== Gallery Page Style Here==*/



*{
	margin: 0px;
	padding: 0px
}

@font-face{
	font-family:"Mermaid1001";
	src: url("../fonts/Mermaid1001.ttf");
	
}

/*=============== Topest style ================ */
input.register_submit {
    background: #e0960b;
    padding: 6px 46px 6px 34px;
    margin: 0 auto;
    display: table;
    border: 2px outset #fbad1e;
    color: #fff;
    font-size: 17px;
    text-shadow: 2px 2px 2px #00000073;
    font-weight: bold;
}
.register_submit:hover{
	background: #e90f0f;
    border: 2px outset red;
}
.register_heading{
	text-transform: uppercase;
    color: #e89b09;
    font-weight: bold;
}
.registeration_flag{
	width: 50px;
}
.topest_area{
	
	
}
.topest_area .container{
	background: #f78b1b;
	
}
.margin_auto{
	display: center;
	margin: 0 auto;
	text-center:center;
}
.topest_area p{
	
	color: #fdfdfd;
	padding-top: 15px;
}
.mobile_email a{
	margin-right: 10px;
}
.social_media{
	float: left;
}
.link_hover:hover{
	color: black;
	transition:all 0.4s ease-in-out;
}
.social-icon {
    color: #fff;
	margin:0;
	padding:10px;
}
ul.social-icons {
   
}
.social-icons li {
    vertical-align: middle;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding: 10px 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
   background-color: #3d5b99;
}
.fa-facebook:hover {
    
}
.fa-twitter {
    padding:10px 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
	background-color: #00aced;
    
}
.fa-twitter:hover {
    
}
.fa-rss {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #eb8231;
}
.fa-rss:hover {
    background-color: #eb8231;
}
.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:10px 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
   background-color: #0073a4;
	margin-right: 20px;
}
.fa-linkedin-in:hover {
    
}
.fa-google-plus-g {
    padding:10px 9px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    
}
.fa-google-plus-g:hover {
    background-color: #e25714;
}
.fa-user-circle{
	 padding:5px 7px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
	border-radius: 4px;
	 font-size: 27px;
	 position: relative;
    top: 5px;
    right: -3px;
}
.w3-large{
	 position: absolute;
    bottom: 2px;
    z-index: 1000;
    color: white;
    /* width: 124px; */
    left: 7px;
	
}
.w3-right {
    float: right!important;
    position: relative;
    right: 15px;
}

@media(max-width:767px){
	.topest_area{
	  background: #333333;
		color: white;
}
	.logo_area{
		display: table;
		margin: 0 auto;
	}
	.topest_area p{
		text-align: center;
	}
	.mobile_email a{
	    display: table !important;
    margin: 0 auto !important;
}
	.flag_icon{
		display: none;
	}
	.four_nave table tr td a {
    color: black;
    font-size: 16px;
     display: -webkit-box !important;
	}
	.footer_area p{
    text-align: center;
}
	.footer_area p a img {
		display: table;
		margin: 0 auto;
	}
	.footer_area p a img {
    display: table;
    margin: 5px 88px auto;
}
.four_nave table tr td{
		width: 100%;
	}
}

/*================== Topest area is closed here ===== */






.top_hr_1{
	margin-top: 5px;
    text-align: center;
    margin-bottom: 5px;
}
.top_hr_1 h3{
    line-height: 72px;
    font-size: 32 px;
    font-size: 40px;
    font-family: "Mermaid1001";
	
}
body{
	font-family: 'Poppins', sans-serif;
	background: url('../images/football-bg.jpg');
	background-size: cover;
	margin: 18px 0;
	background-attachment: fixed;
	background-position: center center;
}




/*============ Navigation style is here ==================== */

@media(min-width:769px){
	.mobile_nav{
		display: none;
	}
}
@media(max-width:768px){
	.desktop_nav{
		display: none;
	}
}



nav {
    position: relative;
    margin: 0 auto;
	font-family: 'Poppins', sans-serif;
}
@media(min-width:300px){
	.fixed{	
	position: fixed; 
	top:0px;
	width:100%;
   
	z-index:1000;
	 border-top:3px solid grey;
	 box-shadow:0px 0px 20px black;
	
	
}
}
/*Navigation Menu Style code */
.exo-menu{
	float: left;
	list-style: none;
	position:relative;
	background: #f78b1b;
	z-index:1001;
	margin: 0 auto;
	display: table;
}
.exo-menu > li {	display: inline-block;float:left;}
.exo-menu > li > a{
	    color: #0c0c0cfa;
    font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
	  
	text-indent: 1px;
}
.exo-menu li a:not(:last-child){
	text-indent: 2px;
}
.exo-menu > li > a.active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover{
	background:#8a150f;
	color:#fff;
	
}
.exo-menu i {
  float: left;
    font-size: 12px;
    margin-right: 6px;
    margin-top: 4px;
    line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
li.drop-down:before {
/*  content: "\f103";*/
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 4px;
  top: 13px;
  font-size: 14px;
	
	
}
li.drop-down>ul{
	left: 0px;
	min-width: 180px;

}
.drop-down-ul{display:none;list-style: none;}
.flyout-right>ul,
.flyout-left>ul{
  top: 0;
  min-width: 180px;
  display: none;
  border-left: 1px solid #365670;
  }

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
	color: #fff;
	display: block;
	padding:6px 4px;
	text-decoration: none;
	background-color: #ce6a02;
	border-bottom: 1px dotted #547787;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
	border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
	top: 0;
	right: 0;
	left: 100%;
	width: 100%;
	display:none;
	height: 100%;
	padding: 15px;
	min-width: 742px;

}
h4.row.mega-title {
  color:#eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 30px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #cccccc75;
 }
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
/*mega menu*/

.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display:none;
  padding-top: 0;
  min-height: 100%;

}
.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #547787;
  padding-top: 15px;
  background-color: #365670
  }
 .mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block;
}
ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}
a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
	color:#fff;
	background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
	left:0;
	display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
.Blog .blog-title{
	color:#fff;
	font-size:15px;
	text-transform:uppercase;

}
.Blog .blog-des{
	color:#ccc;
	font-size:90%;
	margin-top:15px;
}
.Blog a.view-more{
	margin-top:0px;
}
/*Images*/
.Images{
	left:0;

   width:100%;
	 display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
/*	background:linear-gradient(89deg , #00800000 47% , #ce6a02 41%);*/
	position:relative;
	z-index:10000;
	background: #ce6a02;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
	display:block;
}


.stander li a{
   color: white;
}
/*respons margin-top: 47px;ive*/
 @media (min-width:767px){
	.exo-menu > li > a{
	display:block;
	padding: 13px 11px;
    font-size: 12px;
 }
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
	position:absolute;
	
}
	 
.mega-menu_up, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>.up{
	position:absolute;
	bottom: 48px;
}
	 
 .flyout-right>ul{
	left: 100%;
	}
	.flyout-left>ul{
	right: 100%;
}
 }
@media (max-width:767px){

	.exo-menu {
		min-height: 58px;
		background-color: #23364B;
		width: 100%;
	}
	
	.exo-menu > li > a{
		width:100% ;
	    display:none ;
	
	}
	.exo-menu > li{
		width:100%;
	}
	.display.exo-menu > li > a{
	  display:block ;
	  	padding: 20px 22px;
	}
	
.mega-menu, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
		position:relative;
}

}
a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}


.logo {
    position: relative;
    z-index: 123;
    padding: 10px;
    font: 18px verdana;
    color: #6DDB07;
    float: left;
    width: 15%
}



.just_left_align{
margin-left: 17px !important;
}


/*-------- Mobile Menu Style code --- */

#navigation_area #navigation {
    background-color: #ad5b06;
    background-size: cover;
    border-radius: 0px;
    border-top: 1px inset #086f33;
}
.mobile_nav ul ul{
	background: black !important;
}

.mobile_nav ul li a {
    text-align: center;
    color: #fff !important;
    border-bottom: 1px solid #ffffff24 !important;
	 line-height: 28px !important;
}
.mobile_nav .stander li a{
	text-align: center !important;
	color: #fff !important;
}
.navbar-default .navbar-brand {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 10px 3px 6px black;
}



/*============ Navigation style code is closed here ==================== */
	

/*-------- Distric Navigation Menu --- --- */

.distric_navbar{
	background: #f78b1b;
	margin: 10px 0;
}
.distric_navbar .navbar-default{
	background:none;
	border-color: none;
}
.distric_navbar .navbar-nav>li>a{
	padding: 5px 10px ;
	color: black;
	line-height: 40px;
	transition: all 0.4 ease-in-out;
}
.distric_navbar .navbar-nav>li>a:hover{
	background: #ce6a02;
	color: white;
	
}


.running_text{
	margin-bottom: 6px;
	
}
.running_text .container{
	background: #fff;
    padding-bottom: 5px;
	padding: 3px;
}
.advertisement_area{
	padding-bottom: 20px;
}

.heading_area{
	background: #f78b1b;
	color: black;
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px dotted;
}

.heading_area p{
	margin: 0;
}
.width_20{
	width: 30px;
}
.heading_area i{
	padding-right: 20px;
}
.padding_10{
	padding: 3px;
}
.text-right{
	float: right;
}
.row_flex{
	display: flex;
}
.color_white{
	color: #fff;
}
.padding_left_10{
	padding-left: 10px;

}
.sound_icon{
	position: relative;
	
}
.sound_icon .fa-bullhorn{
	position: absolute;
    background: #0e9332;
    padding: 14px;
    z-index: 1;
    font-size: 35px;
    color: white;
}
.flex_container{
	display: flex;
	
}
.flex_between{
	display: flex;
	justify-content: space-between;
}

.color_black{
	color: black;
}
._border{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 20px 0;
}
.underline{
	border-bottom: 1px solid white;
	padding: 0px;
    margin-bottom: 10px;
}
._padding_top{
padding-top: 10px;
}
.text{
	font-family: 'Poppins', sans-serif;
	text-align: justify;
	padding-top: 10px;
}
.user_icon{
	boder:1px solid black;
	 width: 192px;
    padding: 0 10px 0 0;
}
.user_icon_sm{
	width: 100px;
	padding-right: 7px;
    padding-top: 6px;
}
.upcomming_event{
	height: 308px;
}
.bg_white{
	background: #ffffffad;
	padding-top: 3px;
}
.bg_whit_only{
	background: #fff;
}
.submit_btn{
	background: #448d00;
	color: white;
	padding: 5px 30px;
	border: 0;
	border-radius: 3px;
	transition: all 0.4s ease-in-out;
}
.submit_btn:hover{
	background: black;
	color: white;
	
}
.icon_container{
    color: deepskyblue;
    padding: 6px 11px;
	display: -webkit-inline-box;
}
.margin_bottom_7{
	margin-bottom: 5px;
}
.padding_ten{
	padding: 10px;
}
.box_shadow{
	box-shadow: 0px 0px 7px #00000047;
	
	
}
.width_550{
	width: 550px;
	margin-bottom: 10px;
}
.border_area{
	border: 1px solid #796b6b;
    box-shadow: 0px 0px 4px grey;
    padding: 17px;
    margin-bottom: 10px;
    
  
}
.border_top{
	border-top: 1px solid #0101012e;
    padding-top: 10px;
}
.user_desc{
	padding: 0 5px 0 0;
}
.user_desc p{
	font-size: 12px;
    color: black;
}
.user_desc strong{
    color: black;
}
.video_gallery .gallery_content {
	border: 1px solid #0000003d;
    padding: 10px;
    margin: 10px 0;
}
.margin_top_20{
	margin-top: 20px;
}
.height_400{
	height: 290px;
}
.padding_none{
	padding: 0 !important;
}
.color_light_pink{
	color: #943c8d
}
.login_form{
	
	background: linear-gradient(362deg , #008000c9 18%, white 99%);
	background-size: cover;
}
.submit_btn{
	background: #448d00;
	color: white;
	padding: 5px 30px;
	border: 0;
	margin: 4px;
	border-radius: 3px;
	transition: all 0.4s ease-in-out;
}
.submit_btn:hover{
	background: black;
	color: white;
	
}
.sign_up_forget_area a:hover{
	color: #6fe600;	
} 
.marquee_bg{
/*	background: url(../images/marquee-bg.jpg);*/
    padding: 16px;
    color: black;
	
}
.broad_cast{
	margin: 20px 0;
	background:url("../images/disscusion-board.jpg");
	background-size: cover;
}
.broad_cast .user_area{
	height: 128px;
}
address{
	margin-bottom: 0 !important;
}

.login_man{
	background: #448d00;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 9px auto;
    font-size: 33px;
    padding: 3px 0px 0px 13px;
    color: white;
    border: 2px dotted white;
}
.label_style{
	position: absolute;
    margin-top: 6px;
    left: 37px;
	color: #448d00;
}
.login_field{
	padding-left: 30px;
}

.link_area{
	height: 129px;
    padding: 10px;
}
.margin_none{
	margin: unset;
}
.link_area li{
	list-style-type: none;
    /* border-bottom: 1px dotted grey; */
    padding: 1px 0;
    text-decoration: none;
}
.link_area li a{
	color: black;
	font-weight: 600;
}
.video_webcast .text{
	padding-top: unset;
}

.w3-left, .w3-right, .w3-badge {
    cursor: pointer;
}

.w3-left {
    float: left!important;
}
.w3-right {
    float: right!important;
}
.w3-section, .w3-code {
       position: relative;
    top: -41px;
    color: white;
    font-weight: bold;
    padding: 10px;                  
}


.footer_area{
    color: black;
}
.bg_orange{
	background: #f78b1b;
}
.footer_area p{
	margin:0;
	padding: 3px;
    font-size: 13px;
    line-height: 24px;
}

@media(max-width:767px){
	._text_left{
		text-align:left;
		float:left;
	}
	 #toTop{
     background: white;
	  position:absolute;
z-index:100;
}
	.distric_navbar .navbar-nav>li>a {
    padding: 5px 10px;
    color: black;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #00000052;
}
	.sm_center_align{
		text-align: center;
	}
	.social_media{
		padding-left:30px;
		margin: 0 auto;
        display: table;
		float: unset;
		display: none;
	}
	ul.social-icons{
		margin: 0;
		padding-bottoM: 15px;
	}
	#cssmenu {
    background: #3b76cf;
	
}
	.fixed{
		position: unset;
	}
}

#toTop{
       font-size: 21px;
    color: #f78b1b;
    border: 2px solid #f78b1b;
    position: absolute;
    right: 3px;
    width: 30px;
    height: 30px;
    margin-top: -41px;
    text-align: center;
    cursor: pointer;
}
.footer_link_area .btn{
	margin: 4px !important;
	border-radius: 0 !important;
}
.footer_link_area{
	margin-bottom: 20px;
	padding-bottom: 10px;
	display: table;
	margin: 0 auto;
}

/*==============================================  Home Page Style is here ======================= */

/*---Navigation_second_part--*/
.second_nav {
    position: relative;
    width:100%;
    margin: 0 auto;
	font-family: 'Poppins', sans-serif;
}
.second_nav > ul > li > a {
    padding: 18px 9px !important;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

/*--Second_top_area --*/
.second_top_area h3{
	margin-top: 30px;
}
.right{
	text-align: right;
}

/*--Second_slider_part ---*/
.second_slider_part{
	padding-top: 6px;
    margin-bottom: 6px;
	
}
.second_announcement_part{
	background: linear-gradient(400deg , #4a91ca, #0000ff38);
	background-size: cover;
	height: 262px;
}
.animation{
	animation:mymove 1s infinite linear alternate;
	transition: 0.4s ease-in-out;
}
@keyframes mymove{
	from{
		transform: scale(1.1,1);
	}
	to{
		
	}
}
.second_slider_part .container{
    padding: 2px 0px;
	
}
.second_announcement_part marquee{
	height: 188px;	
}
.second_runing_text_part marquee:not(:last-child){
	border-bottom: 1px solid #ffa500;
	padding:6px;
}
.second_link_part li{
	list-style: none;
	border-bottom: 1px solid grey;
}
.height_98{
	height: 98px;
}
.height_250{
	height: 293px;
}
.row{
	margin: unset;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding: 0 2px;
}
.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.annoucement_area{
    height: 297px;
    
}

/*============== Team Page Style Here ============== */
.table th, .table td {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
}
.table>thead>tr>th{
	vertical-align:middle;
}
.margin_bottom_20{
	margin-bottom: 20px;
}
.faculty_header{
	background: #f78b1b;
    padding-top: -3px;
   
}
.faculty_header h3{
	padding: 6px;
}
.title_holder ul li{
	line-height: 30px;
}
.title_holder ul li:before{
    content: "-";
    position: relative;
    right: 3px;
    top: 2px;
    font-weight: bold;
    font-size: 19px;
}
.table th {
    color: #000;
	background: #f78b1b;
}
.padding_right_10{
	padding-right: 10px;
}

@media(max-width: 767px){
	.flex_between_sm{
	display: flex;
	flex-direction: column;
}
}
/*============== Contact Us Page Style Here ============== */

.contact-form input, .contact-form textarea {
    width: 100%;
    font-size: 13px;
    border: none;
    background: #f0f0f0;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.contact-form textarea {
    height: 200px;
    margin-bottom: 30px;
}

.contact-form input, .contact-form textarea {
    width: 100%;
    font-size: 13px;
    border: none;
    background: #f0f0f0;
    padding: 15px 20px;
}
.btn_large{
	float: right;
	margin-bottom: 20px;
	padding: 8px 100px;
	background: #f78b1b;
}

.map_area iframe{
	height: 400px;
}

/*====Comming Soo page ==== */

.comming_soon{
	height: 430px;
	width: 100%;
}
.comming_soon embed{
	height: 390px;
	width: 100%;
}

/*============================================= Faculty Page Style Here =============================== */

.faculty_header{
    padding: 2px 17px;
    color: white;
}
.faculty_header i{
	margin-right:20px;
}
.faculty_content .row_flex{
	margin-top: 20px;
	margin-bottom: 20px;
}
.img_ara{
	border:1px dotted red;
	margin:10px;
}
.content h3{
	padding-bottom: 10px;
	color: #3b76cf;
}

@media(max-width:768px){
	.faculty_content .row_flex{
	flex-direction: column;
}
}

/*-------Footer area style--*/
.website_update_area {
    background: #f78b1b; 
    border-bottom: 1px solid #0000004d;
    border-top: 1px solid #0000004d;
    margin-bottom: 10px;
	color: black;
}
.website_update_area p{
    margin: 0;
	padding: 6px 0;
}


/*============================================= Knowledge Centre Style Here===========================*/

.width_50{
	width: 50px;
}


/*============================================= Office Page Style Here===========================*/

.margin_10{
	margin-top: 20px;
}
.table{
	margin: 0;	
}	
.table-hover tr:nth-child(odd){ 
	background: #f78b1bb3;
}
.table_heading_centre tr th{
	text-align: center;
}

/*============================================= Gallery Page Style Here===========================*/
.gallery_area{
	background: #a7a0a014;
}
.gallery_area .gallery_content{
	border: 1px solid #0000003d;
	padding: 10px;
	margin: 10px 0;
}
.gallery_area .gallery_img{
	border: 5px solid #ffffff;
    padding: 2px;
	width: 260px;
    height: 190px;
    cursor: pointer;
}
.hide_text{
	display: none;
}
.text:hover .hide_text{
	display: block;
	transition: all 0.4s ease-in-out;
}


.gallery_area .modal-footer{
	background: #3b76cf;
}
.gallery_area .modal-body{
border: 2px solid #3b76cf;
}



/*================ Feedback  Page Style Here ====== */
.feedback_area{
	background: url("../images/feedback_bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.container-contact100 {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: transparent;
  position: relative;
  z-index: 1;
}

.contact100-map {
  position: absolute;
  z-index: -2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.wrap-contact100 {
  width: 670px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

/*==================================================================
[ Title form ]*/
.contact100-form-title {
  width: 100%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  padding: 64px 15px 64px 15px;
}

.contact100-form-title-1 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 7px;
}

.contact100-form-title-2 {
 font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}


.contact100-form-title::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(54,84,99,0.7);
}


/*==================================================================
[ Form ]*/

.contact100-form {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 43px 88px 57px 190px;
}


/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 26px;
}

.label-input100 {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #808080;
  line-height: 1.2;
  text-align: right;

  position: absolute;
  top: 14px;
  left: -105px;
  width: 80px;

}

/*---------------------------------------------*/
.input100 {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #555555;
  line-height: 1.2;

  display: block;
  width: 100%;
  background: transparent;
  padding: 0 5px;
}

.focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;

  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;

  background: #57b846;
}


/*---------------------------------------------*/
input.input100 {
  height: 45px;
}


textarea.input100 {
  min-height: 115px;
  padding-top: 14px;
  padding-bottom: 13px;
}


.input100:focus + .focus-input100::before {
  width: 100%;
}

.has-val.input100 + .focus-input100::before {
  width: 100%;
}
.btn_right{
position: relative;
right: 0;
}

/*------------------------------------------------------------------
[ Button ]*/
.container-contact100-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}

.contact100-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  min-width: 160px;
  height: 50px;
  background-color: #57b846;
  border-radius: 25px;

  font-family: Poppins-Regular;
  font-size: 16px;
  color: #fff;
  line-height: 1.2;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.contact100-form-btn i {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.contact100-form-btn:hover {
  background-color: #333333;
}

.contact100-form-btn:hover i {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}

.contact-form{
	 padding: 22px 18px 52px 21px;
    background: #3b76cf61;
}
.padding_20{
	padding: 16px;
}
/*=================== Newsletter Page Style Here =================== */

.newsletter_content {
	border: 2px solid #ff8200;
	margin: 10px 0;
}
.newsletter_content h4{
	margin: 0;
	    padding: 8px;
}

/*=================== Studies Page Style Here =================== */

.margin_left_15{
	margin-left: 15px;
}
.font_size_larg{
	font-size: 26px;
}

.faculty_user li{
	margin-right: 10px;
	list-style-type:none;
}
.width_60{
	max-width: 60px;

}
.contact-form-block{
	padding: 8px; 
}

/*=================== Infrastructure Page Style Here =================== */

.infrastructure_area{
	margin: 20px 0;
}

.heading_h3{
	margin: 15px 0;
}
.infrastructure_area .heading_h3{
	margin-bottom: 15px;
	margin-top: 0;
	background: #83b4ff;
    padding: 7px 13px;
}

/*===================== News page style here ======================== */
.news_area{
	padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #000000f5;
    margin: 10px;
}
.news_area h4{
	font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
    color: #007ee2;
}
.news_img_area{
	width: 390px;
	    margin: 1px 15px 10px 0;
    border: 1px solid grey;
    padding: 4px;
}
.news_area .second_part{
	margin-left: 11px;
}
.news_area h4{
	margin:0;
	margin-bottom: 10px;
}
.date_time_author_area .date , .date_time_author_area .time , .date_time_author_area .author{
	padding-right: 14px;
	font-weight: bold;
}
.news_area p{
	line-height: 25px;
}
.captan_area{
	border-bottom: 1px solid grey;
}
._border_yellow{
	border:2px solid #f78b1b;
	
	
}
@keyframes mymove_highlight{
	from{border: 2px solid yellow;}
}
.four_area{
	margin-top: 8px;
}
.four_nave{
	background: #be6228;
	margin-bottom: 5px;
}
.four_nave table{
	    width: 100%;
}
.four_nave table tr td{
	border: 0 ;
	padding: 0;
	    width: 20%;
}
.four_nave table tr td:not(:last-child){
    border-right: 1px solid black;
}
.four_nave table tr td a{
   color: black;
	 padding: 4px;
	 display: block;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
}
.four_nave table tr td a:hover{
   color: white;
	background: #a24911;
	
    
}
/*---Google translator--- */
.google_translate{
	position: absolute;
    z-index: 1000;
    right: 31px;
    top: -20px;
    color: black;
    font-weight: bold;
}


/*----------slider_uper_content ------ */

.main_slider_area{
	position: relative;
}
.slider_uper_content{
	position: absolute;
	z-index: 500;
	    top: 0;
    right: 0;
}
.bg_light{
	background: #f4ecbb;
}
.bg-primary {
   
    background-color: #f78b1bb3;
}
.bg_yellow{
	background: grey;
}
.height_110 {
    height: 114px;
}
.flag_icon{
	width:30px;
	 position: relative;
    top: 5px;

}
.bg-danger {
    background-color: #f6a547;
}
.background_gradient{
	background: linear-gradient(339deg , #fbecdd -42% , white 89%);
}
.box_shadow_orange {
    box-shadow: 0px 1px 11px #b8d1f3;
}



@media(min-width: 767px){
	.hide_desktop{
		display: none;
	}
}

@media(max-width: 767px){
	.news_area h4 {
    
    margin-top: 13px;
    font-size: 16px;
    line-height: 26px;
}
	.slider_uper_content{
	position: relative;
	
}
	.top_hr_1 h3{
	font-size: 25px;
		line-height: unset;
}
		.navbar-nav .open .dropdown-menu>li>a {
        line-height: 30px;
    width: 100%;
    border-bottom: 1px solid #80808059;
	background: #f7f10a;
			position: relative;
			z-index: 100000000;	
}
.navbar-nav .dropdown-menu:hover, .bk1:hover .dropdown {
    
    color: #000 !important;
    font-weight: bold !important;
}
	.mobile_margin_none{
		margin: unset;
	}
	
	.distric_navbar {
    background: #cde40d;
    margin: 5px 0;
    position: absolute;
    width: 100%;
    z-index: 1000;
	
}
	.subnav{
		width: 100% !important;
		padding: 10px 0;
    border-bottom: 1px solid #352d2d94;
	}
	.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #7a9c09;
}
	.navbar-nav .dropdown-menu:hover, .bk1:hover .dropdown {
    background: #9daf0a;
    color: #fff;
}
	.navbar-toggle {
    background-color: #fff !important;
}
	.navbar-toggle .icon-bar {
    background: #ad5b06;
}
	.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
	.navbar-nav>li>a {
    padding-bottom: 10px;
        border-bottom: 1px solid #0000004d;
		    width: 100%;
}
	.subnav-content a:hover{
		background: transparent !important;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
   
    border-bottom: 1px solid black;
}
	.navbar-nav>li>a{
		line-height: unset;
		
	
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		width: 100%;
		background: black;
	}
	
	
}

@media (min-width: 767px){
.navbar {
    border-radius: 0;
    min-height: 40px;
}
 .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 6px;
    border-radius: 0 !important;
    color: #0c0c0cfa;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}
	.dropdown-menu>li>a {
    width: 100% !important;
    text-align: left;
    z-index: 30000;
    position: relative;
}
	.navbar-nav>li>.dropdown-menu {
    background: #a5b70a;
    border: 0;
    box-shadow: unset;
}
		.dropdown:hover>.dropdown-menu {
  display: block;
}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: #859407;
}
	.dropdown-menu>li>a {
    color: black;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}
	.navbar-collapse {
    padding-left: unset;
    padding-right: unset;
}
	.theme_navigation_color .navbar-nav>li>a:hover, .theme_navigation_color .navbar-nav>li>a:focus, .theme_navigation_color .navbar-nav>li>a:active {
    background: #9daf0a;
}
	  .navbar-nav {
    width: 100%;
    text-align: center;
  }
.navbar-nav li{
	float: none;
     display: inline-flex;
}


.dropdown-menu li{
	float: unset !important;
     display: unset !important;
}

}
.navbar{
	z-index: 1000;
}
.theme_navigation_color{
	background-color:#ece711; 
	border-radius: 0; 
	position:relative;
	
}


.navbar a {
  float: left;
      font-size: 13px;
    color: #1f1a1a;
  text-align: center;
/*  padding: 14px 16px;*/
  text-decoration: none;
	
}

.subnav {
  float: left;
  overflow: hidden;
    width: 20%;
	background: #be6228;
	text-align: center;
	
}
.subnav:not(:last-child) {
    border-right: 1px solid black;
}
.subnav:hover {
	background:#a24911;
	color:#fff;
}
.navbar a:hover {
	color:#fff;
}
.subnav .subnavbtn {
  font-size: 12px;
 font-weight: 600;
  border: none;
  outline: none;
  color: black;
 padding: 4px 0;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
	text-transform: uppercase;
}

.navbar .subnav-content:hover, .subnav:hover .subnavbtn {
	background-color: #a24911;
	color: #fff !important;
	
}
.navbar .subnav-content:hover, .subnav:hover .subnavbtn a {
	color: #fff !important;
	
}
.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: #a5b70a;
  width: 100%;
  z-index: 1;
}

.subnav-content a {
  float: left;
  color: black;
  text-decoration: none;
}

.subnav-content a:hover {
  background-color: #eee;
  color: #fff;
}

.subnav:hover .subnav-content {
  display: block;
	
}
.separate_menu{
	    margin-top: 6px;
    background: #be6228;
}
.navbar-nav .dropdown-menu:hover, .bk1:hover .dropdown{
	background: #9daf0a;
	color: #fff;
}

/* update 11-11-2022 */

ul.social-icons {
    position: relative;
    top: 5px;
}

.logo_img{
    margin-top: 10px;
}

.exo-menu li a:not(:last-child) {
    text-indent: 2px;
    font-size: 13px;
}
.newsletter_content h4 {
    margin: 0;
    padding: 8px;
    font-size: 15px;
}

@media(max-width:767px){
    .newsletter_area img{
        height: 100% !important;
    } 
}




