<style type="text/css">
.horizontal-main
{
	background-color: #fff;
	   /*  padding: 10px 0; */
	   /*margin-top: -20px;*/
}

@media only screen and (max-width: 991px)
{
   .horizontal-header .smllogo {
       display: inline-block;
       margin-top: 1px;
   }
   .horizontal-header .smllogo img {
       width: 200px;
   }
   .horizontal-main 
   {
   	display: none;
   }
}
.top-bar
{
	display: none!important;
}
.desktoplogo {
    padding: 0.75rem 0;
    margin: auto!important;
    width: 200px;
}
</style>
<head><?php //echo $page->thank_you_head_code; ?></head>

<section class="sptb" style="background-color:#11244d !important">
      <div class="header-text1 mb-0">
         <div class="container">
            <div class="row">
               <div class="col-xl-12 col-lg-12 col-md-12 mt-lg-5">
                  <div class="text-center">
                     <h1 class=" display-5 font-weight-semibold text-white"><?php echo $page->thank_you_heading; ?></h1>
                     <p class=" lead text-white"><?php echo $page->thank_you_sub_heading; ?></p>
                  </div>
               </div>
            </div>
         </div>
	</div>
</section>
<div class="relative">
		<div class="shape overflow-hidden text-white">
			<svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
				<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="#f5f4f9"></path>
			</svg>
		</div>
	</div>
	<div class="container d-flex justify-content-center mt-5">
		<div class="row justify-content-center">
			<div class="col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">
				<div class="text-center">
					<div class="border" style="background-color: #000;padding: 10px;padding-bottom: 5px!important;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;">
						<?php 
	                  $video_id = explode("?v=", $page->thank_you_video);
	                  $video_id = $video_id[1];
	                  $thumbnail="http://img.youtube.com/vi/".$video_id."/maxresdefault.jpg";
                  ?>

						<video id="video-player-005" class="video-player" poster="<?php echo $thumbnail; ?>">
               <source src="<?php echo file_get_contents(base_url().'home/video?url='.$page->thank_you_video);?>" type="video/mp4">
              Your browser does not support the video tag.
            </video>
					</div>
				</div>
				<script type="text/javascript">
           document.addEventListener("DOMContentLoaded", function() {
                 new Moovie({
                 selector: "#video-player-005",
              });
           });
        </script>
			</div>
		</div>
	</div>
</section>


<section class="mt-5" style="background-color:<?php echo $visual_setting->color_3; ?>">
	<div class="container ">
		<div class="section-title pb-5" >
			<div class="text-center pt-5">
				<h2 class="text-white"><?php echo $page->thank_you_des_1; ?></h2>
				<h5 class="text-white"><?php echo $page->thank_you_dec_2; ?></h5>
			</div>
		</div>
	</div>
</section>

<section class="sptb bg-white pb-5">
	<div class="container">
		<div class="row text-center">
			<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
				<div class="text-center">
					<?php if($page->thank_you_fb):?>
				    	<div class="d-inline-flex" style="padding: 5px;"><a target="_blank" href="<?php echo $page->thank_you_fb ?>" class="btn btn-sm" style="background-color:#4267B2;color: #fff;padding:10px;font-size:15px"><i class="fa fa-facebook-square"></i>&nbsp; Facebook Group</a></div>
			    	<?php endif; ?>
			    	<?php if($page->thank_you_whatsapp):?>
				    	<div class="d-inline-flex " style="padding: 5px;"><a target="_blank" href="<?php echo $page->thank_you_whatsapp ?>" class="btn btn-sm" style="background-color:#25D366;color: #fff;padding:10px;font-size:15px"><i class="fa fa-whatsapp"></i>&nbsp; Whatsapp Group</a></div>
			    	<?php endif; ?>
			    	<?php if($page->thank_you_youtube):?>
				    	<div class="d-inline-flex" style="padding: 5px;"><a target="_blank" href="<?php echo $page->thank_you_youtube ?>" class="btn btn-sm" style="background-color:#FF0000;color: #fff;padding:10px;font-size:15px"><i class="fa fa-youtube-play"></i>&nbsp; Youtube Channel</a></div>
			    	<?php endif; ?>
			    	<?php if($page->thank_you_telegram):?>
				    	<div class="d-inline-flex" style="padding: 5px;"><a href="<?php echo $page->thank_you_telegram ?>" class="btn btn-sm" style="background-color: #0088cc; color: #fff;padding:10px;font-size:15px"><i class="fa fa-telegram"></i>&nbsp; Telegram Channel</a></div>
			    	<?php endif; ?>
				</div>	
			</div>
		</div>
	</div>
</section>
<style type="text/css">
.instagram{
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  }
iframe {
  width: 640px;
  height: 360px;
  
}
.border
{
	border: 40px solid #000;
}

@media only screen and (max-device-width: 480px) {
  iframe {
    width:100%;
    height: 100%;

  }
}
.sst, #back-to-top, #horizontal-navtoggle, .newsletter-new, .footer-main, .horizontalMenu
{
   display: none!important;
}
</style>