html	{
	min-height: 100%;
	overflow-y: scroll;
	}	
* {
	margin:0;
	padding:0;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	}
img, a img, img a	{
	border: none!important;
	max-width: 100%;
	height: auto;
	}
*:focus {
    outline: none;
	}	
a, .trans	{
	-ms-transition:.5s!important;
	-moz-transition:.5s!important;
	-webkit-transition:.5s!important;
	 transition:.5s!important;
	 }
a:hover	{
	transition: all .5s ease-in-out;
	 }	
	
/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary, .hiddenInfo {
	display: block;
	}
.fullContainer	{
	float: left; 
	position: relative;
	display: block;
	width: 100%; 
	text-align: center; 
	clear: both;
	margin: 0;	
	}
.fullContainer.hdr	{
	height: 90px;
	}
.fullContainer.bodyParts	{
	margin-bottom: 40px;
	}		
.fullContainer.footerArea	{
	/* padding: 7px 0 35px 0; */
	padding: 7px 0;
	position: fixed;
	z-index: 1000;
	bottom: 0;
	left: 0;
	font-weight: 400;
	font-size: 13px;	 
	}
.fullContainer.bodyParts > .grid	{
	margin-top: 15px;
	}	
.clear	{
	clear: both;
	}
.clear-block	{
	clear: both;
	width: 100%;
	height: 10px;
	background: none!important;
	}
.clear-block-shim	{
	clear: both;
	width: 100%;
	height: 50px;
	background: none!important;
	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
html[xmlns] .clearfix {
	display: block;
	}
* html .clearfix {
	height: 1%;
	}
#sticky_navigation	{
	float: left;
	width: 100%; 
	position: relative; 
	z-index: 1000; 
	display: block; 
	clear: both; 
	/* box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, .3)!important; */
	
	/* border-bottom: 1px solid #F4F4F4; */
	}	
.fullContainer.navShadow	{
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 30px;
	top: 128px;
	/* background: url(../images/shell/nav_shadow.png) no-repeat center center; */
/* 	border-top: 1px solid #F4F4F4; */
	}
	
	
/* GRIDS */
	
.grid .gridFull.first	{
	float: left;
	margin: 15px 1.515% -15px 1.515%!important;
	/* width: 96.9696%; */
	padding: 15px;
	background: #fff;
	min-height: 500px;
	box-shadow:  0px 3px 6px 0px rgba(0, 0, 0, .3);
	}
.grid {
	clear: both;
	padding: 0px;
	margin: 0px auto;
	max-width: 960px;	
	zoom: 1;
	text-align: left;
	}	
.col {
	display: block;
	float: left;
	margin: 15px 0 15px 3%!important;
	}
.grid .col:first-child { 
	margin-left: 0!important;
	}

.grid:before, .grid:after {
	content:""; 
	display: table;
	}
.grid:after { 
	clear: both;
	}

/*  GRID TWELVE  */
.grid .gridFull.col {
	width: 100%!important;
	}
.grid .gridFull	{
	float: left;
	position: relative;
	margin: 10px 1.5%;
	width: 97%;
	z-index: 4;
	}

.grid .gridTwelfth.col {
  	width: 5.583%!important;
	margin: 10px 0 10px 3%;
	}
.grid .gridTwelfth {
	float: left;
  	width: 5.3333%!important;
	margin: 10px 1.5%;
	}
	
.grid .gridElevenTwelfth.col {
  	width: 91.41%!important;
	margin: 10px 0 10px 3%;
	}
.grid .gridElevenTwelfth {
	float: left;
  	width: 88.6666%!important;
	margin: 10px 1.5%;
	}	

.grid .gridSevenTwelfth.col {
  	width: 57.08%!important;
	margin: 10px 0 10px 3%;
	}		
.grid .gridSevenTwelfth {
	float: left;
  	width: 55.3333%!important;
	margin: 10px 1.5%;
	}
	
.grid .gridFiveTwelfth.col {
  	width: 39.91%!important;
	margin: 10px 0 10px 3%;
	}
.grid .gridFiveTwelfth {
	float: left;
  	width: 38.6666%!important;
	margin: 10px 1.5%;
	}	
	
.grid .gridSixth.col {
  	width: 14.16%!important;
	margin: 10px 0 10px 3%;
	}
.grid .gridSixth {
	float: left;
  	width: 13.6666%!important;
	margin: 10px 1.5%;
	}	

.grid .gridFiveSixth.col {
  	width: 82.83%!important;
	margin: 10px 0 10px 3%;
	}	
.grid .gridFiveSixth {
	float: left;
  	width: 80.3333%!important;
	margin: 10px 1.5%;
	}
	
.grid .gridFourth.col {
  	width: 22.75%!important;
	margin: 10px 0 10px 3%;
	}	
.grid .gridFourth	{
	float: left;
	width: 21.9491%;
	margin: 10px 1.5%;	
	}	
	
.grid .gridThreeFourth.col {
  	width: 74.25%!important;
	margin: 10px 0 10px 3%;
	}		
.grid .gridThreeFourth	{
	float: left;
	width: 71.9491%;
	margin: 10px 1.5%;	
	}
	
.grid .gridThird.col {
  	width: 31.33%!important;
	margin: 10px 0 10px 3%;
	}	
.grid .gridThird	{
	float: left;
	width: 30.3330%;
	margin: 10px 1.5%;	
	}	

.grid .gridTwoThird.col {
  	width: 65.66%!important;
	margin: 10px 0 10px 3%;
	}
.grid .gridTwoThird	{
	float: left;
	width: 63.6663%;
	margin: 10px 1.5%;
	}

.grid .gridHalf.col {
  	width: 48.5%!important;
	margin: 10px 0 10px 3%;
}
.grid .gridHalf	{
	float: left;
	width: 46.9996%;
	margin: 10px 1.5%;	
	}	
	
	
	
/* FULL LINK COL */
.grid.productGrid .gridThird.col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	float: left;
	position: relative;
	text-align: center;
	padding:  5px;
	color: #333;
	}	
.grid.productGrid a .gridThird.col {
	display: block;
	float: left;
	width: 32.33%!important;
	margin: 6px 0 6px 1.5%!important;
}
.grid.productGrid.homePage a .gridThird.col {
	text-align: center;
	color: #fff;
	font-size: 17px;
	display: table;
	transition: all .5s ease-in-out;
	padding: 30px 0!important;
}
.grid.productGrid a:nth-child(4n-3) .col {
	margin-left: 0!important;
}
.grid.productGrid.homePage a .gridThird.col span	{
	display: table-cell;
	vertical-align: middle;
}
.grid.productGrid.homePage a .gridThird.col:hover {
	transition: all .5s ease-in-out;
}
	
	
	
	
	
	
	
/*  GO FULL WIDTH BELOW 768 PIXELS */
@media only screen and (max-width: 768px) {

	.col {  
	margin: 0%; 
	}	    
    .grid .gridFull, .grid .gridTwelfth, .grid .gridElevenTwelfth, .grid .gridFiveTwelfth, .grid .gridSevenTwelfth, .grid .gridSixth, .grid .gridFiveSixth, .grid .gridFourth, .grid .gridThreeFourth, .grid .gridThird, .grid .gridTwoThird, .grid .gridHalf  {
	margin: 10px 1.5%!important;
	width: 97%!important;
	display: block;
	}		
	
	.grid .gridFull.col, .grid .gridTwelfth.col, .grid .gridElevenTwelfth.col, .grid .gridFiveTwelfth.col, .grid .gridSevenTwelfth.col, .grid .gridSixth.col, .grid .gridFiveSixth.col, .grid .gridFourth.col, .grid .gridThreeFourth.col, .grid .gridThird.col, .grid .gridTwoThird.col, .grid .gridHalf.col  {
	/* width: 100%!important;
	margin: 15px 0!important; */
	margin: 10px 1.5%!important;
	width: 97%!important;
	display: block;
	}
	
body.home .gridThird.col	{
	width: 100%!important;
	margin: 10px 0!important;
	}
	
	
	
	.grid .col { 
		margin: 0!important; 
		}
	.grid .col:first-child {
		margin-left: 0!important; 
		}
			

.grid.homePage a .gridThird.col	{
	width: 100%!important;
	margin: 5px 0!important;
	}

}


/* FOR IPAD */
@media only screen 
and ( min-width: 768px ) 
and ( max-width: 1023px )	{
	
.grid	{
	width: 100%!important;
	position: relative;
	} 	
}



/* FOR MOBILE */
@media only screen
and ( min-width: 0px ) 
and ( max-width: 767px )	{
	
#sticky_navigation	{
	background: transparent;
	height: auto;
	width: 100%;
	}
nav	{
	width: 100%!important;
	}
nav ul {
	top: 5px; 
	left: 0; 
	float: none!important;
	}
nav ul li{
	padding: 0!important;
	margin: 0!important;
	float: none;
	display: block;
	height: auto!important;
	text-align: left;
	width: 100%!important; 
	left: 0;
	padding: 0!important; 
	}
nav ul li a{
	padding: 0!important;
	margin: 0!important;
	float: none;
	display: block;
	height: auto!important;
	text-align: left;
	width: 100%!important; 
	left: 0;
	padding: 10px 15px!important; 
	}	
nav ul ul {
	padding: 0!important;
	margin: 0!important;
	float: none;
	display: block;
	width: 100%!important; 
	position: relative;
	top: 0; 
	left: 0; 
	}
nav ul ul li {
	float: none;
	display: block;
	width: 100%!important; 
	position: relative; 
	}
.gridFull.first.col	{
	border: 0!important;
	box-shadow: none!important;
	}
}

@media only screen 
and (min-device-width : 567px) 
and (max-device-width : 767px)  { 


}

/*  @media only screen and (max-width: 767px) and (orientation: portrait) {
   portrait phones
}  */

/* RESPONSIVE TABLES */
table {
  background: white;
  border-collapse: collapse;
  margin: 0;
  width: 100%;
}

table tr,
table th,
table td {
  border: none;
  font-size: 12px;
}

table th,
table td {
  padding: 10px;
  text-align: left;
}
table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  font-size: .8125rem;
  padding: 0;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
/*   background: #666;
  color: white; */
  margin-right: 10px;
  padding: 2px 10px;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  display: inline-block;
  padding: 2px 5px;
}

table.bt tfoot th:first-of-type:before,
table.bt tfoot th:first-of-type .bt-content,
table.bt tfoot td:first-of-type:before,
table.bt tfoot td:first-of-type .bt-content,
table.bt tbody td:first-of-type:before,
table.bt tbody td:first-of-type .bt-content {
  padding-top: 10px;
}

table.bt tfoot th:last-of-type:before,
table.bt tfoot th:last-of-type .bt-content,
table.bt tfoot td:last-of-type:before,
table.bt tfoot td:last-of-type .bt-content,
table.bt tbody td:last-of-type:before,
table.bt tbody td:last-of-type .bt-content {
  padding-bottom: 10px;
}


table.bt thead,
table.bt tbody th {
  display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: none;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;

  /* IE 9 */
  float: left\9;
  width: 100%\9;
}

table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
  content: attr(data-th) ": ";
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  font-weight: bold;
  width: 6.5em;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
  display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top;
}

.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
  display: none;
}