* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.logo{
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
    
}
.logo img {
  max-height: 65px;
  padding-left: 20px;
  padding: 1px 3px;
  background-color: #f8f9fa;
  border-radius: 10px;
}
/* Make the image fully responsive */
  .carousel-inner img {
    width: 100%;
    height: 80vh;
  }
  .about img{
  	width: 100%;
  	height: 50vh;
    border-radius: 20px;
  }
  .abtimg{
    width: 100%;
    height: 280px !important;
  }
  .mpscimg{
    width: 100%;
    height: 400px!important;
  }
 
  .footer_style{
    background: #2c2c54;
    color: white;
  }

  div ul li a{
    text-decoration: none;
    color:rgb(255, 47, 109);
  }
  /* div dd a{
    text-decoration: none;
    color: white;
  } */
  div ul li a:hover{
    text-decoration: none;
    color: #4bfaeb;
  }
  /* div dd a:hover{
    text-decoration: none;
    color: #f7fa4b;
  } */
  @media(max-width: 750px){
    li{
      list-style: none;
    }
  }
  
.topnav {
  background-color: #333;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
 /* float: left;*/
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}
.card-img{
  border-radius: 8px;
  height: 250px;
  padding-left: 10px 10px;
}
/* .card{
 margin: 20px;
 padding: 20px;
} */
.nav-item{
  text-transform: uppercase;
}

#baguetteBox-overlay{
	display:none;
	opacity:0;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000000;
	background-color:#222;
	background-color:rgba(0,0,0,.8);
	-webkit-transition:opacity .5s ease;
	transition:opacity .5s ease
	}
#baguetteBox-overlay.visible{
	opacity:1
	}
#baguetteBox-overlay .full-image{
	display:inline-block;
	position:relative;
	width:100%;
	height:100%;
	text-align:center
	}
#baguetteBox-overlay .full-image figure{
	display:inline;
	margin:0;
	height:100%;
	}
#baguetteBox-overlay .full-image img{
	display:inline-block;
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
	-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);
	-moz-box-shadow:0 0 8px rgba(0,0,0,.6);
	box-shadow:0 0 8px rgba(0,0,0,.6)
	}
#baguetteBox-overlay .full-image figcaption{
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	line-height:1.8;
	white-space:normal;
	color:#ccc;
	background-color:#000;
	background-color:rgba(0,0,0,.6);
	font-family:sans-serif
	}
#baguetteBox-overlay .full-image:before{
	content:"";
	display:inline-block;
	height:50%;
	width:1px;
	margin-right:-1px;
	}
#baguetteBox-slider{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	white-space:nowrap;
	-webkit-transition:left .4s ease,-webkit-transform .4s ease;
	transition:left .4s ease,-webkit-transform .4s ease;
	transition:left .4s ease,transform .4s ease;
	transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;
	}
#baguetteBox-slider.bounce-from-right{
	-webkit-animation:bounceFromRight .4s ease-out;
	animation:bounceFromRight .4s ease-out
	}
#baguetteBox-slider.bounce-from-left{
	-webkit-animation:bounceFromLeft .4s ease-out;
	animation:bounceFromLeft .4s ease-out
	}
@-webkit-keyframes bounceFromRight{
	0%,100%{
		margin-left:0
		}50%{
			margin-left:-30px
			}
			}
@keyframes bounceFromRight{
	0%,100%{
		margin-left:0
		}50%{
			margin-left:-30px
			}}
@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{
	position:absolute;
	cursor:pointer;
	outline:0;padding:0;
	margin:0;
	border:0;
	-moz-border-radius:15%;
	border-radius:15%;
	background-color:#323232;
	background-color:rgba(50,50,50,.5);
	color:#ddd;
	font:1.6em sans-serif;
	-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{
	top:20px;
	right:2%;
	right:calc(2% + 6px);
	width:30px;
	height:30px}
.baguetteBox-button svg{
	position:absolute;
	left:0;
	top:0}
.baguetteBox-spinner{
	width:40px;
	height:40px;
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-20px;
	margin-left:-20px}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2{
	width:100%;
	height:100%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-color:#fff;
	opacity:.6;
	position:absolute;
	top:0;
	left:0;
	-webkit-animation:bounce 2s infinite ease-in-out;
	animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{
	-webkit-animation-delay:-1s;
	animation-delay:-1s}
@-webkit-keyframes bounce{0%,100%{
	-webkit-transform:scale(0);
	transform:scale(0)}50%{
		-webkit-transform:scale(1);
		transform:scale(1)}}
@keyframes bounce{0%,100%{
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0)}50%{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)}}