/* IMAGES SLIDE OVERLAY WITH TEXT */

/* LEFT */
.slidecontainer1 { position: relative; }
.slideimage1 { display: block; width: 220px; height: 320px; }
.slideoverlay1 { position: absolute; bottom: 0; left: 0; right: 0; background-color: #ce993c; overflow: hidden; width: 0; height: 100%; transition: .5s ease; }
.slidecontainer1:hover .slideoverlay1 { width: 100%; }
.slidetext1 { color: white; font-size: 20px; top: 50%; left: 50%;
  position: absolute; text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

/* RIGHT */

.slidecontainer2 { position: relative; }
.slideimage2 { display: block; width: 220px; height: 320px; }
.slideoverlay2 { position: absolute; bottom: 0; left: 100%; right: 0; background-color: #ce993c; overflow: hidden; width: 0; height: 100%; transition: .5s ease; }
.slidecontainer2:hover .slideoverlay2 { width: 100%; left: 0; }
.slidetext2 { color: white; font-size: 20px; top: 50%; left: 50%;
  position: absolute; text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

/* TOP */
.slidecontainer3 { position: relative; }
.slideimage3 { display: block; width: 220px; height: 320px; }
.slideoverlay3 { position: absolute; bottom: 100%; left: 0; right: 0; background-color: #ce993c; overflow: hidden; width: 100%; height:0; transition: .5s ease; }
.slidecontainer3:hover .slideoverlay3 { bottom: 0; height: 100%; }
.slidetext3 { color: white; font-size: 20px; top: 50%; left: 47%; ;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* BOTTOM */
.slidecontainer4 { position: relative; }
.slideimage4 { display: block; width: 220px; height: 320px ; }
.slideoverlay4 { position: absolute; bottom: 0; left: 0; right: 0; background-color: #ce993c; overflow: hidden; width: 100%; height: 0; transition: .5s ease; }
.slidecontainer4:hover .slideoverlay4 { height: 100%; }
.slidetext4 { color: white; font-size: 20px; top: 50%; left: 50%;
  position: absolute; text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Links */
a.slidelinks:link { color:white ; }
a.slidelinks:visited { color:white ; }
a.slidelinks:active { color:white ; }
a.slidelinks:hover { color:white ; }
a.slidelinks:focus { color:white ; }

a.slideheaders:link { color:#ce993c ; }
a.slideheaders:visited { color:#ce993c ; }
a.slideheaders:active { color:#ce993c ; }
a.slideheaders:hover { color:#ce993c ; }
a.slideheaders:focus { color: #ce993c ; }

a.slideheadersl:link { color:#ce993c ; }
a.slideheadersl:visited { color:#ce993c ; }
a.slideheadersl:active { color:#ce993c ; }
a.slideheadersl:hover { color:#ce993c ; }
a.slideheadersl:focus { color: #ce993c ; }

a.slideheadersr:link { color:#ce993c ; }
a.slideheadersr:visited { color:#ce993c ; }
a.slideheadersr:active { color:#ce993c ; }
a.slideheadersr:hover { color:#ce993c ; }
a.slideheadersr:focus { color: #ce993c ; }

a.sliderheaders:link { color:#ce993c ; }
a.sliderheaders:visited { color:#ce993c ; }
a.sliderheaders:active { color:#ce993c ; }
a.sliderheaders:hover { color:#ce993c ; }
a.sliderheaders:focus { color: #ce993c ; }

.slideheaders {  font-size: 20px; color:#ce993c; padding-left: 45px; padding-top:55px; }
.slideheadersl { font-size: 20px; color:#ce993c; padding-left: 35px; padding-top:55px; }
.slideheadersr { font-size: 20px; color:#ce993c; padding-left: 55px; padding-top:55px; }
.sliderheaders { font-size: 20px; color:#ce993c; padding-left: 80px; padding-top:55px; }
































/**/