#header .nav-item .nav-link,#header nav,.navbar-brand,.navbar-brand:hover,.navbar>.container-fluid{transition:.3s ease-in-out}@font-face{font-family:Black;src:url('../fonts/Kanit/Kanit-Black.ttf');font-display:swap}@font-face{font-family:BlackItalic;src:url('../fonts/Kanit/Kanit-BlackItalic.ttf');font-display:swap}@font-face{font-family:Bold;src:url('../fonts/Kanit/Kanit-Bold.ttf');font-display:swap}@font-face{font-family:BoldItalic;src:url('../fonts/Kanit/Kanit-BoldItalic.ttf');font-display:swap}@font-face{font-family:ExtraBold;src:url('../fonts/Kanit/Kanit-ExtraBold.ttf');font-display:swap}@font-face{font-family:ExtraBoldItalic;src:url('../fonts/Kanit/Kanit-ExtraBoldItalic.ttf');font-display:swap}@font-face{font-family:ExtraLight;src:url('../fonts/Kanit/Kanit-ExtraLight.ttf');font-display:swap}@font-face{font-family:ExtraLightItalic;src:url('../fonts/Kanit/Kanit-LightItalic.ttf');font-display:swap}@font-face{font-family:Italic;src:url('../fonts/Kanit/Kanit-Italic.ttf');font-display:swap}@font-face{font-family:Light;src:url('../fonts/Kanit/Kanit-Light.ttf');font-display:swap}@font-face{font-family:LightItalic;src:url('../fonts/Kanit/Kanit-LightItalic.ttf');font-display:swap}@font-face{font-family:Medium;src:url('../fonts/Kanit/Kanit-Medium.ttf');font-display:swap}@font-face{font-family:MediumItalic;src:url('../fonts/Kanit/Kanit-MediumItalic.ttf');font-display:swap}@font-face{font-family:Regular;src:url('../fonts/Kanit/Kanit-Regular.ttf');font-display:swap}@font-face{font-family:SemiBold;src:url('../fonts/Kanit/Kanit-SemiBold.ttf');font-display:swap}@font-face{font-family:SemiBoldItalic;src:url('../fonts/Kanit/Kanit-SemiBoldItalic.ttf');font-display:swap}@font-face{font-family:Thin;src:url('../fonts/Kanit/Kanit-Thin.ttf');font-display:swap}@font-face{font-family:ThinItalic;src:url('../fonts/Kanit/Kanit-ThinItalic.ttf');font-display:swap}body{font-family:Regular;font-size:2vw;background:#000}#header nav{height:112px}#footer,#header nav{background-color:#000!important}#header .nav-item .nav-link{font-family:Black;font-size:17px;line-height:135%}#navbarSupportedContent .navbar-nav{gap:35px;transition:.3s ease-in-out}.navbar-brand{width:90px;margin-right:35px;background:url(../images/header/logo.svg) 0 0/100% no-repeat;height:69px}.navbar-brand:hover{background:url("../images/header/logo-hover.svg") 0 0/100% no-repeat}.scroll-down-container{position:absolute;left:0;right:0;margin:0 auto;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-flow:column;bottom:20px;cursor:pointer}.nut,.nut .nut-border{position:relative}.scroll-down-arrow{width:15px;height:15px;border-left:2px solid #fff;border-right:none;border-top:none;border-bottom:2px solid #fff;right:0;top:0;transform:rotate(-45deg);margin-top:-10px;transition:.5s}.scroll-down-arrow:nth-child(2){opacity:0}.scroll-down-container:hover .scroll-down-arrow{margin-top:-5px}.scroll-down-container:hover .scroll-down-arrow:first-child{opacity:.5}.scroll-down-container:hover .scroll-down-arrow:nth-child(2){opacity:.75}.scroll-down-container:hover .scroll-down-arrow:nth-child(3){opacity:1}#footer>div{padding-top:80px;background:#000}#footer{padding-bottom:20px}.nav-link{color:#fff}header#header{margin-bottom:110px}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:#CFCD93}.nut-white .nut-border{border:1px solid #fff}.nut-cream .nut-border{border:1px solid #F29DAA;background-color:#F29DAA}.nut-blue .nut-border{border:1px solid #3AA7CB;background-color:#3AA7CB}.nut-green .nut-border{border:1px solid #30a56e;background-color:#30a56e}.nut-yellow .nut-border{border:1px solid #e5b52e;background-color:#e5b52e}.nut-brown .nut-border{border:1px solid #55281a;background-color:#55281a}.nut-gold .nut-border{border:1px solid #CFCD93;background-color:#CFCD93}.nut-teal .nut-border{border:1px solid #3C797E;background-color:#3C797E}.nut-white-2 .nut-border{border:1px solid #fff;background-color:#fff}.nut img{height:59px;margin:0 auto;text-align:center;left:0;right:0}#footer:hover .nut1 img{animation:.5s forwards nut1}@keyframes nut1{0%{transform:translateY(0)}30%{transform:translateY(-40px)}60%{transform:translateY(-20px)}100%{transform:translateY(-30px)}}#footer:hover .nut2 img{animation:.5s forwards nut2}@keyframes nut2{0%{transform:translateY(0)}30%{transform:translateY(-80px)}60%{transform:translateY(-60px)}100%{transform:translateY(-70px)}}#footer:hover .nut3 img{animation:.5s forwards nut3}@keyframes nut3{0%{transform:translateY(0)}30%{transform:translateY(-120px)}60%{transform:translateY(-80px)}100%{transform:translateY(-90px)}}#footer:hover .nut4 img{animation:.5s forwards nut4}@keyframes nut4{0%{transform:translateY(0)}30%{transform:translateY(-70px)}60%{transform:translateY(-50px)}100%{transform:translateY(-60px)}}#footer:hover .nut5 img{animation:.5s forwards nut5}@keyframes nut5{0%{transform:translateY(0)}30%{transform:translateY(-20px)}60%{transform:translateY(-10px)}100%{transform:translateY(-5px)}}#footer:hover .nut6 img{animation:.5s forwards nut6}@keyframes nut6{0%{transform:translateY(0)}100%,30%{transform:translateY(-30px)}60%{transform:translateY(-20px)}}#footer:hover .nut7 img{animation:.5s forwards nut7}@keyframes nut7{0%{transform:translateY(0)}100%,30%{transform:translateY(-50px)}60%{transform:translateY(-40px)}}.nut .nut-border{width:87px;height:25px;display:block;margin-top:8px}.marquee-container{width:100%;overflow:hidden;white-space:nowrap;position:relative;background-color:#CFCD93;font-family:Black;line-height:84.5%;text-transform:uppercase;text-shadow:1px solid #000;-webkit-text-stroke:1px #000;-webkit-text-fill-color:transparent;height:95px;padding:20px;display:block}.marquee-content{display:flex;gap:15px;min-width:100%;animation:9s linear infinite marquee}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}@media (min-width:992px){.marquee-container{font-size:66px}}.overlay{background:rgba(0,0,0,.2);width:100%;height:100%;left:0;top:0;position:absolute}.mx-common{margin:0 180px}.px-common{padding:0 180px}.ps-common{padding-left:180px}.pe-common{padding-right:180px}.pxe-common{padding-bottom:100px!important}.modal-dialog .modal-content{background:#000}.modal-dialog .modal-header{border:0}.modal-dialog .btn-close-custom{height:20px;width:20px;display:flex;flex-direction:column;justify-content:center;position:absolute;top:8px;right:15px;background:0 0;border:none;padding:0}.modal-dialog .btn-close-custom::after,.modal-dialog .btn-close-custom::before{position:absolute;content:'';width:100%;height:1px;background-color:#fff}.modal-dialog .btn-close-custom::before{transform:rotate(45deg)}.modal-dialog .btn-close-custom::after{transform:rotate(-45deg)}.modal-dialog .modal-body iframe{width:100%;height:450px}@media (max-width:991.98px){#navbarSupportedContent .navbar-nav{gap:10px}.navbar-collapse{margin:10px 5px 25px}#header .nav-item .nav-link{font-family:Regular;font-size:16px}#header .nav-item .nav-link.active{font-family:Medium;font-size:18px}.mx-common{margin:0 50px}.px-common{padding:0 50px}.ps-common{padding-left:50px}.pe-common{padding-right:50px}.pxe-common{padding-bottom:50px!important}.navbar-brand{width:48px;height:37px}#header nav{height:80px}header#header{margin-bottom:80px}.top-slider .slider-images .overlay{padding:25px 0}.marquee-container{font-size:46px;height:63px;padding:11px}.marquee-content{animation:2s linear infinite marquee}#footer{padding-bottom:10px}#footer>div{padding-top:30px}.nut .nut-border{width:39px;height:11px}.nut img{width:23px;height:27px}@keyframes nut1{0%,100%,30%,60%{transform:translateY(0)}}@keyframes nut2{0%,100%,30%,60%{transform:translateY(0)}}@keyframes nut3{0%,100%,30%,60%{transform:translateY(0)}}@keyframes nut4{0%,100%,30%,60%{transform:translateY(0)}}@keyframes nut5{0%,100%,30%,60%{transform:translateY(0)}}@keyframes nut6{0%,100%,30%,60%{transform:translateY(0)}}@keyframes nut7{0%,100%,30%,60%{transform:translateY(0)}}.modal-dialog .modal-body iframe{width:100%;height:315px}}@media (min-width:992px) and (max-width:1399.98px){.mx-common{margin:0 60px}.px-common{padding:0 60px}.ps-common{padding-left:60px}.pe-common{padding-right:60px}#header nav.shrink{height:72px}.navbar{transition:.2s ease-in-out}.navbar.shrink .navbar-brand{scale:0.9}.navbar #navbarSupportedContent .navbar-nav{gap:18px}.navbar.shrink #navbarSupportedContent .navbar-nav{gap:16px}#header .nav-item .nav-link{font-size:14px}}@media (min-width:1400px){#header nav.shrink{height:72px}.navbar{transition:.2s ease-in-out}.navbar.shrink .navbar-brand{scale:0.9}.navbar.shrink #navbarSupportedContent .navbar-nav{gap:25px}#header nav.shrink a.nav-link{font-size:16px;padding:10px}}