<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="apple-touch-icon" sizes="180x180" href="/ico/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/ico/favicon-16x16.png">
<link rel="manifest" href="/ico/site.webmanifest">
<!-- more meta data here -->
<title>BritRock Films :: The best climbing and adventure films from the UK</title>
<meta name="description" content="BritRock Films is a leading producer of rock climbing films, founded by Alastair Lee. Watch and buy the award-winning films here.">

<meta property="og:url"                content="https://britrockfilms.com/" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="BritRock Films :: The best climbing and adventure films from the UK" />
<meta property="og:description"        content="BritRock Films is a leading producer of rock climbing films, founded by Alastair Lee. Watch and buy the award-winning films here." />
<meta property="og:image"              content="https://britrockfilms.com/Images/PP_logo_homepage_website.jpg" />

<link rel="apple-touch-icon" sizes="180x180" href="/ico/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/ico/favicon-16x16.png">
<link rel="manifest" href="/ico/site.webmanifest">


<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="css/animate.min.css" type="text/css">
<link rel="stylesheet" href="css/bootstrap.css">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/lightbox.css">

<link href="css/full-sliderFade.css" rel="stylesheet">
<link href="PosingCss.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Oswald:400,700,300" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,600,300" rel="stylesheet" type="text/css">
</head>
<body text="#FFFFFF" topmargin="0" marginheight="0" style="height:100%; background-color:rgb(0,0,0); min-height:300px;" onload="myFunction()">
<nav class="navbar navbar-default navbar-fixed-top " style="min-width: 320px; border: none; padding-top: 0px;" id="navBarBack">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="index.php" style="margin-left: 0px; min-width: 200px;">
      <div class="posingLogo" ><img src="Images/britrock_films_logo.png" height="40px" class="img-responsive" alt="Britock Films Logo" > </div>
      <!--
      <div class="posingTextLogo ">
        <span style="color: rgb(203,29,29);">POSING</span> <span > PRODUCTIONS</span>
      </div>
      -->
      </a> </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
      <ul class="nav navbar-nav navbar-right" style="text-transform:uppercase;">
        <li><a href="https://britrockplus.com/home">BritRock+</a></li>
        <li><a href="climbing-films.html">FILMS</a></li><!-- <li><a href="https://www.shutterstock.com/video/gallery/181816276?language=en" target="_blank" >STOCK</a></li> -->
        <!-- <li><a href="http://www.alastairleephotography.co.uk/store/open-edition-prints/movie-artwork/"  target="_blank" >MOVIE ARTWORK</a></li> -->
        <li><a href="About/about.html">About</a></li>
        <li><a href="http://www.britrockfilmtour.com" target="_blank" >BRITROCK TOUR</a></li>
        <li>
          <div id="socialWrapper">
            <div class="socialMedia"> <a href="https://vimeo.com/britrockfilms/vod_pages" target="_blank">
              <div class="zocial-vimeo"></div>
              </a> <a href="https://en-gb.facebook.com/PosingProductions" target="_blank">
              <div class="brandico-facebook-rect"></div>
              </a> <a href="https://twitter.com/al_lee?lang=en-gb" target="_blank">
              <div class="zocial-twitter"></div>
              </a> <a href="https://www.youtube.com/user/posingpodcasts" target="_blank">
              <div class="zocial-youtube"></div>
              </a> <a href="https://www.instagram.com/britrockfilms/" target="_blank">
              <div class="zocial-instagram"></div>
              </a> </div>
          </div>
        </li>
      </ul>
    </div>
    <!-- /.navbar-collapse -->
  </div>

  <!-- /.container-fluid -->

</nav>
<!--<div id="myResults1" style="top:100px; position:fixed; z-index:5;"></div>
<div id="myResults2" style="top:150px; position:fixed; z-index:5;"></div>-->

<div id="indexCarousel" class="carousel slide" data-pause="" style="">
  <!-- Indicators -->
  <!-- Wrapper for Slides -->
  <div class="carousel-inner" style="position:absolute; top:0%; width:100%;">
  <div style="width:100%; position:absolute; bottom:0%; height:45px; z-index:3;">
     <ol class="carousel-indicators">
                <li data-target="#indexCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#indexCarousel" data-slide-to="1" class=""></li>
                <li data-target="#indexCarousel" data-slide-to="2" class=""></li>
                <li data-target="#indexCarousel" data-slide-to="3" class=""></li>
                <li data-target="#indexCarousel" data-slide-to="4" class=""></li>
              </ol>
      </div>

<div class="item active" style="height:100%">
  
  <div class="fill" style="background-image:url('Images/homepage-carousel/1/bg.jpg');  background-position: 50% 25%; " id="carouselFill">
</div>
<div class="indexFilmPageTitles">
  <div class="indexFilmTextOverlay" style="width: 100%; height: 100%; ">
    <div class="indexFilmTextBlock" style="height:100%;">
      <div class="indexOverlayMiddle container" style="">
        <div class="indexOverlayWrapper " style=" height:auto !important;">

          <h3 class="indexFilmLogo col-lg-6 col-md-6 col-sm-8 col-xs-10 col-lg-offset-3 col-md-offset-3 col-sm-offset-2 col-xs-offset-1 wow fadeInRight" data-wow-duration=".5s" data-wow-delay="0.25s" title="BritRock Films"> <a href="https://britrockplus.com/home" target="_blank"><img  src="Images/homepage-carousel/1/logo.png" class="img-responsive" alt="Brit Rock" style=" width:100%; max-width:500px; z-index:4;"></a> </h3>
          <h2 class="indexFilmSubText col-lg-12 col-sm-12 col-md-12 col-xs-12 col-xs-offset-0 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 wow fadeInLeft" data-wow-duration="0.75s" data-wow-delay="0.25s" style="padding:3px; margin:0px;">Stream now on BritRock+</h2>
        </div>
      </div>
            <div class="indexOverlayBottom">
        <div class="indexQuotesText">
          <div class="indexQuotes">
            <h5 style="font-style: italic;">&ldquo;Absolutely incredible, some great characters, scary routes with fantastic cinematography.&rdquo;</h5>
                            <h6 style="font-size:14px;">Kong Climbing Walls</h6>
                        </div>
        </div>
      </div>
          </div>
  </div>
</div>
</div>
<div class="item " style="height:100%">
  
  <div class="fill" style="background-image:url('Images/homepage-carousel/2/bg.jpg');  background-position: 50% 25%; " id="carouselFill">
</div>
<div class="indexFilmPageTitles">
  <div class="indexFilmTextOverlay" style="width: 100%; height: 100%; ">
    <div class="indexFilmTextBlock" style="height:100%;">
      <div class="indexOverlayMiddle container" style="">
        <div class="indexOverlayWrapper " style=" height:auto !important;">

          <h3 class="indexFilmLogo col-lg-6 col-md-6 col-sm-8 col-xs-10 col-lg-offset-3 col-md-offset-3 col-sm-offset-2 col-xs-offset-1 wow fadeInRight" data-wow-duration=".5s" data-wow-delay="0.25s" title="BritRock Films"> <a href="https://britrockplus.com/home" target="_blank"><img  src="Images/homepage-carousel/2/logo.png" class="img-responsive" alt="Brit Rock" style=" width:100%; max-width:500px; z-index:4;"></a> </h3>
          <h2 class="indexFilmSubText col-lg-12 col-sm-12 col-md-12 col-xs-12 col-xs-offset-0 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 wow fadeInLeft" data-wow-duration="0.75s" data-wow-delay="0.25s" style="padding:3px; margin:0px;">Watch now on BritRock+</h2>
        </div>
      </div>
            <div class="indexOverlayBottom">
        <div class="indexQuotesText">
          <div class="indexQuotes">
            <h5 style="font-style: italic;">&ldquo;Thank-you, what you do is brilliant and that needs celebrating&rdquo;</h5>
                            <h6 style="font-size:14px;">Gen George</h6>
                        </div>
        </div>
      </div>
          </div>
  </div>
</div>
</div>
<div class="item " style="height:100%">
  
  <div class="fill" style="background-image:url('Images/homepage-carousel/3/bg.jpg');  background-position: 50% 25%; " id="carouselFill">
</div>
<div class="indexFilmPageTitles">
  <div class="indexFilmTextOverlay" style="width: 100%; height: 100%; ">
    <div class="indexFilmTextBlock" style="height:100%;">
      <div class="indexOverlayMiddle container" style="">
        <div class="indexOverlayWrapper " style=" height:auto !important;">

          <h3 class="indexFilmLogo col-lg-6 col-md-6 col-sm-8 col-xs-10 col-lg-offset-3 col-md-offset-3 col-sm-offset-2 col-xs-offset-1 wow fadeInRight" data-wow-duration=".5s" data-wow-delay="0.25s" title="BritRock Films"> <a href="https://britrockplus.com/home" target="_blank"><img  src="Images/homepage-carousel/3/logo.png" class="img-responsive" alt="Brit Rock" style=" width:100%; max-width:500px; z-index:4;"></a> </h3>
          <h2 class="indexFilmSubText col-lg-12 col-sm-12 col-md-12 col-xs-12 col-xs-offset-0 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 wow fadeInLeft" data-wow-duration="0.75s" data-wow-delay="0.25s" style="padding:3px; margin:0px;">Subscribe to watch</h2>
        </div>
      </div>
            <div class="indexOverlayBottom">
        <div class="indexQuotesText">
          <div class="indexQuotes">
            <h5 style="font-style: italic;">&ldquo;Little Wings - a great film that had people on the edge of their seats, especially on the last route!&rdquo;</h5>
                            <h6 style="font-size:14px;">Paul Cornforth</h6>
                        </div>
        </div>
      </div>
          </div>
  </div>
</div>
</div>
<div class="item " style="height:100%">
  
  <div class="fill" style="background-image:url('Images/homepage-carousel/4/bg.jpg');  background-position: 50% 25%; " id="carouselFill">
</div>
<div class="indexFilmPageTitles">
  <div class="indexFilmTextOverlay" style="width: 100%; height: 100%; ">
    <div class="indexFilmTextBlock" style="height:100%;">
      <div class="indexOverlayMiddle container" style="">
        <div class="indexOverlayWrapper " style=" height:auto !important;">

          <h3 class="indexFilmLogo col-lg-6 col-md-6 col-sm-8 col-xs-10 col-lg-offset-3 col-md-offset-3 col-sm-offset-2 col-xs-offset-1 wow fadeInRight" data-wow-duration=".5s" data-wow-delay="0.25s" title="BritRock Films"> <a href="https://britrockplus.com/home" target="_blank"><img  src="Images/homepage-carousel/4/logo.png" class="img-responsive" alt="Brit Rock" style=" width:100%; max-width:500px; z-index:4;"></a> </h3>
          <h2 class="indexFilmSubText col-lg-12 col-sm-12 col-md-12 col-xs-12 col-xs-offset-0 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 wow fadeInLeft" data-wow-duration="0.75s" data-wow-delay="0.25s" style="padding:3px; margin:0px;">Stream now on BritRock+</h2>
        </div>
      </div>
            <div class="indexOverlayBottom">
        <div class="indexQuotesText">
          <div class="indexQuotes">
            <h5 style="font-style: italic;">&ldquo;Super human stories through film&rdquo;</h5>
                            <h6 style="font-size:14px;">Gareth Slater</h6>
                        </div>
        </div>
      </div>
          </div>
  </div>
</div>
</div>
<div class="item " style="height:100%">
  
  <div class="fill" style="background-image:url('Images/homepage-carousel/5/bg.jpg');  background-position: 50% 25%; " id="carouselFill">
</div>
<div class="indexFilmPageTitles">
  <div class="indexFilmTextOverlay" style="width: 100%; height: 100%; ">
    <div class="indexFilmTextBlock" style="height:100%;">
      <div class="indexOverlayMiddle container" style="">
        <div class="indexOverlayWrapper " style=" height:auto !important;">

          <h3 class="indexFilmLogo col-lg-6 col-md-6 col-sm-8 col-xs-10 col-lg-offset-3 col-md-offset-3 col-sm-offset-2 col-xs-offset-1 wow fadeInRight" data-wow-duration=".5s" data-wow-delay="0.25s" title="BritRock Films"> <a href="https://britrockplus.com/home" target="_blank"><img  src="Images/homepage-carousel/5/logo.png" class="img-responsive" alt="Brit Rock" style=" width:100%; max-width:500px; z-index:4;"></a> </h3>
          <h2 class="indexFilmSubText col-lg-12 col-sm-12 col-md-12 col-xs-12 col-xs-offset-0 col-lg-offset-0 col-md-offset-0 col-sm-offset-0 wow fadeInLeft" data-wow-duration="0.75s" data-wow-delay="0.25s" style="padding:3px; margin:0px;">Sign up for the psyche BR+</h2>
        </div>
      </div>
            <div class="indexOverlayBottom">
        <div class="indexQuotesText">
          <div class="indexQuotes">
            <h5 style="font-style: italic;">&ldquo;Epic! So inspiring to watch&rdquo;</h5>
                            <h6 style="font-size:14px;">The Climbing Nomads</h6>
                        </div>
        </div>
      </div>
          </div>
  </div>
</div>
</div>








</div>

</div>
<!--<div class="indexFooter bannerBottom" style="height:20%; width:100%; position:absolute; bottom:0%;">
<div class="row" style="height:100%;">
<div class="container" style="height:100%;">
<div style="height:100%; width:100%; display:table; text-align:center;">
<div style=" display:table-cell; vertical-align:middle; text-transform:uppercase;"><h1 style="font-size:20px;"><span style="font-size:48px; line-height:30px;">POSING</span><br><span style="font-size:25px; line-height:30px;">PRODUCTIONS</span><br><br>Leading producer of climbing and adventure films</h1></div>
</div></div>
</div>
</div>-->
</body>
<!-- jQuery -->

<!-- Vimeo -->
<script src="/js/froogaloop2.min.js"></script>

<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Owl Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- Stellar -->
<script src="js/jquery.stellar.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- WOW -->
<script src="js/wow.min.js"></script>
<!-- lightbox -->
<script src="js/lightbox.js"></script>


<script src="myJs.js"></script>

<script>

	$('#indexCarousel').carousel({
        interval: 4000 //changes the speed
    })
	$('#carousel-Quotes2').carousel({
        interval: 4000 //changes the speed
    })
	$('#indexCarousel-Quotes').carousel({
        interval: 4000 //changes the speed
    })
</script>
<script	>


	$('.indexFilmLogo').hover(

	function () {

    	$("#indexCarousel").carousel('pause');
		$("#indexCarousel .indexOverlayWrapper, #indexCarousel .fill, .inde").css('-ms-transform','scale(1.02,1.02)');
		$("#indexCarousel .indexOverlayWrapper, #indexCarousel .fill").css('-webkit-transform','scale(1.02,1.02)');
		$("#indexCarousel .indexOverlayWrapper, #indexCarousel .fill").css('transform','scale(1.02,1.02)');
		$(".indexFilmLogo").css('-ms-transform','scale(1.02,1.02)');
		$(".indexFilmLogo").css('-webkit-transform','scale(1.02,1.02)');
		$(".indexFilmLogo").css('transform','scale(1.02,1.02)');

               },


     function () {
		$("#indexCarousel").carousel('cycle');

		$("#indexCarousel .indexOverlayWrapper, #indexCarousel .fill").css('-ms-transform','scale(1.0,1.0)');
		$("#indexCarousel .indexOverlayWrapper, #indexCarousel .fill").css('-webkit-transform','scale(1.0,1.0)');
		$("#indexCarousel .indexOverlayWrapper, #indexCarousel .fill").css('transform','scale(1.0,1.0)');
		$(".indexFilmLogo").css('-ms-transform','scale(1.0,1.0)');
		$(".indexFilmLogo").css('-webkit-transform','scale(1.0,1.0)');
		$(".indexFilmLogo").css('transform','scale(1.0,1.0)');

               }
	);



</script>
<script type="text/javascript" charset="utf-8">
$(window).stellar({
    horizontalScrolling: false,
    verticalOffset: 0,
    horizontalOffset: 0
  });

  new WOW().init();


</script>

</html>

