*{
	margin: 0;
	padding: 0;
	font-style: italic;
  }

/*------------info----------*/
#info{
	padding-top: 5px;
	background-color: #131313;
	margin-bottom: 0;
	}
#mob,#email{
  	float: left;
  	text-align:center;
  	text-decoration: none;
  	color: green;
   }
   #me{
    text-decoration: none;
    color: green;
    text-align: center;
    letter-spacing: 2px;
   }
   #me1,#me2,#me3,#me4,#me5{
  	float: right;
  	text-decoration: none;
  	color: green;
  	text-align: center;
   /* letter-spacing: 2px;*/
  }
  #me1:hover{
      color:#3b5999 ;
  }
   #me2:hover{
      color:#55acee ;
  }
   #me3:hover{
      color:#e4405f ;
  }
   #me4:hover{
      color:red;
  }
   #me5:hover{
      color:red;
  }
/*-----------navbar---------*/
#nav-bar
{   
   background: rgb(219,235,244);
    background: linear-gradient(90deg, rgba(219,235,244,1) 100%, rgba(88,184,233,1) 100%);
	
}
.navbar-brand img
{   
    height: 60px;
    padding-left: 30px;
}
.navbar-nav li
{
	padding: 0 10px;
}
.navbar-nav li a
{
	letter-spacing: 1px;
	float: right;
	text-align:left;
}
.navbar-toggler
{
	border: none!important;
}
.nav-link
{
	color: green!important;
	font-weight: 600;
	font-size: 16px;
}
#nav-bar ul li a:hover
{
    color: red!important;
}


/*---------slider-------*/
#slider
{
	width: 100%;
}

/*--------CHOOSE-------*/
#choose{
	padding: 20px;
}
/*---------content type--------*/
#fa{
	font-size: 70px;
	text-align: center;
	color:darkgreen;
	
}
#fahd{
	background-color: darkgreen;
	text-align: center;
	color: white;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 22px;
	overflow: hidden;
}
#fabtn{
	float: right;
}
#fabtn button{
    background-color:darkred;
    padding: 5px 20px;
    border-radius:22px; 
    overflow: hidden;
}
#fabtn button a{
	text-decoration: none;
	color: white;
	font-style:italic;
}
#fabtn button:hover{
	background-color: grey;
}

/*------------gallery---------*/

/* Center website */
.main {
  text-align: center;
}
.main h2 {
  font-size: 40px;
}

/* Add padding BETWEEN each column */
.main .row,
.main .row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
 display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.main .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */


/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn{
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: ;
  color: white;
  cursor: pointer;
}

.btn:hover{
  background-color: white;
  color: grey;
}

.btn.active {
  background-color: darkred;
  color: white;
}

.content {
 overflow: hidden;
   background-color: ;
  padding: 10px;
  border-radius: 25px;

}
.content img {
     border-radius: 25px;
  height: 300px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  opacity: 1;
}
.content:hover img {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 1;
}

/*----------gal------light----*/


/*----------imgcon-------*/
#conhd h1{
	text-align: center;

    padding: 15px;
}
#imgcon{
	padding-top: 20px;
	margin-bottom: 20px;
}
#imgcon1{
	font-size: 20px;
}
/*--------footer-------*/
#footer{
	background: rgb(219,235,244);
    background: linear-gradient(90deg, rgba(219,235,244,1) 100%, rgba(88,184,233,1) 100%);
    padding: 20px;
}
#footad {
	text-align: center;

	color: green;
}
  .bottom-bar {
    position:relative;
    text-align:center;
    font-size:.8em;
    text-transform:uppercase;
   
    padding:15px 0;
  }

  #underline{
    font-weight: 600;
    text-underline-position: under;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #000;

  }

  .carousel-caption a{
    text-decoration: none;
  }
.carousel-caption a i{
  font-size: 60px;
  color:lightgrey;
}
.carousel-caption a i:hover {
  
  color: black;
}