*, *:before, *:after {
  box-sizing: border-box;
}

$bg-color: #d9d8c6;
$primary-color: #5b5a5c;
$secondary-color: darken($primary-color, 15%);

body {
  background: $bg-color;
}

li {
  list-style: none;
}

.suga-container {
  background: $primary-color;
  /*padding: .2em;*/
  max-width: 1000px;
  /*margin: 5em auto;*/
  box-shadow: 3px 3px 0px $secondary-color;
  border: 2px solid $secondary-color;
  /*border-radius: 5px;*/
}

.suga-slider-wrap {
  overflow: hidden;
}

.suga-slider-group {
  &:before,
  &:after {
    content: " ";
    display: none;
  }

  &:after {
    clear: both;
  }
}

.suga-slide {
  float: left;
  position: relative;
  margin-left: 5%;
  padding-right: 8px;

}

.margem {
	left: 5%;
}

/**************************************************************/


.teste-shadow3{
position: relative;
width: 40%;
height: 100px;
margin: 0 auto 6px;
background: #ddd;
border-radius: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 10px #ccc inset;
-moz-box-shadow: 0px 0px 10px #ccc inset;
box-shadow: 0px 0px 0px #ccc inset;
}
.teste-shadow3:before,
.teste-shadow3:after {
position: absolute;
content: "";
z-index: -2;
}
.teste-shadow3:before{
top: 0;
bottom: 0;
left: 10px;
right: 10px;
-webkit-border-radius: 100% / 29%;
-moz-border-radius: 100% / 29%;
/*border-radius: 100% / 29%;*/
-webkit-box-shadow: 0px 0px 23px #666;
-moz-box-shadow: 0px 0px 23px #666;
box-shadow: 0px 0px 23px #666;
}