/** Shopify CDN: Minification failed

Line 666:8 Expected ":"

**/
/* emailsales */

#salesemail{
  color:blue;
}

/* Navbar custom */

.call{

}

/* Welcome to plastics direct */

#shopify-section-1630575530c4f70aa6 .h3{
  font-size:3em;
}

#shopify-section-1630575530c4f70aa6 p{
  font-size:1em;
}

@media only screen and (max-width: 600px){
  
  #shopify-section-1630575530c4f70aa6 .h3{
  font-size:1em;
}

  #shopify-section-1630575530c4f70aa6 p{
  font-size:10px;
}
  
}

/* Perspex */

#CustomImage--2-24843256561850{
  height:1060px;
  width:960px;
  margin-right:30px;
  position:absolute;
  left:3em;
}

/* our services */

#shopify-section-1630575559762cfed9{
  background-color:black;
}

#shopify-section-1630575559762cfed9 .h2{
  color:white;
  font-size:3em;
}

#shopify-section-1630575559762cfed9 .h3{
  color:white;
  font-size:2.5em;
}

#shopify-section-1630575559762cfed9 p {
  color:white;
  font-size:0.9em;
}

#shopify-section-1630575559762cfed9 a{
  color:lightblue;
}

#CustomImage--2-24801825456314{
  height:370px;
  width:100%vw;
}

#CustomImage--3-24801590345914{
  height:380px;
  width:540px;
}

#CustomImage--4-24801590345914{
  width:560px;
}

@media only screen and (max-width: 600px){
  
  #shopify-section-1630575559762cfed9 .h2{
  color:white;
  font-size:2em;
}

  #shopify-section-1630575559762cfed9 .h3{
  color:white;
  font-size:1em;
}
  #shopify-section-1630575559762cfed9 p {
  color:white;
  font-size:10px;
}
  
  #CustomImage--2-24801825456314{
  height:auto;
  width:auto;
}

  #CustomImage--3-24801590345914{
  height:auto;
  width:auto;
}
  
  #CustomImage--4-24801590345914{
  width:auto;
}
  
}

.image-bar__content:hover{
  color: #006eb9;
  transition: .2s ease-in-out;
}

/* projects */

/* images css */

.image1{
  position:relative;
  margin-right:10px;
  transition:transform .6s;
  cursor:pointer;
  z-index:1;
}

.image1:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}


/* restauranttooltip */

.tip1 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip1 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:550px;
  right:50px;
  z-index: 2;
}

.tip1:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image2{
  position:relative;
    transition:transform .6s;
  cursor:pointer;
}

.image2:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip2 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip2 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:550px;
  right:50px;
  z-index: 2;
}

.tip2:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */
.image3{
  position:relative;
  top:1em;
  margin-left:5px;
  transition:transform .6s;
  cursor:pointer;
}

.image3:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip3 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip3 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:500px;
  right:50px;
  z-index: 2;
}

.tip3:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */
.image4{
  position:relative;
  top:1em;
  left:1em;
  transition:transform .6s;
  cursor:pointer;
}

.image4:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip4 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip4 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:500px;
  right:50px;
  z-index: 2;
}

.tip4:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image5{
  position:relative;
  top:2em;
  margin-bottom:3em;
    transition:transform .6s;
  cursor:pointer;
}

.image5:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip5 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip5 .tooltiptext {
  font-size:1em;
  transition:transform .6s;
  visibility: hidden;
  width: 15em;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:500px;
  right:300px;
  z-index: 2;
}

.tip5:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image6{
  transition:transform .6s;
  cursor:pointer;
}

.image6:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}


/* restauranttooltip */

.tip6 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip6 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:550px;
  right:30px;
  z-index: 2;
}

.tip6:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image7{
    transition:transform .6s;
  cursor:pointer;
}

.image7:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip7 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip7 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:550px;
  right:100px;
  z-index: 2;
}

.tip7:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image8{
    transition:transform .6s;
  cursor:pointer;
}

.image8:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip8 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip8 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:450px;
  right:100px;
  z-index: 2;
}

.tip8:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}


/*  */

.image9{
    transition:transform .6s;
  cursor:pointer;
}

.image9:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip9 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip9 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:450px;
  right:50px;
  z-index: 2;
}

.tip9:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}


/*  */
.image10{
  margin-right:30px;
    transition:transform .6s;
  cursor:pointer;
}

.image10:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip10 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip10 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:550px;
  right:50px;
  z-index: 2;
}

.tip10:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image11{
    transition:transform .6s;
  cursor:pointer;
}

.image11:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip11 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip11 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 380px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:600px;
  right:50px;
  z-index: 2;
}

.tip11:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}


/*  */

.image12{
  margin-right:20px;
    transition:transform .6s;
  cursor:pointer;
}

.image12:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip12 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip12 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:350px;
  right:150px;
  z-index: 2;
}

.tip12:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}


/*  */

.image13{
  margin=left:20px;
    transition:transform .6s;
  cursor:pointer;
}

.image13:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip13 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip13 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:350px;
  right:5px;
  z-index: 2;
}

.tip13:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image14{
  margin-right:15px;
  transition:transform .6s;
  cursor:pointer;
}

.image14:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip14 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip14 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:550px;
  right:50px;
  z-index: 2;
}

.tip14:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */


.image15{
  transition:transform .6s;
  cursor:pointer;
}

.image15:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip15 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip15 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:550px;
  right:50px;
  z-index: 2;
}

.tip15:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image16{
  margin-right:10px;
  transition:transform .6s;
  cursor:pointer;
}

.image16:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip16 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip16 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:250px;
  right:50px;
  z-index: 2;
}

.tip16:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}


/*  */

.image17{
  transition:transform .6s;
  cursor:pointer;
}

.image17:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip17 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip17 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:250px;
  right:50px;
  z-index: 2;
}

.tip17:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image18{
  margin-right:12px;
  transition:transform .6s;
  cursor:pointer;
}

.image18:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip18 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip18 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:250px;
  right:50px;
  z-index: 2;
}

.tip18:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image19{
  transition:transform .6s;
  cursor:pointer;
}

.image19:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip19 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip19 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:250px;
  right:50px;
  z-index: 2;
}

.tip19:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */
.image20{
  transition:transform .6s;
  cursor:pointer;
  margin-right:10px;
}

.image20:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
  }

/* restauranttooltip */

.tip20 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip20 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:350px;
  right:100px;
  z-index: 2;
}

.tip20:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}


/*  */

.image21{
  transition:transform .6s;
  cursor:pointer;
}

.image21:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip21 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip21 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:350px;
  right:30px;
  z-index: 2;
}

.tip21:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image22{
  transition:transform .6s;
  cursor:pointer;
}

.image22:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}


/* restauranttooltip */

.tip22 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip22 .tooltiptext {
  font-size:1em;
  transition:transform .6s;
  visibility: hidden;
  width: 400px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:500px;
  right:250px;
  z-index: 2;
}

.tip22:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image23{
  transition:transform .6s;
  cursor:pointer;
}

.image23:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip23 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip23 .tooltiptext {
  font-size:15px;
  transition:transform .6s;
  visibility: hidden;
  width: 280px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:340px;
  right:20px;
  z-index: 2;
}

.tip23:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image24{
  position:relative;
  transition:transform .6s;
  cursor:pointer;
}

.image24:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip24 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip24 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:350px;
  right:100px;
  z-index: 2;
}

.tip24:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image25{
  position:relative;
  margin-right:15px;
  transition:transform .6s;
  cursor:pointer;
}

.image25:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip25 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip25 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:200px;
  right:50px;
  z-index: 2;
}

.tip25:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image26{
  transition:transform .6s;
  cursor:pointer;
}

.image26:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip26 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip26 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:200px;
  right:100px;
  z-index: 2;
}

.tip26:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image27{
  transition:transform .6s;
  cursor:pointer;
}

.image27:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip27 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip27 .tooltiptext {
  font-size:1em;
  transition:transform .6s;
  visibility: hidden;
  width: 450px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:500px;
  right:250px;
  z-index: 2;
}

.tip27:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}


/*  */
.laptop{
  margin-left:10px;
  transition:transform .6s;
  cursor:pointer;
}

.laptop:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.laptoptip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.laptoptip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:450px;
  right:50px;
  z-index: 2;
}

.laptoptip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */

.image28{
  transition:transform .6s;
  cursor:pointer;
}

.image28:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip28 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip28 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 420px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:450px;
  right:50px;
  z-index: 2;
}

.tip28:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/*  */
.image29{
  transition:transform .6s;
  cursor:pointer;
}

.image29:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.tip29 {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.tip29 .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:250px;
  right:50px;
  z-index: 2;
}

.tip29:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

.sunbed1{
  transition:transform .6s;
  cursor:pointer;
  margin-right:15px;
  position:relative;
  bottom:1em;
}


.sunbed1:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}


/* restauranttooltip */

.sunbed1tip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.sunbed1tip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:250px;
  right:50px;
  z-index: 2;
}

.sunbed1tip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}


/*  */

.sunbed2{
  transition:transform .6s;
  cursor:pointer;
}

.sunbed2:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.sunbed2tip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.sunbed2tip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:450px;
  right:50px;
  z-index: 2;
}

.sunbed2tip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* animal css */

.animal{
  margin-right:10px;
  transition:transform .6s;
  cursor:pointer;
}

.animal:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* restauranttooltip */

.animaltip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.animaltip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:250px;
  right:50px;
  z-index: 2;
}

.animaltip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* restaurant css */

.restaurant{
  transition:transform .6s;
  cursor:pointer;
}

.restaurant:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}


/* restauranttooltip */

.restauranttip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.restauranttip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:250px;
  right:50px;
  z-index: 2;
}

.restauranttip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* ambulance3 */

.ambulance3{
  margin-right:10px;
  transition:transform .6s;
  cursor:pointer;
}

.ambulance3:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* ambulance3tooltip */

.ambulance3tip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.ambulance3tip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:250px;
  right:50px;
  z-index: 2;
}

.ambulance3tip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* ambulance4 css */

.ambulance4{
  transition:transform .6s;
  cursor:pointer;
}

.ambulance4:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}


/* ambulance4tooltip */

.ambulance4tip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.ambulance4tip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:250px;
  right:50px;
  z-index: 2;
}

.ambulance4tip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* vanback css */

.vanback{
  transition:transform .6s;
  cursor:pointer;
}

.vanback:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* vaninsidetooltip */

.vanbacktip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.vanbacktip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:550px;
  right:50px;
  z-index: 2;
}

.vanbacktip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* vaninside css */

.vaninside{
  transition:transform .6s;
  cursor:pointer;
} 

.vaninside:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* vaninsidetooltip */

.vaninsidetip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.vaninsidetip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:550px;
  right:50px;
  z-index: 2;
}

.vaninsidetip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}


/* interior css */

.interior{
  margin-right:10px;
  margin-left:10px;
  transition:transform .6s;
  cursor:pointer;
} 

.interior:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* interiortooltip */

.interiortip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.interiortip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 360px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:240px;
  right:50px;
  z-index: 2;
}

.interiortip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* sinkscss */

.sinks{
  transition:transform .6s;
  cursor:pointer;
}

.sinks:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:1;
}

/* sinkstooltip */

.sinkstip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.sinkstip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:240px;
  right:50px;
  z-index: 2;
}

.sinkstip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* ecig css */

.ecig{
  margin-left:10px;
  margin-right:10px;
  transition:transform .6s;
  cursor:pointer;
}

.ecig:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:2;
}

/* ecigtooltip */

.ecigtip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.ecigtip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:24em;
  right:5em;
  z-index: 2;
}

.ecigtip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* stand css */

.stand{
  transition:transform .6s;
  cursor:pointer;
}

.stand:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
  z-index:2;
}

/* standtooltip */

.standtip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.standtip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:24em;
  right:10px;
  z-index: 2;
}

.standtip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* acrylic fabric css */

.acfab{
  margin-right:10px;
  margin-left:5px;
  transition:transform .6s;
  cursor:pointer;
}

.acfab:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
}

/* fabric tooltip */

.acfabtip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.acfabtip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:10em;
  right:17px;
  z-index: 2;
}

.acfabtip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* rod css  */

.rod{
  transition:transform .6s;
  cursor:pointer;
}

.rod:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
}

/* rod tooltip */

.rodtip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.rodtip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 370px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:10em;
  right:1em;
  z-index: 2;
}

.rodtip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* bottlestand css */

.bottlestand{
  transition:transform .6s;
  cursor:pointer;
  margin-left:5px;
}

.bottlestand:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
}

/* bottlestand tooltip */

.acrylictip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.acrylictip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:10em;
  right:3em;
  z-index: 2;
}

.acrylictip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* kitchen css */

.kitchen{
  transition:transform .6s;
  cursor:pointer;
  margin-left:10px;
}

.kitchen:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
}

/* kitchen css */

.pvctip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.pvctip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:10em;
  right:3em;
  z-index: 2;
}

.pvctip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* cig css */

.cig{
  transition:transform .6s;
  cursor:pointer;
  margin-left:5px;
}

.cig:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
}

/* cig tooltip */

.cigtip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.cigtip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 350px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:13em;
  right:5em;
  z-index: 2;
}

.cigtip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* blackstand css */

.blackstand{
  transition:transform .6s;
  cursor:pointer;
}

.blackstand:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
}

/* blackstand tooltip */

.blackstandtip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.blackstandtip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 280px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:13em;
  right:6px;
  z-index: 2;
}

.blackstandtip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* snackunit css */

.snackunit{
  transition:transform .6s;
  cursor:pointer;
  margin-left:5px;
}

.snackunit:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
}

/* snackunit tooltip */

.snacktip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.snacktip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 240px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:17em;
  right:9px;
  z-index: 2;
}

.snacktip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* cover css */

.cover{
  transition:transform .6s;
  cursor:pointer;
  margin-left:5px;
}

.cover:hover{
  transform:scale(1.1);
  box-shadow: 0 0 11px black;
}

/* cover tooltip */

.covertip {
  position: relative;
  display: inline-block;
  transition:transform .6s;
}

.covertip .tooltiptext {
  transition:transform .6s;
  visibility: hidden;
  width: 240px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  top:17em;
  right:9em;
  z-index: 2;
}

.covertip:hover .tooltiptext{
  visibility: visible;
  transform:scale(1.1);
}

/* Image grid */

.grid-container{
  border: 2px solid black;
  width:900px;
}



/* media screen for css above */

@media only screen and (max-width: 600px){
  .grid-container{
  border: 2px solid black;
  width:auto;
}
}