@font-face{font-family: "Inter18pt-Black"; src: url("../font/Inter18pt-Black.eot"); src: url("../font/Inter18pt-Black.woff") format("woff"), url("../font/Inter18pt-Black.ttf") format("truetype"), url("../font/Inter18pt-Black.svg") format("svg"); font-weight: normal; font-style: normal;}
 @font-face{font-family: "Avenir-Light"; src: url("../font/Avenir-Light.eot"); src: url("../font/Avenir-Light.woff") format("woff"), url("../font/Avenir-Light.ttf") format("truetype"), url("../font/Avenir-Light.svg") format("svg"); font-weight: normal; font-style: normal;}
.bg1{background-repeat: no-repeat; background-position: center; background-size: cover;}
 @media (min-width: 768px){.text-left1{position: absolute; top: 152px; left: 22%;}
.no-padding{padding: 0;}
.desktop.text-left1{position: absolute; top: 115px; left: 5%;}
.desktop.text-right{position: absolute; top: 27%; right: 10%;}
.desktop.text-right5{position: absolute; top: 209px; right: 5%; text-align: right;}
.desktop.text-right2{position: absolute; top: 60px; right: 5%;}
.desktop.img-right2{position: absolute; right: 24%; top: 198px;}
.desktop.text-top-center{position: absolute; text-align: center; left: 0; right: 0; top: 128px;}
.desktop.text-bottom-center5{position: absolute; top: 527px; text-align: center; left: 0; right: 0;}
.desktop.text-left2{position: absolute; top: 132px; left: 5%;}
.desktop.text-right1{position: absolute; top: 120px; right: 5%;}
.desktop.img-left5{position: absolute; top: 160px; left: 5%;}
.desktop.img-center1{position: absolute; top: 418px; left: 116px;}
.box-absolute{width: 100%; left: 0%; right: 0; padding: 0px 80px; position: absolute; top: 272px;}
} @media (max-width: 767px){.m-banner{width: 53% !important;}
.rotate-box{margin-top: 23% !important;}
} @media (max-width: 800px){.text-left2{position: inherit; right: inherit; display: inline-block;}
} .content{padding: 0px 0; overflow: hidden;}
.mrb5{margin-bottom: 10px !important;}
.content p{font-size: 32px; line-height: 42px; color: #ffffff; font-family: "Avenir-Light"; margin-bottom: 0;}
.content h2{font-size: 48px; line-height: 56px; font-family: "Inter18pt-Black"; margin-top: 0; text-transform: uppercase; -webkit-text-fill-color: transparent; background: linear-gradient(90deg,rgba(235, 225, 117, 1) 0%, rgba(178, 50, 0, 1) 72%) text; margin-bottom: 30px; position: relative;}
.content{padding-top: 30px;}
.rel{position: relative;}
.content{padding: 0;}
 @media (max-width: 1024px){.bg1{min-height: 500px;}
} @media (max-width: 800px){.content h2{font-size: 28px;}
.content h2{font-size: 19px;}
} @media (max-width: 750px){.content{min-height: auto;}
} @media (max-width: 600px){.bg1{min-height: 400px;}
.content h2{font-size: 19px; text-align: center;}
.content p{font-size: 18px;}
} .rotate-box{position: absolute; left: 5%; top: 0; z-index: 1; margin-top: 23%;}
.rotate-box img{width: 70%;}
.wave-box{position: absolute; right: 0; bottom: 210px; width: 100%; text-align: right;}
.wave-box .hybrid-active{position: absolute; left: 30%; top: 130px;}
.play-box{position: absolute; right: 6%; bottom: 164px; width: 880px; text-align: right;}
.clearfix{clear: both;}