*{margin:0;padding:0 }
html { scroll-behavior:smooth; }
body{ font-family:"Roboto", sans-serif; font-size:14px; }
.full-wrap{width:100%; clear:both; }
.wrap{ width:100%; max-width:1230px; margin:0 auto; clear:both; padding:0 15px; box-sizing:border-box; }
.header-wrap {background:url(images/mainbg.jpg) repeat-y right top; background-size:100% auto; padding:50px 0; }
.header-wrap .wrap{ display:flex; justify-content:left; align-items:center; }
.header-wrap .wrap{}
.hero-banner{background:url(images/mainbg.jpg) repeat-y right top; background-size:100% auto; position:relative; }
.hero-banner:after{ position:absolute; bottom:0; left:0; background:#fff; content:""; width:100%; height:250px; z-index:1 }
.hero-banner .main-mg{width: 100%; height: auto; position:relative; z-index:3; }
.header-wrap ul{display:flex; justify-content:left; list-style:none; margin-left:150px; }
.header-wrap ul li{ margin:0 20px; }
.header-wrap ul li a{ color:#fff; text-decoration:none; font-size:22px; font-weight:500; text-transform:uppercase; }
.header-wrap ul li a:hover{ color:#F306E0; }
.bannerlink{ position:absolute; top:0; left:auto; width:100%; text-align:center; z-index:4; }
.bannerlink img{ width:450px; height:auto; margin:0 auto 50px; display:block; }
.bannerlink a{ display:inline-block; background:#9236E3; border:3px solid #fff; padding:5px 40px; color:#fff; text-decoration:none; border-radius:30px; font-size:17px }
.logo-black{ display:block; width:300px; height:auto; margin:0 auto 30px;  }
.about-section{ padding:0 0 90px 0; }
.about-content{ position:relative; padding:10px 150px; font-size:30px; font-weight:bold; text-align:center; color:#2B0C46; text-transform:uppercase; word-spacing:2px; letter-spacing:3px; }
.about-content:before{ content:""; width:60px; height:7px; position:absolute; left:20px; top:20px; background-color:#2B0C46; }
.about-content:after{ content:""; width:60px; height:7px; position:absolute; right:20px; top:20px; background-color:#2B0C46; }

.point-section{ padding:150px 0; background:url(images/bluewater.png) no-repeat center left / 70% auto , url(images/bg-img.png) no-repeat right center / 45% auto #2B0C46; position:relative; z-index:2; }
.point-section:before{ content:""; height:70px; width:100%; position:absolute; left:0; top:0; background:url(images/bg-top.png) no-repeat bottom -2px center #fff; background-size:100% auto;  }
/*.point-section:after{ content:""; height:100px; width:100%; position:absolute; left:0; bottom:0; background:url(images/bg-bottom.png) no-repeat top center #fff; background-size:100% auto;   }*/
.point-section ul{ list-style:none; }
.point-section ul li{ margin:0 0 20px; clear:both; }
.point-section ul li h2{ color:#DB333C; font-size:27px; font-weight:700; text-transform:uppercase; margin:0 0 10px; }
.point-section .points-box{display:flex; align-items:center; color:#fff; width:550px; }
.point-section .points-box .points-img{ margin:0 20px 0 0; }
.point-section .points-box p{ font-size:22px; line-height:1.3;  }

.video-section{position:relative; z-index:1; top:-40px }
.video-section:after{ content:""; height:100px; width:100%; position:absolute; left:0; top:0; background:url(images/bg-bottom.png) no-repeat 0 center; background-size:100% auto;   }
.video-section video{width:100%; height:auto; }


.video-section video.desktop-video{ display:block; }
.video-section video.mobile-video{ display:none; }

.playbutton{position:absolute; z-index: 5; width: 100%; height:auto; cursor: pointer; top: 0; left: 0; background:url(images/play-button.png) no-repeat center center; }

.playbutton.paused { background:none; }

.desktopbtn{display: block; aspect-ratio:1280/720; }
.mobilebtn{display: none; aspect-ratio:100/127; background-size:90px auto; }


@media(max-width:767px){
.video-section video.desktop-video{ display:none; }
.video-section video.mobile-video{ display:block; }
.desktopbtn{display: none;}
.mobilebtn{display: block;}
}

.videologo { background:url(images/video-vector.png) no-repeat 0 0 / 100% 100%; display: flex; justify-content: center; padding: 50px 0; position: relative; width: 100%; margin: -30px 0 0; }
.videologo img{display:block; margin-top:-150px; }

.unleash-section { background:#000; padding:30px 0 0; display:flex; justify-content:center; position:relative; margin-top:-110px }
.unleash-section h2{ color:#3FC1E6; font-size:32px; font-weight:bold; text-align:center; margin:0 0 10px; text-transform:uppercase; letter-spacing:2px; }
.unleash-section p{ color:#fff; font-size:28px; }
.unleash-section .wrap{ position:absolute; top:130px; left:auto; right:auto;  }
.unleash-section > img{ width:100%; }


.ingredient-section{background:url(images/bluewater.png) no-repeat top left / 100% auto , url(images/ingredient-middle.png) no-repeat center center / auto 50%,  url(images/bluewater.png) no-repeat right bottom -50% / 100% auto, linear-gradient(180deg, #2B0C46 0%, #6A1DAC 100%); padding:70px 0; position:relative; }
.ingredient-section:before{ content:""; width:100%; height:60px; position:absolute; bottom:100%; background:url(images/ingredient-top.png) no-repeat top left / 100% 60px; }
.ingredient-section ul { list-style:none; display:flex; flex-wrap:wrap; flex-flow:column; }
.ingredient-section ul li { display:flex; align-items:center; gap:50px; color:#fff; }
.ingredient-section ul li:nth-child(2n) { flex-direction: row-reverse; }
.ingredient-section ul li .circle-box{ width:300px; position:relative; }
.ingredient-section ul li .circle-box:before{ content:""; background:url(images/Citrulline-Dot-Group.png) no-repeat center center / 100%; width:450px; height:450px; display:block; position:absolute; bottom:-10%; left:-10%; }
.ingredient-section ul li .circle-box img{ width:100%; height:auto; position:relative; }
.ingredient-section ul li .ingredient-content{ width:calc( 85% - 350px) ; font-weight:500; font-style:Medium; font-size:20px; line-height:1.3; letter-spacing:9.5%; text-transform:lowercase; }
.ingredient-section ul li:nth-child(2n) .ingredient-content p{ text-align:right;  }


.product-section { background: url(images/change-your-workoutleft-bottom.png) no-repeat left bottom 200px / 50px auto, url(images/ingredient-side.png) no-repeat center top 150px / 350px auto, url(images/ingredient-side.png) no-repeat center bottom 150px / 350px auto; padding:20px 0 200px; position:relative; } 
.product-section:before{ content:""; width:100%; height:60px; position:absolute; bottom:100%; background:url(images/change-your-workout-bg.png) no-repeat top left / 100% 60px; }
.product-section h2{ font-size:40px; text-transform:uppercase; margin:0 0 20px; background:#FA326E; background:linear-gradient(90deg, rgba(250, 50, 110, 1) 45%, rgba(11, 185, 219, 1) 55%); -webkit-background-clip: text; -webkit-text-fill-color:transparent; background-clip:text; color: transparent; text-align:center; font-size:70px; letter-spacing:8px }
.product-section ul{ list-style:none; display:flex; flex-wrap:wrap; flex-flow:column; }
.product-section ul li { display:flex; align-items:center; gap:50px; color:#fff; }
.product-section ul li:nth-child(2n) { flex-direction: row-reverse; }
.product-section ul li .product-img{ width:40%; display:flex; justify-content:flex-end; }
.product-section ul li:nth-child(2n) .product-img{ width:40%; display:flex; justify-content:flex-start; }
.product-section ul li .product-content { display:flex; flex-flow:column; width:calc(80% - 40%); position:relative; }
.product-section ul li .product-content:before{ content:""; background:url(images/Citrulline-Dot-Group.png) no-repeat 0 0 / 100% auto; width:450px; height:450px; position:absolute; right:-40%; top:-100%; }
.product-section ul li:nth-child(2n) .product-content:before{ right:auto; left:-40% }
.product-section .product-content h3{ margin:0 0 20px; padding: 0 0 20px; background:url(images/ingredient-side.png) no-repeat 0 bottom / 100px auto; font-family:"Oswald", sans-serif; color:#222222; font-weight: 500; font-style: Medium; font-size: 40px; leading-trim:none; letter-spacing: 2%; text-transform: uppercase; }
.product-section ul li:nth-child(2n) .product-content h3{ background-position:right bottom; }
.product-section .product-content .sub-heading{ font-size:25px; color:#222222; margin:0 0 25px; }
.product-section .product-content p{ color:#777777; }
.product-section ul li .product-content .product-text{ margin:0 0 30px; line-height:1.3; font-size:17px;  }
.product-section ul li:nth-child(2n) .product-content {text-align:right; }
.product-section ul li .shopnow-btn-box{ display:flex; gap:15px; font-size:30px; font-weight:bold; color:#222222; align-items:center; }
.product-section ul li:nth-child(2n) .shopnow-btn-box{ flex-direction:row-reverse; }
.product-section ul li .shopnow-btn-box a { background:#9236E382; padding:10px 20px; display:inline-block; color:#fff; font-size:20px; font-weight:500; text-decoration:none; border-radius:50px; }
.product-section ul li .shopnow-btn-box del{ color:#9236E382; }

.flow-hidden{ overflow:hidden; }

.footer-section{ background:url(images/footer-left2.png) no-repeat top left, url(images/footerright.png) no-repeat top 20px right #2b1142; padding:100px 0; color:#fff; position:relative; }
.footer-section:before{ content:""; width:100%; height:60px; position:absolute; bottom:100%; background:url(images/footer-top.png) no-repeat top left / 100% 60px; }
.footer-section .footer-logo{ margin:0 0 20px; }
.footer-section .footer-links-wrap h2{ font-family:"Oswald", sans-serif;   font-size:40px; text-transform:uppercase; margin:0 0 20px; }
.footer-section .footer-links-wrap p,
.copyright-wrap{ font-size:20px; }
.footer-section .footer-links-wrap{ display:flex;  }
.footer-section .footer-links-wrap .footer-link-left{ width:60%; padding-right:70px; box-sizing:border-box; }
.footer-section .footer-links-wrap .footer-link-left .footer-links{ margin:0 0 30px; }
.footer-section .footer-links-wrap .social-media ul{ list-style:none; display:flex; gap:30px; }
.footer-section .footer-links-wrap .footer-link-right h3{ margin:0 0 15px; font-family:"Oswald", sans-serif; font-weight: 500; font-style: Medium; font-size: 16px; leading-trim:none; line-height: 26px; letter-spacing: 2%; text-transform: uppercase; }
.footer-section .footer-links-wrap .footer-link-right ul {list-style:none; }
.footer-section .footer-links-wrap .footer-link-right ul li{margin:0 0 15px; }
.footer-section .footer-links-wrap .footer-link-right ul li a{ color:#fff; text-decoration:none; font-size:20px; font-weight:300 }


@media(max-width:1450px){
.about-section { padding: 0 0 50px 0; }
}

@media(max-width:1439px){
.footer-section .wrap{ max-width:1000px; }
}

@media(max-width:1250px){
	.point-section{padding-top:100px; padding-bottom:50px; }
	.about-section { padding: 0 0 30px 0; }
}
@media(max-width:1024px){
.footer-section { background: url(images/footer-left2.png) no-repeat top left / 50px auto, url(images/footerright.png) no-repeat bottom right / 65px auto, #2b1142; }
}

@media(max-width:992px){
.about-content{ padding:10px 66px; font-size:20px; }
.about-content:before{ left:0; }
.about-content:after{ right:0; }
.point-section .points-box{width:100%;}
.unleash-section h2{ width:610px; margin:0 auto 10px; font-size:25px; }
.unleash-section p{ font-size:20px; }
.unleash-section > img { padding-top: 140px; }
.ingredient-section ul li{ gap:20px; }
.ingredient-section ul li .circle-box{ width:260px; }
.ingredient-section ul li .ingredient-content{ width:calc( 100% - 300px); font-size:18px; }
.product-section h2{ font-size: 50px; letter-spacing:4px; }
.product-section ul li {gap:20px }
.product-section ul li .product-img img{ height:auto; width: 430px; }
.product-section ul li .product-content{width: calc(100% - 40%);}
.product-section .product-content h3{ font-size:32px; margin-bottom:15px; }
.product-section .product-content .sub-heading{ font-size:22px; margin:0 0 15px; }
.about-section { padding:0; }
.bannerlink img{ width:350px; }
}
@media(max-width:767px){
.header-wrap{padding:10px 0; }
.header-wrap .wrap { justify-content: center; flex-flow: column;}
.header-wrap ul{margin:20px 0 0; }
.about-section{padding-top:20px; }
.point-section:before { background-size:100% 40px; }
.bannerlink img{width:260px; }
.point-section{ background:url(images/bluewater.png) no-repeat center left / 70% auto , url(images/bg-img.png) no-repeat right top 100px / 90px auto #2B0C46; }
.ingredient-section:before{ height:30px; }
}
@media(max-width:639px){
.bannerlink img{max-width: 150px; margin-bottom:20px; }
.videologo img{ width:80%; max-width:500px; }
.videologo img{ margin:0; }
.bannerlink a{ border:2px solid #fff; padding:5px 15px; }
.about-content{ padding:10px 0;  }
.about-content:before,
.about-content:after{ display:none; }
.point-section .points-box{flex-direction: column;}
.point-section ul li h2{ text-align:center; }
.unleash-section h2{ width:auto; }
.unleash-section > img { padding-top:330px; }
.ingredient-section ul li{ flex-flow: column; margin:0 0 40px; }
.ingredient-section ul li .ingredient-content,
.ingredient-section ul li:nth-child(2n) .ingredient-content{ width:100%; }
.ingredient-section ul li:nth-child(2n) { flex-direction: column; }
.ingredient-section ul li:nth-child(2n) .ingredient-content p{ text-align:left; }
.product-section{padding: 20px 0 70px;}
.product-section h2 { font-size: 40px; }
.product-section ul li,
.product-section ul li:nth-child(2n){ margin:0 0 30px; flex-flow:column;  }
.product-section ul li .product-img,
.product-section ul li .product-content,
.product-section ul li:nth-child(2n) .product-img,
.product-section ul li:nth-child(2n) .product-content{ width:100%; }
.product-section ul li .product-img img{ width:100%; height:auto; }
.product-section ul li .product-content:before { display:none; }
.product-section ul li .shopnow-btn-box a{padding: 10px 15px;}
.product-section ul li .shopnow-btn-box{ font-size:25px }
.product-section ul li:nth-child(2n) .shopnow-btn-box { flex-direction: row; }
.product-section ul li:nth-child(2n) .product-content{ text-align:left; }
.product-section ul li:nth-child(2n) .product-content h3{background-position:left bottom;}
.footer-section .footer-links-wrap .footer-link-left{ width:100%; }
.footer-section .footer-links-wrap{ flex-flow:column; }
.product-section{background:url(images/ingredient-side.png) no-repeat center top 150px / 350px auto;}
}