/* === Animation === */

/* Shine */
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}


/* Topnav */
nav.topnav{
  position:relative; width:100%; padding:0; border-bottom:1px solid transparent; z-index:98;
  transition:transform .25s, background .25s, box-shadow .25s, border .25s; background:#f5f5f5;
}
nav.topnav .top{height:3.84875rem; display:flex; align-items:center;}
nav.topnav .top-right{position:absolute; top:2rem; right:0; height:3.84875rem;   transform: skewX(-25deg)}
nav.topnav .top-right .wrapper{
  position:relative; display:flex; align-items:center;
  height:100%; width:40rem; transform:skewX(25deg)
}
nav.topnav .top-right .wrapper::before{
  content:''; position:absolute; top:0; right:0; width:10rem; bottom:0;
}
nav.topnav .middle{
  height:12.875rem; display:flex; align-items:center; padding-top: 2rem;
}
nav.topnav .middle .wrapper{display:flex; align-items:center; justify-content:space-between;}
nav.topnav .middle .info-section{
  width:calc(100% - 16.234375rem); padding-left:10rem; display:flex; justify-content:flex-end;
}
nav.topnav .middle .info-section .icon{
  border:1px dashed transparent; min-width:2.875rem; height:2.875rem;
  display:flex; align-items:center; justify-content:center;
}
nav.topnav .middle .info-section .info-item:first-child{margin-left:0;}
nav.topnav .middle .info-section .info-item .text p{white-space:nowrap;}
nav.topnav .middle .info-section .info-item{display:flex; align-items:center; margin-left:4rem;}
nav.topnav .middle .logo-container{display:flex; align-items:center;}
nav.topnav .middle .logo-container .icon img{
  display:block; max-width:100%; width:auto; max-height:100%; height:3.375rem;
}
nav.topnav .bottom{height:3.5rem; margin-bottom:-2rem;}
nav.topnav .bottom .nav-menu{display:flex; justify-content:space-between;}
nav.topnav .bottom .nav-menu .options{display:flex;}
nav.topnav .bottom .nav-menu .options .option{
    padding:.25rem 1rem; display:flex; align-items:center;
}
nav.topnav .bottom .nav-menu .options .option.quick-btn{
    position:relative; margin-right:.5rem; transform:skewX(-25deg);
    padding-right:1.875rem; cursor:pointer; transition:background .3s;
}
nav.topnav .bottom .nav-menu .options .option.quick-btn::before{
    position:absolute; top:0; left:-.9375rem; bottom:0; content:''; width:3rem;
    transform:skewX(25deg); transition:background .3s;
}
nav.topnav .bottom .nav-menu .options .option.quick-btn>*{transform:skewX(25deg); transition:color .3s;}
nav.topnav .bottom .nav-menu .options .option.search-container{padding-right:1.9375rem;}
nav.topnav .bottom .nav-menu .options .option .search{
    border:1px dashed transparent;  border-radius:50%; cursor:pointer;
    width:2rem; height:2rem; display:flex; justify-content:center; align-items:center;
}
nav.topnav .bottom .nav-menu .options .option .search em{font-size:.75rem; transition:opacity .25;}
nav.topnav .bottom .nav-menu .options .option .search:hover em{opacity:.875;}
nav.topnav .bottom .nav-menu, nav.topnav .bottom .menu-container{height:100%;}
nav.topnav .bottom .menu-container .menu{
  position:relative; height:100%; display:flex; padding:1.75rem;
  align-items:center; justify-content:center; transition:background .25s;
}
nav.topnav .bottom .menu-container .menu::before{
  content:''; position:absolute; bottom:0; height:0.1875rem;
  left:0; right:0; transition:background .25s;
}
nav.topnav .bottom .menu-container .menu-wrapper{display:flex; height:100%;}
nav.topnav .bottom .sidenav-toggle{display:flex; align-items:center; width:2.25rem; display:none;}
@media screen and (max-width:1299.98px){
  nav.topnav .menu{padding:0 .75rem;}
  nav.topnav ~ .topnav-spacer{height:6.5rem;}
  nav.topnav .topnav-wrapper{padding:0 .5rem;}
  nav.topnav .menu > *:first-child, nav.topnav .submenu > *:first-child{font-size:.875rem;}
  nav.topnav .middle .info-section .info-item{margin-left:2rem;}
}
@media screen and (max-width:1199.98px){
  nav.topnav .middle .wrapper{flex-direction:column;}
  nav.topnav .middle .info-section{
    padding-left:0; width:100%; justify-content:center;
    margin-top:1.5rem;
}
  nav.topnav .show-tablet{display:flex!important;}
  nav.topnav .topnav-wrapper{padding:0 1.5rem; justify-content:flex-end;}
  nav.topnav .sidenav-toggle{display:flex;}
  nav.topnav .logo{padding:.5rem 0;}
  nav.topnav .logo .img-container img{height:3.5rem;}
}
@media screen and (max-width:991.98px){
  nav.topnav .logo .img-container img{height:3.25rem;}
  nav.topnav ~ .topnav-spacer{height:6.55rem;}
  nav.topnav .top-right{height:3.5rem; top:3.5rem;}
  nav.topnav .middle{height:14.875rem; padding-top:2.5rem;}
  nav.topnav .bottom .nav-menu .options .option.hide-tablet{display:none;}
  nav.topnav .bottom .nav-menu .options .option.search-container{padding-right:1rem;}
}
@media screen and (max-width:860.98px){
    nav.topnav .middle .info-section{display:none;}
    nav.topnav .middle{height:10.875rem;}
    nav.topnav .top-right{height:3rem; top:3.375rem;}
    nav.topnav .bottom{height:3.375rem;}
}
@media screen and (max-width:767.98px){
  nav.topnav .topnav-wrapper{padding:0 1rem;}
  nav.topnav .option-detail{display:none;}
  nav.topnav .logo .img-container img{height:3rem;}
  nav.topnav ~ .topnav-spacer{height:6.5rem;}
  nav.topnav .top-right .wrapper{width:25rem;}
  nav.topnav .bottom .menu-container{display:none;}
  nav.topnav .bottom .options{width:100%; justify-content:space-between;}
  nav.topnav .bottom .sidenav-toggle{display:flex;}
}
@media screen and (max-width:575.98px){
  nav.topnav .topnav-wrapper{height:3.25rem;}
  nav.topnav ~ .topnav-spacer{height:5.25rem;}
  nav.topnav .top-right{height:2.875rem;}
  nav.topnav .bottom{height:2.875rem;}
  nav.topnav .middle{height:8.875rem; padding-top:2.625rem;}
  nav.topnav .top-right .wrapper{width:18rem;}
}
@media screen and (max-width:490.98px){
    nav.topnav .top-right{height:2.5rem;}
    nav.topnav .bottom{height:2.5rem;}
    nav.topnav .middle .logo-container .icon img{height:2.625rem;}
    nav.topnav .bottom .nav-menu .options .option .search{width:1.75rem; height:1.75rem;}
    nav.topnav .bottom .nav-menu .options .option{padding:.25rem .75rem;}
}
@media screen and (max-width:375.98px){
    nav.topnav .top-right .wrapper{width:15rem;}
    nav.topnav .middle .logo-container .icon img{height:2.5rem;}
    nav.topnav .middle{height:8rem;}
}


/* Sidenav */
nav.sidenav{
  display:none; position:fixed; top:0; right:0; width:340px; height:100vh; z-index:100;
  transform:translateX(340px); transition:transform .5s;
}
nav.sidenav > .wrapper{position:relative; width:100%; height:100%; overflow:hidden;}
nav.sidenav > .wrapper::after {
  position:absolute; content:""; top:0; right:auto; left: calc(50% + 5.25rem);
  bottom:0; z-index: -1; width: 100%; height:calc(100% + .25rem); transform: skewX(-25deg)
}
nav.sidenav .logo-container{display:flex; align-items:center; padding:1.5rem 2rem;}
nav.sidenav .logo-container .icon img{
  display: block; max-width:100%; height:2.75rem; max-height:100%;
  width:auto; transition:opacity .25s; padding-top:.3125rem;
}
nav.sidenav .logo-container .icon{
  margin:0 .625rem 0 0; border-radius:50%; width:4rem; height:4rem;
  align-items:center; display:flex; justify-content: center;
}
nav.sidenav .logo-container .text-container{width:calc(100% - 4.625rem)}
nav.sidenav .menu-container{padding:.5rem 2rem;}
nav.sidenav .menu-container > .menu {
  position: relative; transition: color .25s;
  font-size: 1.125rem; cursor:pointer; display:block;
}
nav.sidenav .menu-container .menu {
  margin:0 0; transform:translateX(2rem);
    padding:.625rem 0; transition:transform 1s, opacity 1s; opacity:0;
}
nav.sidenav.active .menu-container .menu{transform:translateX(0); opacity:1;}
nav.sidenav.active .menu-container .menu:nth-child(2){transition-delay:.25s;}
nav.sidenav.active .menu-container .menu:nth-child(3){transition-delay:.5s;}
nav.sidenav.active .menu-container .menu:nth-child(4){transition-delay:.75s;}
nav.sidenav .sidenav-toggle{
  display:block; cursor:pointer; position:absolute; top:.25rem; right:.25rem; transform:scale(.8);
  width:1.75rem; height:1.75rem; display:flex; justify-content:center; align-items:center;
}
nav.sidenav ~ .sidenav-filter{
  display:none; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:98;
  background:#000000; opacity:0; pointer-events:none; cursor:pointer; transition:opacity .5s;
}
nav.sidenav{display:block;}
nav.sidenav.active{transform:translateX(0);}
nav.sidenav ~ .sidenav-filter{display:block;}
nav.sidenav.active ~ .sidenav-filter{opacity:.7; pointer-events:all;}
@media screen and (max-width:490.98px){
    nav.sidenav {transform: translateX(100vw);}
    nav.sidenav .logo-container .text-container{width: calc(100% - 4.5rem);}
    nav.sidenav .logo-container .icon img{height:2.5rem;}
    nav.sidenav .logo-container{padding:1.125rem 2rem;}
    nav.sidenav .logo-container .icon{width:3.875rem; height:3.875rem;}
}
@media screen and (max-width:390.98px){
    nav.sidenav{width:300px;}
    nav.sidenav .logo-container .icon{margin:0 .25rem 0 0;}
    nav.sidenav .logo-container{padding:1.5rem 1rem;}
    nav.sidenav .menu-container{padding:.5rem 1.25rem;}
}
@media screen and (max-width:320.98px){
    nav.sidenav{width:100vw;}
}


/* Footer */
nav.footer{position:relative;}
nav.footer .footer-top{position:relative; overflow:hidden;}
nav.footer .footer-top::before{
  content:''; position:absolute; top:0; right:0; left:0; bottom:0; z-index:2;
 }
nav.footer .pattern{
  position:absolute; top:0; left:0; display:block;
}
nav.footer .footer-top .img-bg{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
nav.footer .logo{
  display:flex; align-items:center; white-space:nowrap;
  padding:.625rem 0; transition:color .25s;
}
nav.footer .logo .img-container{background:#ffffff;  margin:0 .625rem 0 0; border-radius:50%; width:4rem; height:4rem; align-items:center; display:flex; justify-content:center;}
nav.footer .logo img{
  display:block; max-width:100%; height:2.875rem; max-height:100%;
  width:auto; transition:opacity .25s; padding-top:.3125rem;
}
nav.footer .contacts .contact-wrapper{display:flex; align-items:center;}
nav.footer .contacts .list-item{display:flex; align-items:center;}
nav.footer .contacts .icon{font-size:.875rem;}
nav.footer .contacts .text{padding-left:.5rem;}
nav.footer .socials{margin-top:1.25rem;}
nav.footer .socials .social-wrapper{display:flex; align-items:center;}
nav.footer .socials .social{
  display:flex; justify-content:center; align-items:center; transition:opacity .25s;
  width:2.5rem; height:2.5rem; border-radius:50%; margin-right:.125rem; transition:background .25s;
}
nav.footer .socials .social:hover{opacity:.95;}
nav.footer .socials .social svg{
  display:block; max-width:100%; width:auto;
  max-height:100%; height:2rem;
}
nav.footer .socials .social svg path{transition:fill .25s;}
nav.footer .footer-bottom{position:relative; padding:1rem 1.25rem;}


nav.footer .footer-bottom .pattern-line{position:absolute; top:0; left:0; right:0;}
nav.footer .footer-bottom .pattern-line img{
  display:block; height:.0625rem; width:100%;
}
nav.footer .footer-bottom .wrapper{
  display:flex; justify-content:center; flex-direction:column; align-items:center;
}
nav.footer .footer-bottom .policy{text-align:center;}
nav.footer .footer-bottom .policy a{margin:0 .5rem;}
nav.footer .standards{padding-left:1rem;}
nav.footer .standards img{
  display:block; width: auto; height:1.75rem;
}
nav.footer .hotline .wrapper{display:flex; align-items:center;}
nav.footer .hotline .icon{
  width:2.5rem; height:2.5rem; border:2px solid transparent;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%; transition:background .25s; cursor:pointer;
}
nav.footer .hotline .icon svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:1.25rem;
  transition:fill .25s;
}


/* Chat */
nav.chat{
  position:fixed; display:block; width:3.5rem; height:3.5rem;
  border-radius:50%; z-index: 90; bottom:1.25rem; right:1.25rem; cursor:pointer;
  transition:background .25s; box-shadow:0px 4px 8px 4px rgba(0,0,0,.1);
}
nav.chat > .wrapper{height:100%; display:flex; justify-content:center; align-items:center;}
nav.chat img{display:block; width:auto; height:2.25rem;}


/* Accessibility */
nav.side-panel{position:fixed; top:13rem; right:0; letter-spacing:0; z-index:99;}
nav.side-panel > .wrapper > .icon{transform:translateY(-4rem);}
nav.side-panel > .wrapper{position:relative;}
nav.side-panel .icon{
  position:relative; display:flex; align-items:center; justify-content:center;
  cursor:pointer; width:3.125rem; height:3.125rem; margin:0 0 0 auto; font-size:24px;
  transition:.25s background, .25s color, .25s opacity;
}
nav.side-panel .icon.main{border-radius:.4375rem 0 0 .4375rem;}
nav.side-panel .icon.main > *{transition:opacity .25s;}
nav.side-panel .icon.main .icon-active{
  position:absolute; top:0; bottom:0; left:0; right:0; opacity:0;
  display:flex; align-items:center; justify-content:center;
}
nav.side-panel .icon-header svg.text-size{
  display:block; max-width:100%; width:2.125rem; max-height:100%; height:1.625rem;
}
nav.side-panel .icon-header svg{
  display:block; max-width:100%; width:2rem; max-height:100%; height:2rem;
}

nav.side-panel.active .icon.main .icon-active{opacity:1;}
nav.side-panel.active .icon.main .icon-inactive{opacity:0;}
nav.side-panel .icon > img,
nav.side-panel .icon > svg{display:block; height:60%; width:auto;}
nav.side-panel .panel{
  position:absolute; top:0; right:-1rem; opacity:0; pointer-events:none;
  overflow:hidden; transition:opacity .25s, right .25s;
}
nav.side-panel.active .panel{right:0; opacity:1; pointer-events:auto;}
nav.side-panel .panel-row{
  width:300px; min-height:60px; display:flex; align-items:center; border-radius:.5rem 0 0 .5rem;
  margin-top:.125rem; border-left:4px solid transparent; padding:.5rem 0;
}
nav.side-panel .panel-row:first-child{cursor:pointer;}
nav.side-panel .panel-row p{font-size:.875rem; line-height:1.5; font-weight:300;}
nav.side-panel .panel-row:first-child p{padding:0 .25rem 0 .25rem;}
nav.side-panel .icon-width{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; width:150px; padding:0 0 0 0;
}
nav.side-panel .icon-width > img{
  display:block; width:auto; max-width:54px; height:auto; max-height:24px;
  margin:0 auto 4px auto;
}
nav.side-panel .options{
  width:calc(100% - 150px); padding:0 .75rem 0 0; display:flex; align-items:center;
  justify-content:space-between; flex-wrap:wrap;
}
nav.side-panel .option{
  display:block; font-size:16px; font-weight:300; padding:0; margin:0; cursor:pointer;
  width:40px; height:40px; line-height:40px; text-align:center;
  border-radius:50%; transition:background .25s, color .25s, fill .25s;
}
nav.side-panel .option.btn-lsp{
  width:58px; display:flex; align-items:center; justify-content:center;
}
nav.side-panel .option.btn-cursor{position:relative;}
nav.side-panel .option.btn-cursor img{
  position:absolute; top:calc(50% - 9px); left:calc(50% - 9px);
  display:block; width:18px; height:auto; transition:opacity .25s;
}
nav.side-panel .option.btn-cursor[data-cursor="0.8"] img{transform:scale(.8);}
nav.side-panel .option.btn-cursor[data-cursor="0.6"] img{transform:scale(.6);}
nav.side-panel .option.btn-cursor img:nth-child(2){opacity:0;}
nav.side-panel .option.btn-cursor.active img:nth-child(2){opacity:1;}
nav.side-panel .option-row{
  display:flex; align-items:center; justify-content:center; position:relative; font-size:15px;
  font-weight:500; padding:0; margin:0; border-radius:50%; width:2.5rem; height:2.5rem;
  cursor:pointer; transition:background .25s, color .25s, fill .25s; text-align:center;
  border:1px solid transparent;
}
nav.side-panel .option-row .icon{
  background:transparent; margin:0 .75rem 0 0;
}
nav.side-panel .option-row .icon-color svg{
  display:block; max-width:100%; width:1.5rem; max-height:100%; height:1.5rem;
}
nav.side-panel .option-row .icon img{display:block; height:100%; width:auto;}
nav.side-panel .option-row .icon + *{position:relative; padding:.1875rem 0 0 0;}
nav.side-panel .option-row .icon + *::before{
  content:''; position:absolute; bottom:.125rem; left:-.375rem;
  width:0; height:.1rem; transition:width .25s;
}
nav.side-panel .option-row:hover .icon + *::before,
nav.side-panel .option-row.active .icon + *::before{width:calc(100% + .375rem);}

nav.side-panel + .access-filter{
  position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:98;
  cursor:pointer; pointer-events:none; opacity:0; background:rgba(0,0,0,.4);
  transition:opacity .25s;
}
nav.side-panel.style-02 + .access-filter{height:100%;}
nav.side-panel.active + .access-filter{opacity:1; pointer-events:auto;}




.page-loader{background:#ffffff;}
.loader {
    width: calc(100px - 24px);
    height: 50px;
    position: relative;
    animation: flippx 2s infinite linear;
  }
  .loader:before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #E6BE00;
    transform-origin: -24px 50%;
    animation: spin 1s infinite linear;
  }
  .loader:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    background: #003366;
    width: 55px;
    height: 55px;
    border-radius: 50%;
  }

  @keyframes flippx {
    0%, 49% {
      transform: scaleX(1);
    }
    50%, 100% {
      transform: scaleX(-1);
    }
  }
  @keyframes spin {
    100% {
      transform: rotate(360deg);
    }
  }



.page-loader{
    position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:101;
    display:flex; justify-content:center; align-items:center; opacity:1; transition:opacity .5s;
}
.page-loader.started{opacity:0; transition:opacity .5s;}


/* Global Search Container */
.global-search-container{
    display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:100;
    opacity:0; pointer-events:none; padding:1.5rem; visibility:hidden!important; transition:visibility 1s;
  }
  .global-search-container .logo-container{display:flex; justify-content:center;}
  .global-search-container .logo-container .wrapper{display:flex; align-items:center;}
  .global-search-container .logo-container .logo{
    width:4rem; height:4rem; display:flex; justify-content:center;
    align-items:center; border-radius:50%;
  }
  .global-search-container .logo-container .logo img{
    display:block; max-width:100%; width:auto; max-height:100%; height:3rem;
    padding-top:.3125rem;
  }
  .global-search-container .logo-container .text{padding:0 .75rem; width:calc(100% - 4rem);}
  .global-search-container .pattern{
    position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;
    pointer-events:none;
  }
  .global-search-container .pattern img{
    display:block; max-width:100%; width:100%; max-height:100%; height:auto;
  }
  .global-search-container:not(.use-gsap){transition:opacity .45s;}
  .global-search-container.active{opacity:1; pointer-events:all; visibility:inherit!important;}
  .global-search-container > .wrapper{
    position:relative; width:100%; height:100%; padding:1.5rem 1.5rem 6rem 1.5rem;;
    display:flex; align-items:center;
  }
  .global-search-container .input-wrapper{display:flex; align-items:center;}
  .global-search-container .input-inner{position:relative; width:calc(100% - 2rem);}
  .global-search-container .btn-close{
    width:2rem; display:flex; justify-content:center; transition:opacity .25s;;
  }
  .global-search-container .btn-close:hover{opacity:.7;}
  .global-search-container .input-inner input{
    background:transparent!important; border:0!important; font-weight:400;
    border-bottom:1px solid transparent!important; border-radius:0;
  }
  .global-search-container .input-inner button{
    position:absolute; top:0; right:0; bottom:0; width:3rem; background:transparent; transition:.25s;
    display:flex; justify-content:center; align-items:center; border:0; cursor:pointer;
  }
  .global-search-container .input-inner button:hover{opacity:.7;}
  .global-search-container .hamburger{position:relative; transition:all .3s ease-in-out;}
  .global-search-container .hamburger{cursor:pointer;}
  .global-search-container .hamburger > *{
    position:relative; width:1.625rem; height:.125rem;
    transform:translateX(.375rem); transition:all .45s;
  }
  .global-search-container .hamburger > *:nth-child(2){margin:.4375rem 0; width:2rem; transform:none;}
  .global-search-container .hamburger.active > *:nth-child(1){
    width:1.25rem; -webkit-transform:rotate(-45deg)translate(-.4rem, .4rem);
    transform:rotate(-45deg)translate(-.4rem, .4rem);
  }
  .global-search-container .hamburger.active > *:nth-child(2){opacity:0; transform:translateX(2rem);}
  .global-search-container .hamburger.active > *:nth-child(3){
    width:1.25rem; -webkit-transform:rotate(45deg)translate(-.4rem,-.4rem);
    transform:rotate(45deg)translate(-.4rem, -.4rem);
  }
  .global-search-container .contents{
    position:relative; z-index:3; width:100%; max-width:700px; margin:0 auto;
  }
  .global-search-container .content-lists{max-height:75dvh; overflow-y:auto;}
  .global-search-container form{width:100%;  position:relative;}
  .global-search-container .input-container{position:relative;}
  .global-search-container input[type=text]{
    width:100%; font-size:1.25rem; border:1.5px solid transparent; border-radius:0;
    padding:.75rem 3.75rem .75rem 1rem; margin:0; box-shadow:none; transition:border-color .3s;
  }
  .global-search-container .pattern-01{
    position:absolute; top:3rem; left:-4rem; display:block; pointer-events:none;
    max-width:100%; max-height:100%; width:auto; height:13rem; opacity:.2;
  }
  .global-search-container .pattern-02{
    position:absolute; bottom:1rem; right:-5rem; display:block; pointer-events:none;
    max-width:100%; max-height:100%; width:auto; height:15rem;
  }
  @media screen and (max-width:575.98px){
    .global-search-container > .wrapper{padding:1.5rem 0 6rem 0}
    .global-search-container .pattern-01{left:-6rem;}
    .global-search-container .pattern-02{right:-8rem;}
  }
  @media screen and (max-width:490.98px){
    .global-search-container > .wrapper{padding:1.5rem 0rem 6rem 0rem}
  }