/*
Name: GSB2019
Description: Bootstrap 4 responsive theme - BS V4.0
Version 2.0.2
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: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
	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;
font-weight: 400;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    background-color: #fff;
    color: #00adef;
}

.navbar-nav { /*UXI-BS Override*/
/**/ margin-top:30px;
font-weight: 400;
font-size: 16px;
min-height: 75px;
background: #fff;
color: #696969;
letter-spacing: normal;
}

.dropdown-menu{
background-color:#fff;
color: #696969;
min-width: 380px;
}
.dropdown-menu > li {
	border: #c0c0c0;
	font-weight: 400;
	font-size: 12px;
}
.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited {
	background: #fff;
	color: #696969;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #00adef;
	}
	
.dropdown-menu-two-col {
background-color:#fff;
color: #696969;

}

.dropdown-menu-two-col > li {
padding: 5px;
font-weight: 400;
}

.dropdown-menu-two-col > li > a:link, .dropdown-menu-two-col > li > a:visited {
	background: #fff;
	color: #696969;
}
.dropdown-menu-two-col > li > a:hover, .dropdown-menu-two-col > li > a:focus {
	color: #00adef;
	}

	a:link, a:visited{
		color:   #00adef; 
		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: #00adef; 
	text-decoration: none;
}

	a.linkBlack:link, a.linkBlack:visited {
	color: #000; 
	text-decoration: none
}
	a.linkBlack:hover, a.linkBlack:active {
	color: #00adef; 
	text-decoration: none;
}
		
/*****************Typography*****************/
	h1, h2, h3, h4, h5, h6{
font-weight: 400;
/*margin: 5px;*/
padding: 5px 5px 10px 0px;

}

h1 {
font-size:34px;
color: #00adef;
text-transform: uppercase;
}
h2 {
font-size: 35px;
color: #696969;
}
h3 {
font-size: 30px;
color: #696969;
}
h4 {
font-size: 24px;
color: #282828;
}
h5 {
font-size: 15px;
color: #282828;
}
h6 {
font-size: 20px;
color: #696969;
}
p {
	font-size: 14px;
}


.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;
}
.marginRight20 {
	margin-right: 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;
}

@media screen and (max-width: 768px) {
    .heroSub h1{
        font-size:25px;
    }
	.heroSub h3 {
	font-size: 15px;
	}
}


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

.statsBox h2 {
	font-size: 45px;
	text-align: center;	
	color: #00adef;
}
.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: 5px;
  -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: 5px;
  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: 120px;
	background: #f5f5f5;
	padding: 3px;
	margin: 7px 0px;
	min-height: 200px;
}
.pinBox h5 {
	font-size: 17px;	
	margin: 5px;
}
.pinBox p {
	font-size: 12px;	
	margin: 3px;
}
.pinBoxSM img {
	max-width: 140px;
	max-height: 140px;
	float: left;
	margin:10px;
}

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

.pinBoxLG img {
	max-width: 240px;
	max-height: 240px;
	margin:7px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

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

.homePin {
	min-height: 370px;
	margin: 20px 0px;
}
.homePin h3 {
	margin: 10px;
	text-transform: uppercase;
}
.homePin p {
	margin: 10px;
}
.homePin img {
	margin: 10px;
}

@media screen and (max-width: 768px) {
    .homePin img{
        max-width: 270px;
    }
}

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

.buttonHero:hover{
	background: #00adef; 
	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;
}

.buttonPin{
	background: transparent; 
	border:  2px solid #000;
	color: #000;
	padding: 5px;
	margin: 10px;
	border-radius: 0px;
	text-transform: uppercase;
}

.buttonPin:hover{
	background: transparent; 
	border-color: #00adef;
	color: #00adef;
}
a.buttonPin:link, a.buttonPin:visited {
	color: #000; 
	text-decoration: none
}
	a.buttonPin:hover, a.buttonPin:active {
	color: #00adef; 
	text-decoration: none;
}

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

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 50%;
}
.btn-circle-lg {
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 50%;
  }
  a.btn-circle-lg:link, a.btn-circle-lg:visited {
	color: #000; 
	text-decoration: none
}
	a.btn-circle-lg:hover, a.btn-circle-lg:active {
	color: #fff; 
	background: #000;
	text-decoration: none;
	border: none;
	padding: 6px 0;
}
.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 #000;
	 
 }
/*****************Alignment*****************/
.alignCentre {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
} 
.alignRight {
	text-align: right;
}
.floatRight{
	float: right;
}
.floatLeft {
	float:left;
}
.vcenter {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.fixToBottom {
	position: absolute;
	bottom: 5px;
}

/* 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 !important;
}
.Grey {
color:#C5C5C5;
}
.blackBG {
	background-color: #000;	
}
.darkGreyBG {
	background-color: #232323;
}	
.midGreyBG {
	background-color: #2f2f2f;
}	
.lightGreyBG {
	background-color: #EDEDED;
}
.mediumtxt {
	font-size: small !important;
}
.smalltxt {
	font-size:11px;
	color: #C0C0C0;
}
.smalltxt a:link {
font-size: 11px;
display: inline;
}
footer h4 {
	color: #c0c0c0;
}
/*****************Display modifications*****************/
.setHalf {
	width:70%;
}
hr {
		color: #C0C0C0;
		background-color: #C0C0C0;
		height: 1px;
		width: 96%;
		margin: 20px auto 15px auto;
		border: 0px;
		clear: both; 
	}
.Inline {
	display: inline;
}
.whiteBorder {
	border: 1px solid #fff;
}

.noVertSpace {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.Circle {
	border-radius: 50%
}

.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);
}



.panelBottomSpace {
	padding-bottom:90px;
}


img {
    background: #fff;
} 
 .jumbotron {
 background: #fff;
 padding: 0px;
 margin: 0px;
 }   
 
 .noPadding {
 padding: 0px;
 }
 .transparentUXI {
 background: transparent;
 }
 .noBorder {
 	border: none;
 }

 

 section{
  background-repeat: no-repeat;
  background-size: cover;
}


th, td {
			padding: 5px;
			text-align: left;
		}

		table, th, td {
		   border: 1px solid black;
		   padding: 1px
		}


/*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;			
}

@media print {
  a[href]:after {
    content: none
  }
}