/**
 * Name: elements.css
 *
 *	T.O.C
 *
 *	#Accordions
 *  #Alerts
 *  #Animations
 *  #Back to top
 *	#Buttons
 *	#Callout Boxes
 *	#Custom Lists
 *	#Dividers
 *  #Fullwidth Section
 *	#Styled Tables
 */

/* ==========================================================================
   #Accordions
   ========================================================================== */

	/* Accordion & Toggles */

	.accordion,
	.toggle { xmargin: 20px 0; }

	.accordion-item,
	.toggle-item { margin-bottom: 5px;padding-bottom:5px;}

	a.accordion-item-toggle:hover, a.accordion-item-toggle:focus{
		text-decoration: none;
	}

	.accordion-item-toggle,
	.toggle-item-toggle {
		position: relative;
		display: block;
		clear:both;
		padding: 5px 0px 5px;
		text-decoration: none;
	}
	.accordion-item-toggle{
		background-color: #009b4a;
		border:1px solid #006600;
		color:#fff;
	}

	.accordion-item-toggle:visited strong{
		text-decoration: none;
	}
	.accordion-item-toggle strong div{
		display: inline-block;
	}
	.accordion-item-toggle span,
	.toggle-item-toggle span {
		position: relative;
		float: left;
		display: inline-block;
		margin: -2px 20px 0 30px;
	}

	.accordion-item-toggle i,
	.toggle-item-toggle i {
		display: inline-block;
		font-size: 22px;
		line-height: 30px;
		font-weight: bold;
		color:#fff;
	}

	.accordion-item-toggle strong,
	.toggle-item-toggle strong {
		display: block;
		font-size: 25px;
		line-height: 28px;
		color:#6be58d;
	}

	.accordion-item-toggle:before,
	.toggle-item-toggle:before {
		position: absolute;
		top: 5px;
		right: 15px;
		font-size: 40px;
		content: "+";
		color:#fff;
	}

	.accordion-item-toggle.active:before,
	.toggle-item-toggle.active:before { content:"\2014"; }

	.accordion-item-toggle:hover,
	.accordion-item-toggle.active,
	.toggle-item-toggle:hover,
	.toggle-item-toggle.active { text-decoration: none; }

	.accordion-item-toggle.active i,
	.toggle-item-toggle.active i,
	.accordion-item-toggle:hover i,
	.toggle-item-toggle:hover i {
		color:#fff;
	}

	.accordion-item-toggle.active span,
	.toggle-item-toggle.active span,
	.accordion-item-toggle:hover span,
	.toggle-item-toggle:hover span {
		margin: -2px 20px 0 30px;
	}

	.accordion-item-toggle.active span:before,
	.toggle-item-toggle.active span:before,
	.accordion-item-toggle:hover span:before,
	.toggle-item-toggle:hover span:before {
		content: "";
	}

	.accordion-item-content,
	.toggle-item-content {
		display: none;
		padding:20px 10px 20px 10px;
		margin: 0px 0 0 0;
		background-color: #f5f5f5;
	}

	.accordion-item-content p:last-child,
	.toggle-item-content p:last-child { margin-bottom: 0; }

	/*
	 * 1. Clearfix hack
	 */

	.accordion-item-toggle:after,
	.accordion-item-content:after,
	.toggle-item-toggle:after,
	.toggle-item-content:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}

	/* Accent colors */

	.accordion-item.accent-color-1 .accordion-item-toggle i,
	.toggle-item.accent-color-1 .toggle-item-toggle i { background-color: #80a852; }

	.accordion-item.accent-color-1 .accordion-item-toggle.active span,
	.toggle-item.accent-color-1 .toggle-item-toggle.active span,
	.accordion-item.accent-color-1 .accordion-item-toggle.active span:before,
	.toggle-item.accent-color-1 .toggle-item-toggle.active span:before,
	.accordion-item.accent-color-1 .accordion-item-toggle:hover span,
	.toggle-item.accent-color-1 .toggle-item-toggle:hover span,
	.accordion-item.accent-color-1 .accordion-item-toggle:hover span:before,
	.toggle-item.accent-color-1 .toggle-item-toggle:hover span:before { border-color: #80a852; }

	.accordion-item.accent-color-2 .accordion-item-toggle i,
	.toggle-item.accent-color-2 .toggle-item-toggle i { background-color: #b1a843; }

	.accordion-item.accent-color-2 .accordion-item-toggle.active span,
	.toggle-item.accent-color-2 .toggle-item-toggle.active span,
	.accordion-item.accent-color-2 .accordion-item-toggle.active span:before,
	.toggle-item.accent-color-2 .toggle-item-toggle.active span:before,
	.accordion-item.accent-color-2 .accordion-item-toggle:hover span,
	.toggle-item.accent-color-2 .toggle-item-toggle:hover span,
	.accordion-item.accent-color-2 .accordion-item-toggle:hover span:before,
	.toggle-item.accent-color-2 .toggle-item-toggle:hover span:before { border-color: #b1a843; }

	.accordion-item.accent-color-3 .accordion-item-toggle i,
	.toggle-item.accent-color-3 .toggle-item-toggle i { background-color: #e18f5f; }

	.accordion-item.accent-color-3 .accordion-item-toggle.active span,
	.toggle-item.accent-color-3 .toggle-item-toggle.active span,
	.accordion-item.accent-color-3 .accordion-item-toggle.active span:before,
	.toggle-item.accent-color-3 .toggle-item-toggle.active span:before,
	.accordion-item.accent-color-3 .accordion-item-toggle:hover span,
	.toggle-item.accent-color-3 .toggle-item-toggle:hover span,
	.accordion-item.accent-color-3 .accordion-item-toggle:hover span:before,
	.toggle-item.accent-color-3 .toggle-item-toggle:hover span:before { border-color: #e18f5f; }

	.accordion-item.accent-color-4 .accordion-item-toggle i,
	.toggle-item.accent-color-4 .toggle-item-toggle i { background-color: #f3e686; }

	.accordion-item.accent-color-4 .accordion-item-toggle.active span,
	.toggle-item.accent-color-4 .toggle-item-toggle.active span,
	.accordion-item.accent-color-4 .accordion-item-toggle.active span:before,
	.toggle-item.accent-color-4 .toggle-item-toggle.active span:before,
	.accordion-item.accent-color-4 .accordion-item-toggle:hover span,
	.toggle-item.accent-color-4 .toggle-item-toggle:hover span,
	.accordion-item.accent-color-4 .accordion-item-toggle:hover span:before,
	.toggle-item.accent-color-4 .toggle-item-toggle:hover span:before { border-color: #f3e686; }


	.faq .accordion-item-toggle{
		background-color: #efefef !important;
		border:1px solid #ccc;
		color:#999 !important;
	}

	.faq .accordion-item-toggle i{
		color:green;
	}
	.faq .accordion-item-toggle strong{
		color:#aaa;
		font-size:16px;
		line-height: 28px;
	}

	@media (min-width: 768px) and (max-width: 979px) {

		.accordion-item-toggle span,
		.toggle-item-toggle span,
		.accordion-item-toggle.active span,
		.accordion-item-toggle.active:hover span,
		.accordion-item-toggle:hover span,
		.toggle-item-toggle:hover span {
			float: none;
			margin: 5px 20px 0 10px;
		}
		.accordion-item-toggle,
		.toggle-item-toggle {
			padding: 0px 0px 5px;
		}
		.accordion-item-toggle.active span:before,
		.toggle-item-toggle.active span:before,
		.accordion-item-toggle:hover span:before,
		.toggle-item-toggle:hover span:before { display: none; }

		.accordion-item-toggle strong, .toggle-item-toggle strong {
		    display: inline-block;
		    font-size: 18px;
		    line-height: 24px;
		}

	}

	@media (max-width: 767px) {

		.accordion-item-toggle span,
		.accordion-item-toggle:hover span,
		.toggle-item-toggle span,
		.toggle-item-toggle:hover span {
			float: none;
			margin: 5px 20px 0 10px;
		}

		.accordion-item-toggle.active span:before,
		.toggle-item-toggle.active span:before,
		.accordion-item-toggle:hover span:before,
		.toggle-item-toggle:hover span:before { display: none; }

	}
	@media (max-width: 520px) {
		.accordion-item-toggle span,
		.accordion-item-toggle:hover span,
		.toggle-item-toggle span,
		.toggle-item-toggle:hover span {
			display:none;
		}
		.accordion-item-toggle strong,
		.toggle-item-toggle strong {
			display: inline-block;
			font-size: 16px;
			margin-left:10px;
			line-height: 20px;
		}
		.accordion-item-toggle:before,
		.toggle-item-toggle:before {
			position: absolute;
			top: 5px;
			right: 5px;
			font-size: 25px;
		}
	}

/* ==========================================================================
   #Alerts
   ========================================================================== */

	.alert {
		padding: 8px 10px;
		border: 1px solid #d7d7d7;
		margin-bottom: 20px;
		font: 14px 'Roboto Mono', Arial, sans-serif;
		font-weight: 500;
		text-align: center;
	}

	.alert i {
		position: relative;
		top: 1px;
		margin-right: 7px;
		font-size: 16px;
	}

	.alert.info {
		border: 1px solid #006836;
	}

	.alert.success {
		border: 1px solid #e18f5f;
		background-color: #e18f5f;
		color: #fff;
	}

	.alert.error {
		border: 1px solid #990000;
		background-color: #990000;
		color: #fff;
	}

	.alert.warning {
		border: 1px solid #ebbd00;
		background-color: #ebbd00;
		color: #444;
	}

/* ==========================================================================
   #Animations
   ========================================================================== */

   .animate {
		-webkit-animation-duration: 1s;
			  animation-duration: 1s;
		-webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
		visibility: hidden;
	}

	.animate.visible { visibility: visible; }

	.animate.hidden { visibility: hidden; }

/* ==========================================================================
   #Back to top
   ========================================================================== */

	#back-to-top {
		position: fixed;
		z-index: 1000;
		right: -40px;
		bottom: 20px;
		width: 40px;
		height: 40px;
		background-color: #000;
		color: #fff;
		font-size: 30px;
		text-align: center;
		opacity: 0.7;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}

	#back-to-top i {
		font-size: 24px;
		line-height: 40px;
		font-weight: normal;
		vertical-align: top;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}

	#back-to-top:hover { opacity: 1; }

	#back-to-top.visible { right: 40px; }
	#back-to-top.gone { right: -40px; }

/* ==========================================================================
   #Buttons
   ========================================================================== */

	.btn, input[type="submit"], input[type="button"]{
		display: inline-block;
		margin: 0 5px 0px 0;
		background: #009b4a;
		background-image: -webkit-linear-gradient(top, #009b4a, #008132);
		background-image: -moz-linear-gradient(top, #009b4a, #008132);
		background-image: -ms-linear-gradient(top, #009b4a, #008132);
		background-image: -o-linear-gradient(top, #009b4a, #008132);
		background-image: linear-gradient(to bottom, #009b4a, #008132);
		box-shadow: inset 0 0 3px #fff;
		-webkit-border-radius: 5;
		-moz-border-radius: 5;
		border-radius: 5px;
		font-family: Arial;
		color: #ffffff;
		font-size: 14px;
		padding: 8px 20px 8px 20px;
		border: solid #008132 1px;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		-webkit-transition: all ease 0.5s;
				transition: all ease 0.5s;
	}

	a.btn { color: #fff !important; }


	.btn:focus { outline: 0; }

	.btn-large {
		padding: 5px;
		text-align: center;
		font-size: 14px;
		border-radius: 3px;
		background-color:#009b4a;
		color: #fff !important;
		width:100%;
		display:block;
	}
	.btn-large:hover{
		background-color:#358d59;
	}
	.btn-small {
		padding: 4px 10px 5px 10px !important;
		text-align: center;
		font-size: 12px;
		border-radius: 3px;
		background-color:#009b4a;
		color: #fff !important;
		width:100%;
		display:inline-block;
	}
	.btn-outline{
		padding: 0px;
		text-align: center;
		border-radius: 10px;
		font-size: 11px !important;
		background:#f9f9f9;
		background-image:none;
		color: #555;
		border:1px solid #e1e1e1;
		width:100%;
		margin-top:5px;
		text-transform: uppercase;
		display:block !important;
	}
	a.btn-outline { color: #888;text-decoration: none;}
	a.btn-outline:hover{text-decoration: none;color:#fff;background-color: #f8bc39}
	a.btn-outline i{font-size:12px;padding-top:5px;}

	a.btn-large{
		text-decoration: none;
	}

	.btn i,
	.btn-large i {
		float: left;
		margin: 0 8px 0 -4px;
		font-size: 16px;
		line-height: 20px;
	}

	a.btn-reg{background-color:#000  !important;color:#fff !important;border:1px solid #333;}
	a.btn-results, a.btn-reg:hover{background-color:#009b4a  !important;color:#fff !important;border:1px solid #e1e1e1;}
	a.btn-active{
		background-color:#f8bc39;
		color:#fff;
	}

	.btn:hover {
		background: #009b4a;
		text-decoration: none;
	}

	/* Buton Colors */

	.btn.accent-color-1, .btn-small.accent-color-1 {
		  background: #999999;
		  background-image: -webkit-linear-gradient(top, #999999, #777777);
		  background-image: -moz-linear-gradient(top, #999999, #777777);
		  background-image: -ms-linear-gradient(top, #999999, #777777);
		  background-image: -o-linear-gradient(top, #999999, #777777);
		  background-image: linear-gradient(to bottom, #999999, #777777);
		  border: solid #999 1px;
		color: #fff;
	}

	a.btn.accent-color-1, .btn-small.accent-color-1 { color: #fff; }

	.btn.accent-color-1:hover, .btn-small.accent-color-1:hover{
		background:#999;
		color: #fff;
	}

	.btn.accent-color-2, .btn-small.accent-color-2 {
		background-color: #990000 !important;
		background-image:none;
		border:1px solid white;
		color: #fff;
	}

	a.btn.accent-color-2, .btn-small.accent-color-2 { color: #fff; }

	.btn.accent-color-2:hover, .btn-small.accent-color-2:hover {
		border:1px solid #990000 !important;
		color: #990000;
	}

	.btn.accent-color-3 {
		border:1px solid #990000 !important;
		background-color: #fff !important;
		background-image:none;
		color: #990000 !important;
	}

	a.btn.accent-color-3 { color: #e18f5f; }

	.btn.accent-color-3:hover {
		background-color: #990000 !important;
		color: #fff !important;
	}

	.btn.accent-color-4 {
		background-color: #ff0000;
		border: 1px solid #e30000;
		background-image:none;
		color: #fff;
	}

	a.btn.accent-color-4 { color: #fff; background-color: #ff0000;}

	.btn.accent-color-4:hover {
		border: 1px solid #e30000;
		color: #ff0000;
	}

/* dark grey */
	.btn.accent-color-5 {
		border:1px solid #999 !important;
		background-color: #222 !important;
		background-image:none;
		color: #fff !important;
	}

	a.btn.accent-color-5 { color: #fff; }

	.btn.accent-color-5:hover {
		background-color: #555 !important;
		color: #fff !important;
	}

/* ==========================================================================
   #Callout Boxes
   ========================================================================== */

	.callout-box {
		padding: 20px 0;
		margin-bottom: 30px;
		background-color: #333;
	}

	/**
 	 * Callout box with one background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */

	.callout-box.bg-img {
		background-repeat: no-repeat; /* 1 */
		background-position: center center;
		-webkit-background-size: cover;
				background-size: cover;
		color: #fff;
	}

	/**
 	 * Callout box with repeating background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */

	.callout-box.bg-pattern {
		background: repeat top left; /* 1 */
		color: #fff;
	}

	.callout-box.bordered {
		border: 1px solid #efefef;
		background-color: #f5f5f5;
	}

	.callout-box .btn { margin-bottom: 0; }

	/**
 	 * Callout box grid system
 	 *
	 * 1. overwriting inherited .row width to 100% in order to make it fluid
	 *
	 */

	.callout-box .row {
		width: 100%; /* 1 */
	}

	.callout-box .span1,
	.callout-box .span2,
	.callout-box .span3,
	.callout-box .span4,
	.callout-box .span5,
	.callout-box .span6,
	.callout-box .span7,
	.callout-box .span8,
	.callout-box .span9,
	.callout-box .span10,
	.callout-box .span11,
	.callout-box .span12 {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 0 10px;
		margin: 0;
	}

	.callout-box .span12 { width: 100%; }
	.callout-box .span11 { width: 91.6666666667%; }
	.callout-box .span10 { width: 83.3333333333%; }
	.callout-box  .span9 { width: 75%; }
	.callout-box  .span8 { width: 66.6666666667%; }
	.callout-box  .span7 { width: 58.3333333333%; }
	.callout-box  .span6 { width: 50%; }
	.callout-box  .span5 { width: 41.6666666667%; }
	.callout-box  .span4 { width: 33.3333333333%; }
	.callout-box  .span3 { width: 25%; }
	.callout-box  .span2 { width: 16.66666666666667%; }
	.callout-box  .span1 { width: 8.333333333333333%; }

	@media (max-width: 767px) {

		.callout-box .span1,
		.callout-box .span2,
		.callout-box .span3,
		.callout-box .span4,
		.callout-box .span5,
		.callout-box .span6,
		.callout-box .span7,
		.callout-box .span8,
		.callout-box .span9,
		.callout-box .span10,
		.callout-box .span11,
		.callout-box .span12 { width: 100%; }

	}

/* ==========================================================================
   #Custom Lists
   ========================================================================== */

	/**
 	 * Custom lists
 	 *
	 * 1. unstyled list
	 * 2. list with squares for bullets
	 * 3. list with discs for bullets
	 *
	 */

	ul.unstyled { list-style-type: none; } /* 1 */
	ul.square { list-style-type: square; } /* 2 */
	ul.circle { list-style-type: circle; } /* 3 */

	/**
 	 * FontAwesome lists
 	 *
	 * 1. Fill circle list
	 *
	 */

	ul.fill-circle { list-style: none; }	/* 1 */

	ul.fill-circle li:before {
		position: relative;
		top: -2px;
		width: auto;
		height: auto;
		margin-right: 15px;
		color: #80a852;
		font-family: 'FontAwesome';
		font-size: 8px;
		font-style: normal;
	}

	ul.fill-circle li:before { content: ""; }

	/**
 	 * Custom Icon Font lists
 	 *
	 * 1. Check list
	 *
	 */

	ul.check { list-style: none; }			/* 1 */

	ul.check li:before {
		position: relative;
		top: 0;
		display: inline-block;
		width: 24px;
		height: 24px;
		border: 1px solid #80a852;
		border-radius: 50%;
		margin-right: 15px;
		color: #80a852;
		font-family: 'iconfontcustom';
		font-size: 12px;
		text-align: center;
		font-weight: 600;
	}

	ul.check li:before { content: ""; }

	ul.check li,
	ul.fill-circle li { margin-bottom: 10px; }

	ul.check li:last-child,
	ul.fill-circle li:last-child { margin-bottom: 0; }

	/* Accent colors */

	ul.fill-circle.accent-color-1 li:before,
	ul.check.accent-color-1 li:before { color: #80a852; }

	ul.check.accent-color-1 li:before { border-color: #80a852; }

	ul.fill-circle.accent-color-2 li:before,
	ul.check.accent-color-2 li:before { color: #b1a843; }

	ul.check.accent-color-2 li:before { border-color: #b1a843; }

	ul.fill-circle.accent-color-3 li:before,
	ul.check.accent-color-3 li:before { color: #e18f5f; }

	ul.check.accent-color-3 li:before { border-color: #e18f5f; }

	ul.fill-circle.accent-color-4 li:before,
	ul.check.accent-color-4 li:before { color: #f3e686; }

	ul.check.accent-color-4 li:before { border-color: #f3e686; }

/* ==========================================================================
   #Dividers
   ========================================================================== */

	.divider { margin: 20px 0; }

	.divider.single-line { border-top: 1px solid #e2e2e2; }

	.divider.double-line { border-top: 4px double #e2e2e2; }

	.divider.single-full {
		 height: 1px;
		 border-top: 4px solid #e2e2e2 ;
	}

	.divider.double-dotted {
		height: 4px;
		background: url(../images/bg-double-dotted.gif) repeat-x top left;
	}

/* ==========================================================================
   #Fullwidth Section
   ========================================================================== */

    /**
 	 * Full width section
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
	 *
	 */

   .fullwidth-section {
		overflow: hidden;
		position: relative;
		z-index: 0;
		padding: 30px 0 20px;
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		margin: 40px 0;
		color: #fff;
		background-color: #80a852;
		background-attachment: scroll;
		background-repeat: no-repeat; /* 1 */
		background-position: 50% 0;
		-webkit-background-size: cover;
				background-size: cover;
	}

	.fullwidth-section-content {
		position: relative;
		z-index: 3;
	}
	
	/* Fullwidth Backgrounds */
	
	#bg-1 {
		background-image: url(/images/backgrounds/bg_white_wall.jpg);
		color: #69675b;
		padding:50px 0 30px 0;
	}
	
	#bg-2 {
		background-image: url(/images/backgrounds/bg_blue_wall.jpg);
	}
	
	#bg-3 {
		background-color: #fcfbf9;
		color: #69675b;
	}
   
   	#bg-4 {
		padding: 20px 0 50px 0;
		border: none;
		background-image: url(/images/backgrounds/bg_login.png);
		background-repeat: no-repeat;
		background-size:cover;
	}
	
	#bg-5 {
		padding: 80px 0 80px 0;
		margin: 0px;
		background:#fff url(/images/splash/golfcourse.jpg) no-repeat;
		background-size: cover;
		background-position:60% center;
	}
	
	#bg-6 {
		border: none;
		margin-top: 0;
		margin-bottom: 80px;
		background-color: #e18f5f;
	}



/* ==========================================================================
   #Styled Tables
   ========================================================================== */

	.table-bordered { 
		border: 1px solid #d7d7d7; 
		border-left: none; 
		border-collapse: separate; 		
	}
	
	.table-bordered th, 
	.table-bordered td { border-left: 1px solid #d7d7d7; }
	
	.table-bordered caption + thead tr:first-child th,
	.table-bordered caption + tbody tr:first-child th,
	.table-bordered caption + tbody tr:first-child td,
	.table-bordered colgroup + thead tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child td,
	.table-bordered thead:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child td { border-top: none; }

	.table-condensed th,
	.table-condensed td { padding: 4px 8px; }
	
	table.accent-color-1 th { background-color: #80a852; }
	table.accent-color-2 th { background-color: #b1a843; }
	table.accent-color-3 th { background-color: #e18f5f; }
	table.accent-color-4 th { background-color: #f3e686; }