h2, h3, h5, h6 {
    font-family: 'Lobster', Georgia, Times, serif;
}
p, div {
    font-family: 'Nobile', Helvetica, Arial, sans-serif;
}


body {
	margin-top: 0px; /* 50px is the height of the navbar - change this if the navbarn height changes */
	background: url(https://www.murdermysterystore.co.uk/halftone.png) repeat 0 0;
	/*background-color: #e1e1e1;
	 background:  url(../noirtown.jpg) no-repeat bottom center scroll;*/
}

.logo {
	top: 16px;
	height: 140px;
	left: 6px;
}

.portfolio-item {
	margin-bottom: 25px;
}

footer {
	margin: 50px 0px;
}

.carousel-control {
  padding-top:10%;
  width:5%;
}


.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}

.container {
	background-color: #ffffff;
}

.navbar-inner {
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(top, #ffffff, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffffff, endColorstr='#'ffffff, GradientType=0);
}

.navbar .brand {
  padding: 8px 20px 12px;
  font-size: 20px;
  color: #000000;
}

.navbar .divider-vertical {
  padding: 0px 0px 0px;
  height: 40px;
  background-color: #ffffff;
  border-right: 2px solid #cb6500;
}

.navbar .nav > li > a {
  padding: 10px 10px 11px;
  font-size: 18px;
  color: #000000;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #ff8000;
}

.navbar-default .navbar .nav > .active > a,
.navbar-default .navbar .nav > .active > a:hover,
.navbar-default .navbar .nav > .active > a:focus {
  color: #ff8000;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ff8000;
}

a:hover{
  color: #ff8000;
  text-decoration: none;
}

.navbar-collapse {
    border-top: 0px solid transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    max-height: 340px;
    overflow-x: visible;
    padding-left: 5px;
    padding-right: 5px;
}

.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}

.navbar .nav > li > a {
    color: #000000;
    font-size: 18px;
    padding: 10px 10px 11px;
}

.navbar-toggle {
	background-color: #ffffff;
	color: #000000;
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 0px;
    min-height: 20px;
    position: relative;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 16px;
    margin-top: 2px;
}

.menu-align
{
    margin-left: 14px;
    margin-right: 14px;
}

.footer-over{
	background-color: #d28246;
}

.mm-divider{
	color: #bebebe;
	border-bottom: dotted;
	border-bottom-width: 2px;
	margin-top: 2px;
	margin-bottom: 16px;
}

.lower-nav
{
    color: #CCCCCC;
    margin-top: 30px;
    margin-bottom: 30px;
}

.lower-nav > a {
    color: #cccccc;
    content: "/ ";
    padding: 0 5px;
}

.lower-nav > a:hover {
    color: #aeaeae;
    content: "/ ";
    padding: 0 5px;
}

.social-networks{
    margin-top: 26px;
}

.empty-window{
    background: transparent;
    height: 40px;
}

.smallprint{
	font-size: 10px;
}

.review-text{
	font-size: 11px;
	margin-bottom: 10px;
}

.review-text-large{
	margin-bottom: 10px;
	font-size:14px;
}

.store-yellow{
    background-color: #dadbb8;
    border-color: #bebebe;
}

.buy-box-price{
    font-size: 20px;
}

.product-title-color{
    color: #eb9e3e;
    margin-bottom: 0px;
}

.product-title-category{
    margin-bottom: 10px;
}

.lower-nav-email{
    margin-top: 30px;
    margin-bottom: 0px;
    color: #ffffff;
}


img {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
} 

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

div.circle-avatar{
    /* make it responsive */
    max-width: 100%;
    width:100%;
    height:auto;
    display:block;
    /* div height to be the same as width*/
    padding-top:100%;
    
    /* make it a cirkle */
    border-radius:50%;
    
    /* Centering on image`s center*/
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    
    /* it makes the clue thing, takes smaller dimention to fill div */
    background-size: cover;

    /* it is optional, for making this div centered in parent*/
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    }