/*Overwrite Bootstrap paddings*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10,.col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
	/*set the bootstrap column padding*/
	padding-left:5px;
	padding-right:5px;
}
/*Set up transition*/
.no-transition {
	/*speeds up transition to be less noticable used on contact form.*/
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}

/*Set up font size and family for all pages*/

body.bdHome{
    /*font-size:20px; seems too big*/
	font-size:16px;
    /*letter-spacing:1px;*/
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

/*
    General Elements:Typography
*/

h1 
	{;
	color: #25509e;
		Padding-bottom: 0.4em;
	
}

h2 {font-size: 1.5em;
	color: #25509e;
	Padding-bottom: 0.4em;
}


h3 {
	font-size: 1.2em;color: #25509e;
	Padding-bottom: 0.4em;
}

h4 {

    font-size: 2em;
}

h5 {
	font-size: 1.3em;
	line-height: 1.3em;
}

h6 {
	font-size: 1.1em;
}

.bdEmphasis
{
	font-size:1.2em;
}

.bdSmallPrint{
	font-size:0.6em; /*was 0.8em*/
}

.bdSmallPrint a {
	font-size: 1.5em; /*was 1.2em*/
}

.bdDaveStyle {
	font-size: 3.5em;
}

.bdCodeExample
{
	font-family: "Courier New", Courier, monospace;
}


/*
    General Elements:Link Colour and decoration
*/

a {
    /*color:rgb(85, 143, 246); */ /*was rgb(0, 189, 234)*/
	color:rgba(42,91,168,1.0); /*Done to match links in main menu for better reproduction on small screens*/
	font-weight:600; /*not previously specified*/
}

a:hover, a:focus {
	/*color:rgb(85, 143, 246); */ /*was rgb(0, 189, 234)*/
	color:rgba(42,91,168,1.0); /*Done to match links in main menu for better reproduction on small screens*/
    /*text-decoration: underline;*/
    text-decoration:double;
}

a div.bdBox {
    color:black;
    text-decoration:none;
}

a:hover div.bdBox {
    color:green;
    text-decoration:none;
}

a div.bdBox:focus {
    color:yellow;
    text-decoration:none;
}

/*
   General elements: bdQuote bdQuoteLargeText
*/

.bdQuote { 
    display: inline;
	font-size:1.2em;
	color: #25509e; /* brand blue*/
}

.bdQuote.bdLargeText { 
   
	font-size:1.5em;
	
}



.bdQuote:before { 
    content: open-quote;
}

.bdQuote:after { 
    content: close-quote;
}


/*
    Home page specific
*/

.bdHomePageHeadline
{
	text-shadow: 0px 2px 2px rgba(255, 255, 255, 1), 0px -2px 2px rgba(255, 255, 255, 1), 2px 0px 2px rgba(255, 255, 255, 1), -2px 0px 2px rgba(255, 255, 255, 1);/*Last used*/
	/*text-shadow: 0px 2px 2px rgba(195, 127, 0, 1), 0px -2px 2px rgba(195, 127, 0, 1), 2px 0px 2px rgba(195, 127, 0, 1), -2px 0px 2px rgba(195, 127, 0, 1);*//*Orange*/
    color: rgba(37, 80, 158, 1); /*was rgba(200, 200, 200, 1)*/
    text-align:center;
	margin-top:3%;
	margin-bottom:2%;
	font-weight:800;
}


.bdHomePageSubHeadline
{
    color: rgba(37, 80, 158, 1); /*was rgba(200, 200, 200, 1)*/
    text-align:left;
	margin-top:1%;
	margin-bottom:1%;
	font-weight:800;

}

H2.bdHomePageSubHeadline
{
	font-size: 1.3em;
}



.bdHomeBackgroundMap
{
	/*was width:100%;*/
	/*height:450px;*/ /*was 450*/
	/*background-image:url(../media/1193/homepagemap.png);*/
	background-image:url(../media/1861/version-6.jpg);
    background-repeat: repeat;
    background-position-x: 50%;
	background-position-y:-180px; /*was 0*/
	/*background-attachment:fixed;*/ /*fixed holds in place*/
	background-size:auto; /*cover does strange things for small screens use auto */
   	/*margin-left:25px;*/
	/*margin-right:25px;*/
}

.bdHomePageTopRow{
	margin-top:90px; /*was 108px then 90px, 100px as at sept 20*/
 }

.bdHomePageTopRow .bdBox {
	padding-left:10px;
 }

.bdHomePageTopRow .bdBox div:first-child {
	display: inline-flex;
 }

.bdHomePageTopRow .bdBox{
	padding-left:10px;
 }
/*
    Navigation
*/


.bdNavImage{
	margin-left:0px !important;
}

.navbar-brand.visible-xs-inline.bdNavImage >img{
	
	display:inline;
	height:100%;
}

a.navbar-brand {
  
    padding:5px;
    padding-top:0px;
}

.bdNav{
    
    letter-spacing:1px;
    color:white;
	border-bottom-width:0px;
	align-items: center;
	padding-top:3px;
}

.navbar-brand{
	height: 105px; /*overwrite basic height from bootstrap to cope with new logo*/
}

.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { /*Needs to be this specific to overwrite base Bootstrap colour*/
    /*color:#002111;*/
	/*font-family: "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;*/
	color:rgba(42, 91, 168, 1.0);
	font-weight:300;
	margin-left:1em;
}

.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a:hover { /*Needs to be this specific to overwrite base Bootstrap colour*/
 	/*font-family: "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;*/
	color:rgba(42, 91, 168, 1.0);
	text-decoration: underline;
	font-weight:300;
	margin-left:1em;
	
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
   /*font-family: "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;*/
	color:rgba(42, 91, 168, 1.0);
    background-color: #e7e7e7;
	font-weight:300;
	margin-left:1em;
	
}

.nav > li  a {
	position:relative;
	padding:10px 5px;
	/*display:inline;*/
}

.nav > li a.dropdown-toggle
{
	padding-left:0px;
	padding-right:0px;
}

a.dropdown-toggle > div
{
	font-size:1.2em;
	margin-left:-6px;
}

button.bdNav{
	margin-top:36px;
}

.bdNavTopLayer{
	margin-top:0px;
	margin-right:0px;
}

.bdNavBaseLayer{
	clear:both;
	margin-top:-52px;
}

div.navbar-collapse li 
{
	margin-top:4px; 
}

a.bdDropDown
{
	padding-right:0px;
	padding-left:0px;
}

a.bdDropDown:hover
{
	background-color:#8533d1;
	color:#eee;
}

div.navbar-collapse li div
{
	display:inline-block;
	font-size:1.2em;
}

/*
    Crumb trail
*/

.bdBreadcrumb
{
	font-size:18px;
	padding-left:0px;
	margin-bottom:0px;
}

.bdBreadcrumb a
{
	font-weight: 500;
}

.bdBreadcrumb.siblingNav, .bdBreadcrumb.secondaryNav
{
	font-size:16px;
}

.bdBreadcrumb.childNav
{
	font-size:14px;
}

.bdBreadcrumb Li
{
	display:inline-block;
}

/*
    Main body
*/
/*bdBox*/

.bdBox{
    margin:5px;
    padding:10px;
    padding-left:25px;
    /*font-size:18px; too large */
    /*font-size:16px;*/  /*dont specify font size here... cascade down from body*/	
}

/*.bdBox a{
	z-index:999;
	position:relative;
	font-weight: lighter;
	line-height: 1.5em;
	font-size: 1em; 
}*/


.bdBoxedSides{
    margin:5px;
    padding-left:25px;
}

.bdBox-Centered{
	
	padding-right:25px;
}

/*bdFixedHeight...*/

.bdFixedHeightSmall{
    height:150px;
    overflow-x:hidden;
    overflow-y:auto;
}

.bdFixedHeight180{
    height:180px;
    overflow-x:hidden;
    overflow-y:auto;
}

.bdFixedHeight200{
    height:200px;
    overflow-x:hidden;
    overflow-y:auto;
}

.bdBlogFixedHeight{
    height:220px;
    overflow-x:hidden;
    overflow-y:auto;
}

.bdFixedHeight{
    height:250px;
    overflow-x:hidden;
    overflow-y:auto;
}

.bdFixedHeightMedium{
    height:270px;
    overflow-x:hidden;
    overflow-y:hidden; /* JD 2017-04-21 */
}

.bdFixedHeightLarge{
    height:350px;
    overflow-x:hidden;
    overflow-y:auto;
}

.bdContainer{
    margin-top:108px; /*was 42 then 75*/
}


footer ul{
	list-style-type:none;
	padding-left:6px;
}

.bdFoot{
    font-size:18px;
    letter-spacing:0px;
    color:#7a5b9e;
}

.bdFootIcon
{
	font-size:25px;
}

/*
    Table layouts and colours
*/

/*Dave's MV table tinkerings begin*/

.bdMVTable {
		border: 2px solid rgb(173, 175, 187); border-style: solid; border-radius: 20px;
	Margin-left:auto;
    Margin-right:auto;
}

.bdMVTable thead{
background-color:#25509e; 
	color:white;}

.bdMVTable th, td {
  padding: 10px; vertical-align: middle;
}

.bdMVTable th {
	text-align: center;
}

.bdMVTable tbody>tr>:nth-child(1){ 
font-weight: bold;
}
.bdMVTable tr:nth-child(even) {background-color:#e7e7e7;}


/*Dave's MVTable tinkerings end */


.bdBlogTable th,.bdFAQTable th, .bdWideDataTable th, .bdRightTable th, .bdGeneralTable th{
	background-color:silver;
	color:black;
}

.bdGeneralTable th, .bdGeneralTable td{
	font-size:12px;
}

.bdBlogTable td, .bdBlogTable th,.bdFAQTable td, .bdFAQTable th, .bdGeneralTable td, .bdGeneralTable th{
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 10px;
	text-align: left;
}

.bdWideDataTable td, .bdWideDataTable th, .bdNarrowDataTable td, .bdNarrowDataTable th{
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 5px;
    padding-right: 5px;
	text-align: left;
}

.bdBlogTable th,.bdFAQTable th,.bdGeneralTable th, .bdWideDataTable th{
	font-weight:bold;
}

 .rowLead{
	background-color:silver;
	color:black;
	font-weight:bold;
}
 
.bdIndexAboveAverage{
	background-color:rgba(0,255,0,0.5);
}

.bdIndexBelowAverage{
	background-color:rgba(255,0,0,0.5);
}

.bdIndexAverage{
	background-color:rgba(255,255,0,0.5);
}

tr.blogTableSummary{
	font-weight:bold;
}

.bdKeyLineBorder
{
	border: 2px solid rgb(173, 175, 187); border-radius: 20px;
	padding-right:.5em
}

.bdHomePageHorizontalMargin{
	margin-left:19px;
	margin-right:19px;
}


.bdHomePageProductLinkBox{
	/*border: 2px solid rgb(173, 175, 187);*/ /*use bdKeyLineBorder*/
	text-align: center;
	/*
	margin-top:5px;
	
	margin-bottom:5px;
	*/
	padding: 15px;
	/*
	padding:19px;
		padding-bottom:74px;
	*/
		height:100%;
	font-size:larger;
	margin-bottom: 25px;
}
	
.bdHomePageProductLinkBox p.buttonHolder a {
	background-color: #25509e;
	border:none;
	color:white;
	padding:15px 32px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:larger;
	font-weight:bold;
	margin-left:-100%;
}


/* Dave super duper button stuff */

.bdHomePageProductLinkBox p.bdButtonHolder a {
	background-color: #25509e;
	border:none;
	color:white;
	padding:10px 20px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
}

.bdHomePageProductLinkBox p.bdBigBlueButton a {
	background-color: #25509e;
	border:none;
	border-radius: 10px;
	color:white;
	padding:15px 32px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:larger;
	font-weight:bold;
}

/* Dave's button rambling ends */

/* Dave's MV presentation bits starts */

.bdIframeContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Dave's MV presentation bits ends */


.bdHomePageProductLinkBox p.buttonHolder{
	position:absolute;
	bottom:19px;
	left:50%
}
/* Homepageproductbox sub elements to allow for mobile variations*/
.bdProductLogo {
	float: left; 
	padding-right: 1em;"
}


/* Sub element bit ends*/

.bdHomePageSignUpLinkBox{
	/*border: 2px solid rgb(173, 175, 187);*/ /*use bdKeyLineBorder*/
	text-align: center;
	margin-top:5px;
	margin-bottom:5px;
	padding:19px;
	/*padding-bottom:74px;*/
	/*height:100%;*/
	font-size:larger;
}
	
.bdHomePageSignUpLinkBox p.buttonHolder a {
	background-color: #25509e;
	border:none;
	color:white;
	padding:15px 32px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:larger;
	font-weight:bold;
	margin-left:-100%;
}

.bdHomePageSignUpLinkBox p.buttonHolder{
	position:absolute;
	/*bottom:19px;*/
	left:50%
}


.carousel-control.bdCarousel
{
	opacity:1.0;
}


.carousel-control.bdCarousel:hover
{
	opacity:1.0;
}
.glyphicon.bdCarousel
{
	text-shadow: 0px 3px 3px rgb(0, 0, 0), 0px -3px 3px rgb(0, 0,0), 3px 0px 3px rgb(0, 0, 0), -3px 0px 3px rgb(0, 0, 0);
}

a.left.carousel-control.bdCarousel
{
    background-image: linear-gradient(to right, rgba(173, 175, 187, 1.0) 20%, rgba(0, 0, 0, .0001) 100%);
}

a.right.carousel-control.bdCarousel
{
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 00%, rgba(173, 175, 187, 1.0) 80%);
}

/*Media Queries */

/*320-767  Phones*/
/*Bootstrap 320-767 XS*/
@media screen and (max-width:320px) {
	
	body.bdHome{
		font-size:12px;
	}
}

@media screen and (max-width:349px) {
	
    h1 {
	  font-size: 20px;
	}
}

@media screen and (min-width:321px) and (max-width:479px) {
	
	body.bdHome{
		font-size:13px;
	}
}


@media screen and (max-width:630px){
	.bdFAQTable{
		font-size:0.6em
	}
	.bdRightTable{
		font-size:0.6em;
		position: static; 
	}
}

	@media screen and (max-width:767px)	{
	/*unfix top menu small devices*/
		.navbar{
			margin-bottom:0px;
		}
		.navbar-fixed-top{
			position:relative;
		}
		
		.bdHomePageTopRow{
			margin-top:0px;
		}
		
		.bdContainer{
			margin-top:0px;
		}
		
		button.bdNav{
			margin-top:18px;
		}
		
		.navbar-brand{
			height:60px;
		}
		
		.bdNavBaseLayer{
			margin-top:-10px;
			margin-right:0px;
		}
		
		h2.bdHomePageSubHeadline{
			font-size:2em;	
		}
		
		.bdHomeBackgroundMap{
			background-repeat:repeat;
		}
Img.bdProductLogo {
	float: none
}
.bdHomePageSubHeadline { 
	text-align:center;
}
	}

/*phone colours*/
@media screen and (max-width:767px){
	body{
		color:rgba(80, 80, 80, 1.0); /*was rgba(220, 220, 220, 1.0) */
	}
	
	.bdHomePageSubHeadline{
		color:rgba(80, 80, 80, 1.0); /*was rgba(220, 220, 220, 1.0) */
	}
	
	.bdBaseBackground
	{
		background-color:rgba(255,255,255,0.9); /*rgba(31, 31, 31, 0.90);*/
	}

    .bdBaseBorder
	{
		border:2px solid rgb(42, 4, 65);
	}

    /*
        Footer
    */
    .bdFooterFill
    {
	    /*background:rgba(173,175,187,1.0);*/
        background:rgba(220,220,255,1.0);
    }

    .bdFooterColour
    {
	    color:rgba(80, 80, 80, 1.0);
    }

    /*
    NAV
    */

    .bdSecondNavColouredFill
    {
	    background:rgba(111, 23, 206, 0.3);
    }

    .bdNavColouredFill
    {
        /* background:rgba(235,235,255,1.0);*/
        /* background:rgba(200,200,200,1.0);*/
        /* background:rgba(173,175,187,1.0);*/ 
       
        background:rgba(220,220,255,1.0);
    }

    .bdBox a{
	    z-index:999;
	    position:relative;
	    line-height: 1.5em;
	    font-size: 1em; /* maybe should be smaller in footer */
    }


    .bdBox-subNav
	{
		margin:0px;
		padding-left:4px !important;
		color:rgba(80, 80, 80, 1.0);

	}

	.bdContainer-fluid{
		padding-left:0%;
		padding-right:0%;
	}
    	
	.bdCopyRight
	{
		text-align:left;
	}

    .bdCTA
	{
		text-align:left;
		/*margin:2em;*/ /*removing to limit overflow of text was 1em then 2em then nowt changed to reduce box width to make it more messagy*/
		padding:15px;
    	font-size:16px;	
	}	

	.bdDropShadow{
    	box-shadow: 12px 12px 20px -2px #000; /*was box-shadow: 10px 10px 40px #000;*/
	}

	.bdExpositionColour
	{
		background-color:#d5ebc8
		/*background-color:rgba(16, 48, 10,1); rgba(170, 170, 170, 1);*/
	}	
	.bdExpositionRow
	{
		margin:5px;
    	padding:10px;
    	padding-left:25px;
    	font-size:16px;	
		background-color:rgba(213, 235, 200,0.5); /*rgba(16, 48, 10,1);*/
		border-bottom:2px solid rgb(30, 30, 30);
	
	}
	
	.bdExpositionRow img{
		display:none;
	}
	
    .bdExpositionRow p.caption{
		display:none;
	}
		
	.bdExpositionRow table.bdNarrowDataTable{
		display:inline;
	}
	
	.bdExpositionRow.NoBottomBorder{
		border-bottom:none;
	}
	
   	.bdFaceBookIcon{
		color:#3b57d9;
	}

	.bdHighlightBackground
	{
		background-color:rgba(170, 170, 170, 1); /*was background-color:rgba(15, 15, 15, 0.50);*/
	}

    .bdHighlightBorder
	{
		border:2px solid rgb(30, 30, 30);
	}

	.bdHomeIcon{
		color:rgba(42, 91, 168, 1.0); /*was (80, 80, 80, 1.0)*/
	}

	.bdLinkedInIcon{
		color:#017bb7;
	}

  .bdMacro
	{
		color:rgba(80, 80, 80, 1.0);
		background-color:rgb(180, 240, 240);
	}
	
	.bdMacro.darkAlternative
	{
		background-color:rgba(46,109,164,1);
		color: white; 
		text-align: left
	}
	
	.bdMacro.darkAlternative a
	{
		
		color: white; 
		
	}
	
    .bdQuoteBackground
	{
		background-color: rgb(159, 175, 200);
	}
	
	.bdQuoteBorder
	{
		border-left: 5px solid rgba(235,235,255,0.3);
		padding-left:5px;
	}

	.bdRowBorder
	{
		border-bottom:2px solid rgb(30, 30, 30);
	}

	.bdTwitterIcon{
		color:#5ea9dd;
	}
	
	blockquote
	{
		border-left: 5px solid rgba(235,235,255,1.0);
	}
    
    .bdNav{
		font-size:18px;
		text-align: right;
	}
	
    .bdDropDown{
		text-align:right;
	}
	
    #bdNavbar-header{
		margin-left:19px;
		margin-right:19px;
	}
	
    .bdHomePageHeadline
	{
		font-size:3em;
	}
    
    .bdImage img{
		display:none;
	}
	
	.bdImage p.caption{
		display:none;
	}
	
    h1{
		font-size:30px;
	}

    .bdFAQTable{
		font-size:0.7em
	}
	
	/*bdHomePageBoxes*/
	.bdHomePageBoxes
	{
		margin-top:15px;
		margin-bottom:45px;
	}	

}

/* 768 plus  Tablets and PC*/
/* Bootstrap SM*/
@media screen and (min-width:768px){
	body{
		color:rgba(80, 80, 80, 1.0); /*was rgba(15, 15, 15, 1.0) */
	}

	.bdBaseBackground
	{
		background-color:rgba(255, 255, 255, 0.90);
	}

   .bdBaseBorder
	{
		border:2px solid rgb(42, 4, 65);
	}

    /*
        Footer
    */
    .bdFooterFill
    {
	    background:rgba(173,175,187,1.0); /*was  rgba(200,200,200,1.0)*/
    }

    .bdFooterColour
    {
	    color:rgba(80, 80, 80, 1.0);
    }

    /*
        NAV
    */

    .bdSecondNavColouredFill
    {
	    background:rgba(111, 23, 206, 0.3);
    }

    .bdNavColouredFill
    {
	    background:rgba(173,175,187,1.0); /*was rgba(235,235,255,1.0) then rgba(200,200,200,1.0)*/
    }
   .bdBox a
   {
	    z-index:999;
	    position:relative;
        font-weight: lighter;
	    line-height: 1.5em;
	    font-size: 1em; /* maybe should be smaller in footer */
    }

	.bdBox-subNav
    {
		margin:0px;
		margin-top: -10px !important;
		padding-left:0px  !important;
		padding-bottom:0px !important;
	} 

   .bdBrightBorder
	{
		border-left:2px solid rgb(243,243,243);
		border-top:2px solid rgb(243,243,243);
		border-right:2px solid rgb(200,200,200);
		border-bottom:2px solid rgb(200,200,200);
	}

	.bdContainer-fluid{
		padding-left:2%; /*was 5% left and right*/
		padding-right:2%;
	}
	
	.bdCopyRight
	{
		text-align:right;
	}

    .bdCTA
	{
		text-align:left;
		margin:4em; /*was 1em then 7em changed to cope with more text and reduce overflow*/
		margin-top:2em;
		margin-bottom:2em;
		padding:15px;
    	font-size:16px;	
	}

   	.bdDropShadow{
    	box-shadow: 12px 12px 20px -2px #7e7a7a; /*box-shadow: 10px 10px 20px -5px #7e7a7a;*/
	}

	.bdExpositionColour
	{
		background-color:rgba(213, 235, 200, 0.5); /*background-color:rgba(231, 231, 221, 0.50);*/
	}
	
	
	.bdExpositionRow
	{
		margin:5px;
    	padding:10px;
    	padding-left:25px;
    	font-size:16px;	
		background-color:rgba(213, 235, 200, 0.5); /*background-color:rgba(231, 231, 221, 0.50);*/
		border-bottom:2px solid rgb(30, 30, 30);
	
	}

   	.bdExpositionRow div.col-md-5 img{
		max-width:100%;
	    border: 2px solid rgba(200,200,200,1.0);
	}

	.bdExpositionRow img{
		margin-top:20px;
		max-width:650px;
		/*width:100%;*/
		display:inline;
	   
	}
	
	.bdExpositionRow table.bdWideDataTable{
		width:100%;
	}
	
	.bdExpositionRow table.bdNarrowDataTable{
		display:none;
	}
	
    .bdExpositionRow p.caption{
		display:inline-block;
	}
	
	.bdExpositionRow.NoBottomBorder{
		border-bottom:none;
	}

	.bdFaceBookIcon{
		color:#3b57d9;
	}

    .bdFAQTable{
		font-size:1em
	}

    .bdHighlightBackground 
	{
		background-color:rgba(231, 231, 221, 0.90);
	}

    .bdHighlightBorder
	{
		border:2px solid rgb(30, 30, 30);
	}

   	.bdHomeIcon{
		color:rgba(42, 91, 168, 1.0); /*was (80, 80, 80, 1.0)*/
	}

    .bdImage{
		/*text-align: center;*/ /*turning off as I think this is not needed*/
	}
	
    .bdImage img{
		max-width:650px;
		width:100%;
		display:inline;
	}
	
	 .bdImage img.findUs{
		max-width:400px;
		width:100%;
		display:inline;
	}
	
	.bdImage img.fullWidth{
		width:calc(100% + 38px); /*was 100*/
		display:inline;
		max-width:calc(100% + 38px); /*was 100*/
		margin-left:-18px /*was not used*/
	}
	
	.bdImageBorder img{
	 	border: 2px solid rgba(200,200,200,1.0);
	}
	
	.bdImageBottomBorder img{
	 	border-bottom: 2px solid rgba(200,200,200,1.0);
	}

	.bdLinkedInIcon{
		color:#017bb7;
	}

	.bdMacro{
		background-color:rgb(180, 240, 240);
	}
   
	.bdMacro.darkAlternative
	{
		background-color:rgba(46,109,164,1);
		color: white; 
		text-align: left
	}
	
	.bdMacro.darkAlternative a
	{
		
		color: white; 
		
	}
	
    .bdQuoteBackground
	{
		background-color: rgb(159, 175, 200);
	}
	
    .bdQuoteBorder
	{
		border-left: 5px solid rgba(235,235,255,0.3);
		padding-left:10px;
	}
	
	.bdQuoteBorder h3
	{
		background: white;
		height: 90px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.bdShadowBorder
	{
		border-right:2px solid rgb(243,243,243);
		border-bottom:2px solid rgb(243,243,243);
		border-left:2px solid rgb(200,200,200);
		border-top:2px solid rgb(200,200,200);
	}

	.bdSubtleDropShadow{
    	margin-right:18px;
		box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.3);
	}

	.bdTwitterIcon{
		color:#5ea9dd;
	}

	blockquote
	{
		border-left: 5px solid rgba(235,235,255,1.0);
	}
	
	/*bdHomePageBoxes*/
	.bdHomePageBoxes
	{
		margin-top:15px;
		margin-bottom:160px;
	}
	
		/*
 	* Row with equal height columns
 	* --------------------------------------------------
	 */
	.row-eq-height {
		display: -webkit-box;
	  	display: -webkit-flex;
	  	display: -ms-flexbox;
	  	display:         flex;
	}
	

	
	.bdHomePageBoxes>div.row-eq-height>div.bdBox>div{
		display:inline-block;
		}
	
	
	.bdHomePageBoxes>div.row-eq-height>div.bdBox>div img{
		float:left;
		
	}
	
	.bdHomePageBoxes>div.row-eq-height>div.bdBox>div h5{
		width:70%;
		margin-left:25%;
	}

	.display-flex {
		display: flex;
		flex-wrap: wrap;
		margin-left: 40px;
		margin-right: 40px;
	}
	.display-flex > [class*='col-'] {
		display: flex;
		flex-direction: column;
	}
	
	
}

@media screen and (max-width:819px){
h1{
	    text-align: center;	
	}
	h2{
	    text-align: center;	
	}
	h3{
	    text-align: center;	
	}
}


/*Computers*/
@media screen and (min-width:768px) and (max-width:1099px) {
    .bdHomePageHeadline
	{
		font-size:2em;
	}
}
@media screen and (min-width:1100px) and (max-width:1299px) {
    .bdHomePageHeadline
	{
		font-size:2.5em;
	}
}
@media screen and (min-width:1300px) {
    .bdHomePageHeadline
	{
		font-size:3em;
	}
}

@media screen and (min-width:768px)  and (max-width:819px){
	


	.bdNav{
		font-size:12px;
	}

	.bdMatchedHeight{
		height:460px;  /*560px*/
	}
	.bdHomePageTopRow .bdBox div:first-child {
		display: inline-block;
 	}
}
@media screen and (min-width:820px) and (max-width:879px){
	.bdMatchedHeight{
		height:410px;  /*510px*/
	}
}



@media screen and (min-width:820px) and (max-width:991px){

	.bdNav{
		font-size:14px;
	}
	

}

@media screen and (min-width:880px) and (max-width:929px){
	.bdMatchedHeight{
		height:360px;  /*460px*/
	}
}

@media screen and (min-width:930px) and (max-width:991px){
	.bdMatchedHeight{
		height:310px;  /*410px*/
	}
}

/* Bootstrap MD*/

@media screen and (min-width:992px){
	.bdVertical div.row{
		display: flex;
		align-items: center;
	}
    
    .bdFAQTable{
		font-size:0.6em
	}
	
}

@media screen and (max-width:999px)
{
	.bdRightTable{
		position: static; 
	}
}
@media screen and (min-width:992px) and (max-width:1039px){
	.bdMatchedHeight{
		height:300px;  /*400px*/
	}
}
@media screen and (min-width:1040px) and (max-width:1095px){
	.bdMatchedHeight{
		height:250px;  /*350px*/
	}
}

@media screen and (min-width:992px) and (max-width:1019px){

	.bdNav{
		font-size:18px;
	}
	

}

@media screen and (min-width:1020px) and (max-width:1099px){
    .bdNav{
		font-size:20px;
	}
}



@media screen and (min-width:1096px) and (max-width:1199px){
	.bdMatchedHeight{
		height:230px;  /*330px*/
	}
}

@media screen and (min-width:1100px)
{
	.bdFAQTable{
		font-size:0.7em
	}
	.bdNav{
		font-size:24px;
	}
}

@media screen and (min-width:1000px) and (max-width:1199px)
{
	.bdRightTable{
		position: absolute; 
		top: 40%; /*95*/
		left: 20%; /*2*/
	}

}



/*Bootstrap LG*/
@media screen and (min-width:1200px)
{

	.bdFAQTable{
		font-size:0.8em
	}

	.bdRightTable{
		position: absolute; 
		top: 40%; /*80*/
		left: 30%; /*20*/
	}
	
	/*
	.bdMatchedHeight{
		height:310px;
	}
	*/	
}

@media screen and (min-width:1200px) and (max-width:1299px){
	.bdMatchedHeight{
		height:210px;  /*310px*/
	}
}



@media screen and (min-width:1320px)
{
	.bdFAQTable{
		font-size:0.9em
	}
}

@media screen and (max-width:1349px)
{
	.bdWideDataTable{
		font-size:0.6em;
	}
}

@media screen and (min-width:1350px)
{
	.bdWideDataTable{
		font-size:0.7em;
	}
}

@media screen and (min-width:1430px)
{
	.bdFAQTable{
		font-size:1em
	}
}

@media screen and (min-width:1300px) and (max-width:1499px){
	.bdMatchedHeight{
		height:180px;  /*280px*/
	}
}

@media screen and (min-width:1500px) and (max-width:1699px){
	.bdMatchedHeight{
		height:150px; /*250px*/
	}
}

@media screen and (min-width:1620px){
	.bdNav{
		font-size:24px;
	}

	.bdRightTable{
		position: absolute; 
		top: 40%; /*60*/
		left: 40%;/*40*/
	}
}

@media screen and (min-width:1700px){
	.bdMatchedHeight{
		height:130px; /*230px*/
	}
}

@media screen and (min-width:1820px)
{
	.bdRightTable{
		position: absolute; 
		top: 40%; /*50*/
		left: 50%;/*50*/
	}

}
/*used to hide a honeyTrap field*/
.sourceAuth{
    /*display:none; *//*display none read by bots */
	position: absolute;
	left: -20000px;
}


/*
    *
    * Probably unused
    * Remove before release
    *
*/

.bdFixbody {
    /*font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-size:18px;
    line-height:25px;
    /*letter-spacing:-1px;*/
}
.bdGradientBar{
    /*background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(248,248,248,1) 25%, rgba(246,246,246,1) 30%, rgba(204, 185, 226,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(3%, rgba(255,255,255,1)), color-stop(25%, rgba(248,248,248,1)), color-stop(30%, rgba(246,246,246,1)), color-stop(100%, rgba(204, 185, 226,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(248,248,248,1) 25%, rgba(246,246,246,1) 30%, rgba(204, 185, 226,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(248,248,248,1) 25%, rgba(246,246,246,1) 30%, rgba(204, 185, 226,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(248,248,248,1) 25%, rgba(246,246,246,1) 30%, rgba(204, 185, 226,1) 100%);*/
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 3%, rgba(248,248,248,1) 25%, rgba(246,246,246,1) 30%, rgba(204, 185, 226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7a5a9e', GradientType=1 );

}
.bdGradientBarLong{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 0%, rgba(246,246,246,1) 14%, rgba(204,185,226,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(248,248,248,1)), color-stop(14%, rgba(246,246,246,1)), color-stop(100%, rgba(204,185,226,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 0%, rgba(246,246,246,1) 14%, rgba(204,185,226,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 0%, rgba(246,246,246,1) 14%, rgba(204,185,226,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 0%, rgba(246,246,246,1) 14%, rgba(204,185,226,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 0%, rgba(246,246,246,1) 14%, rgba(204,185,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccb9e2', GradientType=1 );
}
.bdGradientBody{
	background: rgba(255,255,255,0.88);
	background: -moz-linear-gradient(left, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.88) 3%, rgba(248,248,248,0.89) 25%, rgba(246,246,246,0.89) 30%, rgba(204,185,226,0.9) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.88)), color-stop(3%, rgba(255,255,255,0.88)), color-stop(25%, rgba(248,248,248,0.89)), color-stop(30%, rgba(246,246,246,0.89)), color-stop(100%, rgba(204,185,226,0.9)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.88) 3%, rgba(248,248,248,0.89) 25%, rgba(246,246,246,0.89) 30%, rgba(204,185,226,0.9) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.88) 3%, rgba(248,248,248,0.89) 25%, rgba(246,246,246,0.89) 30%, rgba(204,185,226,0.9) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.88) 3%, rgba(248,248,248,0.89) 25%, rgba(246,246,246,0.89) 30%, rgba(204,185,226,0.9) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.88) 3%, rgba(248,248,248,0.89) 25%, rgba(246,246,246,0.89) 30%, rgba(204,185,226,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccb9e2', GradientType=1 );
}
.bdHomeBackgroundImage
{
    /*border-top:1px solid red;*/
	width: 100%;
	margin-top: 108px;
    /*background-image: url(https://beacon-dodsworth.co.uk/media/1075/smaller-circles-1.jpg)*/
	/*background-image:url(https://beacon-dodsworth.co.uk/media/1093/bd-home-page-header.jpg);*/
	background-image:url(https://beacon-dodsworth.co.uk/media/1097/bd-home-page-header-v2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.bdColouredFill
{
	background:rgba(250,250,255,1.0); /*background:rgba(204,185,226,1.0);*/

}
.debug
{
	background:rgba(10,10,255,1.0); 
}
body.bdBackground {
   /*background-image:url(../Images/OSMappingLargeScale.png);*/
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;

}
.bdBackgroundImage{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.bdAnchor::before{
	content:"";
	display:block;
	
	height:120px;
	margin:-120px 0 0;
}
.bdFluid{
     margin-left:1%; 
    margin-right:1% 
}

.bdRounded{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.bdGuttered{
    margin-bottom:10px;
}

.bdColour.a
{
    /*color:#4a3377;*/
    color:#0f006f;
}

.bdColour.b
{
    /*color:#5a2dc7;*/ 
    color:#0a34a9
}

.bdColour.c
{
    /*color:#004386;*/
    color:#1663dd;
}

.bdColour.d
{
    /*color:#1044b9;*/
    color:#0399ee;
}

.bdColour.e
{
    /*color:#007cb1;*/
    color:#00d9ff;
}

.bdColour.f
{
    /*color:#00aaad;*/
    color:#00928d;
}

.bdColour.g
{
    /*color:#007148;*/
    color:#00ab65;
}

.bdColour.h
{
    /*color:#00ab65;*/
    color:#6cd98f;
}

.bdColour.i
{
    color:#a1cd3a;
}

.bdColour.j
{
    /*color:#f2ea1b;*/
    color:#edfc1d;
}

.bdColour.k
{
    color:#fdcd0d;
}

.bdColour.l
{
    color:#f89a1f;
}

.bdColour.m
{
    color:#f16824;
}

.bdColour.n
{
    color:#cd2128;
}

.bdColour.o
{
    color:#960032;
}

.bdColour.u
{
    color:#fff;
}

.bdFormButtonBar
{
	padding-left:0px;
	padding-right:20px;
	z-index: 1200;
}

.modal-content
{
	color:#333;
}