/*MOBILE */
.hideMobile {
	display:none;
}
.showMobile{
	display:block;
}
#purchaseContact{
	text-align:center;
	padding-top:18px;
}
.goldButton{
	display:inline-block;
	padding:10px;
	background-color:#a1802d;
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
#TopNav{
	display:none;
}
#FooterLogo{
	margin:0px auto;
}
#menuMobile{
	display:block;
	padding:0px 0px 20px 0px;
}
.navSelectedMobi{
	color:#ef7d00 !important;
}
.navMobi{
    list-style:none;
    margin:0px 0px 0px 0px;
    padding:0;
	padding-top:0px;
	min-height:98px;
    text-align:left;
}
.navMobi li{
    display:block;
    padding:0px 10px;
	display:inline-block;
	text-align:center;
}
.navMobi a{
    display:block;
	width:100%;
	border:1px solid #f9f9f9;
    padding-top:20px;
	color:#000000;
	font-size:16px;
	text-decoration:none;
}
.NavLinkMobi{
	color:#000000;
	font-size:11px;
	font-weight:600;
	padding:0px 0px;
	display:block;
	text-decoration:none;
}
.navMobi LI{
	width:100%;
	text-align:left;
}
.hamburger{
	background-color:#004023;
	width:30px;
	height:4px;
	margin-bottom:5px;
	display:block;
	clear:both;
}
.dropdown {
	z-index:9999999999;
  position: relative;
  display: inline-block;
}
.dropdown-content {
  background-color:#000000;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}
.dropdown:hover .dropdown-content {
  display: block;
}
/* END MOBILE */
/* TOP BAR */
#goldGreen{
  background-position: center;
  background-image: url('../images/bargoldgreen.png');
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height:7px;
  abackground: rgb(164,126,45);
  abackground: -moz-linear-gradient(270deg, rgba(164,126,45,1) 50%, rgba(0,64,35,1) 50%);
  abackground: -webkit-linear-gradient(270deg, rgba(164,126,45,1) 50%, rgba(0,64,35,1) 50%);
  abackground: linear-gradient(270deg, rgba(164,126,45,1) 50%, rgba(0,64,35,1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a47e2d",endColorstr="#004023",GradientType=1);
}
.gradientBlack{
background: rgb(29,29,29);
background: -moz-linear-gradient(234deg, rgba(29,29,29,1) 11%, rgba(0,0,0,1) 28%);
background: -webkit-linear-gradient(234deg, rgba(29,29,29,1) 11%, rgba(0,0,0,1) 28%);
background: linear-gradient(234deg, rgba(29,29,29,1) 11%, rgba(0,0,0,1) 28%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d",endColorstr="#000000",GradientType=1);
}
#tagLine{
	background-color:#004023;
}
#tagLine img{
	display:block;
	margin:0px auto;
	padding:25px 0px 15px 0px;
}
#footer{
	background-color:#004023;
	color:#ffffff;
}
#footer img{
	display:block;
	amargin:0px auto;
	padding:25px 0px 15px 0px;
}
.SectionHeader{
	text-align:center;
	padding:20px;
}
/* END TOP BAR */

/* START NAVIGATION */
.navigation{
	padding:20px;
	top:-30px;
	position:relative;
}
.nav{
    list-style:none;
    text-align:center;
}
.nav li{
    display:inline;
}
.nav li:last-child{

}
.nav li:nth-child(3){

}
.nav li:nth-child(4){

}
.nav a{
    display:inline-block;
    padding-top:0px;
	color:#a47e2d;
	font-weight:700;
	font-size:14px;
	text-decoration:none;
}
.nav a:hover{
	color:#004023;
}
.NavLink{
	color:#a47e2d;
	font-size:11px;
	font-weight:400;
	padding:0px;
	text-decoration:none;
}
/* END NAVIGATION */

/* SPACING */
.contentSpacing{
	padding:0px 20px;
}
.gapLarge{
	height:130px;
}
.gapMedium{
	height:60px;
}
.gapSmall{
	height:30px;
}
.block{
	padding:20px;
}
.blockLeft{
	padding:20px 20px 20px 0px;
}
.blockRight{
	padding:20px 0px 20px 20px;
}
.spacer{
	padding:20px;
}
/* END SPACING */

/* TYPE */
H1{
	font-size:24px;
	margin-bottom:30px;
	color:#a47e2d;
	font-weight:700;
}
H1.accordianHead{
	font-size:24px;
	margin-bottom:0px;
	color:#a47e2d;
	font-weight:700;
}
H2{
	font-size:32px;
	margin-bottom:0px;
	color:#ffffff;
	font-weight:700;
}
/* END TYPE */
/* COLOURS */
.White{
	color:#ffffff;
}
.Brown{
	color:#a47e2d;
}
.bgGreen{
	background-color:#004023;
}
/* END COLOURS */
/* ALIGNMENT */
.Centre{
	text-align:center;
}
/* END ALIGNMENT */
.HomeCatalogues{
 padding-top:40px;
 text-align:center;
}
.CatThumb{
display:inline-block;
width:50%;
}
.products{
	background-color:#000000;
	margin-bottom:10px;
	color:#ffffff;
	padding:30px 10px 0px 30px;
}
.productsTitle{
	position:relative;
	top:-60px;
	aright:0px;
	padding-left:100px;
	font-size:20px;
	font-weight:700;
}
/* LINKS*/
a{
	color:#a47e2d;
	text-decoration:none;
}
a:hover{
	color:#004023;
	text-decoration:underline;
}
a.more{
	color:#ffffff;
	text-decoration:none;
}
a.more:hover{
	color:#a47e2d;
	text-decoration:none;
}
a.subNav{
	color:#a47e2d;
	text-decoration:none;
}
a.subNav:hover{
	color:#ffffff;
	text-decoration:none;
}
.footerLink{
	font-size:14px;
	display:block;
	padding:10px 0px;
	text-align:center;
}
.footerLink a:hover{
	color:#a47e2d !important;
	text-decoration:underline;
}
/* END LINKS */
/* SLIDERS */
#all_slides{position:relative;width:100% !important!;height:600px;padding:0;margin:0;list-style-type:none}
.slide{position:absolute;left:0;top:0;width:100% !important;height:100%;opacity:0;z-index:1;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}
.active{opacity:1;z-index:2}
.controls{display:none}
.slide{background-size:cover;min-height:700px;}
.slide:nth-of-type(1){background-image:url(../images/slider2Mobile.jpg);background-size:cover;background-repeat:no-repeat}
.slide:nth-of-type(2){background-image:url(../images/slider1Mobile.jpg);background-size:cover;background-repeat:no-repeat}
.slide:nth-of-type(3){background-image:url(../images/slider3Mobile.jpg);background-size:cover;;background-repeat:no-repeat}
.slide:nth-of-type(4){background-image:url(../images/slider4Mobile.jpg);background-size:cover;background-repeat:no-repeat}
.controls{color:#ffffff;display:inline-block;position:relative;border:none;outline:none;font-size:18px;cursor:pointer;background-color:transparent;}
.controls:hover,.controls:focus{}
.slideContainer{position:relative;width:100% !important;}
.buttons{position:absolute;z-index:10;font-size:0;display:inline-block;text-align:center;bottom:-100px !important;left:30%;}
.SliderContent{
	color:#ffffff;
	max-width:960px;
	margin:0px auto;
	padding-top:100px;
	font-size:20px;
}
/* END SLIDERS */
/* HEADERS */
.planContainer{
	background-image:url(../images/planHeaderMobile.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:600px;
	padding-top:150px;
}
.purchaseContainer{
	background-image:url(../images/purchaseHeaderMobile.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:600px;
	padding-top:150px;
}
.previewContainer{
	background-image:url(../images/previewHeaderMobile.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:600px;
	padding-top:150px;
}
.playContainer{
	background-image:url(../images/playHeaderMobile.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:600px;
	padding-top:150px;
}
.profileContainer{
	background-image:url(../images/profileHeaderMobile.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:600px;
	padding-top:100px;
}
.profileContainer2{
	background-image:url(../images/profileHeader2.jpg);
	abackground-size:cover;
	background-position:top left;
	background-repeat:no-repeat;
	min-height:807px;
	padding-top:100px;
}
/* END HEADERS */
/* IMAGES */
.FullWidth{
	width:100%;
}
.pagePlan{
	padding:20px;
	text-align:center;
}
.pagePlan strong{
	color:#a47e2d;
}
.pagePlan img{
	max-width:320px;
}
.tee img{
	max-width:158px;
}
.overlayContainer {
  position: relative;
  max-width: 320px;
  width:100%;
  
}

.overlayImage {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 64, 35, .7);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.overlayContainer:hover .overlay {
  height: 100%;
}

.overlayText {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* END IMAGES */
.tee img{
	padding-bottom:20px;
}
.newsColumns {
  column-count: 1;
}
.profileBrands{
	background-color:#ffffff;
	padding:50px 0px;
}
.input{
	border:1px solid #004023;
	padding:15px;
	width:100%;
	margin:2px 0px;
	display:block;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
}
textarea{
	border:1px solid #004023;
	padding:15px;
	width:100%;
	margin:2px 0px;
	display:block;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
}
.submit{
	background-color:#004023;
	color:#ffffff;
	font-weight:700;
	width:100%;
	border:none;
	padding:10px;
}
a.greenButton{
	background-color:#004023;
	color:#ffffff;
	font-weight:700;
	border:none;
	padding:10px;
}
a.greenButton:hover{
	color:#ffffff !important;
}
#logoCarousel{
	display:none;
}
#logoCarouselMobile{
	display:block;
}
.logoCarousel img {
  width: auto;
  margin: 0 auto; /* it centers any block level element */
}
.logoCarouselMobile {
  width: 100%;
  margin: 0 auto; /* it centers any block level element */
  text-align:center;
  display:inline-block;
  padding:5px;
  
}
.logoCarouselMobile div {
  margin: 0 auto; /* it centers any block level element */
  float:left;
  width:50%;
  text-align:center;
  padding:10px;
}
/* START ACCORDIAN*/
.accordion {
  background-color: #ffffff;
  color: #444;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ffffff;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0px;
  background-color: white;
  display: none;
  overflow: hidden;
}
button.accordion:after {
    content: '\003E';
    color: #777;
    font-weight: 700;
	font-size:150%;
    float: right;
    margin-left: 5px;
	margin-right:10px;
	top:-30px;
	position:relative;
}

button.accordion.active:after {
    content: "\02C5";
}
.accordianBorder{
	border-top:0px;
	border-bottom:2px solid #b2b2b2;
	padding:20px;
}
.accordianBorder:first-child{
	border-top:2px solid #b2b2b2;
}
/*END ACCORDIAN*/
@media only screen and (min-width: 600px){
.HomeCatalogues{
	padding-top:100px !important;
	text-align:left !important;
}
.CatThumb{
	display:inline-block !important;
	width:100% !important;
	max-width:230px !important;
}
.hideDesktop {
	display:none;
}
.showDesktop{
	display:block;
}
#purchaseContact{
	text-align:right;
	padding-right:14px;
	padding-top:8px;
}
#logoCarousel{
	display:block;
}
#logoCarouselMobile{
	display:none;
}
.SectionHeader{
	text-align:left;
	padding:40px 0px 0px 20px;
}
.spacer{
	padding:0px;
}
.products{
	background-color:#000000;
	min-height:135px;
	margin-bottom:10px;
	color:#ffffff;
	padding:30px;
}
.productsTitle{
	position:absolute;
	top:70px;
	left:120px;
	padding-left:0px;
	font-size:18px !important;
}
.newsColumns {
  column-count: 2;
}
.contentSpacing{
	padding:0px;
}
#menuMobile{
	display:none;
}
#TopNav{
	display:block;
}
.footerLink{
	font-size:12px;
	padding:60px 15px;
	display:inline-block;
}
.footerLink a:hover{
	color:#a47e2d !important;
	text-decoration:underline;
}
.accordianBorder{
	border-top:0px;
	border-bottom:2px solid #b2b2b2;
	padding:20px 0px;
}
.profileContainer{
	background-image:url(../images/profileHeader.jpg);
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:600px;
	padding-top:100px;
}
.planContainer{
	background-image:url(../images/planHeader.jpg);
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:600px;
	padding-top:150px;
}
.purchaseContainer{
	background-image:url(../images/purchaseHeader.jpg);
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:600px;
	padding-top:150px;
}
.previewContainer{
	background-image:url(../images/previewHeader.jpg);
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:600px;
	padding-top:150px;
}
.playContainer{
	background-image:url(../images/playHeader.jpg);
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:600px;
	padding-top:150px;
}
.slide{background-size:cover;min-height:650px !important;}
.slide:nth-of-type(1){background-image:url(../images/slider2.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.slide:nth-of-type(2){background-image:url(../images/slider1.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.slide:nth-of-type(3){background-image:url(../images/slider3.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.slide:nth-of-type(4){background-image:url(../images/slider4.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.buttons{position:absolute;z-index:10;font-size:0;display:inline-block !important;text-align:center;bottom:20px;left:50%;}
}