*{margin:0;padding:0;font-family:'Kanit', sans-serif;letter-spacing:0.5px}body{width:100%;height:100%;scroll-behavior:smooth;position:relative}h1{letter-spacing:3px}@keyframes pulse{0%,100%{animation-timing-function:ease-in}50%{transform:scale(0.75)}}.nav-float-left a .osxris-logo{animation:pulse 2s;padding:2px 0px}@media screen and (max-width: 768px){.nav-float-left a .osxris-logo{transform:scale(0.8)}}.nav-float-left a:hover{transform:scale(1.1);background-color:#303030}@media screen and (max-width: 768px){.nav-float-left a:hover{transform:scale(0.9)}}h1{color:#D1D1D1;font-weight:600;font-size:40px}h2{color:#D1D1D1;font-size:26px;font-weight:500}h3{font-size:20px;font-weight:300}h4{font-size:24px;font-weight:500;margin-bottom:10px}@media screen and (max-width: 600px){.no-padding{padding:0px}}p{color:#D1D1D1}nav{padding:20 20;background-color:#303030;font-weight:500;font-size:12px;color:#D1D1D1;position:fixed;width:calc(100% - 40px);z-index:100;transition:0.3s}@media screen and (max-width: 600px){nav{padding:20px}}nav .nav-float-left{float:left}nav .nav-float-left li a{display:block}@media screen and (max-width: 600px){nav .nav-float-left{width:100%}}nav .nav-float-left .menu-li{padding:3px}@media screen and (max-width: 600px){nav .nav-float-left .menu-li{float:right}}nav .nav-float-left .menu-li:hover{width:100px !important}nav .nav-float-left .a-logo:hover{transition-duration:0.4s;transform:none !important}nav .nav-float-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}nav .nav-float-center li{margin:0 7.5px}@media screen and (max-width: 600px){nav .nav-float-center{display:none}nav .nav-float-center li{width:100%;padding:10 0 10 0}}@media screen and (min-width: 600px){nav .nav-float-center{display:block}}nav .nav-float-right{position:absolute;top:50%;transform:translateY(-50%);right:20px}nav .nav-float-right li{margin:0 3px}nav .nav-float-right li a{display:block}@media screen and (max-width: 600px){nav .nav-float-right{display:none}nav .nav-float-right li{padding:10px}}nav ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:303030}nav ul li{float:left;margin:3px 0px;text-align:center}@media screen and (max-width: 768px){nav ul li{margin:0px 3px}}nav ul li a{color:#D1D1D1;text-align:center;padding:7.5 20 7.5 20;text-decoration:none;border-radius:13px;transition:0.3s}nav ul li a:hover{color:#303030;background-color:#F0C529}nav ul li a:hover svg{fill:#303030}@media screen and (max-width: 600px){nav ul li a:hover svg{fill:#D1D1D1}}nav ul li a:hover svg path{fill:#303030}@media screen and (max-width: 600px){nav ul li a:hover svg path{fill:#D1D1D1}}nav ul .nav-social-icon{width:20px;fill:#D1D1D1;stroke:#D1D1D1}nav .menu-li{margin-top:17px}nav .menu-li .menu-icon{padding:0}@media screen and (max-width: 600px){nav .menu-li .menu-icon img{display:block;float:right !important;width:40px}}@media screen and (min-width: 600px){nav .menu-li .menu-icon{display:none !important}}.home-page{background-color:#303030}@media screen and (max-width: 600px){.home-page{padding-top:60px}}@media screen and (min-width: 600px){.home-page{padding-top:117px}}.home-page .home-content-image{width:100%;background-position:center;background-size:cover;background-attachment:scroll;background-image:linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 60%, rgba(0,212,255,0) 100%),url("images/background_image.jpg")}@media screen and (max-width: 600px){.home-page .home-content-image{height:calc( 100% - 59px)}}@media screen and (min-width: 600px){.home-page .home-content-image{height:calc( 100% - 117px)}}.home-page .home-content-image .home-content-text{padding:0 100px;width:calc( 50% - 50px);position:absolute;top:50%}@media screen and (max-width: 992px){.home-page .home-content-image .home-content-text{padding-left:50px;padding-right:50px}}@media screen and (max-width: 600px){.home-page .home-content-image .home-content-text{padding:20 20px;width:auto;position:relative;top:50%;transform:translateY(-50%)}}.product-page{padding:150px;background-color:#D1D1D1}@media screen and (max-width: 600px){.product-page{padding-left:20px !important;padding-right:20px !important;padding-top:50px;padding-bottom:50px}}@media screen and (min-width: 600px){.product-page{padding-left:80px;padding-right:80px}}@media screen and (min-width: 800px){.product-page{padding-left:100px;padding-right:100px}}.product-page h1{color:#303030;text-align:center;padding-bottom:50px}.product-page .grid-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:auto auto auto}@media screen and (max-width: 880px){.product-page .grid-container{grid-template-columns:auto}}@media screen and (min-width: 880px){.product-page .grid-container{grid-template-columns:auto auto;max-width:800px}}@media screen and (min-width: 1250px){.product-page .grid-container{grid-template-columns:auto auto auto;max-width:1200px}}.product-page .grid-container .parentElementHover .childElementHover{background-color:rgba(0,0,0,0.4);padding:7.5px;border-radius:20px;transition-duration:0.3s}.product-page .grid-container .parentElementHover:hover .childElementHover{background-color:#F0C529}.product-page .grid-container .parentElementHover:hover .childElementHover svg{fill:#000}.product-page .grid-item{background-color:#303030;border-radius:30px;color:#D1D1D1;margin:auto;margin-bottom:40px;font-size:30px;text-align:center;width:320px;height:390px;box-shadow:2px 2px 20px 0px rgba(0,0,0,0.75)}@media screen and (max-width: 370px){.product-page .grid-item{width:240px;height:292.5px}}@media screen and (min-width: 370px){.product-page .grid-item{width:320px;height:390px}}.product-page .grid-item .image-product{background-position:center;background-size:contain;background-repeat:no-repeat;border-top-left-radius:30px;border-top-right-radius:30px;width:100%;height:250px;position:relative;cursor:pointer}@media screen and (max-width: 369px){.product-page .grid-item .image-product{height:170px}}.product-page .grid-item .image-product .image-cover{background:linear-gradient(0deg, #303030 0%, rgba(0,0,0,0.2) 60%, #ffffff00 100%);background-position:center;background-size:cover;border-top-left-radius:30px;border-top-right-radius:30px;width:100%;height:250px;position:relative;cursor:pointer}.product-page .grid-item .image-product span{float:left;margin-top:15px;margin-left:15px}.product-page .grid-item .image-product span .click-icon{width:25px;fill:#D1D1D1}.product-page .grid-item .cover-text{position:absolute;bottom:0px;width:100%}.product-page .grid-item h2{font-size:26px;font-weight:500}.product-page .grid-item h3{font-size:20px;font-weight:300}.product-page .grid-item h4{font-size:24px;font-weight:500;margin-bottom:10px}@media screen and (max-width: 370px){.product-page .grid-item h4{margin-bottom:5px}}.product-page .grid-item .button-play{background-color:#F0C529;border-radius:15px;border:none;width:150px;height:40px;font-weight:bold;font-size:20px;cursor:pointer;transition-duration:0.3s}.product-page .grid-item .button-play:hover{transform:scale(1.1);transition-duration:0.3s}.product-page .grid-item .button-play .play-icon{width:20px;padding:10 5 10 40;float:left}.product-page .grid-item .button-play span{position:absolute;color:#000;left:65px;top:5px}.product-page .track-page{padding:150 150 0 150;background-color:#D1D1D1}@media screen and (max-width: 600px){.product-page .track-page{padding-left:5px !important;padding-right:5px !important;padding-top:50px}}@media screen and (min-width: 600px){.product-page .track-page{padding-left:0px;padding-right:0px;width:100%}}@media screen and (min-width: 800px){.product-page .track-page{padding-left:0px;padding-right:0px}}.product-page .track-page table{width:100%;border-collapse:collapse;max-width:1500px;margin:0 auto}.product-page .track-page table th,.product-page .track-page table tr,.product-page .track-page table td{text-align:center;padding:0 15}@media screen and (max-width: 600px){.product-page .track-page table th,.product-page .track-page table tr,.product-page .track-page table td{padding-left:10px;padding-right:0px}}.product-page .track-page table tr{border-bottom:1px solid rgba(48,48,48,0.2);background-clip:padding-box;padding:10 0}.product-page .track-page table th{text-transform:uppercase;font-size:14px;border:none}.product-page .track-page table .table-cover{width:50px;height:50px;padding:10 0}.product-page .track-page table .table-cover img{border-radius:10px}.product-page .track-page table .left-align{text-align:left;text-transform:uppercase;font-weight:500}.product-page .track-page table .left-align-th{text-align:left}.product-page .track-page table .button-play{background-color:#303030;border-radius:15px;border:none;width:110px;height:40px;font-weight:bold;font-size:20px;cursor:pointer;transition-duration:0.3s}.product-page .track-page table .button-play:hover{transform:scale(1.1);transition-duration:0.3s}.product-page .track-page table .button-play span{color:#000}.product-page .track-page table .play-icon{width:20px;padding:10 5 10 20;float:left}.product-page .track-page table .button-info{background-color:#303030;border-radius:15px;border:none;width:110px;height:40px;font-weight:bold;font-size:20px;cursor:pointer;transition-duration:0.3s;height:40px}.product-page .track-page table .button-info:hover{transform:scale(1.1);transition-duration:0.3s}.product-page .track-page table .button-info .info-icon{fill:#F0C529;float:left;padding-left:20px;padding-right:5px;margin:1.5px 0px}.product-page .track-page table .button-info span{position:relative;color:#D1D1D1 !important;left:0px !important;top:0px !important;padding-right:15px;display:flex;justify-content:space-evenly;color:#F0C529;font-size:18px;font-weight:600;margin:auto}.product-page .track-page .hiddenRows{display:none}.product-page .track-page .hiddenRows:hover{transition-duration:0.3s}.product-page .track-page .button-showAll{background-color:#303030;margin:30 0;margin-left:calc( 50% - 75px);border-radius:15px;border:none;width:150px;height:40px;font-weight:bold;font-size:20px;cursor:pointer;transition-duration:0.3s}.product-page .track-page .button-showAll:hover{transform:scale(1.1);transition-duration:0.3s}.product-page .track-page .play-icon{width:20px;padding:10 5 10 20;float:left}.product-page .track-page span{color:#D1D1D1;font-size:18px;font-weight:600}@media screen and (max-width: 600px){.product-page .track-page td:nth-child(3),.product-page .track-page th:nth-child(3),.product-page .track-page td:nth-child(4),.product-page .track-page th:nth-child(4),.product-page .track-page td:nth-child(5),.product-page .track-page th:nth-child(5),.product-page .track-page td:nth-child(6),.product-page .track-page th:nth-child(6){display:none}}@media screen and (min-width: 600px){.product-page .track-page td:nth-child(5),.product-page .track-page th:nth-child(5),.product-page .track-page td:nth-child(6),.product-page .track-page th:nth-child(6){display:none}}@media screen and (min-width: 992px){.product-page .track-page td:nth-child(3),.product-page .track-page th:nth-child(3),.product-page .track-page td:nth-child(4),.product-page .track-page th:nth-child(4),.product-page .track-page td:nth-child(5),.product-page .track-page th:nth-child(5),.product-page .track-page td:nth-child(6),.product-page .track-page th:nth-child(6){display:table-cell}}footer{background-color:#303030;padding:100 100 15 100}@media screen and (max-width: 992px){footer{padding-left:50px;padding-right:50px}}@media screen and (max-width: 600px){footer{padding:50 20 15 20}}footer a{color:#F0C529}footer .contact-grid{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;margin-bottom:80px}@media screen and (max-width: 600px){footer .contact-grid{display:block}}footer .contact-grid .footer-left-text{margin-right:20%}@media screen and (max-width: 992px){footer .contact-grid .footer-left-text{margin-right:15%}}@media screen and (max-width: 600px){footer .contact-grid .footer-left-text{margin-right:0px;margin-bottom:50px}}footer .contact-grid .footer-right-text{margin-left:20%}@media screen and (max-width: 992px){footer .contact-grid .footer-right-text{margin-left:15%}}@media screen and (max-width: 600px){footer .contact-grid .footer-right-text{margin-left:0px}}footer .contact-grid .footer-right-text a{text-decoration:none}footer .contact-grid .footer-right-text a:hover{text-decoration:underline}footer .footer-rights{text-align:center}.modal{display:none;position:fixed;z-index:1;color:#D1D1D1;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,0.4);z-index:999}@media screen and (max-width: 600px){.modal{overflow:scroll}}.modal-content{background-color:#303030;margin:auto;padding:25px;width:fit-content;height:fit-content;position:relative;border-radius:30px;box-shadow:0px 0px 20px 5px rgba(0,0,0,0.5);top:50%;transform:translateY(-50%)}@media screen and (max-width: 500px){.modal-content{margin:25px}}@media screen and (max-width: 1100px){.modal-content{padding-left:20px;padding-right:20px;transform:none;width:auto;transform:translateY(-50%);max-width:400px}}.modal-content .left-panel{float:left;width:300px;padding-right:25px;position:relative;text-align:center;height:600px}@media screen and (max-width: 1100px){.modal-content .left-panel{padding-right:0px;width:100%;height:auto !important}}.modal-content .left-panel p{text-align:center}@media screen and (max-width: 1100px){.modal-content .left-panel p{display:none}}.modal-content .left-panel h2,.modal-content .left-panel h3,.modal-content .left-panel h4{margin-bottom:15px}.modal-content .button-play{position:absolute;bottom:0px;margin-left:-75px;z-index:100;background-color:#F0C529;border-radius:15px;border:none;width:150px;height:40px;font-weight:bold;font-size:20px;cursor:pointer;transition-duration:0.3s}.modal-content .button-play:hover{transform:scale(1.1);transition-duration:0.3s}@media screen and (max-width: 1100px){.modal-content .button-play{position:relative;left:0px;bottom:0px;margin-bottom:15px;transform:none;margin-left:0px}}.modal-content .button-play .play-icon{width:20px;padding:10 5 10 40;float:left}.modal-content .button-play span{position:absolute;left:65px;top:5px;color:#000}.modal-content .right-panel{width:600px;height:600px;background-image:linear-gradient(0deg, #000 0%, rgba(0,0,0,0.2) 60%, #ffffff00 100%),url("images/cover-cropped.jpg");background-position:center;background-size:contain;background-repeat:no-repeat;overflow:hidden;border-radius:30px}@media screen and (max-width: 1100px){.modal-content .right-panel{width:100%}}.modal-content .right-panel .close{position:absolute;top:50px;right:50px;vertical-align:super;cursor:pointer;width:40px;border-radius:40px;background-color:rgba(0,0,0,0.2);height:40px;text-align:center;transition-duration:0.3s}.modal-content .right-panel .close:hover{transform:scale(1.1);transition-duration:0.3s}@media screen and (max-width: 1100px){.modal-content .right-panel .close{position:relative}}.modal-content .right-panel .close img{width:25px;transform:translateY(7.5px)}.modal-content .right-panel .audio-controls{width:600px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;height:100px;position:absolute;bottom:25px;display:grid;grid-template-columns:auto auto auto;text-align:center}@media screen and (max-width: 1100px){.modal-content .right-panel .audio-controls{height:100%;position:relative}}.modal-content .right-panel .audio-controls .helper{display:inline-block;height:100%;vertical-align:middle}.modal-content .right-panel .audio-controls div img{width:60px;cursor:pointer;transition-duration:0.3s}.modal-content .right-panel .audio-controls div img:hover{transform:scale(1.1);transition-duration:0.3s}@media screen and (max-width: 1100px){.modal-content .right-panel .audio-controls div img{width:30px;vertical-align:middle}}