main .SlideShow
{ margin:5px auto;
  position: relative;
  width:90%;
}
main .SlidePhoto { display: none; }
main .SlidePhoto img { width:100%; }

main .SlideDots
{ position:absolute;
  top:10px;
  right:20px;
}

/* The dots/bullets/indicators */
.dot {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #ececec;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #dfd4c8;
}
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

main .SlideTextBox
{ position:absolute;
  top:30px;
  left:30px;
  width:200px;
  height:200px;
  background-color: #dfd4c8;
  box-shadow: 10px 10px #ececec;
  color:#5E5854;
  font:24px/1.5 Cormorant;
  text-transform: uppercase;
  padding:30px 0 0 30px;
  box-sizing:border-Box;
}

main .SlideTextBox .Circle
{ border-radius:50%; 
  border:1px solid #5E5854;
  position: absolute;
  bottom: 25px; right:25px;
  width:30px; height:30px;
}

main .SlideTextBox .Arrow
{ position: absolute;
  bottom: 24px; right:12px;
  font:35px/1.2 Century Gothic;
  /*width:25px; height:25px;*/
}