html,body {
	height:100%;
	}
	
body {
	background: #3b3b3b;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

	a:link, a:visited{
		color:   #ffbf34; 
		text-decoration: none;  
		}
	a:hover, a:active{
		color:#f78a34; 
		text-decoration: none;
		}
	a.white:link, a.white:visited {
		color: #FFF; 
		text-decoration: none
		}
	a.white:hover, a.white:active {
		color: #F6F6F6; 
		text-decoration: none;
		}
		a.btnLink:link, a.btnLink:visited {
		color: #FFF; 
		background-color: #222222;
		text-decoration: none;
		padding: 3px;
		font-size: 11px;
		-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-opera-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
		}
	a.btnLink:hover, a.btnLink:active {
		color: #F6F6F6; 
		background-color: #f0ad4e;
		text-decoration: none;
		padding: 3px;
		font-size: 11px;
		-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-opera-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
		}
	a.btnLink:hover.disabled, a.btnLink:active.disabled{
		color: #F6F6F6; 
		background-color: #222;
		text-decoration: none;
		padding: 3px;
		font-size: 11px;
		-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-opera-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
	cursor: default;
	pointer-events: none;
    
		}
.heroOne {
	background: url(../media/HeroSlider01.jpg) bottom center;
	background-size:cover;
	height: 550px;
}
.heroTwo {
	background: url(../media/HeroSlider02.jpg) bottom center;
	background-size:cover;
	height: 550px;
}
.heroThree {
	background: url(../media/HeroSlider03.jpg) bottom center;
	background-size:cover;
	height: 550px;
}

/*Bootstrap Specific Overrides*/
/* PANEL STYLING OVERRIDES*/
.panel.panel-default{
    background: transparent;
	border-color: #222222;
}
.panel-default > .panel-heading {
    background-color: #222222;
    border-color: #222222;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
	padding: 2px;
}
.panel-body {
	background: transparent;
}
.table-hover > tbody > tr:hover > td, 
.table-hover > tbody > tr:hover > th  {
	background-color: #222222;
}
/* TABLE STYLING OVERRIDES*/
.table > thead > tr > th {
    border-bottom: 2px solid #222222;
    vertical-align: bottom;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #222222;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

/*BUTTON DISPLAY OVERRIDES*/
.tableButton .btn-group {
  white-space: nowrap;
  .btn {
    float: none;
    display: inline-block;
  }
}

.jumbotron {
	margin-bottom:5px;
}


.TopNavSit{
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1030;
}


.TopNavMove{
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}


.navbar-inverse .navbar-nav > li > a:link, .navbar-inverse .navbar-nav > li > a:visited {
    color: #FFF;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #ffbf34;
}
.navbar-inverse .navbar-nav > .active > a {
    background-color: #080808;
    color: #808080;
}
/*.btn-inverse {
    background-color: #2b2b2b;
    border-color: #000;
    color: #808080;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse:focus .btn-inverse.active {
    background-color: #1b1b1b;
    border-color: #000;
    color: #959595;
}
*/

/*	 This overrides the Bootstrap dropdown (dropup) open state background to transparent for the background  colour of item behind to show through */
.navbar-default .navbar-nav > .open >  a, .navbar-default .navbar-nav > .open >   a:hover, .navbar-default .navbar-nav > .open >  a:focus {
    background-color: rgba(0, 0, 0, 0);
}
/*Input border - defeating the blue glow*/
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
outline: none;
box-shadow:none !important;
border:1px solid #ffbf34 !important; /*Change colour here for form field border*/
}

/*Bootstrap Overrides for deeper nav - comment this for normal nav with smaller brand logo*/
.navbar {
	min-height: 50px;
}
.bumpTop {
	top: 15px;
}
.bumpSpace {
	margin-top: 90px;
}
.navbar-nav > li {
font-family: 'Open Sans', sans-serif;
/*margin-top: 10px;*/
}


.form-control-inverse {
    background-color: #181818;
    background-image: none;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #ccc;
}
.btn-default-inverse {
    background-color: #181818;
    border-color: #000;
    color: #ccc;
}
.btn-default-inverse:hover {
	color: #fff;
}
.dropup  li {
	padding:0px;
}
.modal-dialog p {
		font-size: 15px;
	}
	.thumbnail {
		background-color: transparent;
		position: relative;
	}		
	
	/*input[type="text"]:focus, textarea:focus, select:focus {
outline: none;
box-shadow:none !important;
border:1px solid #ffbf34 !important;
padding: 5px;
margin: 5px;
}*/

/*Typography*/
	h1, h2, h3, h4, h5, h6{
font-weight: normal;
font-family: 'Open Sans', sans-serif;
padding: 5px;
font-weight: 300;
}
h1 {
font-size:28px;
color: #FFF; 
letter-spacing: 8px;
}
h2 {
font-size: 24px;
color: #B2B7B1;
margin: 5px auto;
}
h3 {
font-size: 24px;
color: #ffbf34;
}
h4 {
font-size: 18px;
color: #ffbf34;
}
h5 {
font-size: 18px;
color: #fff;
}

.headingHalfCircle {
    background-color:#222222;
    height:125px;
    width: 250px;
    -moz-border-radius: 0 0 125px 125px;
    border-radius: 0 0 125px 125px;
    display: table;
	margin-bottom: 5px;
	margin-top: 15px;
}
.headingHalfCircle h3 {
 padding-top: 45px;
}
.headingCircle {
	width:250px;
	height:250px;
	border-radius:50%;
	background:#fff; /*131313*/
	margin-top:-125px; 
	margin-bottom:25px;
	display: table;
	
}
.headingDrop {
display: table-cell;
 vertical-align: middle;
}

.homeHeading {
	color: #FFF;
	text-align: center;
}
a.homeHeading:link, a.homeHeading:visited {
	color: #fff;
}
a.homeHeading:hover  {
	color: #6B0118;
}
a.homeHeading:active {
	color:#4b4c51;
}
.thumbnail-caption {
    text-align:center;
    max-width:100%;
	 height: 60px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
.thumbnail-caption h4 {
	color: #fff;
	text-align: center;
	font-size: 18px;
	letter-spacing: 3px;
}
.thumbnail-caption h5 {
	color: #fff;
	text-align: center;
	font-size: 14px;
	letter-spacing: 2px;
}
.thumbnail-zoom {
	positition: absolute;
	right:15px;
	bottom: 15px;
}

/*
Icon Sprites
*/
.iconOne {
	width: 150px;
	height: 150px;
	margin: 10px auto;
	background: transparent url(../media/iconSpriteGlobe.png) no-repeat scroll 0 0;
	display: block;
	cursor: default
}
a.iconOne:hover {
	background-position: -150px;
	cursor: pointer;
}
.iconTwo {
	width: 150px;
	height: 150px;
	margin: 10px auto;
	background: transparent url(../media/iconSpritePellets.png) no-repeat scroll 0 0;
	display: block;
	cursor: default
}
a.iconTwo:hover {
	background-position: -150px;
	cursor: pointer;
}
.iconThree {
	width: 150px;
	height: 150px;
	margin: 10px auto;
	background: transparent url(../media/iconSpriteShip.png) no-repeat scroll 0 0;
	display: block;
	cursor: default
}
a.iconThree:hover {
	background-position: -150px;
	cursor: pointer;
}
.iconFour {
	width: 150px;
	height: 150px;
	margin: 10px auto;
	background: transparent url(../media/iconSpriteMulti.png) no-repeat scroll 0 0;
	display: block;
	cursor: default
}
a.iconFour:hover {
	background-position: -150px;
	cursor: pointer;
}
.iconFive {
	width: 150px;
	height: 150px;
	margin: 10px auto;
	background: transparent url(../media/iconSpriteLeaves.png) no-repeat scroll 0 0;
	display: block;
	cursor: default
}
a.iconFive:hover {
	background-position: -150px;
	cursor: pointer;
}
.iconSix {
	width: 150px;
	height: 150px;
	margin: 10px auto;
	background: transparent url(../media/iconSpriteCalc.png) no-repeat scroll 0 0;
	display: block;
	cursor: default
}
a.iconSix:hover {
	background-position: -150px;
	cursor: pointer;
}
/*Other Styling Classes*/

.logoTag {
	width:225px;
	height: 50px;
}
.Logo {
	width: 225px;
	height: 27px;
}
.tagLine {
	width: 225px;
	height: 25px;
	clear: both;
}
.payoff {
	font-family: 'Play', sans-serif;
	font-size: 12px;
	color: #FFF;
	letter-spacing: 1px;
	}

.news {
	display: block;
	color: #fff;
	margin-top: 140px;
	padding: 10px;
}
.news h1 {
	color: #fff;
}
.btn-Italcotto {
  background: transparent;
	color: #fff;
	border: 3px solid #fff;
	font-size: 20px;
	padding: 5px;
}
.btn-Italcotto:hover {
	color:#4b4c51;
	border-color: #4b4c51;
}
/*.btn-Italcotto:hover,
.btn-Italcotto:focus,
.btn-Italcotto:active,
.btn-Italcotto.active {
	color: #4b4c51;
	border-color: #4b4c51;
}*/

.whiteBG {
	background: #fff;
}
.boxBorder {
	border: 1px solid #ffbf34;
}
.spaceAndPad {
	padding: 5px 0px;
	margin: 5px 0px;
}
.round {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
}
.alignCentre {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
} 
.Red {
			color: #CE0000;
		}
.White {
	color: #FFFFFF;
}	
.Grey {
	color: #1D1D1D;
}	
.alignRight {
	text-align: right;
}
.floatRight{
	float: right;
}
.Inline {
	display: inline;
}

.sectionDark {
	background: #3b3b3b;
}
.sectionLight {
	background: #4b4b4b;
}

/*Effects & Settings*/

.noBorder {
	border:none;
	}

.transparentUXI {
	background: transparent;
}

.noVertSpace {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.alpha70 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	 /*RGBa with 0.5 opacity */
	background: rgba(0, 0, 0, 0.7);
}
.alpha30 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.5 opacity */
	background: rgba(0, 0, 0, 0.5);
}
.noBullet {
	list-style: none;
}
.borderBlack {
	border: none;
}
.mxy20 {
	margin: 20px;
}
.mxy10 {
	margin: 10px;
	padding: 0px;
}
.pxy10 {
	padding: 10px;
}
.xy1020 {
margin: 20px 10px;
}
.xy010 {
	margin: 0px 10px;
}
.x0y20 {
	margin: 20px 0px;
}
.mpZero {
	margin: 0px;
	padding: 0px;
}
.min50 {
	min-height: 20px;
}
.width50 {
	width: 50%;
}

.shadowUp {
-webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.6);
box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.6);
}

.shadowDown {
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 10px 10px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 10px 10px 0px rgba(0, 0, 0, 0.6);
}

section{
  background-repeat:no-repeat;
  background-size:cover;
  min-height: 20%;
  padding-bottom: 85px;
  padding-top: 55px;
}

.nav-search-bar {
	width: 50% !important;
float: right;
}


/***media queries****/

/*Override to FH Mega Menu Mobile Colour*/

@media all and (max-width: 767px) {
   fhmm .dropdown a, .fhmm .dropdown-menu a {
    color: #d7d7d7;
}
}
@media all and (max-width: 767px) {
     .navbar-inverse .navbar-nav .open .dropdown-menu>li>a,.navbar-inverse .navbar-nav .open .dropdown-menu {
    color:#d7d7d7;
  }
}



@media (max-width: 780px) {
  
  .navbar-nav, .navbar-form {margin: 0 !important;}
  .navbar-form {padding: 0 !important;}
  .navbar-form .form-group {float: left !important;}
  .yamm .yamm-content a {color: #777 !important; padding: 5px 15px 5px 10px; line-height: 27px;}
  .yamm .yamm-content a:hover {color: #fff !important;}
  .yamm .yamm-content small { padding-left: 10px;}
  .footericons  li{float: left;}
  
  .nav-search-bar {float: left;}
  
  }

@media (max-width: 800px) {
   
  .collapse.in {width: 100% !important;}
  .navbar-fixed-bottom {position: relative !important;}
  .navbar-form {padding: 10px 15px !important;}
  
}

@media (max-width: 1080px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}



/*

.navbar-inverse { background-color: #222222}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #5C5C5C}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #080808}
.dropdown-menu { background-color: #3B3B3B}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #FFCB21}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #080808}
.navbar-inverse .navbar-brand { color: #eaeaea}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #eaeaea}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #D9D9D9}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
*/