*{
   margin:0;
   padding: 0;
   font-family: 'Cinzel', serif;
}
body{
    text-align: center;
}
.nav-item a{
	cursor: pointer;
}
/*----Carousel Section----*/
.carousel-item img{
    width: 100%;
    height: 80vh;
}
.carousel-item p{
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: wheat;
    background-color: blueviolet;
    font-size: 20px;
    font-weight: 300;
    border-radius: 10px;
    text-align: center;
    padding: 5px;
}
hr{
    width: 90%;
    margin: 10px auto;
    background-color: grey;
}
/*----Collections Section----*/
#collections{
    width: 100%;
    height: 40vh;
    margin: 10px auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
#collections h3{
    text-shadow: 2px 2px tomato;
    font-weight: 500;
}
#collections .slideshow{
	margin: 0 auto;
	padding-top: 30px;
	height: 400px;
	box-sizing: border-box;
}
#collections .content{
	margin: auto;
	width: 190px;
	perspective: 1000px;
	position: relative;
	padding-top: 40px;
}
#collections .content-carousel{
	width: 100%;
	position: absolute;
	float: right;
	animation: rotar 15s infinite linear;
    transform-style: preserve-3d;
}
#collections .content-carousel a{
    text-align: center;
    color: white;
    background: black;
    width: 100%;
    top:50%;left:50%;position: absolute;
    transform: translate(-50%,-50%);
}
#collections .content-carousel:hover{
	animation-play-state: paused;
	cursor: pointer;
}
#collections .content-carousel figure{
	width: 100%;
	height: 180px;
	border: 1px solid #4d444d;
	overflow: hidden;
    position: absolute;
    border: 5px solid black;
    border-radius: 10px;
}
#collections .content-carousel figure:nth-child(1){
	transform: rotateY(0deg) translateZ(300px);
}
#collections .content-carousel figure:nth-child(2){
	transform: rotateY(60deg) translateZ(300px);
}
#collections .content-carousel figure:nth-child(3){
	transform: rotateY(120deg) translateZ(300px);
}
#collections .content-carousel figure:nth-child(4){
	transform: rotateY(180deg) translateZ(300px);
}
#collections .content-carousel figure:nth-child(5){
	transform: rotateY(240deg) translateZ(300px);
}
#collections .content-carousel figure:nth-child(6){
	transform: rotateY(300deg) translateZ(300px);
}
#collections .shadow{
	position: absolute;
	box-shadow: 0px 0px  20px 0px #000;
	border-radius: 2px;
}
#collections .content-carousel img{
	image-rendering: auto;
	transition: all 300ms;
	width: 100%;
	height: 100%;
}
#collections .content-carousel img:hover{
	transform: scale(1.2);
	transition: all 300ms;
}
@keyframes rotar{
	from{
		transform: rotateY(0deg);
	}
	to{
		transform: rotateY(360deg);
	}
}
#Collections-Display{
    padding-top: 20px;
}
#Collections-Display table{
	width: 90%;
	margin: 5px auto;
}
#Collections-Display table a{
    background-color: #380f14;
    color: white;
    padding: 5px;
    border-radius: 10px;
}
#Collections-Display table a:hover{
    text-decoration: none;
}
#Collections-Display table tr{
    width: 100%;
    background-color: wheat;
	border: 1px solid black;
}
#Collections-Display table th{
    padding: 5px;
    background-color: yellowgreen;
	border: 1px solid black;
}
#Collections-Display table td{
    width: 35%;
    padding: 5px;
    font-weight: bold;
	border: 1px solid black;
}
#Collections-Display table img{
    width: 100%;
}
/*----gallery----*/
#gallery{
	width: 100%;
	height: auto;
	margin-top: 230px;
}
#gallery table{
	width: 100%;
}
#gallery table tr{
	width: 100%;
}
#gallery table td{
	width: 30%;
	padding: 2px;
}
#gallery table img{
	width: 100%;
	height: auto;
}
/*----Category Section----*/
#category{
	width: 100%;
	height: auto;
	text-align: center;
	justify-content: center;
}
#category table{
	width: 90%;
	margin: 10px auto;
}
#category table th{
    padding: 5px;
    background-color: yellowgreen;
	border: 1px solid black;
}
#category table tr{
	width: 100%;
	padding: 20px auto;
	background-color: wheat;
	border: 1px solid black;
}
#category table td{
	width: 30%;
	padding: 4px;
	border: 1px solid black;
}
#category table img{
	width: 100%;
	height: 250px;
}
#category table a{
    background-color: #380f14;
    color: white;
    padding: 5px;
    border-radius: 10px;
}
#category table a:hover{
    text-decoration: none;
}
/*----Services Section----*/
#services{
    width: 100%;
    height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#services table{
    border: none;
    outline: none;
	padding-top: 20px;
	padding-bottom: 20px;
}
#services table img{
    width: 100%;
    height: auto;
}
/*----Contact Section----*/
#contact{
    width: 100%;
    height: auto;
    background-image: url('../images/contact.png');
    background-position: center;
    background-size: cover;
}
#contact form{
    padding: 10px;
    opacity: 0.8;
}
#contact form label{
	color: black;
	font-weight: bold;
}
#contact form input{
    width: 40%;
    box-sizing: border-box;
    padding: 5px;
}
#contact form textarea{
    width: 40%;
    box-sizing: border-box;
}
/*----Login Modal----*/
#login-modal{
	width: 100%;
	height: auto;
}
#login-modal .modal-body{
	width: 100%;
	height: auto;
	padding: 10px;
	background: tomato;
}
#login-modal .modal-body form{
	background: tomato;
}
/*----Footer Section----*/
footer{
    width: 100%;
    height: auto;
    background-color: rgba(239,197,202,1);
}
footer p a{
    color: black;
}
footer p a:hover{
    text-decoration: none;
    color: blue;
    text-shadow: 1px 1px aqua;
}