<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="UTF-8" />	
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Homepage</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rel="icon" href="https://www.beradiant.co.uk/media/favicon/websites/20/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="https://www.beradiant.co.uk/media/favicon/websites/20/favicon.png" type="image/x-icon" />
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = 'https://www.beradiant.co.uk/js/blank.html';
    var BLANK_IMG = 'https://www.beradiant.co.uk/js/spacer.gif';
//]]>
</script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/beradiant/css/bootstrap.min.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/beradiant/css/styles.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/beradiant/css/checkout.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/beradiant/css/geoff.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/beradiant/css/jquery.mCustomScrollbar.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/default/css/checkout-xs.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/base/default/css/widgets.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/default/css/amshopby.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/base/default/css/hm/minicart.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/default/css/customerlocator/styles.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/default/css/mirasvit_searchindex.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/base/default/cookiealert/css/cookiealert.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/base/default/sagepaysuite/css/sagePaySuite.css?v=20171212-2" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/default/css/print.css?v=20171212-2" media="print" />
<script type="text/javascript" src="https://www.beradiant.co.uk/js/prototype/prototype.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/lib/ccard.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/prototype/validation.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/scriptaculous/builder.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/scriptaculous/effects.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/scriptaculous/dragdrop.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/scriptaculous/controls.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/scriptaculous/slider.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/varien/js.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/varien/form.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/varien/menu.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/mage/translate.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/mage/cookies.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/skin/frontend/default/default/js/jquerylatest.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/skin/frontend/default/default/js/jquery.latest.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/skin/frontend/base/default/js/jquery.mCustomScrollbar.concat.min.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/js/hm/minicart.js?v=20171212-2"></script>
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/default/css/styles-ie.css?v=20171212-2" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<script type="text/javascript" src="https://www.beradiant.co.uk/js/lib/ds-sleight.js?v=20171212-2"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/skin/frontend/base/default/js/ie6.js?v=20171212-2"></script>
<![endif]-->

<script type="text/javascript">
//<![CDATA[
Mage.Cookies.path     = '/';
Mage.Cookies.domain   = '.www.beradiant.co.uk';
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
optionalZipCountries = ["IE"];
//]]>
</script>
            <!-- BEGIN GOOGLE ANALYTICS CODE -->
        <script type="text/javascript">
        //<![CDATA[
            var _gaq = _gaq || [];
            
_gaq.push(['_setAccount', 'UA-5198892-37']);

_gaq.push(['_trackPageview']);
            
            (function() {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();

        //]]>
        </script>
        <!-- END GOOGLE ANALYTICS CODE -->
    <script type="text/javascript">//<![CDATA[
        var Translator = new Translate([]);
        //]]></script><meta name="p:domain_verify" content="23dd1805bfcbf05aa81f09b0cd24c100" />
<meta name="google-site-verification" content="ZppwggJaxxA_qaJ7YHgEnaOv3ocxyi3OnXUybrxuad4" /><!--[if lt IE 9]>
    <script src="https://www.beradiant.co.uk/js/selectivizr.js"></script>
    <script src="https://www.beradiant.co.uk/js/html5shiv.js"></script>
    <script src="https://www.beradiant.co.uk/js/respond.js"></script>
<![endif]-->
<script>
jQuery(document).ready(function($j) {
	if($j(window).width() < 768) {
		$j('#myNavbar ul').each(function(i, ul){
			var children = $j(ul).children();

			if(children.length > 0) {
				
				$j(ul).parent('li').children('a > span').prepend('<i class="menu-addon fa fa-angle-down"></i> ');
				
			} else {
				
				$j(ul).parent('li').children('a > span').prepend('<i class="menu-addon fa fa-angle-down invisible"></i> ');
				
			}
		});
	}
		
	$j(document).on( 'click', '#myNavbar li  a', function(e){
		if($j(window).width() < 768) {
			
			var children = $j(this).next('ul');
			if(children.length > 0) {
				e.preventDefault();
				$j(children).toggle();
			}
		}
	});
	var popupid = "qv-popup";
		var documentheight = $j(window).height();
		var documentwidth = $j(window).width();
		function showbg(){
			$j("#"+popupid+"bg").show();
		}
		function hidebg(){
			$j("#"+popupid+"bg").hide();
		}
		function inipopup(){
			var popupbg = $j("<div>").attr("id", popupid+"bg");
			var popup = $j("<div>").attr("id", popupid);
			popup.append($j("<span>").addClass("qv-closepopup").attr("onclick", ""));
			popup.append($j("<div>").addClass("qv-popupwrap"));
			$j("body").append(popupbg);
			$j("body").append(popup);
		}
		function getleftoffset(ww, pw) {
			ww = ww/2;
			pw = pw/2;
			return ww - pw;
		}
		function gettopoffset(wh, ph){
			var w2pratio = ph / wh * 100;
			var maxheight = wh / 100 * 80;
			var cph = ph;
			//console.log(w2pratio);
			if(w2pratio > 80){
				//console.log(maxheight+"px");
				$j("#"+popupid).height(maxheight);
				cph = maxheight;
			}
			cph = cph / 2;
			wh = wh /2;
			return wh - cph;
		}
		function updatepopup(data){
			$j(".qv-closepopup").css("visibility", "hidden");
			$j("#"+popupid).show();
			$j("#"+popupid).css("left","-9999px");
			$j("#"+popupid+" .qv-popupwrap").html(data);
			setTimeout(function(){
				
				var popupwidth = $j("#"+popupid).width();
				var popupheigh = $j("#"+popupid).height();
				$j("#"+popupid).css("top", gettopoffset(documentheight,popupheigh));
				$j("#"+popupid).css("left", getleftoffset(documentwidth,popupwidth));
				$j(".qv-closepopup").css("visibility", "visible");
			}, 500);
			
			
			 
		}
		function closepopup(){
			$j("#"+popupid).hide();
			hidebg();
		}
		inipopup();
	$j(".quickview_init a").click(function(e){
				e.preventDefault();
				var pid = $j(this).attr("data-pid");
				var returnurl = encodeURIComponent(window.location.pathname);
				var url = "/quickview/index/index/id/"+pid+"?returnurl="+returnurl;
				showbg();
				$j.ajax({
				url: url,
				//data: {},
				success: function(data){
					var scripts = $j("<div>").hide().addClass("popupscripts");
					var html = $j(data);
					updatepopup(data);
					//$j("meta", html);
					//$j("html head meta", html).remove();
					//console.log(html);
				},
				dataType: "html"
				});
			});
		jQuery(document).on("click","#"+popupid+"bg, .qv-closepopup", function(e){
			closepopup();
		});
		
		/* function changeHomepageImages() {
			var $jthis = $j(".homepage-images img");
			var height = $jthis.height() + 20;
	
			 $j($jthis).parents("#homepage-images").children(".white-bg").css({"height" : height, "overflow" : "hidden"});
		}
		changeHomepageImages();
		$j(window).resize(function() {
			changeHomepageImages();
		}); */
});
</script></head>
<style>
	.cms-training-centre-page .page .main, .cms-meso-vytal-training .page .main, .cms-diploma-training .page .main{
	background: transparent;
}
.trainingmoredetails{
	background-color: #02483e;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
    min-width: 150px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.trainingsep{
	background-image: url('/media/training/sep.jpg');
	background-repeat:repeat;
	height: 5px;
	margin-top: 12px;
	margin-bottom: 12px;
}
 .page .main ul.bullet li{
	list-style-image: url('/media/training/bullet.jpg');
}
 .page .main ul.bullet{
	padding: 0 15px;
}
</style>
<body class=" cms-index-index cms-home">
<div id="cookiealert" class="cookiealert" style="display: none;">
	<div class="message">
		<span class="cookie-title">Cookie Policy</span>
		<p>
	    	This website uses cookies to ensure proper functionality of the shopping cart and checkout progress. By continuing to browse the site you are agreeing to the use of cookies.	    	<a href="https://www.beradiant.co.uk/home/">Click here to learn about cookie settings.</a>
		</p>
		<p class="close">
			<a href="javascript:closeCookieAlert();">Close</a>
		</p>
	</div>
</div>
<script type="text/javascript">
function closeCookieAlert()
{
	Mage.Cookies.set('cookieAlertClosedFlag', 1, new Date(new Date().getTime() + (1000 * 60 * 60 * 24 * 364))); 
	document.getElementById('cookiealert').style.display = 'none';
}

if(!Mage.Cookies.get('cookieAlertClosedFlag'))
{
	document.getElementById('cookiealert').style.display = '';
}
</script>
	
<div class="green-bg">
	<div class="container">
		<div class="header-container">
		    <div class="header row">
		    	<div class="col-sm-4 no-padding vpadding">
		    		<div class="logo-container">
			        				        <h1 class="logo">
				        	<!--<strong>Be Radiant Homepage</strong>-->
				        	<a href="https://www.beradiant.co.uk/" title="Be Radiant Homepage" class="logo">
				        		<img class="img-responsive" src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/logo.png" alt="Be Radiant Homepage" />
				        	</a>
				        </h1>
			       	
			        			        <p class="strapline">Semi Permanent Make Up 
							<br />Supplies &amp; Training</p>
							</div>
		       	</div>
		       	<div class="col-sm-offset-1 col-sm-4 dark-green-font large-font vpadding">
		       		<div class="vpadding" id="topphone">
			       		<div class="col-xs-12">
			       			<div class="text-center">
				       			<img src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/telephone.png" alt="" class=""  style="margin-right:10px;" />
				       		
				       			<b>+44 (0) <span class="white-font large-font">114 349 0404</span></b>
				       		</div>
			       		</div>
			       		<div class="clearfix"><br /></div>
			       		  </div>
				        <div class="quick-access">
				            <form id="search_mini_form" action="https://www.beradiant.co.uk/catalogsearch/result/" method="get">
    <div class="form-search">
        <input id="search" type="text" name="q" value="" class="input-text" maxlength="128" />
        <button type="submit" title="Search" class="button"><span><span>Search</span></span></button>
        <div id="search_autocomplete" class="search-autocomplete"></div>
        <script type="text/javascript">
        //<![CDATA[
            var searchForm = new Varien.searchForm('search_mini_form', 'search', 'Search site...');
            searchForm.initAutocomplete('https://www.beradiant.co.uk/catalogsearch/ajax/suggest/', 'search_autocomplete');
        //]]>
        </script>
    </div>
</form>
				            <p class="welcome-msg"><strong style="color:#ff0000">We will be closed from 1pm on Xmas Eve until 2nd January 2013</strong> </p>
				            
				            				        </div>
				     
		        </div>
		        <div class="col-sm-3 " id="services_container">
		      
		        		<div class="col-xs-6 services vpadding" style="">
		        			<img src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/login.png" alt="" />
		        		  		        			<a href="https://www.beradiant.co.uk/customer/account/">Login /</a> 
							<a href="https://www.beradiant.co.uk/customer/account/">Signup</a></li></div>
		        					        		<div class="col-xs-6 services vpadding" style="border-left: 1px solid #46b9b8;">
		        			<img src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/basket.png" alt="" />
		        					        			<a href="https://www.beradiant.co.uk/checkout/cart/">
		        				 items</a>
		        				<a href="https://www.beradiant.co.uk/checkout/cart/" style="font-size:14px"><span class="white-font">
		        					<span class="price">£0.00</span>		        					</span></a>
		        			
		        					        			</li></div>
		        	<div class="clearfix"></div>
		        	<!---->
		        			        			        </div>
		    </div>

		</div>
	</div>
</div>
<div class="white-bg">
	<div class="border-bottom">
		<div class="container">
				<nav class="navbar navbar-default">
		        <div class="phonesearch"> <form id="search_mini_form" action="https://www.beradiant.co.uk/catalogsearch/result/" method="get">
    <div class="form-search">
        <input id="search" type="text" name="q" value="" class="input-text" maxlength="128" />
        <button type="submit" title="Search" class="button"><span><span>Search</span></span></button>
        <div id="search_autocomplete" class="search-autocomplete"></div>
        <script type="text/javascript">
        //<![CDATA[
            var searchForm = new Varien.searchForm('search_mini_form', 'search', 'Search site...');
            searchForm.initAutocomplete('https://www.beradiant.co.uk/catalogsearch/ajax/suggest/', 'search_autocomplete');
        //]]>
        </script>
    </div>
</form>
</div>
		<div class="container-fluid">
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		    </div>
		    <div class="collapse navbar-collapse" id="myNavbar">
	      		<ul class="nav navbar-nav">
       				 <li class="level0 nav-1 level-top first parent">
<a href="https://www.beradiant.co.uk/machines.html" class="level-top">
<span>Machines</span>
</a>
<ul class="level0">
<li class="level1 nav-1-1 first last">
<a href="https://www.beradiant.co.uk/machines/amiea.html">
<span>amiea</span>
</a>
</li>
</ul>
</li><li class="level0 nav-2 level-top parent">
<a href="https://www.beradiant.co.uk/pigments.html" class="level-top">
<span>Pigments</span>
</a>
<ul class="level0">
<li class="level1 nav-2-1 first parent">
<a href="https://www.beradiant.co.uk/pigments/biotouch.html">
<span>Biotouch</span>
</a>
<ul class="level1">
<li class="level2 nav-2-1-1 first">
<a href="https://www.beradiant.co.uk/pigments/biotouch/double-drop.html">
<span>Double Drop</span>
</a>
</li><li class="level2 nav-2-1-2">
<a href="https://www.beradiant.co.uk/pigments/biotouch/pure.html">
<span>Pure</span>
</a>
</li><li class="level2 nav-2-1-3">
<a href="https://www.beradiant.co.uk/pigments/biotouch/micropigments.html">
<span>Micropigments </span>
</a>
</li><li class="level2 nav-2-1-4">
<a href="https://www.beradiant.co.uk/pigments/biotouch/magic-colour.html">
<span>Magic Colour</span>
</a>
</li><li class="level2 nav-2-1-5 last">
<a href="https://www.beradiant.co.uk/pigments/biotouch/sets.html">
<span>Sets</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-2 last parent">
<a href="https://www.beradiant.co.uk/pigments/amiea.html">
<span>amiea</span>
</a>
<ul class="level1">
<li class="level2 nav-2-2-6 first">
<a href="https://www.beradiant.co.uk/pigments/amiea/organic.html">
<span>Organic</span>
</a>
</li><li class="level2 nav-2-2-7 last">
<a href="https://www.beradiant.co.uk/pigments/amiea/derma-safe.html">
<span>Derma Safe</span>
</a>
</li>
</ul>
</li>
</ul>
</li><li class="level0 nav-3 level-top parent">
<a href="https://www.beradiant.co.uk/needles.html" class="level-top">
<span>Needles</span>
</a>
<ul class="level0">
<li class="level1 nav-3-1 first">
<a href="https://www.beradiant.co.uk/needles/sense-needles.html">
<span>Sense Needles</span>
</a>
</li><li class="level1 nav-3-2">
<a href="https://www.beradiant.co.uk/needles/micro-needles.html">
<span>Micro Needles </span>
</a>
</li><li class="level1 nav-3-3 last">
<a href="https://www.beradiant.co.uk/needles/supreme-needles.html">
<span>Supreme Needles </span>
</a>
</li>
</ul>
</li><li class="level0 nav-4 level-top parent">
<a href="https://www.beradiant.co.uk/salon-accessories.html" class="level-top">
<span>Treatment Supplies</span>
</a>
<ul class="level0">
<li class="level1 nav-4-1 first parent">
<a href="https://www.beradiant.co.uk/salon-accessories/consumables.html">
<span>Consumables </span>
</a>
<ul class="level1">
<li class="level2 nav-4-1-1 first">
<a href="https://www.beradiant.co.uk/salon-accessories/consumables/gloves.html">
<span>Gloves</span>
</a>
</li><li class="level2 nav-4-1-2">
<a href="https://www.beradiant.co.uk/salon-accessories/consumables/hand-towels-couch-rolls.html">
<span>Hand Towels/Couch Rolls</span>
</a>
</li><li class="level2 nav-4-1-3 last">
<a href="https://www.beradiant.co.uk/salon-accessories/consumables/protective-wear.html">
<span>Protective Wear </span>
</a>
</li>
</ul>
</li><li class="level1 nav-4-2">
<a href="https://www.beradiant.co.uk/salon-accessories/general-salon-supplies.html">
<span>General Treatment Supplies</span>
</a>
</li><li class="level1 nav-4-3">
<a href="https://www.beradiant.co.uk/salon-accessories/pigment-cups.html">
<span>Pigment Cups </span>
</a>
</li><li class="level1 nav-4-4 last">
<a href="https://www.beradiant.co.uk/salon-accessories/mixing-and-thinning-solutions.html">
<span>Mixing and Thinning Solutions</span>
</a>
</li>
</ul>
</li><li class="level0 nav-5 level-top">
<a href="https://www.beradiant.co.uk/meso.html" class="level-top">
<span>Meso Vytal</span>
</a>
</li><li class="level0 nav-6 level-top">
<a href="https://www.beradiant.co.uk/aftercare.html" class="level-top">
<span>Aftercare </span>
</a>
</li><li class="level0 nav-7 level-top parent">
<a href="https://www.beradiant.co.uk/hygiene.html" class="level-top">
<span>Hygiene</span>
</a>
<ul class="level0">
<li class="level1 nav-7-1 first">
<a href="https://www.beradiant.co.uk/hygiene/surface-floor-and-couch-cleaning.html">
<span>Surface, Floor And Couch Cleaning</span>
</a>
</li><li class="level1 nav-7-2">
<a href="https://www.beradiant.co.uk/hygiene/hand-skin-cleaning.html">
<span>Hand &amp; Skin Cleaning</span>
</a>
</li><li class="level1 nav-7-3">
<a href="https://www.beradiant.co.uk/hygiene/dressing-and-tapes.html">
<span>Dressing And Tapes</span>
</a>
</li><li class="level1 nav-7-4 last">
<a href="https://www.beradiant.co.uk/hygiene/anaesthetics-and-antiseptics.html">
<span>Anaesthetics And Antiseptics</span>
</a>
</li>
</ul>
</li><li class="level0 nav-8 level-top parent">
<a href="https://www.beradiant.co.uk/furniture.html" class="level-top">
<span>Furniture</span>
</a>
<ul class="level0">
<li class="level1 nav-8-1 first">
<a href="https://www.beradiant.co.uk/furniture/furniture.html">
<span>Furniture </span>
</a>
</li><li class="level1 nav-8-2 last">
<a href="https://www.beradiant.co.uk/furniture/travel-cases.html">
<span>Travel Kits</span>
</a>
</li>
</ul>
</li><li class="level0 nav-9 level-top last parent">
<a href="https://www.beradiant.co.uk/training-centre.html" class="level-top">
<span>Training Centre </span>
</a>
<ul class="level0">
<li class="level1 nav-9-1 first">
<a href="https://www.beradiant.co.uk/training-centre/training.html">
<span>Training Centre</span>
</a>
</li><li class="level1 nav-9-2 last">
<a href="https://www.beradiant.co.uk/training-centre/kits.html">
<span>Kits</span>
</a>
</li>
</ul>
</li>				</ul>	
			</div>
		</div>
	</nav>
	
		</div>
	</div>

		<div class="container hidden-xs  hidden-sm" id="trustbar">
		<div class=""><br /></div>
	    <div class="row">
			<div class="col-sm-1"><br /></div>	    	
			<div class="col-sm-3">
				<div class="col-sm-4">
					<img src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/delivery.png" alt="" class="center-block" />
				</div>
				<div class="col-sm-8">
					<p class="calvert"><span class="green-font">Free Delivery</span>
					<br />UK Mainland</p>	
				</div>	    	
			</div>	    	
			<div class="col-sm-4">
				<div class="col-sm-4">
					<img src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/nextday.png" alt="" class="center-block" />
				</div>
				<div class="col-sm-8">
					<p class="calvert"><span class="green-font">order until 7pm</span>
					<br />for same day despatch</p>
				</div>
			</div>	    	
			<div class="col-sm-4">
				<div class="col-sm-4">
					<img src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/cod.png" alt="" class="center-block" />
				</div>
				<div class="col-sm-8">
					<p class="calvert"><span class="green-font">Cash on delivery</span>
					<br />for your convenience</p>
				</div>	
			</div>	    	
			    	
		</div>
			<div class=""><br /></div>
		</div>
	</div>
</div>
<div class="wrapper container">
        <noscript>
        <div class="global-site-notice noscript">
            <div class="notice-inner">
                <p>
                    <strong>JavaScript seems to be disabled in your browser.</strong><br />
                    You must have JavaScript enabled in your browser to utilize the functionality of this website.                </p>
            </div>
        </div>
    </noscript>
    <div class="page row">
        <style>.col1white .main{padding:20px}</style>
        <div class="main-container col1-layout ">
        	<div class="">
            <div class="main" style="background-color:transparent;" >
                 <!--<div class="vpadding"></div>-->
                                   <div class="col-main">
                                        <div class="std"><div class="white-bg vpadding"><style>
	.wt-rotator .s-prev {
		display:none !important;
	}
	
	.wt-rotator .s-next {
		display:none !important;
	}
</style>
<link rel="stylesheet" type="text/css" href="https://www.beradiant.co.uk/skin/frontend/default/beradiant/slide/wt-rotator.css" media="all" />
<script type="text/javascript" src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/slide/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/slide/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/slide/jquery.wt-rotator.min.js"></script>
<script type="text/javascript">

//jQuery.noConflict();
//jQuery(document).ready(function($) {

jQuery.noConflict();
//jQuery(document).ready(
//	function() {
jQuery(document).ready(function($) {
		var $panel = jQuery(".panel");
		var $containerslide = $panel.find(".containerslide");
		var $infoSec = $panel.find(".info-section");

		$containerslide.wtRotator({
			width:927,
			height:364,
			thumb_width:13,
			easing:"linear",
			thumb_height:13,
			button_width:13,
			button_height:13,
			button_margin:5,
			auto_start:true,
			delay:6000,
			transition:"fade",
			transition_speed:800,
			block_size:75,
			vert_size:55,
			horz_size:50,
			cpanel_align:"BR",
			timer_align:"top",
			display_thumbs:true,
			display_dbuttons:false,
			display_playbutton:true,
			display_thumbimg:false,
			display_side_buttons:true,
			tooltip_type:"text",
			display_numbers:true,
			display_timer:true,
			mouseover_select:false,
			mouseover_pause:true,
			cpanel_mouseover:false,
			text_mouseover:false,
			text_effect:"fade",
			text_sync:true,
			shuffle:false,
			block_delay:25,
			vstripe_delay:73,
			hstripe_delay:183
		});

		var $submitButton = jQuery("#submit-btn");
		var $resetButton =  jQuery("#reset-btn");
		var $trans = 		jQuery("#transitions");
		var $easings =		jQuery("#easing");
		var $textEffects = 	jQuery("#texteffects");
		var $cpAlign = 		jQuery("#cpalignments");
		var $cpPos = 		jQuery("input[name='cp-pos']");
		var $cpanelCB = 	jQuery("#cpanel-cb");
		var $ttType = 		jQuery("#tt-type");
		var $thumbCB = 		jQuery("#thumbs-cb");
		var $dBtnsCB = 		jQuery("#dbuttons-cb");
		var $playBtnCB = 	jQuery("#playbutton-cb");
		var $timerCB = 		jQuery("#timer-cb");
		var $thumbImgCB =	jQuery("#img-cb");
		var $sideBtnsCB =	jQuery("#sidebtns-cb");
		var $pauseCB = 		jQuery("#pause-cb");
		var $textCB = 		jQuery("#text-cb");

		var $mouseCpLabel = jQuery("label#mouse-cp-label");
		var $thumbImgLabel = jQuery("label#thumb-img-label");
		var $insideLabel = jQuery("label#inside-label");
		var $outsideLabel = jQuery("label#outside-label");

		$submitButton.click(function() {
			$containerslide.undoChanges()
					  	.setTransition($trans.val())
						.setEasing($easings.val())
						.setTextEffect($textEffects.val())
						.setCpanelAlign($cpAlign.val())
						.setCpanelPos($cpPos.filter(":checked").val())
						.setTooltipType($ttType.val())
						.setThumbs($thumbCB.prop("checked"))
						.setDButtons($dBtnsCB.prop("checked"))
						.setPlayButton($playBtnCB.prop("checked"))
						.setTimerBar($timerCB.prop("checked"))
						.setThumbImg($thumbImgCB.prop("checked"))
						.setSideButtons($sideBtnsCB.prop("checked"))
						.setMouseoverText($textCB.prop("checked"))
						.setMouseoverPause($pauseCB.prop("checked"))
						.setMouseoverCPanel($cpanelCB.prop("checked"))
						.updateChanges();

			var $rotatorDiv = $containerslide.find(">div");
			$panel.width($rotatorDiv.outerWidth()).css("margin-left", -Math.round($panel.outerWidth()/2));
			$infoSec.width($rotatorDiv.width());
		});

		$resetButton.click(function() {
			init();
			$submitButton.trigger("click");
		});

		$trans.change(
			function() {
				$easings.attr("disabled", $(this).val() == "none");
			}
		);

		$cpPos.change(
			function() {
				var disable = $(this).filter(":checked").val() == "outside";
				$cpanelCB.attr("disabled", disable);
				$mouseCpLabel.toggleClass("disable", disable);
			}
		);

		$thumbCB.change(
			function() {
				var disable = !$(this).prop("checked");
				$ttType.attr("disabled", disable);
				$thumbImgCB.attr("disabled", disable);
				$thumbImgLabel.toggleClass("disable", disable);
				checkCPanel();
			}
		);

		$dBtnsCB.change(
			function() {
				if ($(this).prop("checked")) {
					$sideBtnsCB.prop("checked", "");
				}
				checkCPanel();
			}
		);

		$sideBtnsCB.change(
			function() {
				if ($(this).prop("checked")) {
					$dBtnsCB.prop("checked", "");
				}
				checkCPanel();
			}
		);

		$playBtnCB.change(function() { checkCPanel(); });

		var init = function() {
			$trans.val("random");
			$easings.val("").attr("disabled", false);
			$textEffects.val("fade");
			$cpAlign.val("BR").attr("disabled", false);
			$cpPos.attr("disabled", false);
			jQuery("input#pos-inside").prop("checked", true);
			$ttType.val("image").attr("disabled", false);
			$thumbCB.prop("checked", "checked");
			$dBtnsCB.prop("checked", "checked");
			$playBtnCB.prop("checked", "checked");
			$timerCB.prop("checked", "checked");
			$thumbImgCB.prop("checked", "").attr("disabled", false);
			$sideBtnsCB.prop("checked", "");
			$pauseCB.prop("checked", "");
			$textCB.prop("checked", "");
			$cpanelCB.prop("checked", "").attr("disabled", false);

			$mouseCpLabel.removeClass("disable");
			$thumbImgLabel.removeClass("disable");
			$insideLabel.removeClass("disable");
			$outsideLabel.removeClass("disable");
		}

		var checkCPanel = function() {
			var disable = !($thumbCB.prop("checked") || $dBtnsCB.prop("checked") || $playBtnCB.prop("checked"));
			var disable2 = (disable || $cpPos.filter(":checked").val() == "outside") && !$sideBtnsCB.prop("checked");
			$cpanelCB.attr("disabled", disable2);
			$cpPos.attr("disabled", disable);
			$cpAlign.attr("disabled", disable);

			$mouseCpLabel.toggleClass("disable", disable2);
			$insideLabel.toggleClass("disable", disable);
			$outsideLabel.toggleClass("disable", disable);
		}

		init();
	}
);

</script>



 <!--[if lt IE 9]>
  	<style>
    	.panel {
	    	border-left:1px solid #444;
			border-right:1px solid #444;
        }
    </style>
    <![endif]-->

<div class="panel">

 	<div class="containerslide">
        <div class="wt-rotator">
        	
            <div class="screen">
            	<div class="col-xs-12">
            		<img src="https://www.beradiant.co.uk/media/blank.jpg" class="img-responsive center-block" />
            	</div>
               &nbsp;
            </div>
            <div class="c-panel">
                <div class="thumbnails">
                    <ul>
                    	                    	
					                            <li>
                         <a style="width:50px;height:50px;" href="https://www.beradiant.co.uk/media/slidebanners/BannerBeRadiant20off.jpg" title="be_radiant_store - 1 - 1"  gtm-banner="biotouch_beradiant">
	                    <img class="img-responsive center-block" src="https://www.beradiant.co.uk/media/slidebanners/BannerBeRadiant20off.jpg" width="50" height="50" gtm-banner="biotouch_beradiant" />
							</a>
														 <a href="https://www.beradiant.co.uk/pigments/biotouch.html">&nbsp;</a>
							                            	                        </li>
                                                                        <li>
                         <a style="width:50px;height:50px;" href="https://www.beradiant.co.uk/media/slidebanners/bannertrainingcourses23.5.16.jpg" title="be_radiant_store - 2 - 2"  gtm-banner="training-centre_beradiant">
	                    <img class="img-responsive center-block" src="https://www.beradiant.co.uk/media/slidebanners/bannertrainingcourses23.5.16.jpg" width="50" height="50" gtm-banner="training-centre_beradiant" />
							</a>
														 <a href="https://www.beradiant.co.uk/training-centre.html">&nbsp;</a>
							                            	                        </li>
                                                                   </ul>
              </div>
              	<div class="buttons">
                    <div class="prev-btn">&nbsp;</div>
                    <div class="play-btn">&nbsp;</div>
                    <div class="next-btn">&nbsp;</div>
                </div>
            </div>
        </div>
  	</div>
</div>
</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div id="homepage-images" class="white-bg vpadding">
<div class="col-sm-4 white-bg homepage-images"><img class="img-responsive center-block" alt="" src="https://www.beradiant.co.uk/media/wysiwyg/BeRadiant/biotouch_1.jpg" /> <button class="button" onclick="window.location.href='http://www.beradiant.co.uk/pigments/biotouch.html'">Buy Now</button></div>
<div class="col-sm-4 white-bg homepage-images"><img class="img-responsive center-block" alt="" src="https://www.beradiant.co.uk/media/wysiwyg/BeRadiant/amiea_1.jpg" /><button class="button" onclick="window.location.href='http://www.beradiant.co.uk/pigments/amiea.html'">Buy Now</button></div>
<div class="col-sm-4 white-bg homepage-images"><img class="img-responsive center-block" alt="" src="https://www.beradiant.co.uk/media/wysiwyg/BeRadiant/training.jpg" /><button class="button" onclick="window.location.href='http://www.beradiant.co.uk/training-centre.html'">Book a Course</button></div>
</div>
<div>
<h2 class="heading text-center">Featured Products</h2>
<style>
	.featured-home .item {margin:2px 11px 10px 11px !important;}
	.featured-home, .caroufredsel_wrapper{width:100% !important;}
</style>
 <script type="text/javascript" src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/js/jquery.carouFredSel-6.2.1.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){ 
	window.orig = $(".products-grid .item").width()+30;
	window.fredResponsive = false;
	function slider() {
		$(".products-grid").carouFredSel({
			/*width:980,*/
			scroll: "linear",
			responsive: window.fredResponsive,
			/*direction: "up",*/
			items: {
				items: window.fredItems,
				visible: window.fredItems,
				scroll: window.fredItems,
				minimum: window.fredItems,
				start: "random"
			},
			scroll: {
				duration       : 750,  
				pauseOnHover: true,
				items: window.fredItems,
			
			},
			auto : {
				play:true,
			},
			prev: {
				button: "#foo2_prev",
			},
			next: {
				button: "#foo2_next",
			},
			auto: {
				progress: "#bar",
				play:false,
			}
		});
	}
	slider();
	$(window).resize(function(){
		window.fredItems = 4;
		if($(window).width() >= 768 && $(window).width() < 1200) {
			window.fredItems = 3;
		} else if ($(window).width() > 525 && $(window).width() < 768) {
			window.fredItems = 2;
		} else if ($(window).width() < 525) { 
			window.fredItems = 1;
		} else {
			window.fredItems = 4;
		}
		if($(window).width() < 1200) {
			if($(window).width() >= 768 ) {
				var width = ($('.featured-home').width()-60)/3;
			}
			else if($(window).width() < 768 && $(window).width() > 525) {
				var width = ($('.featured-home').width()-40)/2;
			} else {
				var width = ($('.featured-home').width()-20);
			}
			setTimeout(function() {
				$(".products-grid .item").css("width",width);
			}, 1000);
		} else {
			setTimeout(function() {
				$(".products-grid .item").css("width",window.orig);
			}, 1000);
		}
		if($(window).width() < 1200) {
			window.fredResponsive = true;
		} else {
			window.fredResponsive = false;
		}
		slider();
	}).resize();
});
</script>      
         
         
<div class="featured-home">
    <ul class="products-grid">
                    
                    <li class="item first col-sm-3 col-xs-6">
                <a href="https://www.beradiant.co.uk/tatsoul-mako-studio-chair.html" title="" class="product-image">
                	<img class="center-block img-responsive" src="https://www.beradiant.co.uk/media/catalog/product/cache/29/small_image/200x/9df78eab33525d08d6e5fb8d27136e95/m/a/mako_studio_chair_01smaller.jpg" width="200" height="200" alt="" />
                </a>
                <h2 class="product-name"><a href="https://www.beradiant.co.uk/tatsoul-mako-studio-chair.html" title="Mako Salon Chair">Mako Salon Chair</a></h2>
                                                <div class="actions">
                	                		<p class="availability out-of-stock"><span>In stock</span></p>
            		            		<div class="">
            			<div class="quickview_init">
                    	<a href="" data-pid="38526">
            				<img src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/view.png" alt="" class="center-block preview" />
            			</a>
            			<div class="preview-line"></div>
        			</div>
                                        	<button  onclick="setLocation('https://www.beradiant.co.uk/tatsoul-mako-studio-chair.html');"
                    		 class="button btn-cart">View</button>
                    
                                    </div>
         
                </div>
            </li>
                
                                
                    <li class="item first col-sm-3 col-xs-6">
                <a href="https://www.beradiant.co.uk/pearly-blond.html" title="" class="product-image">
                	<img class="center-block img-responsive" src="https://www.beradiant.co.uk/media/catalog/product/cache/29/small_image/200x/9df78eab33525d08d6e5fb8d27136e95/p/e/pearly-blond_1.jpg" width="200" height="200" alt="" />
                </a>
                <h2 class="product-name"><a href="https://www.beradiant.co.uk/pearly-blond.html" title="Pearly Blond">Pearly Blond</a></h2>
                                                <div class="actions">
                	                        <p class="availability out-of-stock"><span>Out of stock</span></p>
            		            		<div class="">
            			<div class="quickview_init">
                    	<a href="" data-pid="44479">
            				<img src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/view.png" alt="" class="center-block preview" />
            			</a>
            			<div class="preview-line"></div>
        			</div>
                                    </div>
         
                </div>
            </li>
                
                </ul>
   <ul class="bjqs-controls v-centered" style="top: -190px;
position: relative;"> 
      	<li class="bjqs-prev">
      		<a class="prev" id="foo2_prev"><span></span></a>
      	</li>
      		<li class="bjqs-next">
						<a class="next" id="foo2_next" ><span></span></a>
						</li>
		</ul>
</div></div>
<div class="clearfix">&nbsp;</div></div>                </div>
            </div>
            </div>
			<div class="clearfix"><br /></div>
        </div>
                

    </div>
</div>
  
		<div class="container vpadding" data-pageid="home" data-pageroute="cms">
		<div class="row">
		<div class="col-sm-6">
			<div class="white-bg vpadding">
			<a href="https://www.beradiant.co.uk/pigments.html"><img class="img-responsive center-block" alt="" src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/pigments.png" /></a></div>
			</div>
		<div class="clearfix hidden-sm hidden-md hidden-lg">&nbsp;</div>
		<div class="col-sm-6">
			<div class="white-bg vpadding">
				<a href="https://www.beradiant.co.uk/beauty-school-deals">
				<img class="img-responsive center-block" alt="" src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/beautyschooldeals.png" />
				</a>
				</div>
		</div>
		<div class="clearfix"><br /></div>
		</div>
	</div>
	<div class="clearfix"><br /></div>
<div class="green-bg">
	<div class="container">
<div class=""><br /></div>
		<div class="col-sm-4 col-sm-offset-2" id="subscribe-text">
			<span class="calvert">
				<span class="subscribe-lead">Subscribe to our newsletter</span><br />
<span class="subscribe-sub">for all the latest news, products and offers</span>
			</span>
			<div class=""><br /></div>
		</div>
		<div class="col-sm-4">
			<div class="block block-subscribe">
    <form action="https://www.beradiant.co.uk/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail" role="form">
        <div class="block-content">
            <div class="form-group">
               <input type="text" placeholder="Enter email address" name="email" id="newsletter" title="Sign up for our newsletter" class="input-text required-entry validate-email" />
            </div>
            <div class="actions">
                <button type="submit" title="Subscribe" class="button"><span><span>Subscribe</span></span></button>
            </div>
        </div>
    </form>
    <script type="text/javascript">
    //<![CDATA[
        var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
    //]]>
    </script>
</div>
		</div>
		<div class=""><br /></div>
	</div>
</div>
<footer class="">
    <div class="footer container">
      <ul class="links">
      	<li class="first"><a href="/about">About</a></li>
<li class="first"><a href="/orders">Orders</a></li>
<li><a href="/contact-us">Contact Us</a></li>
<li><a href="/privacy">Privacy Policy</a></li>
<li><a href="/returns">Returns Policy</a></li>

<li><a href="cookies">Cookies</a></li>
<li class="last"><a href="terms">Terms and Conditions</a></li>
    
</ul>
        <ul id="social-links">
        	<li><a href="https://www.facebook.com/beradiantuk/" target="_blank"><img class="img-responsive center-block" src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/facebook.png" alt="Facebook" /></a></li>
        	<li><a href="https://www.instagram.com/beradiantuk/" target="_blank"><img class="img-responsive center-block" src="https://www.beradiant.co.uk/skin/frontend/default/beradiant/images/instagram.png" alt="Twitter" /></a></li>
        </ul>
        <address>Copyright &copy; 2017 Be Radiant. All Rights Reserved. Website by <a href="http://www.dimasoft.co.uk" target="_blank" class="dimasoft">Dimasoft</a></address>
    </div>
</footer>
</body>
</html>
