html {
    margin-top: 0px !important;
}
#wpadminbar{
   display: none;
}


.menu{
 	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: transparent;
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0;
    top: 0;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 5px;
}
.menu .logo{
    z-index: 99;
    /* position: absolute; */
    /* left: 50%;
    transform: translateX(-50%); */
    margin: 10px auto;
}
.menu.sticky .logo{
   margin: 0 auto;
}
/* .menu .right-menu{
   margin-top: 1vw;
} */
.menu.sticky .right-menu{
   margin: 0;
}
.menu .logo img{
   display: block;
   max-width: 150px;
   width: 100%;
}
.menu .logo .logo-sticky{
   display: none;
}
.menu .left-head{
   width: 100%;
}

a.click-active:after {
    position: absolute;
    content: '\f078';
    color: #fff;
    background: transparent;
    font-size: 15px;
    font-family: 'Font Awesome 5 Pro';
    z-index: 9;
    right: 10px;
}
 .grad{
   background: linear-gradient(262deg, #AD8B5B 5.25%, #D2AE72 30.91%, #F9D794 54.57%, #D2AE72 77.72%, #AD8B5B 101.87%);
   color: #fff;

 }
 .border-grad{
   outline: none;
    border-width: 1px;
    background: linear-gradient(#001d55,#001d55) padding-box,linear-gradient(180deg, #FF4912 0%, #FF7900 100%)border-box;
    border: 1px solid transparent;
    color: #FF7900;
 }
ul#header-menu {
   display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding-top: 100px;
    /*background-image: url(../img/bg-menu.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
   background: #15162ccc;
}

ul#header-menu li:hover >a{
   color: #F3D18F;
}
ul#header-menu a{
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    
    
}

#main-menu,#main-menu ul,#main-menu ul li,#main-menu ul li a,#main-menu #head-mobile{
   border:0;
   list-style:none;
   line-height:1.5;
   
}
#main-menu:after,#main-menu > ul:after{
   content:".";
   display:block;
   clear:both;
   visibility:hidden;
   line-height:0;
   height:0
}


#main-menu > ul > li > a{
   padding:10px;
   text-decoration:none;
   color:#fff;
   font-weight:600;
   text-transform: uppercase;
   font-size: 20px;
   
}

#main-menu > ul > li:hover > a,#main-menu ul li.active a,#main-menu >ul >li.current-menu-item > a,#main-menu >ul > li.current-menu-parent >a
{
   color:#F3D18F;
}



#main-menu > ul > li.has-sub:hover > a:before{
   top:23px;
   height:0
}
#main-menu ul ul{
   position:absolute;
   left:-9999px
}
#main-menu ul ul li{
   height:0;
   -webkit-transition:all .25s ease;
   -ms-transition:all .25s ease;
   transition:all .25s ease
}
#main-menu li:hover > ul{
   left:auto;
   z-index: 9999;
   top: 60px;
   display: block;
}

#main-menu li:hover > ul > li{
   height:45px
}
#main-menu ul ul ul{
   margin-left:100%;
   top:0
}
#main-menu ul ul li a{
   border-bottom:1px solid #96969626;
   padding:10px 10px;
   width:280px;
   font-size:16px;
   text-decoration:none;
   font-weight:600; 
   text-transform: unset;
}
#main-menu ul ul li:last-child > a,#main-menu ul ul li.last-item > a{
   border-bottom:0
}
#main-menu ul ul li:hover > a,#main-menu ul ul li a:hover{
   color:#da2128
}
#main-menu ul ul li.has-sub > a:after{
     position: absolute;
    top: 16px;
    right: 2px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f105';
}


.menu.sticky {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 9999;
   opacity: 1;
   /* background: #030B1C; */
   background: #3f1015;
}
.menu.sticky .logo-img{
   display: none;
}
.menu.sticky .logo-sticky{
   display: block;
   max-width: 50px;
   margin: 3px auto;
}

   
#main-menu ul li{
   width:100%;
   text-align: center;
   padding: 5px 8vw;
   position: relative;
   max-width: max-content;
   margin: 0 auto;
}
#main-menu > ul > li > a{
   padding: 10px 20px;
}
#main-menu > ul > li:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 200px;
    height: 1px;
    content: '';
    background: linear-gradient( 261deg, #ffdb6b -147.48%, #c49b27 -82.46%, #c7950e -28.91%, #fef097 37.39%, #a17700 97.32% );
    transform: translateX(-50%);
}
#main-menu > ul > li:hover > a,#main-menu ul li.active a,#main-menu >ul >li.current-menu-item > a,#main-menu >ul > li.current-menu-parent >a
{
   color:#F3D18F;
}
#main-menu > ul > li:hover:before,#main-menu ul li.active:before,#main-menu >ul >li.current-menu-item:before,#main-menu >ul > li.current-menu-parent:before{
   position: absolute;
    content: "";
    left: calc(8vw - 20px);
    top: 50%;
    width: 20px;
    height: 20px;
    z-index: 999;
    background-image: url(../img/star.png);
    background-repeat: no-repeat;
    background-size: contain;
   
    transform: translateY(-50%);
}

#main-menu ul ul li,#main-menu li:hover > ul > li{
   height:auto;
   width: 100%;
   margin-left: 0;
   padding: 8px 20px;
   position: relative;
}
#main-menu ul li a,#main-menu ul ul li a{
   width:100%;
   border-bottom:0;
}

#main-menu ul ul li a{
   padding-left:25px
}


#main-menu ul ul ul li a{
   padding-left:35px
}

#main-menu ul ul li:hover > a,#main-menu ul ul li.active > a{
   color:#F3D18F;
}
#main-menu ul ul,#main-menu ul ul ul{
   position:relative;
   left:0;
   width:100%;
   margin:0;
   text-align:right;
}
#main-menu > ul > li.has-sub > a:after,#main-menu > ul > li.has-sub > a:before,#main-menu ul ul > li.has-sub > a:after,#main-menu ul ul > li.has-sub > a:before{
   display:none
}


#main-menu > ul.open{
   position: absolute;
   width: 100%;
   height: 100vh;
   left: 0;
   top: 0;
   display: block;
   padding-top: 200px;
   background:url(../img/menu-bg.png) ;
   background-repeat: no-repeat;
   background-size: cover;
}
 #main-menu, #main-menu ul.open, #main-menu ul.open li, #main-menu ul.open li a{
   display: block;
}
#main-menu ul li.current-menu-item a, #main-menu ul li.current-menu-item a{
   color: #F3D18F;
}
button.navbar-toggler{
   top: 2vw;
   left: 8%;
   position: absolute;
   background: transparent;
   z-index: 99;
}
.menu.sticky button.navbar-toggler{
   top: 1vw;
}
.language{
   border-radius: 34px;
   background:  linear-gradient(261deg, #FFDB6B -147.48%, #C49B27 -82.46%, #C7950E -28.91%, #FEF097 37.39%, #A17700 97.32%);
}
.language li{
   display: inline-block;
}
.language li.active{
   display: none;
}
   
.animated-icon1 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span {
  display: block;
  position: absolute;
  height: 1.5px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon1 span {
   width: 41px;
   height: 9px;
    /* background: linear-gradient(261deg, #FFDB6B -147.48%, #C49B27 -82.46%, #C7950E -28.91%, #FEF097 37.39%, #A17700 97.32%); */
    background-image: url(../img/stroke-1.png);
    background-repeat: no-repeat;
    background-size: contain;
}



.animated-icon1 span:nth-child(1) {
   top: 0px;
   right: 0;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}


.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 100%;
  transition: all 0.5s ease-out;
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 100%;
  transition:  all 0.5s ease-out;
}
.menu.sticky #main-menu > ul.open{
   padding-top: 150px;
}

.line-left {
    position: absolute;
    left: 0;
    bottom: -1.25vw;
    width: calc(50% - 80px);
    height: 17px;
    background: url(../img/line-menu-left.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 999;
}

.line-right {
    position: absolute;
    right: 0;
    bottom: -1.25vw;
    width: calc(50% - 80px);
    height: 17px;
    background: url(../img/line-menu-right.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 999;
}
.menu.sticky .line-left, .menu.sticky .line-right{
   display: none;
} 
@media(max-width:1024px){
   .menu{
      /* background: #030B1C; */
      position: absolute;
      height: 80px;
   }
   .line-right,.line-left{
      display: none;
   }
   #header-search{
      display: none;
   }
   .menu .logo {
      width: 120px;
      margin: 5% auto;
   }
   #main-menu > ul.open{
      padding-top: 150px;
   }
   
   button.navbar-toggler{
       right: 20px;
       background: transparent;
       top: 25px;
   }
   #main-menu ul li{
      width: 80%;
      text-align: right;
      padding: 5px 20px;
   }
   .menu.sticky button.navbar-toggler{
      top: 25px;
   }
   #main-menu > ul > li > a{
      font-size: 16px;
      font-weight: 500;
   }
  .sectionIntroduce__scroll img{
   width: 40%;
   max-width: 45px;
  }
   
   

}