*{

	box-sizing: border-box;
	overflow-x: hidden;
	
}
body{
	margin: 0;
	padding: 0;
	background:#f5f5f5;
	font-family: sans-serif;
	overflow-x: hidden;

}


#receipt_container {
		height:400px;
		padding-bottom:30px;
		overflow-y: scroll;
	}

#receipt_container::-webkit-scrollbar {
		width: 14px;
	}

#receipt_container::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background:#404040;
}

#receipt_container::-webkit-scrollbar-thumb {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
		background: #fafafa;
}

#receipt_container::-webkit-scrollbar-thumb:hover {
		background: #555;
}

.item_header {
	    width:99%; 
	    margin-top: -10px; 
		/*border: #fafafa dashed 0.5px;*/ 
		margin-left:0.5%;
		padding-top: 8px;
		height:40px;
		display: flex;
	}
.item_header h4{
	    /*border: red dashed 0.5px;*/
		margin-top:1px;
		padding-top:8px;
		margin: 0;
		overflow-y: hidden;
		font-size:13px;
		font-weight: normal;
}

#item_contentso {
	height: auto;
	width:99.5%;
	margin-left:1.8px;
}

.item_contents {
		margin-left: 0.5px;
		margin-right:2px;
		display: flex;
}

.item_contents h4{
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 16px;
		font-weight: normal;
	}

h3{
	margin-top: 10px;
	color:#ff8800; 
	padding: 15px; 
	border-radius: 0px; 
}


.nav__link {
	font-size: 11px;
	color: orange;
	float:left;
}

.main {
	width: 100%;
	margin-top:5px;
	margin-bottom:10px;
	padding: 0;
	box-sizing: border-box;
	font-family: sans-serif;
	display:flex;
	background-color:#b60000;
	justify-content: center;
	flex-wrap: wrap;
	/*margin-top:5px;
	padding-bottom:20px;*/
	box-shadow: 0 .125rem .25rem .25rem rgba(0,0,0,.075)!important;
	}

.main h3{
	margin: 4px;
	color:#000; 
	padding: 15px; 
	border-radius: 0px; 
	/*box-shadow: 0 1px 6px rgba(57,73,76, 0.35);*/
}


/* the main wrapper for the grid container */
.img-box {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap:10px;
	  background-color: #fff;
	  width:100%; 
	  /*margin: auto*/
	}
	
/* the main wrapper for each item */
.img-block{
		margin-right: 5px; 
		margin-bottom: 10px;
		text-align: center;
		width: 100%;
		overflow-y: hidden;
		height: 625px;
		border-radius: 0px; 
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.5)!important; 
	}
	
/* the wrapper for price and name */
h1 {
	font-size:15px;
	font-weight:bold;
	margin-left: 8px;
	text-align: left;
	

}

 .features{
	display:none;
}

/* the wrapper for single image */			
.img-block img{
	width: 100%; 
	height: 420px;
	margin-bottom: -10px; 
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; 
	cursor: pointer;
	border-top:1.5px /*solid #ed6102;*/
	border-left:4px /*solid #ed6102;*/
	border-right:4px /*solid #ed6102;*/
	border-bottom:14px /*solid #ed6102;*/
}

.itemName2{
  	display:none;
  }

 .itemName{
  	display:block;
  }   


















#est_div{
	 width: 95%;
     height: 100%;
     margin-top:12px;
     margin:auto;
     display:flex;
     background-color: #fff;
     padding: 2px 4px;
     text-align: center;
    line-height:33px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;
     margin-bottom:20px;
}


#impo_div{
	 width: 95%;
     height: 100%;
     margin-top:12px;
     margin:auto;
     display:flex;
     background-color: #fff;
     padding: 2px 4px;
     text-align: center;
    line-height:33px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;
     margin-bottom:20px;
}

#tp_div {
	 width: 95%;
     height: 100%;
     margin-top:12px;
     margin:auto;
     display:flex;
     background-color: #fff;
     padding: 2px 4px;
     text-align: center;
    line-height:33px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;
     margin-bottom:20px;
}

#evt_div{
	 width: 95%;
     height: 100%;
     margin-top:12px;
     margin:auto;
     display:flex;
     background:#fff;
	color: #000;
     padding: 2px 4px;
     text-align: center;
    line-height:33px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;
     margin-bottom:20px;
}

.item:first-child{
	width:40px;
	padding:0 50px;
	padding-bottom: 50px;
	height: 280px;
	margin-top: 50px;
	flex:1;
}

.item:nth-child(2){
	width:340px;
	padding-left: 5px;
	height:100%;
	flex:2;
}

#cont_div{
	width: 45%;
	height: 100%;
    margin: auto;
    font-family: sans-serif;
    margin-top:-12px;
    text-align: center;
    margin-bottom:7px;
    font-weight: bold;
    padding:0 4px;
    font-size: 16px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;
    padding-top: 12px;
    padding-bottom: 5px;
    background:#fff;
}

#cont_div2{
	width: 45%;
	height: 100%;
    margin: auto;
    font-family: sans-serif;
    text-align: center;
    margin-bottom:25px;
    font-weight: bold;
    padding:0 4px;
    font-size: 16px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;
    padding-top: 12px;
    background:#fff;
}


#cont_div3{
	width: 35%;
	height: 100%;
    margin: auto;
    font-family: sans-serif;
    text-align: center; 
    margin-bottom:25px;
    font-weight: bold;
    padding:0 4px;
    font-size: 16px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;
    padding-top: 12px;
    padding-bottom: 5px;
    background:#fff;
}

#cont_div4{
	width: 35%;
	height: 100%;
    margin: auto;
    font-family: sans-serif;
    text-align: center; 
    margin-bottom:25px;
    font-weight: bold;
    padding:0 4px;
    font-size: 16px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;
    padding-top: 12px;
    padding-bottom: 5px;
    background:#fff;
}

.top_detail {
	height:130px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}


.top_ads {
	max-height:130px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	display:flex;
	/*justify-content:center;*/
	overflow-x:auto;	
}


.top_detail {
	height:100%;
	overflow-y: hidden;
	margin-top:25px;
	margin-left:5px;
	margin-right:5px;
}


.top_ads::-webkit-scrollbar{
	width:0;
}

.top_ads .adBoxes {
	min-width:250px;
	height:112.5px;
	border: 1.5px solid #ccc;
	line-height:110px;
	text-align:center;
	background-color:#ddd;
	margin-right:8px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}


.side-nav{
	height:100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top:0;
	left: 0;
	margin-top: 39px;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y:scroll;
	padding-top: 60px;
	padding-bottom:100px;
	transition: 0.5s;

}

.side-nav a{
	padding: 10px 10px 10px 30px;
	text-decoration: none;
	font-size: 14px;
	color: #000;
	margin-top: -10px;
	font-weight: normal;
	display: block;
	transition: 0.3s;
}



.side-nav .btn-close{
	position: absolute;
	top: 0;
	margin-top: -10px;
	right: 22px;
	font-size: 40px;
	margin-left: 50px;

}


.sliderdiv{
	margin-top:1px;
	margin-right:1px; 
	margin-left:1px;
	justify-content: center;
	align-items: center;
	margin-bottom: -93.5px;
	
}

.slider{
	width: 100%;
	border-radius: 2px;
	overflow: hidden;
}

.slides{
	width: 500%;
	height:100%;
	display: flex;
}

.slides input{
	display: none;
}

.slide{
	width: 20%;
	transition: 2s;
}

.slide img{
	width: 100%;
	height: 180px;
}

.navigation-manual{
	position: absolute;
	width: 100%;
	margin-top: -140px;
	display: flex;
	justify-content: center;
}

.manual-btn{
	border: 2px solid #fff;
	padding: 5px;
	border-radius: 10px;
	cursor: pointer;
	transition: 1s;
}

.manual-btn:not(:last-child){
	margin-right: 10px;
}

.manual-btn:hover{
	background:#fff;
}

#radio1:checked ~ .first{
	margin-left: 0;
}

#radio2:checked ~ .first{
	margin-left: -20%;
}

#radio3:checked ~ .first{
	margin-left: -40%;
}

#radio4:checked ~ .first{
	margin-left: -60%;
}


.navigation-auto{
	position: absolute;
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: 140px;
}


.navigation-auto div{
	border:2px solid #40D3DC;
	padding: 5px;
	border-radius: 10px;
	transition: 1s; 
}

.navigation-auto div:not(:last-child){
	margin-right: 10px;
}


#radio1:checked ~ .navigation-auto .auto-btn1{
	background:#40D3DC;
}

#radio2:checked ~ .navigation-auto .auto-btn2{
	background:#40D3DC;
}

#radio3:checked ~ .navigation-auto .auto-btn3{
	background:#40D3DC;
}

#radio4:checked ~ .navigation-auto .auto-btn4{
	background:#40D3DC;
}


 .nav {
	position:fixed;
	bottom:0;	
	width:100%;
	height:55px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	background-color:#ffffff;
	display:flex;
	overflow-x:auto;
}

.nav__lin {
	display: flex;
	cursor:pointer;
	flex-direction: column;
	align-items: center;
	justify-content:center;
	flex-grow: 1;
	min-width: 50px;
	overflow: hidden;
	white-space: nowrap;
	font-family: sans-serif;
	font-size: 13px;
	color: #f68b1e;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	transition: background-color 0.1s ease-in-out;

}


.nav__lin:hover {
	background-color: #eeeeee;
}

.nav__lin:active {
	color: #009578;
}

.nav__lin {
	font-size: 18px;
}

.nav__text {
	font-size: 14px;
	color:gray;
}



@media(max-width: 568px){

	.slides{
	height:280px;
    }
	#cont_div{
		width: 95%;
		margin: auto;
		margin-bottom:7px;
	}

	#cont_div2{
		width: 95%;
		margin: auto;
		margin-bottom:7px;
	}

	#cont_div3{
		width: 95%;
		margin: auto;
		margin-bottom:7px;
	}
	#cont_div4{
		width: 95%;
		margin: auto;
		margin-bottom:7px;
	}
	#tp_div {
        flex-wrap: wrap;
	}

	#est_div{
        flex-wrap: wrap;
	}

	#impo_div{
        flex-wrap: wrap;
	}

	#evt_div{
        flex-wrap: wrap;
	}

	.item:first-child{
		margin-top: 10px;
		flex-basis: 100%;
		padding:0 10px;
	}

	.item:nth-child(2){
		flex-basis: 100%;
		height: 100%;
	}


	.img-box {
	  grid-template-columns: repeat(2, 1fr);
	  justify-items: center; 
   }

   .img-block{
      width:100%;
      height: 100%;
   }

 .img-box2 {
	  grid-template-columns: repeat(2, 1fr);
	  justify-items: center; 
   }

   .img-block img{ 
	height: 250px 

		
}