(10 Pack) Plastic Folding Stackable Chairs Seat -Office Home Event Wedding Party

* {
font-family: system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Ubuntu, “Helvetica Neue”, Oxygen, Cantarell, sans-serif;
}
.slider {
width: 640px;
position: relative;
padding-top: 640px;
margin: 20px auto;
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);
clear: both;
}
.slider > img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s;
}
.slider input {
display: none;
}
.slider label {
width: 100px;
margin: 20px 2px;
float: left;
border: 2px solid #999;
cursor: pointer;
transition: all 0.5s;
opacity: 0.6;
box-sizing: border-box;
padding: 0;
}
.slider img.mainimg {
width: 640px;
height: auto;
}
.slider label img {
width: 100%;
display: block;
}
.slider input:checked + label {
border-color: #666;
opacity: 1;
}
.slider input ~ img {
opacity: 0;
}
.slider input:checked + label + img {
opacity: 1;
}

#type {
width: 100%;
max-width: 650px;
margin: 0 auto;
}
#slider {
width: 100%;
max-width: 820px;
margin: 1em auto;
}
#slider img {
width: 100%;
}
#slider #sliderImage {
width: 80%;
margin: 1em auto;
padding: 0;
}
#info {
width: 100%;
padding-bottom: 2em;
text-align: center;
background: #000;
}
#info li {
line-height: 1.5em;
margin-bottom:5px;
list-style: none;
}
#info li::before {
content: ’25b8′;
padding-right: 0.5em;
color: red;
}
#info label {
width: 14%;
display: inline-block;
text-align: center;
font-family: ‘Oswald’;
font-weight: 700;
font-size: 1em;
color: #ffffff;
}
#info label {
cursor: pointer;
}
#info label section {
opacity: 0.3;
color: #ffffff;
transition: all .5s ease-in-out;
}
#info label section:hover {
opacity: 1;
color: #FF0000;
}
#info input {
visibility: hidden;
}
#info input:checked + label section {
opacity: 1;
color: #FF0000;
}
#info input:checked + label section .triUp {
transform: translateY(20px);
-webkit-transform: translateY(30px);
}
#info .infoIcon {
width: 50px;
height: 50px;
margin: 0 auto;
}
#info .triUp {
content: ”;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ececec;
margin: 0 auto;
-ms-transform: translateY(30px);
-webkit-transform: translateY(30px);
transform: translateY(40px);
transition: all .7s ease-in-out;
}
#info label:hover .triUp {
transform: translateY(20px);
-ms-transform: translateY(20px);
-webkit-transform: translateY(30px);
}
#info #infoContent {
width: 100%;
max-width: 1024px;
margin: 62px auto 0 auto;
padding: 0;
display: block;
text-align: left;
transform: translateY(-20px);
overflow: hidden;
background: #dddddd;
}
#info #infoContent p {
line-height: 1.5em;
margin-bottom: 1.5em;
}
#info #infoContent section#infoList {
width: 100%;
max-width: 820px;
margin: 0 auto;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-wrap: wrap;
}
#info #infoContent section#infoList div.lineUp {
width: 48%;
margin: 1%;
}
.title {
margin: 1em 1em 0 1em;
background: rgba(255, 255, 255, .5);
padding: 0;
}
h4 {
margin: 0;
padding: .6em 1.2em;
font-weight: 500;
font-size: 1.5em;
color: #fff;
}
.slanted_div {
-webkit-transform: skew(15deg);
-moz-transform: skew(15deg);
-o-transform: skew(15deg);
background: #000;
text-align:center;
padding: .1em 1.2em;
color:#ffffff;
display: inline-block;
}
.slanted_div > span {
transform: skew(-15deg);
display: block;
}
#info #footer {
width: 100%;
max-width: 240px;
margin: 0 auto;
}
#info #footer p {
color: #bbb;
font-family: ‘Oswald’;
font-weight: 300;
font-size: .75em;
text-align: center;
margin: .1em 0;
}
#info #infoContent > div {
display: none;
/*padding: 20px 25px 5px;*/
}
#info #infoContent > div > img{
width: 100%
}
#radio1_1:checked ~ #infoContent #infoContent1 {
display: block;
}
#radio1_2:checked ~ #infoContent #infoContent2 {
display: block;
}
#radio1_3:checked ~ #infoContent #infoContent3 {
display: block;
}
#radio1_4:checked ~ #infoContent #infoContent4 {
display: block;
}
#radio1_5:checked ~ #infoContent #infoContent5 {
display: block;
}
#backtotop {
position: fixed;
right: 30px;
bottom: 15px;
}
#backtotop img {
width: 60px;
opacity: .8;
}
/************************************ MEDIA QUERY ENDS ***************************************************/