.load-video{
position:fixed;
display:block;
width:100%;
height:100%;
z-index:1000000;
background-color:rgba(0,0,0,0.44);
}

.box-video-load{
display:block;
position:relative;
/* background:#000; */
width:100%;
max-width:800px;
min-height:300px;
/* margin-top:-225px; */
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

}



.video-close{
 width:40px;
 height:40px;
 text-align:center;
 padding-top:3px;
 display:block;
 position:absolute;
 right:0;
 top:-50px;
cursor:pointer;
}

video {
  max-width: 100% ;
  height: auto;
}


@media (max-width: 768px) {
  .box-video-load{
   padding-left:20px;
   padding-right:20px;
  }

  .video-close{

   right:6%;
  }
}

.box-menu-video{
width:100%;
min-height:100px;
}

.t-menu{
display:block;
width:50%;
float:left;
padding:10px;
box-sizing: border-box;
text-align:center;
cursor:pointer;
}

.t-menu .circle{
 display:inline-block;
 width:40px;
 height:40px;
 border:1px solid #fff;
 border-radius:50%;
 text-align:center;
 font-size:32px;
color:#fff;
}

.t-menu:hover .circle{
background-color:#D30227;

}

.name-menu{
 color:#fff;
 padding-top:10px;
 display:inline-block;
 padding-bottom:5px;
 font-family: 'Kulachat Serif';
}

.t-menu:hover .name-menu{
   border-bottom:2px solid #D30227;
}


@font-face {
    font-family: 'Kulachat Serif';
    src: url('KulachatSerif-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('Prompt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DB Heavent';
    src: url('DBHeavent.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kulachat Serif';
    src: url('KulachatSerif-SemiBold_1.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DB Heavent Bold Cond';
    src: url('DBHeavent-BoldCond.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?6l6il3');
  src:  url('fonts/icomoon.eot?6l6il3#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?6l6il3') format('truetype'),
    url('fonts/icomoon.woff?6l6il3') format('woff'),
    url('fonts/icomoon.svg?6l6il3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon-other-product:before {
  content: "\e900";
}
.icon-icon-shopping:before {
  content: "\e901";
}