
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 0% 1.6%;
}

.col:first-of-type { margin-left: 0;} 
.col:last-child { margin-right: 0;}

.col.span_1_of_2:nth-child(1n),.col.span_1_of_3:nth-child(1n),.col.span_1_of_4:nth-child(1n) { margin-left: 0; }
.col.span_1_of_2:nth-child(2n),.col.span_1_of_3:nth-child(3n),.col.span_1_of_4:nth-child(4n) { margin-right: 0; }

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 40em) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}


/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 48%; }

/*  GRID OF THREE   ============================================================================= */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GRID OF FOUR   ============================================================================= */
.span_4_of_4 { width: 100%; }
.span_3_of_4 { width: 72.6%; }
.span_2_of_4 { width: 49.2%; }
.span_1_of_4 { width: 23.8%; }

/*  GRID OF FIVE   ============================================================================= */	
.span_5_of_5 { width: 100%; }
.span_4_of_5 { width: 79.68%; }
.span_3_of_5 { width: 59.36%; }
.span_2_of_5 { width: 39.04%; }
.span_1_of_5 { width: 18.72%; }


/*  GRID OF SIX   ============================================================================= */
.span_6_of_6 { width: 100%; }
.span_5_of_6 { width: 83.06%; }
.span_4_of_6 { width: 66.13%; }
.span_3_of_6 { width: 49.2%; }
.span_2_of_6 { width: 32.26%; }
.span_1_of_6 { width: 15.33%; }

/*  GRID OF SEVEN   ============================================================================= */
.span_7_of_7 { width: 100%; }
.span_6_of_7 { width: 85.48%; }
.span_5_of_7 { width: 70.97%; }
.span_4_of_7 { width: 56.45%; }
.span_3_of_7 { width: 41.94%; }
.span_2_of_7 { width: 27.42%; }
.span_1_of_7 { width: 12.91%;}


/*  GRID OF EIGHT   ============================================================================= */
.span_8_of_8 { width: 100%; }
.span_7_of_8 { width: 87.3%; }
.span_6_of_8 { width: 74.6%; }
.span_5_of_8 { width: 61.9%; }
.span_4_of_8 { width: 49.2%; }
.span_3_of_8 { width: 36.5%; }
.span_2_of_8 { width: 23.8%; }
.span_1_of_8 { width: 11.1%; }


/*  GRID OF NINE   ============================================================================= */
.span_9_of_9 { width: 100%; }
.span_8_of_9 {width: 88.71%; }
.span_7_of_9 { width: 77.42%; }
.span_6_of_9 { width: 66.13%; }
.span_5_of_9 { width: 54.84%; }
.span_4_of_9 { width: 43.55%; }
.span_3_of_9 { width: 32.26%; }
.span_2_of_9 { width: 20.97%; }
.span_1_of_9 { width: 9.68%; }


/*  GRID OF TEN   ============================================================================= */
.span_10_of_10 { width: 100%;}
.span_9_of_10 { width: 89.84%; }
.span_8_of_10 { width: 79.68%;}
.span_7_of_10 { width: 69.52%; }
.span_6_of_10 { width: 59.36%; }
.span_5_of_10 { width: 49.2%; }
.span_4_of_10 { width: 39.04%; }
.span_3_of_10 {	width: 28.88%;}
.span_2_of_10 { width: 18.72%; }
.span_1_of_10 {	width: 8.56%; }


/*  GRID OF ELEVEN   ============================================================================= */
.span_11_of_11 { width: 100%; }
.span_10_of_11 { width: 90.76%; }
.span_9_of_11 { width: 81.52%; }
.span_8_of_11 { width: 72.29%; }
.span_7_of_11 { width: 63.05%; }
.span_6_of_11 {	width: 53.81%; }
.span_5_of_11 {	width: 44.58%; }
.span_4_of_11 {	width: 35.34%; }
.span_3_of_11 {	width: 26.1%; }
.span_2_of_11 {	width: 16.87%; }
.span_1_of_11 {	width: 7.63%; }


/*  GRID OF TWELVE   ============================================================================= */
.span_12_of_12 { width: 100%; }
.span_11_of_12 { width: 91.53%; }
.span_10_of_12 { width: 83.06%; }
.span_9_of_12 { width: 74.6%; }
.span_8_of_12 { width: 66.13%; }
.span_7_of_12 { width: 57.66%; }
.span_6_of_12 {	width: 49.2%; }
.span_5_of_12 {	width: 40.73%; }
.span_4_of_12 {	width: 32.26%; }
.span_3_of_12 {	width: 23.8%;}
.span_2_of_12 {	width: 15.33%; }
.span_1_of_12 {	width: 6.86%; }


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 40em) {
	.span_1_of_2, .span_2_of_2 { width: 100%;}	
	.span_1_of_3, .span_2_of_3, .span_3_of_3 { width: 100%;}
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%;}
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%;}
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%;}
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7{ width: 100%;}
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%;}
	.span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_9_of_9 { width: 100%;}
	.span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_9, .span_9_of_10, .span_10_of_10 { width: 100%;}	
	.span_1_of_11, .span_2_of_11, .span_3_of_11, .span_4_of_11, .span_5_of_11, .span_6_of_11, .span_7_of_11, .span_8_of_11, .span_9_of_11, .span_10_of_11, .span_11_of_11 { width: 100%;}	
	.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 { width: 100%;}	
}

/* FlexSlider Default Theme
*********************************/
/*.flexslider {margin: 0 0 60px;  position: relative; zoom: 1; overflow:hidden; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}



.flex-direction-nav .flex-next {background-position: 111% 46%; right: 36px; }
.flex-direction-nav .flex-prev {left: 36px;}
.flexslider:hover .flex-next {opacity: 0.8; }
.flexslider:hover .flex-prev {opacity: 0.8; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}


.flex-control-nav {position: absolute; left:23%;top: 54%; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:19px;height: 20px; display: block; background: #fff;width:18px;height:18px;border-radius: 18px;border:3px solid #fff;  cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover {  }
.flex-control-paging li a.flex-active {background: #ed682b;width:18px;height:18px;border-radius: 18px; border:3px solid #ed682b;cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}*/


