.elementor-1695 .elementor-element.elementor-element-0546f77{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;--z-index:999;}.elementor-1695 .elementor-element.elementor-element-5e8bd8b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1695 .elementor-element.elementor-element-e53840e{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;}.elementor-1695 .elementor-element.elementor-element-e53840e img{width:100%;}.elementor-1695 .elementor-element.elementor-element-f047b4e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1695 .elementor-element.elementor-element-86ae125{padding:20px 40px 20px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#333333;border-radius:100px 100px 100px 100px;--e-nav-menu-horizontal-menu-item-margin:calc( 45px / 2 );}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF00;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu .elementor-item{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main .elementor-item{color:#A7A7A7;fill:#A7A7A7;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main .elementor-item:hover, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main .elementor-item:focus{color:#BFF747;fill:#BFF747;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#BFF747;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed .elementor-item:before, .elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed .elementor-item:after{border-color:#BFF747;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#BFF747;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#BFF747;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#BFF747;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-underline .elementor-item:after, .elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-overline .elementor-item:before, .elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-double-line .elementor-item:before, .elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:45px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--dropdown a, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-menu-toggle{color:#A7A7A7;fill:#A7A7A7;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--dropdown{background-color:#222222;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--dropdown a:hover, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--dropdown a:focus, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-1695 .elementor-element.elementor-element-86ae125 div.elementor-menu-toggle{color:#ADADAD;}.elementor-1695 .elementor-element.elementor-element-86ae125 div.elementor-menu-toggle svg{fill:#ADADAD;}.elementor-1695 .elementor-element.elementor-element-736502f{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1695 .elementor-element.elementor-element-1aed937 .elementor-button{background-color:#61CE7000;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;fill:#A7A7A7;color:#A7A7A7;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:100px 100px 100px 100px;padding:20px 40px 20px 40px;}.elementor-1695 .elementor-element.elementor-element-1aed937 .elementor-button:hover, .elementor-1695 .elementor-element.elementor-element-1aed937 .elementor-button:focus{background-color:#BFF747;color:#000000;border-color:#333333;}.elementor-1695 .elementor-element.elementor-element-1aed937{border-radius:100px 100px 100px 100px;}.elementor-1695 .elementor-element.elementor-element-1aed937 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1695 .elementor-element.elementor-element-1aed937 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1695 .elementor-element.elementor-element-1aed937 .elementor-button:hover svg, .elementor-1695 .elementor-element.elementor-element-1aed937 .elementor-button:focus svg{fill:#000000;}.elementor-1695 .elementor-element.elementor-element-695cd29{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-1695 .elementor-element.elementor-element-e53840e{--container-widget-width:60%;--container-widget-flex-grow:0;width:var( --container-widget-width, 60% );max-width:60%;}.elementor-1695 .elementor-element.elementor-element-86ae125{padding:20px 35px 20px 35px;--e-nav-menu-horizontal-menu-item-margin:calc( 35px / 2 );}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:35px;}}@media(min-width:768px){.elementor-1695 .elementor-element.elementor-element-5e8bd8b{--width:20%;}.elementor-1695 .elementor-element.elementor-element-f047b4e{--width:60%;}.elementor-1695 .elementor-element.elementor-element-736502f{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1695 .elementor-element.elementor-element-5e8bd8b{--width:10%;}.elementor-1695 .elementor-element.elementor-element-f047b4e{--width:65%;}.elementor-1695 .elementor-element.elementor-element-736502f{--width:25%;}}@media(max-width:767px){.elementor-1695 .elementor-element.elementor-element-0546f77{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1695 .elementor-element.elementor-element-5e8bd8b{--width:20%;}.elementor-1695 .elementor-element.elementor-element-e53840e{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-1695 .elementor-element.elementor-element-f047b4e{--width:20%;}.elementor-1695 .elementor-element.elementor-element-86ae125{padding:10px 10px 10px 10px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-underline .elementor-item:after, .elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-overline .elementor-item:before, .elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-double-line .elementor-item:before, .elementor-1695 .elementor-element.elementor-element-86ae125 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}.elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:30px !important;}.elementor-1695 .elementor-element.elementor-element-736502f{--width:52%;}.elementor-1695 .elementor-element.elementor-element-1aed937 .elementor-button{padding:17px 25px 17px 25px;}}/* Start custom CSS for nav-menu, class: .elementor-element-86ae125 *//* ========================================== REVOX / APPLE INSPIRED GLASS NAVBAR ========================================== */ .elementor-1695 .elementor-element.elementor-element-86ae125{ position:relative; overflow:visible; /* IMPORTANT - keeps mobile dropdown working */ border-radius:999px; padding:20px 40px; background: rgba(38,38,38,.58); backdrop-filter: blur(7px) saturate(165%) brightness(108%); -webkit-backdrop-filter: blur(20px) saturate(165%) brightness(108%); border:1px solid rgba(255,255,255,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(255,255,255,.03), 0 10px 30px rgba(0,0,0,.30); transition: background .3s ease, border-color .3s ease, box-shadow .3s ease; } /* ========================================== VERY SUBTLE GLASS REFLECTION ========================================== */ .elementor-1695 .elementor-element.elementor-element-86ae125:before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background: linear-gradient( 180deg, rgba(255,255,255,.08), rgba(255,255,255,.03) 30%, rgba(255,255,255,0) 65% ); opacity:.7; } /* ========================================== HOVER ========================================== */ .elementor-1695 .elementor-element.elementor-element-86ae125:hover{ background: rgba(40,40,40,.60); border-color: rgba(255,255,255,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.34); } /* ========================================== MENU LINKS ========================================== */ .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-item{ color:#f5f5f7; font-weight:500; letter-spacing:.02em; transition: color .25s ease, opacity .25s ease; } /* ========================================== LINK HOVER ========================================== */ .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-item:hover{ color:#ffffff; } /* ========================================== ACTIVE PAGE ========================================== */ .elementor-1695 .elementor-element.elementor-element-86ae125 .current-menu-item>a, .elementor-1695 .elementor-element.elementor-element-86ae125 .current_page_item>a, .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-item-active{ color:#ffffff; font-weight:600; } /* ========================================== MOBILE DROPDOWN ========================================== */ .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--dropdown{ border-radius:22px; margin-top:18px; background: rgba(30,30,30,.82); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); border:1px solid rgba(255,255,255,.10); box-shadow: 0 15px 35px rgba(0,0,0,.35); overflow:hidden; } /* Mobile menu links */ .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--dropdown .elementor-item{ padding:16px 27px; color:#f5f5f7; } /* Mobile hover */ .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-nav-menu--dropdown .elementor-item:hover{ background: rgba(255,255,255,.05); } /* Hamburger icon */ .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-menu-toggle{ color:#fff; } .elementor-1695 .elementor-element.elementor-element-86ae125 .elementor-menu-toggle svg{ fill:#fff; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1aed937 */.elementor-1695 .elementor-element.elementor-element-1aed937{ position:relative; overflow:hidden; border-radius:999px; background: rgba(38,38,38,.58); backdrop-filter: blur(7px) saturate(170%) brightness(110%); -webkit-backdrop-filter: blur(20px) saturate(170%) brightness(100%); border:1px solid rgba(255,255,255,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.28); transition: all .3s ease; } /* Subtle glass reflection */ .elementor-1695 .elementor-element.elementor-element-1aed937:before{ content:""; position:absolute; inset:0; border-radius:inherit; background: linear-gradient( 180deg, rgba(255,255,255,.10), rgba(255,255,255,.03) 40%, transparent 75% ); pointer-events:none; } /* Hover */ .elementor-1695 .elementor-element.elementor-element-1aed937:hover{ background: rgba(68,68,68,.58); border-color: rgba(255,255,255,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 14px 30px rgba(0,0,0,.34); } /* Button text */ .elementor-1695 .elementor-element.elementor-element-1aed937 .elementor-button, .elementor-1695 .elementor-element.elementor-element-1aed937 .elementor-button-text{ color:##A7A7A7; text-shadow:none; font-weight:600; letter-spacing:.03em; } /* Hover text */ .elementor-1695 .elementor-element.elementor-element-1aed937:hover .elementor-button, .elementor-1695 .elementor-element.elementor-element-1aed937:hover .elementor-button-text{ }/* End custom CSS */