@charset "utf-8";
/* CSS Document */

/*  
   Copyright Butterfly Blue Design Ltd
   Description: Homestyles
   Author: J.White
   Version: 1.0
 
=1 Global
=2 Links
=3 Headings
=4 Header
=5 Navigation
=6 Middle
=7 Form
=8 Footer
=9 Screensizes


/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
/*html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}*/
/* --------------------------------------------------------------------*/     
/* =1 Global ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

html { 
}
body {
	font-family:'Open Sans', sans-serif;
background-color:rgb(223, 227, 247);
	}
.carousel{

}

.carousel-control.left {
	background: transparent; */
	}
.carousel-control.right {
	background: transparent;
	}
.bbd_container, .bbd_container_uxd, .bbd_container_wd, .bbd_container_about	, .bbd_container_print {
	width:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:22.500em !important;
	height:22.500em !important;}
		
.bbd_container{
	background: url(../images/butterflyblue.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/butterflyblue.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/butterflyblue.jpg', sizingMethod='scale')";
	}
	
.bbd_container_uxd {
	background: url(../images/uxd_bkg.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/uxd_bkg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/uxd_bkg.jpg', sizingMethod='scale')";
	}
	
	.bbd_container_wd {
	background: url(../images/wd_bkg.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/wd_bkg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/wd_bkg.jpg', sizingMethod='scale')";
	}
	
	.bbd_container_about {
	background: url(../images/about_bkg.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_bkg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_bkg.jpg', sizingMethod='scale')";
	}
	
	
	.bbd_container_print {
	background: url(../images/print_bkg.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/print_bkg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/print_bkg.jpg', sizingMethod='scale')";
	}
/* --------------------------------------------------------------------*/     
/* =2 Links ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

/* --------------------------------------------------------------------*/     
/* =3 Headings ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
h1 {
	color:#fff;
	margin-top:4.5em;
	text-shadow: 2px 2px 9px rgba(150, 150, 150, 1);}

.marketing h2 {
	color:#1B9A9E;
	font-size:2.5em;
	line-height:1.2em;
	margin:0em 0em 0.5em 0em;
	font-weight:900;
	}
a:hover >.marketing h2{
	text-decoration:none;}
/* used on the webdesign page for scrolling with a fixed height */	
h2:before { 
  display: block; 
  content: " "; 
  margin-top: -85px; 
  height:85px; 
  visibility: hidden; 
}
/* --------------------------------------------------------------------*/     
/* =5 Navigation ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

navbar {
	border-radius:0;
	}
.navbar-default .navbar-nav>li>a {
	color:#fff;}
.navbar-inverse .navbar-nav>li>a {
	color:#fff;}

.navbar-inverse .navbar-nav>li>a:hover {
	color:#ccc;}
.navbar-inverse .navbar-nav>.active>a {
	border-bottom:0.5em solid #0A1F92; }
.navbar-default {
	background:rgba(137, 201, 211, 0.5);
	border:none;
	}
	
.jumbotron {
	background-color: rgba(45, 44, 44, 0.6);
background: rgba(45, 44, 44, 0.6);
color:#ccc;
}
.navbar-inverse {
	background-color:#000;
	/*border-color:#044797;*/
	border-color:#0A1F92;
	}
.navbar-brand	{
	background-image:url(../images/Butterfly-Blue-Design-Logo.png);
	background-size:15%;
	background-position:0% 50%;
	background-repeat:no-repeat;}
.navbar-header a {
	padding-left:2.5em;}
	
	.navbar-inverse .navbar-brand {
		color:#fff;}	
.navbar-inverse .navbar-brand:hover{
		color:#ccc;}
.dropdown-menu {
	background-color:#0A1F92;
	}
.dropdown-menu>li>a {
	color:#fff;}	
/*------------------------------------------------------------------------*/
/* =6 middle --------------------------------------------------------*/
/* -----------------------------------------------------------------------*/	
.bbd_marketing {
	background-color:#fff;
	padding-top:1.2em;}
	
.row.bbd_portfolio_container  {
	margin:2em 0em 2em 0em;
	}
.bbd_portfolio_container p {
	margin-bottom:0.8em;}
ul.bbd_portfolio_container li{
	margin-left:2em;}	
.bbd_portfolio_block {
	border:0.2em solid #f1f1f1;
	height:19em !important;
	width:19em !important;
	background-color:#e1e1e1;
	margin-left:1.3em;
}
ul.bbd_caseStudies  {
	list-style-type: none;
    margin: 0;
    padding: 0;
	margin:auto 0;
}
ul.bbd_caseStudies li {
		display:inline;
		 float: left;
		 border:0.3em solid #f9f9f9;
		 padding:0.5em;
		 background-color:#e1e1e1;
		 margin:0em 0.4em 0em 0.4em;}
	#links {
		padding:15px;
		background-color:#f9f9f9;}
.blueimp-gallery .modal-body {background-color:#f9f9f9;}

.row.bbd_portfolio_wd  {
	margin:1.5em 0em 5em 0em;
	}	 
#CaseStudy1	h1{margin-top:140px;}	 

.bbd_persona1 {
	background-color:#f2f2f2;
	margin-top:0.8em;}
	
.bbd_persona1 ul {
	display:block;
	width:100%;
	text-align:left;
	padding: 1em;
	font-weight:900;
	line-height:2em;
	margin-left:1em;}

.bbd_persona1 ul li {
	}
	
.bbd_persona_heading {
	font-weight: 900;
	font-size:1.2em
	margin-top:1em
	}
.bbd_persona2 ul {
	width:100%;
	margin-left:1em;}	
	
.bbd_title {
		font-weight:900;
		font-size:1.2em;}
		
.bbd_row_spacer {
	margin-top:3em;}
/*------------------------------------------------------------------------*/
/* =9 screensizes --------------------------------------------------------*/
/* -----------------------------------------------------------------------*/
@media (max-width: 480px) and (orientation: landscape) {
  /*.navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }*/
}

@media (min-width: 768px) {
  /*.container {
    width: 750px;
  }*/
}
@media (min-width: 992px) {
  .featurette-heading {margin-top:0px;}
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /*.visible-md-block {
    display: block !important;
  }*/
}
@media (min-width: 1200px) {
  /*.container {
    width: 1170px;
  }*/
}