html, body, {
  height: 100%;
}
body {
  display: flex;
  /*flex-direction: column;*/
  margin: 0 auto;
    background-color: #242321;
}
iframe{
  width: 100%;
  position: relative;
  display: block;
  height: 100%;
  max-height: 480px;

}

.content{
  height: 100%;
  width: 100%;
  padding: 0px;
  max-width: 414px;
  margin: 0 auto;
}
.box {
  flex: 1 0 auto;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #84450b;
}

.cl{
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.clm{
  width: 50%;
  position: relative;
  margin: 0 auto;
}
.img{
  width: 100%;
  position: relative;
  margin: 0 auto;
  max-height: 800px;
}
.caption {
  position: absolute;
  width: 100%;
  font-size: 18px;
  margin-top: 25%;
  z-index: 9;
}
.box-img{
  max-width: 414px;
  width: 100%;
  background-repeat: no-repeat;
  height: 621px;
  background-color: black;
  background-size: 100%;
}
.img02{
  margin-top: 20% !important;
}
.porseparado{
  width: 45% !important;
  margin-left: 0% !important;
}
.LandSamsung{
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 100%;
  top: 0;
}


/* CAROUSEL */
.carousel-cell {
  width: 100%;
}
.carousel-cell img {
  width: 60%;
  height: auto;
  margin-left: 20%;
}
.carousel:after {
  content: 'flickity';
  display: none;
  /* hide :after */
}
.flickity-page-dots {
    /*display: none;*/
    bottom: -6% !important;
}
.flickity-page-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 8px;
    /* background: #fff; */
    border-radius: 50%;
    filter: alpha(opacity=25);
    opacity: .25;
    cursor: pointer;
    border: solid 2px #fff;
}
.flickity-page-dots .dot.is-selected {
    filter: alpha(opacity=100);
    opacity: 1;
    background: #fff;
}
.flickity-prev-next-button {
    background: transparent !important;
}
.flickity-prev-next-button .arrow {
    fill: #fff !important;
}
.flickity-prev-next-button svg {
    width: 80% !important;
    height: 80% !important;
}
.flickity-enabled.is-draggable {
    margin-top: 0% !important;
    z-index: 2 !important;
}
.carousel-cell {
    width: 100%;
    height: 250px !important;
}
.flickity-prev-next-button {
    top:30% !important;
    z-index: 2;
}
.flickity-page-dots {
  display: none !important;
    top: 0% !important;
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100% !important;
}
.flickity-viewport{
  height: 100% !important;
}

.imgcover{
  position: relative;
  width: 77% !important;
  margin: auto;
  left: 0%;
  margin-bottom: 50px;
  -webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.54);
  -moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.54);
  box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.54);
  top: 25px;
}

@media only screen and (max-width: 394px) {
  .imgcover {

      margin-bottom: 80px;

      top: 25px;
  }
}
@media only screen and (max-width: 364px) {
  .imgcover {

      margin-bottom: 90px;

      top: 55px;
  }
}