/* prefrences */
/* size */
#slideshow{
	width: 100%;
	height: 600px;
	position:fixed;
}
#slideshow figure img{
	max-height: 800px; /* same values = best experience */
	width:100%;
}

/* navigation size */
#slideshow ul a{
	width: 15px;
	height: 15px;

}

/* colors */
#slideshow,#slideshow figure{
	background: #1E1E1E;
 /* the color of slideshow container */
}
#slideshow figure figcaption{
	
	 width:100%;
	 height:100%;
     margin:0 auto;
     padding:0;
     left:0;
     position:relative;
     top:20px;
     bottom:0;
	color: white; /* the text color of the caption */
}

.slide{
background: rgba(0,0,0,0.5);
padding:50px;
font-size: 30px;
width:60%;
/* height:200px; */
border-radius: 20px;
margin:100px auto;


/* clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); */

}

.slide h1{
	color:yellow;
}

.slide p{
	margin-top:10px;
text-align: center;
font-size: 40px;

}

.slide1{


width:100%;

margin:10px auto;
padding:30px;

}

.welcome{
	border:1px solid orange;
	margin:0px 0;
	width:50%;
	background: rgba(0,0,0,0.5);
	margin:0 auto;
	padding:25px;
	/* box-shadow: 1px 1px 10px 1px orange; */
   border-radius: 60px 0px;
}



.slide1 h1{
color:yellow;
font-size: 70px;
 margin-bottom:10px;

}


.slide1 h2{
	color:rgb(224, 224, 219);
	font-size: 35px;
	}

	.contact{
width:100%;

	}

	.contactUs a{
margin:70px 20px;
display: inline-block;
padding:10px 15px;
background:darkcyan;
font-size: 24px;
text-decoration: none;
color:#fff;
border:1px solid white;
width:130px;
border-radius:10px;
transition:background 1s ease, color 0.5s ease,border 1s ease,border-radius 1s ease;
	}

	.contactUs a:hover{
border-radius:0px;
background: #323232;
color:orange
	}






























	

	@media screen and (max-width:980px){



		.slide1 h1{
			color:yellow;
			font-size: 40px;
			 margin-bottom:10px;
			
			}
			
			
			.slide1 h2{
				color:rgb(224, 224, 219);
				font-size: 30px;
				}

        .contactUs a{
			margin:50px 15px;
			display: inline-block;
			padding:5px 10px;
			background:darkcyan;
			font-size: 22px;
			text-decoration: none;
			color:#fff;
			border:1px solid white;
			width:130px;
			
				}


		.slide{
			
			padding:20px;
			font-size: 20px;
			width:60%;
	
			margin:60px auto;
		
			
			}
			


	}

	
	@media screen and (max-width:576px){



        .slide1{
			margin:0px auto;
			
			}

		.welcome{
		
			
			width:80%;
			background: rgba(0,0,0,0.5);
			margin:0px auto;
			
		
		}
		
		
		
		.slide1 h1{
		color:yellow;
		font-size: 40px;
		 
		
		}
		
		
		.slide1 h2{
			color:rgb(224, 224, 219);
			font-size: 30px;
			}
		
			.contactUs a{
				margin:45px 15px;
				display: inline-block;
				padding:5px 5px;
				background:darkcyan;
				font-size: 20px;
				text-decoration: none;
				color:#fff;
				border:1px solid white;
				width:110px;
				
					}



					.slide{
						background: rgba(0,0,0,0.5);
						padding:40px;
						font-size: 20px;
						width:60%;
						/* height:200px; */
						border-radius: 20px;
						margin:40px auto;
						
						
						/* clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); */
						
						}
						
					
						
						.slide p{
							margin-top:10px;
						text-align: center;
						font-size: 30px;
						
						}


	}











	@media screen and (max-width:400px){



        .slide1{
			margin:0px auto;
			
			}

		.welcome{
		
			
			width:80%;
			background: rgba(0,0,0,0.5);
			
			padding:20px;
		
		}
		
		
		
		.slide1 h1{
		color:yellow;
		font-size: 35px;
		 
		
		}
		
		
		.slide1 h2{
			color:rgb(224, 224, 219);
			font-size: 25px;
			}
		
			.contactUs a{
				margin-bottom:20px;
				margin:40px 10px;
				display: inline-block;
				padding:5px 7px;
				background:darkcyan;
				font-size: 18px;
				text-decoration: none;
				color:#fff;
				border:1px solid white;
				width:100px;
				
					}




	}


/* navigation colors */
#slideshow ul a{
  border: 3px solid gray; /* the border of the navigation rings */
   padding:10px;
	background: gainsboro; /* the fill color of empty navigation ring */
	opacity:0.7;
}
#slideshow ul a.slide{
	background: black; /* the fill color of active */
	opacity:0.7;
	
}
#slideshow ul a:hover{
	background: gray; /* the fill color when the user moves over the navigation */
}

/* transitions */
#slideshow figure{ /* transition: start */

  opacity: 0; /* default: transparenty */

  /* -webkit-transform:translateX(100%); /* left in and out */
  /* transform:translateX(100%); /* left in and out */

  /* -webkit-transform:translateX(-100%); /* right in and out */
  /* transform:translateX(-100%); /* righ in and out */

  /* -webkit-transform:translateY(-100%); /* top in and out */
  /* transform:translateY(-100%); /* top in and out */

  /* -webkit-transform:translateY(100%); /* bottom in and out */
  /* transform:translateY(100%); /* bottom in and out */

}
#slideshow figure.show{ /* transition: end */

  opacity: 1;/* default: transparenty */

  /* -webkit-transform:translateX(0); /* left in and out */
  /* transform:translateX(0); /* left in and out */

  /* -webkit-transform:translateX(0); /* right in and out */
  /* transform:translateX(0); /* right in and out */

  /* -webkit-transform:translateY(0); /* top in and out */
  /* transform:translateY(0); /* top in and out */

  /* -webkit-transform:translateY(0); /* bottom in and out */
  /* transform:translateY(0); /* bottom in and out */

}


/* slideshow default */
#slideshow{
	overflow: hidden;
	position: relative;
}
#slideshow figure{
	margin: 0;
	top:0;
	bottom: 0;
	pointer-events: none;
	display: -webkit-flex;
	display: flex;
	-webkit-transition: all 0.5s ease;
	transition: all 0.6s ease;
}
#slideshow figure.show{
	pointer-events: initial;
	width:100% ;
}


#slideshow figure img{
	
	display: block;
	margin: auto;
	background-attachment: fixed;
background-position: center;
background-size:  cover ;   
background-repeat: no-repeat;
}


@media screen and (min-width:360px){

	#slideshow figure img{
	margin:0;
	width:100%;
     
	background-size:  cover; 
	}
	#slideshow{
		overflow: hidden;
		position: relative;
		height:390px;
		background-size: cover;
		width:100%;
	}

}






 @media screen and (min-width:672px){

	#slideshow figure img{
	margin:0;
	width:100%;
     
	background-size:  cover; 
	}
	#slideshow{
		overflow: hidden;
		position: relative;
		height:460px;
		background-size: cover;
		width:100%;
	}

}

@media screen and (min-width:972px){

	#slideshow figure img{
	margin:0;
	width:100%;
	height:600px;
     
 
	}
	#slideshow{
		overflow: hidden;
		position: relative;
		height:600px;
	}


}







#slideshow figure figcaption{
	padding: 10px;
	bottom: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	background: transparent;
	/* -webkit-backdrop-filter: blur(10px); */
}
#slideshow figure figcaption, #slideshow ul, #slideshow figure{
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
}
/* navigation default */
#slideshow ul{
	z-index: 2;
	margin: 10px;
	bottom: 0;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	background: transparent;
}
#slideshow ul a{
	display: block;
	margin: 5px 3px;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.7;
}