body {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}


/*Меню*/

header{
	background-color: black;
    display: flex; 
    width:100%;
    justify-content: space-between;
	height:100px;
    align-items: center;
}

@media (max-width: 1000px){
    header{
        flex-direction: column;
        align-items: flex-start;
    }
}

ul{
    text-decoration: none;
	margin-right:450px;
}

.li1{
    display: inline;
    color: aliceblue;
    text-decoration: none;
    font-size: 20px;
    margin-left: 20px;
}

a{
    text-decoration: none;
    color: aliceblue;
}

.underline-one {
	color: #ffffff; 
    position: relative;
    cursor: pointer;
    text-decoration: none; 
}

.underline-one:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; 
    background-color: #FFCC00; 
    transition: width 0.5s; 
}

.underline-one:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; 
    background-color: #FFCC00; 
    transition: width 0.5s;  
}
	
.image{
    width: 100px;
    height: 70px;
    line-height: 70px;
    font-size: 50px;
	margin-left:450px;
}
	
	
	
/*Категории*/


nav{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: space-around;
    align-items: center;
	margin-top:-50px;
}

nav div{
    width: 200px;
    height: 35px;
    background-color: #FFCC00;
	text-align:center;
    transition: box-shadow 250ms ease-out;
}

nav div:hover{
    box-shadow: 0px 0px 5px 5px rgb(255, 204, 0);
}

.a1{
	color:black;
	font-size:30px;
}



/*Товары*/

main{
    width: 95%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-left: 2%;
	margin-top:150px;
}

.product{
    width: 300px;
    height: 450px;
    margin: 10px 15px 10px 10px;
	border: thick double #000000;
}

.product img{
    display: block;
    width: 250px;
    height: 250px;
    margin: 25px;
}

.product h2{
    width: 300px;
    height: 50px;
    margin: 0px;
    line-height: 50px;
	text-align:center;
}

.product p{
    width: 300px;
    height: 50px;
    margin: 0px;
	margin-left:20px;
    line-height: 50px;
    font-size: 25px;
}

.button{
	width:100px;
	height:25px;
	background-color: #FFCC00;
	margin-left:20px;
}



/*Слайдер*/

.bas{
	color:black;
	cursor:pointer;
}
.description{
	font-size:25px;
	margin-left:950px;
	text-indent: 30px;
	margin-top:0px;
}

#slider_bl_css{
	margin-right:600px;
	margin-top:-400px;
	border: thick double #000000;
}

#slider_bl_css .slides{
	padding:0;
	width:800px;
	height:520px;
	display:block;
	margin:0 auto;
	position:relative;
	border: thick double #000000;
}

#slider_bl_css .slides *{
	user-select:none;-ms-user-select:none;
	-moz-user-select:none;-khtml-user-select:none;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}

#slider_bl_css .slides input{
	display:none;
}

#slider_bl_css .slide-container{
	display:block;
}

#slider_bl_css .slide{
	top:0;
	opacity:0;
	width:750px;
	height:520px;
	display:block;
	position:absolute;
	transform:scale(0);
	transition:all .7s ease-in-out;
}

#slider_bl_css .slide img{
	width:100%;
	height:100%;
}

#slider_bl_css .nav label{
	width:150px;
	height:100%;
	display:none;
	position:absolute;
	opacity:0;
	z-index:9;
	cursor:pointer;
	transition:opacity .2s;
	color:#FFF;
	font-size:200pt;
	text-align:center;
	line-height:380px;
	background-color:rgba(255,255,255,.3);
	text-shadow:0 0 15px #777;
}

#slider_bl_css .slide:hover+.nav label{
	opacity:.5;
}

#slider_bl_css .nav label:hover{
	opacity:1;
}

#slider_bl_css .nav .next{
	right:0;
}

#slider_bl_css input:checked+.slide-container .slide{
	opacity:1;
	transform:scale(1);
	transition:opacity 1s ease-in-out;
}

#slider_bl_css input:checked+.slide-container .nav label{
	display:block;
}

#slider_bl_css .nav-dots{
	width:100%;
	bottom:9px;
	height:11px;
	display:block;
	position:absolute;
	text-align:center;
}

#slider_bl_css .nav-dots .nav-dot{
	top:-5px;
	width:11px;
	height:11px;
	margin:0 4px;
	position:relative;
	border-radius:100%;
	display:inline-block;
	background-color:rgba(0,0,0,.6);
}

#slider_bl_css .nav-dots .nav-dot:hover{
	cursor:pointer;
	background-color:rgba(0,0,0,.8);
}

#slider_bl_css input
#img-1:checked~.nav-dots label
#img-dot-1,
#slider_bl_css input
#img-2:checked~.nav-dots label
#img-dot-2,
#slider_bl_css input
#img-3:checked~.nav-dots label
#img-dot-3,
#slider_bl_css input
#img-4:checked~.nav-dots label
#img-dot-4,
#slider_bl_css input
#img-5:checked~.nav-dots label
#img-dot-5,
#slider_bl_css input
#img-6:checked~.nav-dots label
#img-dot-6{background:rgba(0,0,0,.8);
}



/*Регистрация*/
action_page.php{
	display: flex;
}

h1{
	margin-top:100px;
	text-align:center;
}

.registerbtn{
	width:200px;
	height:50px;
	margin-left:310px;
	margin-top:25px;
	font-size:30px;
	background-color:#FFCC00;
	color:black;
}




/*Товар*/

  
.figur{
	width:500px;
	height:500px;
	display:flex;
}

.right-column{
	display:flex;
	width:100%;
	height:100%;
	float:center;
	text-align:center;
}

.btn2{
	display:flex;
	
}
.product-price1{
	margin:30px;
	width:100px;
	height:40px;
	color:black;
}

.product-price2{
	margin:30px;
	width:100px;
	height:40px;
	color:black;
}



/*Админка*/

h1{
	display:flex;
	margin-right:75%;
	
}

.input{
	width:500px;
	height:100px;
	display:flex;
	margin-right:55%;
	margin-top:50px;
}

.hall{
	display:flex;
	margin-right:90%;
}

.categori{
	display:flex;
	margin-left:7.6%;
}




/*Списки*/
.spisoc{
	margin-top:150px;
	font-size:30px;
}

h2{
	margin-top:-100px;
}
#spiski{
	margin-top:250px;
	display:flex;
}

.product-id{
	display:flex;
	width:500px;
	position: absolute; left:70px;
	width: 500px;
    height: 500px;
	height:500px;
}

.user-id{
	display:flex;
	width:500px;
	margin-left:80%;
	width: 500px;
    height: 500px;
    height:500px;
	margin-top:-7px;
}

.categori{
	margin-right:1685px;
	display:flex;
}

.enter{
	margin-left:136px;
	display:flex;
	
}

.catigori{
	margin-top:20px;
}







footer {
	height: 250px;
	background-color:#B5B8B1;
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 200px;
}


.ssilka{
	display:flex;
	text-align: center;
	margin-left:550px;
}

.vk{
	width:50px;
	height:50px;
	margin:20px;
}

.telegram{
	width:50px;
	height:50px;
	margin:20px;
}

.insta{
	width:50px;
	height:50px;
	margin:20px;
}

.fot{
	display:flex;
	text-align: center;
	margin-left:1100px;
	margin-top:-20px;
}