/* <modules> */
@media (min-width: 1200px)
{
  #module_container
  {
    width: 1040px;
    margin-left: calc(50% - 520px);
    margin-right: calc(50% - 520px);
  }
}

@media (max-width:1200px)
{
  #module_container
  {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media (min-width:768px)
{
  #module_gallery
  {
    float: left;
    width: 60%;
  }

  #cart
  {
    overflow: hidden;
    width: 40%;
  }

  .row_sale
  {
    display: flex;
  }

  #order
  {
    padding-top: 70px;
  }

  #module_content
  {
    margin-left: 6%;
    margin-right: 6%;
  }

  .description_title
  {
    margin-left: 6%;
    margin-right: 6%;
  }

  .description
  {
    margin-left: 6%;
    margin-right: 6%;
  }
}

@media (max-width:768px)
{
  #module_gallery
  {
    width: 100%;
  }

  #cart
  {
    clear: both;
    width: 100%;
    overflow: hidden;
  }

  .row_sale
  {
    display: block;
  }

  #order
  {
    padding-top: 20px;
  }

  #module_content
  {
    margin-left: 3%;
    margin-right: 3%;
  }

  .description_title
  {
    margin-left: 3%;
    margin-right: 3%;
  }

  .description
  {
    margin-left: 3%;
    margin-right: 3%;
  }
}

@media (max-width:320px)
{
  #module_container
  {
    width: 290px;
    margin-left: 15px;
    margin-right: 15px;
  }
}

#module_container
{
  height: auto;
  border-radius: 20px;
  border: 1px solid #B7B7B7;
  background-color: #E7E7E4;
  margin-top: 1vh;
  margin-bottom: 4vh;
  display: block;
}



#module_content
{
  border: 1px solid #B7B7B7;
  margin-top: 20px;
  margin-bottom: 50px;
}

.description_title
{
  margin-top: 38px;
  margin-bottom: 24px;
  font-family: 'Tinos', serif;
  font-weight: 700;
  font-size: 28px;
  color: #000000;
}

.description
{
  font-family: 'Tinos', serif;
  font-weight: 400;
  font-size: calc(1.375rem + 0.18vw);
  color: #000000;
  margin-bottom: 3%;
}

.title_h3_description
{
  font-family: 'Tinos', serif;
  font-weight: 700;
  font-size: calc(1.375rem + 0.18vw);
  color: #FF3700;
}

#module_gallery
{
  padding-top: 40px;
}

#main_gallery
{
  width: 100%
}

#max_picture
{
  float: left;
  border: 1px solid #B7B7B7;
  width: 72%;
  background-color: #FFFFFF;
  aspect-ratio: 1 / 1.2;
}

#slide_gallery
{
  overflow: hidden;
  width: 100%;
  padding-left: 20%;
  padding-right: 20%;
}

#button_slide_left
{
  float: left;
  color: #1A1A1A;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  text-align: center;
  border: 1px solid #B7B7B7;
  border-radius: 5px;
  width: 7%;
  padding: 1%;
  margin-left: 4%;
  margin-right: 3%;
  margin-top: 38%;
  height: auto;
  cursor: pointer;
  background-color: #E7E7E4;
}

#button_slide_right
{
  float: left;
  color: #1A1A1A;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
  text-align: center;
  border: 1px solid #B7B7B7;
  border-radius: 5px;
  width: 7%;
  padding: 1%;
  margin-left: 3%;
  margin-right: 4%;
  margin-top: 38%;
  height: auto;
  cursor: pointer;
  background-color: #E7E7E4;
}

.img_slide_left
{
  width: 100%;
  height: auto;
}

.img_slide_right
{
  width: 100%;
  height: auto;
}

#button_slide_left:hover
{
  border: 1px solid #FF3700;
  background-color: #CDCDCB;
  transition-duration: 150ms;
}

#button_slide_right:hover
{
  border: 1px solid #FF3700;
  background-color: #CDCDCB;
  transition-duration: 150ms;
}

.min_picture
{
  background-color: #FFFFFF;
  float: left;
  margin-left: 2.5%;
  margin-right: 2.5%;
  margin-top: 8%;
  margin-bottom: 8%;
  border: 1px solid #B7B7B7;
  width: 28%;
  aspect-ratio: 1 / 1.2;
}

.active, .min_picture:hover
{
  background-color: #FFFFFF;
  opacity: 0.5;
}

.image_module
{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.mySlides
{
  display: none;
  object-fit: scale-down;
}

.fade_show
{
  animation-name: fade_show;
  animation-duration: 1.2s;
}

@keyframes fade_show
{
  from
  {
    opacity: 0.4;
  }
  to
  {
    opacity: 1;
  }
}

#order
{
  float: right;
  margin-right: 16%;
  width: 70%;
  border-bottom: 1px solid #B7B7B7;
}

#price
{
  float: right;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 28px;
  margin-right: 12%;
  font-weight: 700;
  font-size: 26px;
  color: #000000;
}

#button_buy_now
{
  float: right;
  text-align: center;
  font-family: 'Roboto Mono', monospace;
  font-weight: 400;
  width: 140px;
  padding: 4px;
  background-color: #1A1A1A;
  border: 1px solid #404040;
  color: #FFFFFF;
  font-size: 17px;
  cursor: pointer;
  border-radius: 8px;
  transition-duration: 300ms;
  margin-bottom: 40px;
  margin-right: 8%;
}

#button_buy_now:hover
{
  color: #FFFFFF;
  background-color: #FF3700;
  border: 1px solid #FF3700;
}

#share_module
{
  float: right;
  margin-right: 12%;
}

.row_order
{
  width: 100%;
  overflow: hidden;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#zoom_background {
  position: fixed;
  transition: 0.5s ease-in-out opacity;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: 150;
  /* display: none; */
  background-color:#000000;
}


#zoomImgArea {
  transition: 0.5s ease-in-out opacity;
  position: fixed;
  top: 10%;
  left: 10%;
  width: 0;
  height: 0;
  opacity: 0;
  /* display: none; */
  z-index: 151;
}

#zoomImgArea > IMG
{
transition: 0.5s ease-in-out left;
object-fit: contain;
top: 0%;
left: 50%;
width: 0;
height: 0;
}

/* </bbg_module> */