
body {font-family: 'Open Sans', sans-serif; text-align:left; text-decoration: none;}
td {font-family: 'Open Sans', sans-serif; font-size: 10pt; margin-top: 0em; margin-bottom: 0em; text-decoration: none;}
h1 {font-family: 'Open Sans', sans-serif; font-size: 22pt; margin-top: 0em; margin-bottom: 1em; text-decoration: none;}
h2 {font-family: 'Open Sans', sans-serif; font-size: 18pt; margin-top: 0em; margin-bottom: 0em; text-decoration: none;}
h3 {font-family: 'Open Sans', sans-serif; font-size: 12pt; margin-top: 0em; margin-bottom: 1em; text-decoration: none;}
p {font-family: 'Open Sans', sans-serif; font-size: 10pt; margin-top: 0em; margin-bottom: 0em; text-decoration: none;}
h4 {font-family: 'Open Sans', sans-serif; font-size: 48pt; margin-top: 0em; margin-bottom: 0em; text-decoration: none; font-weight: 700}
h5 {font-family: 'Open Sans', sans-serif; font-size: 30pt; margin-top: 0em; margin-bottom: 1em; text-decoration: none; font-weight: 400}
/* Colors */

.black{color:#000000!important}
.white{color:#ffffff!important}
.tfg-darkgrey{color:#2b2b34!important}
.tfg-midgrey{color:#4c515a!important}
.tfg-lightgrey{color:#d5d0de!important}
.tfg-ginger{color:#a26f29!important}
.tfg-lightginger{color:#e4be92!important}

.tfg-bg-white{background-color:#ffffff!important}
.tfg-bg-darkgrey{background-color:#2b2b34!important}
.tfg-bg-midgrey{background-color:#4c515a!important}
.tfg-bg-lightgrey{background-color:#d5d0de!important}
.tfg-bg-ginger{background-color:#a26f29!important}
.tfg-bg-lightginger{background-color:#e4be92!important}


/* Link Styles */

a {
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	}

a:link {
	text-decoration:none;
	}

a:visited {
	color: #ffffff;
	text-decoration:none;
	}

a:active {
	color: #ffffff;
	text-decoration:underline;
	}
	
a:hover {
	text-decoration:underline;
	}

/* Navigation Styles */

a.nav {
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	text-decoration:none;
	letter-spacing:0.1em;
	}

a.nav:link {
	color: #ffffff;
	text-decoration:none;
	}

a.nav:visited {
	color: #ffffff;
	text-decoration:none;
	}

a.nav:active {
	color: #a26f29;
	text-decoration:none;

	}
	
a.nav:hover {
	padding-bottom:10px;
	border-bottom: 2px solid;
	border-bottom-color:#a26f29;
	}

/* Navigation Styles for Coming Soon*/

a.navsoon {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4vw;
	color: #ffffff;
	text-decoration:none;
	letter-spacing:0.1em;
	}

a.navsoon:link {
	color: #ffffff;
	text-decoration:none;
	}

a.navsoon:visited {
	color: #ffffff;
	text-decoration:none;
	}

a.navsoon:active {
	color: #a26f29;
	text-decoration:none;

	}
	
a.navsoon:hover {
	padding-bottom:2px;
	border-bottom: 3px solid;
	border-bottom-color:#a26f29;
	}

/* footer text*/

.footsoon {
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	color:#2b2b34;
	text-decoration:none;
	letter-spacing:0.1em;
	}


/* RESPONSIVE */
/* For Mobile Phones */
[class*="col-"] {
	width: 100%;
	margin: auto;
	float: center;
}

@media only screen and (min-width: 480px) 
{
/* For Tablets */
.col-s-1 {width: 8.33%;}
.col-s-2 {width: 16.66%;}
.col-s-3 {width: 25%;}
.col-s-4 {width: 33.33%;}
.col-s-5 {width: 41.66%;}
.col-s-6 {width: 50%;}
.col-s-7 {width: 58.33%;}
.col-s-8 {width: 66.66%;}
.col-s-9 {width: 75%;}
.col-s-10 {width: 83.33%;}
.col-s-11 {width: 91.66%;}
.col-s-12{width: 100%;}

.padl-s-0 {padding-s-left: 3%;}
.padl-s-1 {padding-s-left: 8.33%;}
.padl-s-2 {padding-s-left: 16.66%;}
.padl-s-3 {padding-s-left: 25%;}
.padl-s-4 {padding-s-left: 33.33%;}
.padl-s-5 {padding-s-left: 41.66%;}
.padl-s-6 {padding-s-left: 50%;}
.padl-s-7 {padding-s-left: 58.33%;}
.padl-s-8 {padding-s-left: 66.66%;}
.padl-s-9 {padding-s-left: 75%;}
.padl-s-10 {padding-s-left: 83.33%;}
.padl-s-11 {padding-s-left: 91.66%;}
.padl-s-12{padding-s-left: 100%;}

.padr-s-0 {padding-s-right: 3%;}
.padr-s-1 {padding-s-right: 8.33%;}
.padr-s-2 {padding-s-right: 16.66%;}
.padr-s-3 {padding-s-right: 25%;}
.padr-s-4 {padding-s-right: 33.33%;}
.padr-s-5 {padding-s-right: 41.66%;}
.padr-s-6 {padding-s-right: 50%;}
.padr-s-7 {padding-s-right: 58.33%;}
.padr-s-8 {padding-s-right: 66.66%;}
.padr-s-9 {padding-s-right: 75%;}
.padr-s-10 {padding-s-right: 83.33%;}
.padr-s-11 {padding-s-right: 91.66%;}
.padr-s-12{padding-s-right: 100%;}
}

@media only screen and (min-width: 1024px) 
{
/* For Desktop */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12{width: 100%;}

.padl-0 {padding-left: 3%;}
.padl-1 {padding-left: 8.33%;}
.padl-2 {padding-left: 16.66%;}
.padl-3 {padding-left: 25%;}
.padl-4 {padding-left: 33.33%;}
.padl-5 {padding-left: 41.66%;}
.padl-6 {padding-left: 50%;}
.padl-7 {padding-left: 58.33%;}
.padl-8 {padding-left: 66.66%;}
.padl-9 {padding-left: 75%;}
.padl-10 {padding-left: 83.33%;}
.padl-11 {padding-left: 91.66%;}
.padl-12{padding-left: 100%;}

.padr-0 {padding-right: 3%;}
.padr-1 {padding-right: 8.33%;}
.padr-2 {padding-right: 16.66%;}
.padr-3 {padding-right: 25%;}
.padr-4 {padding-right: 33.33%;}
.padr-5 {padding-right: 41.66%;}
.padr-6 {padding-right: 50%;}
.padr-7 {padding-right: 58.33%;}
.padr-8 {padding-right: 66.66%;}
.padr-9 {padding-right: 75%;}
.padr-10 {padding-right: 83.33%;}
.padr-11 {padding-right: 91.66%;}
.padr-12{padding-right: 100%;}
}

@media (min-width:601px){.col.m1{width:8.33333%}.col.m2{width:16.66666%}.col.m3,.quarter{width:24.99999%}.col.m4,.third{width:33.33333%}
.col.m5{width:41.66666%}.col.m6,.half{width:49.99999%}.col.m7{width:58.33333%}.col.m8,.twothird{width:66.66666%}
.col.m9,.threequarter{width:74.99999%}.col.m10{width:83.33333%}.col.m11{width:91.66666%}.col.m12{width:99.99999%}}
@media (min-width:993px){.col.l1{width:8.33333%}.col.l2{width:16.66666%}.col.l3{width:24.99999%}.col.l4{width:33.33333%}
.col.l5{width:41.66666%}.col.l6{width:49.99999%}.col.l7{width:58.33333%}.col.l8{width:66.66666%}
.col.l9{width:74.99999%}.col.l10{width:83.33333%}.col.l11{width:91.66666%}.col.l12{width:99.99999%}}
.rest{overflow:hidden}.stretch{margin-left:-16px;margin-right:-16px}
.content,.auto{margin-left:auto;margin-right:auto}.content{max-width:980px}.auto{max-width:1140px}
.cell-row{display:table;width:100%}.cell{display:table-cell}
.cell-top{vertical-align:top}.cell-middle{vertical-align:middle}.cell-bottom{vertical-align:bottom}
.hide{display:none!important}.show-block,.show{display:block!important}.show-inline-block{display:inline-block!important}
@media (max-width:1205px){.auto{max-width:95%}}
@media (max-width:600px){.modal-content{margin:0 10px;width:auto!important}.modal{padding-top:30px}
.dropdown-hover.mobile .dropdown-content,.dropdown-click.mobile .dropdown-content{position:relative}	
.hide-small{display:none!important}.mobile{display:block;width:100%!important}.bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile{text-align:center}
.dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button{width:100%}}
@media (max-width:768px){.modal-content{width:500px}.modal{padding-top:50px}}
@media (min-width:993px){.modal-content{width:900px}.hide-large{display:none!important}.sidebar.collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.hide-medium{display:none!important}}
@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0!important;margin-right:0!important}.auto{max-width:100%}}


/*Main content holder*/
div#maincontent {
	margin:auto;
	border:none;
	padding:0;
}

div#button {
	margin:auto;
	border:none;
	padding:0;
	z-index:100;
}

div#container {
	margin:auto;
	border:none;
	padding:0;
	
}

div#containerwhite {
	background-color:white;
	margin:auto;
	border:none;
	padding:10;
}
.inline {
	display: inline;
}

.block {
	display: block;
}

/*Menu inline styling*/
.menu {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5vw;
	font-weight:600; /*300 light, 400 reg, 600 semibold, 700 bold */
	color: #ffffff;
	padding-top: 20;
	padding-bottom:25;
	}

.menu ul {
	text-align: left;
	list-style-type: none;
	margin: 0;
	margin-top: 0px;
	padding: 0;
	}

.menu li {
	display: inline;
	padding-left: 3px;
	padding-right: 3px;
	}

/*HTML Elements*/
body {
	background-color: #4c515a;
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	font-weight: 400; /*300 light, 400 reg, 600 semibold, 700 bold */
	}

img{  
	border-style: none;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

.toplogo{  
	display: inline;
	width: 100px;
	height: 100px;
	border-style: none;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

.footerlogo{  
	display: inline;
	width: 150px;
	height: 150px;
	border-style: none;
	padding: 20;
	margin-left: auto%;
	margin-right: auto;
}

.wordmark{  
	display: inline;
	width: 150px;
	height: auto;
	border-style: none;
	padding: 0;
	margin-left: auto%;
	margin-right: auto;
}

.left{  
	float:left;
}

.right{  
	float:right;
}


.top{  
	vertical-align:middle;
}

.middle{  
	vertical-align:top;
}

.gingerline {
	font-size: 0.7vw;
	padding: 0px;
	margin-top: 25;
	margin-bottom: 25;
	}
