/*
Name: GSB-SS-2017
Description: Bootstrap 3 responsive theme - BS V3.3.7
Version 1.0
Author: @stoan
Author URI: http://www.moonmoth.com
*/


html, body, section {
	height:100%;
	}

body {
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
  	color: #000;
    font-family: 'Muli', sans-serif;
	font-size: 16px;
	/*letter-spacing: 1px;*/
	line-height: 120%;
}



.container img {
	background: transparent;}
.containerBG {
/*background: url(images/add container filename here) fixed top center repeat-y;*/
background: #fff;
padding-bottom: 35px;
margin-bottom:10px;
margin-top: 10px;
}
.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
 
 /**************** Menu Styling ****************/

.navbarHeight {
	min-height: 100px;
}
 .navbar-default{
background-color: #fff;
border:none;

}
.navbar .navbar-nav .dropdown {
	padding-top:12px;	
}
.navbar .navbar-nav > li > a:link, .navbar .navbar-nav > li > a:visited {
    background-color: #fff;
    color: #80b541;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    background-color: #fff;
    color: #696969;
}
/*UXI-BS Override*/
/**/ .navbar-nav { 
	margin-top:30px;
	font-weight: 700;
	font-size: 13px;
	min-height: 75px;
	background: #fff;
	color: #80b541;
	letter-spacing: normal;
	text-transform: uppercase;

}
.navbar .divider-vertical {
height: 75px;
margin: 0 2px;
border-left: 1px solid #80b541;
border-right: 1px solid #ffffff;
}
.dropdown {
	font-weight: 700;
	font-size: 13px;
	padding: 1px;	
}
.dropdown-menu{
	background-color:#fff;
	color: #80b541;
/**/min-width: 300px;
	font-size: 12px;
}

.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited {
	background: #fff;
	color: #80b541;
	font-weight: 700;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #fff;
	background-color:#8cc53f;
	font-weight: 700;
	}
	

	a:link, a:visited{
		color:   #80b541; 
		text-decoration: none;  
		}
	a:hover, a:active{
		color:#222222; 
		text-decoration: none;
		}
		
	a.linkLight:link, a.linkLight:visited {
	color: #e5e5e5; 
	text-decoration: none
}
	a.linkLight:hover, a.linkLight:active {
	color: #8cc53f; 
	text-decoration: none;
}

	a.linkBlack:link, a.linkBlack:visited {
	color: #000; 
	text-decoration: none
}
	a.linkBlack:hover, a.linkBlack:active {
	color: #80b541; 
	text-decoration: none;
}
		
/*****************Typography*****************/
	h1, h2, h3, h4, h5, h6, p{
font-weight: 400;
margin: 5px;
padding: 5px 5px 10px 2px;
font-family: 'Ubuntu', sans-serif;
}

h1 {
font-size:40px;
color: #8cc53f;
text-transform: uppercase;
}
h2 {
font-size: 35px;
color: #000000;
}
h3 {
font-size: 28px;
color: #000000;
}
h4 {
font-size: 20px;
color: #282828;
}
h5 {
font-size: 15px;
color: #282828;
}
h6 {
font-size: 15px;
color: #000000;
}
p {
	font-size: 16px;
}



.underline{
	border-bottom: 1px solid #444444;
	margin-top: 15px;
	width: 100%;
	
}
		
.marginX40 {
margin: 0px 40px;
}
.marginY40 {
margin: 40px 0px;
}
.marginX20 {
margin: 0px 20px;
}
.marginY20 {
margin: 20px 0px;
}
.marginXY20
{
margin: 20px;
}
.marginXY10 {
margin: 10px;
}
.marginXY5 {
margin: 5px;
}
.marginBot20{
	margin-bottom: 20px;
}

.bumpSpace {
	margin-top: 105px;
}

.thumbnail {
		background-color: transparent;
	}
.hero-img {
	width: 100%;
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}
	
.heroSub {
	width: 100%;
	height: 500px;
	/*padding-left: 20%;
	margin-right:-40px*/
	}
.heroSub h1 {
	font-size:45px;
	color: #fff;
	font-weight: 400;
}	
.heroSub h3 {
	font-size: 20px;
	color: #fff;
}

.statsBox {
	margin: 15px 0px;
	min-height:135px;
	vertical-align: top;
	/* background-color: #e5e5e5; */
}

.statsBox h2 {
	font-size: 45px;
	text-align: center;	
	color: #80b541;
}
.statsBox h4 {
	font-size: 18px;
	color: #696969;
	text-align: center;
}
/***************** Box Shadow Animation *****************/
.boxShadow {
  position: relative;
  display: inline-block;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.boxShadow::after {
  content: "";
  border-radius: 0px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 20px 20px 15px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 20px 20px 15px 0px rgba(0, 0, 0, 0.1);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.boxShadow:hover::after {
    opacity: 1;
}
/*****************Pin Boxes*****************/
.pinBox {
	width: 100%;
	min-height: 170px;
	/*background: #f7f5f2;*/
	padding: 3px;
	margin: 7px 0px;
	border-radius: 0px;
	border-bottom: solid 1px #f1efec;
	border-right: solid 1px #f1efec;
}
.pinBox h5 {
	font-size: 20px;	
	margin: 3px;
	text-transform: uppercase;
}
.pinBox p {
	font-size: 13px;	
	margin: 3px;
	padding-left: 8px;
}
.pinBoxSM img {
	max-width: 140px;
	max-height: 140px;
	float: left;
	margin:10px;
}

.pinBoxMD img {
	max-width: 150px;
	max-height: 150px;
	float: left;
	margin:7px;
	border-radius: 0px;
}

.pinBoxLG img {
	/*max-width: 420px;
	max-height: 420px;*/
	margin:7px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 0px;
}

.pinBoxXL img {
	/*max-width: 340px;
	max-height: 340px;*/
	margin:7px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 0px;
}
.pinBoxXL {
	height: 550px;
}

.pinBoxJumbo img {
	/*margin: 7px;
	margin:7px;
	margin-left: auto;
	margin-right: auto;*/
	text-align: center;
	border-radius: 0px;
	max-width: 530px;
	max-height: 530px;
	float: left;
	margin:10px;
}
/*.pinBoxXL p, h5 {
	padding: 10px 10px 10px -20px !important;
	margin-left: 0px !important;
}*/

.squarePin {
	min-height: 360px;
	margin: 20px 0px;
}
.squarePin h3 {
	margin: 15px;
	text-transform: uppercase;
	color:#fff;
	font-size: 26px;
	padding-top: 5px;
}
.squarePin h4 {
	margin: 15px;
	text-transform: uppercase;
	color:#fff;
}
.squarePin p {
	margin: 15px;
	color: #fff;
}
.squarePin img {
	margin: 10px;
}

.inPageNav li{
	font-size: 14px;
}
/****************Buttons**************/
.buttonHero{
	min-width: 150px;
	background: transparent; 
	border:  2px solid #fff ;
	color: #fff;
	padding: 6px;
	border-radius: 0px;
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 14px;
}

.buttonHero:hover{
	background: #80b541; 
	border-color: #fff;
	color: #fff;
}
a.buttonHero:link, a.buttonHero:visited {
	color: #fff; 
	text-decoration: none
}
	a.buttonHero:hover, a.buttonHero:active {
	color: #fff; 
	text-decoration: none;
}

.buttonHomeBox{
	min-width: 150px;
	background: transparent; 
	border:  2px solid #fff ;
	color: #fff;
	padding: 6px;
	border-radius: 0px;
	margin-left: 15px;
	margin-bottom:15px;
	text-transform: uppercase;
	font-size: 14px;
}
a.buttonHomeBox:link, a.buttonHomeBox:visited {
	color: #fff; 
	text-decoration: none
}

.buttonPinBlue{
	min-width: 150px;
	background: #8dc63f; 
	border:  2px solid #8dc63f;
	color: #ffffff;
	padding: 5px;
	margin: 10px 12px 10px 5px !important;
	border-radius: 0px;
	text-transform: uppercase;
}

.buttonPinBlue:hover{
	background: transparent; 
	border-color: #8dc63f;
	color: #8dc63f;
}
a.buttonPinBlue:link, a.buttonPinBlue:visited {
	color: #fff; 
	text-decoration: none
}
	a.buttonPinBlue:hover, a.buttonPinBlue:active {
	color: #8dc63f; 
	text-decoration: none;
}

.buttonPinRed{
	min-width: 150px;
	background: #df464f; 
	border:  2px solid #df464f;
	color: #df464f;
	padding: 5px;
	margin: 10px 12px 10px 5px !important;
	border-radius: 0px;
	text-transform: uppercase;
}

.buttonPinRed:hover{
	background: transparent; 
	border-color: #df464f;
	color: #df464f;
}
a.buttonPinRed:link, a.buttonPinRed:visited {
	color: #fff; 
	text-decoration: none
}
	a.buttonPinRed:hover, a.buttonPinRed:active {
	color: #df464f; 
	text-decoration: none;
}

.buttonPinYellow{
	min-width: 150px;
	background: #ffc540; 
	border:  2px solid #ffc540;
	color: #ffc540;
	padding: 5px;
	margin: 10px 12px 10px 5px !important;
	border-radius: 0px;
	text-transform: uppercase;
}
.buttonPinYellow:hover{
	background: transparent; 
	border-color: #ffc540;
	color: #ffc540;
}

a.buttonPinYellow:link, a.buttonPinYellow:visited {
	color: #fff; 
	text-decoration: none
}
	a.buttonPinYellow:hover, a.buttonPinYellow:active {
	color: #ffc540; 
	text-decoration: none;
}

.buttonPinGreen{
	min-width: 150px;
	background: #00ae6f; 
	border:  2px solid #00ae6f;
	color: #00ae6f;
	padding: 5px;
	margin: 10px 12px 10px 5px !important;
	border-radius: 0px;
	text-transform: uppercase;
}
.buttonPinGreen:hover{
	background: transparent; 
	border-color: #00ae6f;
	color: #00ae6f;
}

a.buttonPinGreen:link, a.buttonPinGreen:visited {
	color: #fff; 
	text-decoration: none
}
	a.buttonPinGreen:hover, a.buttonPinGreen:active {
	color: #00ae6f; 
	text-decoration: none;
}

.buttonLight{
	background: transparent; 
	border:  2px solid #a7a7a7;
	color: #e5e5e5;
	padding: 12px;
	border-radius: 0px;
	text-transform: uppercase;
}
.buttonLight:hover{
	background: transparent; 
	border-color: #80b541;
	color: #80b541;
}
a.buttonLight:link, a.buttonLight:visited {
	color: #a7a7a7; 
	text-decoration: none
}
	a.buttonLight:hover, a.buttonLight:active {
	color: #80b541; 
	text-decoration: none;
}

.buttonContact{
	background: transparent; 
	background: url(../images/ContactButtonBGUXI-II.png) no-repeat;
	width: 165px;
	height: 55px;
	color: #9f9f9f;
	padding: 17px 0px;
	margin-top:-5px;
	border-radius: 0px;
	text-transform: uppercase;
}
.buttonContact:hover{
	background: transparent; 
	background: url(../images/ContactButtonBGUXI-II.png) no-repeat;
	color: #80b541;
}
a.buttonContact:link, a.buttonContact:visited {
	color: #80b541; 
	text-decoration: none
}
	a.buttonContact:hover, a.buttonContact:active {
	color: #80b541; 
	text-decoration: none;
}



.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  margin-top: -5px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.round {
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-opera-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
} 

.formField {
	 padding: 5px;
	 border: 2px solid #f0e00f;
	
 }
 
 /*.subsPanel {
	 width:280px;
	 height:55px;
	 background: url(../images/SubscribePanelBGUXI.png) no-repeat;
 }*/
 
   .subsInput {
	background: transparent; 
	background: url(../images/SS-FormInputUXI.png) no-repeat;
	width: 275px;
	height: 55px;
	color: #ffffff;
	padding: 3px 10px;
	margin: 5px 5px;
	border-radius: 0px;
	border: none;
   }
   .subsInput:focus {
	   border: none;
   }
   
   .subsSubmit {
	background: transparent; 
	background: url(../images/SS-FormSubmitUXI.png) no-repeat;
	width: 275px;
	height: 55px;
	color: #9f9f9f;
	padding: 3px 10px;
	margin: 5px 5px;
	border-radius: 0px;
	border: none; 
	text-align: left;
   }
   
  .subsPanel {
	 width:360px;
	 height:55px;
	 background: url(../images/SubscribePanelBGUXI2.png) no-repeat;
	 margin-left: 5px;
	 margin-top: 10px;
 }
 
 .subsFormField {
	 width: 360px;
	 height: 55px;
	 /*padding: -10px 3px 10px 10px;*/
	 border: none;
	 background:transparent;
	padding:6px 10px 17px 15px;
	color: #ffffff;
	font-size:14px;
 }
 .subsButton {
	 width: 45px;
	 height: 45px;
	 border: none;
	background:transparent
 }
 
 .subsModal {
	 background: #2f2f2f;
	 color: #acacac;
	 font-weight: 300;
	 padding-left: 50px;
 }
  /*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 #656565!important; /*Change colour here for form field border*/
}
 /*The code below kills the form focus which is a Chrome thing and breaks the visual when active*/
 textarea:focus, input:focus, email:focus{
    outline: none;
}
/*****************Alignment*****************/
.alignCentre {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
} 
.alignRight {
	text-align: right;
}
.floatRight{
	float: right;
}
.floatLeft {
	float:left;
}
.vcenter {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.parentRelative {
	position: relative;
}
.fixToBottom {
	position: absolute;
	bottom: 0px;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
	margin: 20px -4px 20px -4px
    /*/margin-right:-4px;*/
}
/*****************Colouring*****************/
.Red {
			color: #CE0000;
		}
.White {
	color: #FFFFFF;
}
.Light {
	color:#f1efec;
}
.Grey {
color:#C5C5C5;
}
.blackBG {
	background-color: #000;	
}
.darkGreyBG {
	background-color: #232323;
	min-height: 250px;
}	
.midGreyBG {
	background-color: #2f2f2f;
	min-height: 250px;
}	
.lightGreyBG {
	background-color: #EDEDED;
}
.smalltxt {
	font-size:11px;
	color: #C0C0C0;
}
.smalltxt a:link {
font-size: 11px;
display: inline;
}
footer h4 {
	color: #c0c0c0;
}
/*****************Display modifications*****************/
.setHalf {
	width:70%;
}
hr {
		padding-bottom: 20px;
		background: url(../images/hr-line.png) no-repeat;
		background-position: 100% 100%;
		margin-left: 0;
		/*display:block;
		background-color: #ebebeb;
		height: 1px;
		width: 96%;
		margin: 20px auto 15px auto;*/
		border: 0px;
		clear: both; 

	}
	
	
.block:first-child h4.page-title, .page-header {
    margin-top: 0;
}

.page-title {
    padding-bottom: 20px;
    background: url(../images/hr-line.png) no-repeat;
    background-position: 100% 100%;
	margin-left: 0;
	text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 40px;
	padding-left: 0px;
} 
	
.block:first-child h4.box-title, .page-header {
    margin-top: 0;
}

.box-title {
    padding-bottom: 20px;
    background: url(../images/hr-line.png) no-repeat;
    background-position: 100% 100%;
	margin-left: 0;
	text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px;
	padding-left: 0px;
}

.block:first-child h4.box-title-arrow, .page-header {
    margin-top: 0;
}

.box-title-arrow {
    padding-bottom: 20px;
    background: url(../images/hr-line-arrow.png) no-repeat;
    background-position: 100% 100%;
	margin-left: 0;
	text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 34px;
}


/*text-transform: uppercase;
padding-bottom: 15px;
margin-bottom: 40px;
text-align: center;
background: url(../images/Arrow.png) no-repeat;
background-position: 100% 100%;*/

.Inline {
	display: inline;
}
.whiteBorder {
	border: 1px solid #fff;
}

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


.transparentUXI {
	background: transparent;
}
.alpha50 {
	/* 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);
}
.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);
}
.shadowUp {
-webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);
}

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

    .gs:hover {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.8;
        filter: alpha(opacity=80);
    }


.panelBottomSpace {
	padding-bottom:90px;
}


img {
    background: #fff;
} 
 .jumbotron {
 background: #fff;
 padding: 0px;
 margin: 0px;
 }   
 
 .noPadding {
 padding: 0px;
 }
 .noMargin {
	 margin: 0px;
 }
 .transparentUXI {
 background: transparent;
 }
 .noBorder {
 	border: none;
 }
 .Circle {
	 border-radius: 50%;
 }


/*
input[type="text"], input[type="email"], select, textarea{
	padding:10px;
	border-radius: 0px;
}
.form-control {
	border-radius:0xp;
}
*/
 section{
  background-repeat: no-repeat;
  background-size: cover;
}


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

footer h4 {
	font-size:26px;
	margin-left: 0px !important;
	padding-left: 0px;
	padding-bottom:15px;
	margin-bottom:20px;
	margin-bottom:20px;
}

footer li {
	font-size: 14px;
	margin-bottom: 10px;
}

.circular {
  border-radius: 50%;
}
.cast-shadow {

  width: 100%;
  top: 0;
  height: 50%;
  box-shadow: 25px 25px 50px rgba(0, 0, 0, 0.5);
}

.box-effect {
	border-bottom: solid 1 px #C0C0C0;
	border-right: solid 1 px #C0C0C0;
	
}



/*override bootstrap table active colour*/
.container > .row > .table tr.active td {
	background-color: #c0c0c0;
}

/**************** Make carousel full width and give it overlay text ****************/
.carousel img {
  /*position: absolute;*/
  top: 0;
  left: -20;
  min-width: 100%;
  height: 500px;
  padding-left: -40px;
  padding-right: -40px;
}

.carousel-caption {
				position: absolute;
				z-index: 10;
				padding-top: 20px;
				padding-bottom: 20px;
				color: #fff;
				left: 20%;
				right: 0;
				bottom: 0;
				left: 0;
				/*text-align: left;
				background: rgba(0,0,0,0.4);*/
}
.carousel-caption h2	{
	font-size:45px;
	color: #fff;
	font-weight: 400;			
	text-transform: uppercase;
}
.carousel-caption h3	{
	font-size:20px;
	color: #fff;
	font-weight: 400;			
}