/* Column code based on http://www.columnal.com/ and http://lessframework.com/ */



/*------------------------------------------------------------------



1.	CORE



------------------------------------------------------------------*/



.container {padding-left: 10px; padding-right: 10px;}

.row {clear: both; width: 100%; max-width: 940px; margin: 0 auto; overflow: hidden;}



.col_1, .col_2, .col_3, .col_4, .col_5, .col_5b, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col_13, .col_14, .col_15,

.col_two, .col_three, .col_four,

.gallery_col_two, .gallery_col_three, .gallery_col_four  {float: left; margin-right:2.128%; position: relative;}



.col_1 {width: 4.255%;}

.col_2 {width: 10.638%;}

.col_3 {width: 17.021%;}

.col_4 {width: 23.404%;}

.col_5 {width: 29.787%;}
.col_5a {width: 294px; float: left;}

.col_5b {width: 31.914%;}

.col_6 {width: 36.17%;}

.col_7 {width: 42.553%;}

.col_8 {width: 48.936%;}

.col_9 {width: 55.319%;}

.col_10 {width: 61.702%;}

.col_11 {width: 68.085%;}

.col_12 {width: 74.468%;}

.col_13 {width: 80.851%;}

.col_14 {width: 87.234%;}

.col_15 {width: 93.617%;}

.col_16 {clear: both; width: 100%; float: left;}



.col_1-3_wrap { padding: 0 2.135%; clear:both;}

.col_1-3 {float: left; margin-right: 2.227%; position: relative; width:31.848%;}



.last, .omega {margin-right: 0 !important;}

img, object, embed {max-width: 100%;}





.col_16 .col_two, .col_12 .col_two  { width: 48.89%; margin-right: 2.22%;}

.col_16 .col_three, .col_12 .col_three  { width: 31.53%; margin-right: 2.22%;}

.col_16 .col_four, .col_12 .col_four  { width: 23.335%; margin-right: 2.22%;}





.gallery_col_two, .gallery_col_three, .gallery_col_four  { margin-right: 2.22%; margin-bottom:1.375em;}

.gallery_col_two 	{ width: 48.89%; }

.gallery_col_three  { width: 31.8533%; }

.gallery_col_four 	{ width: 23.335%; }

/*.gallery_col_three  { width: 31.333%; margin: 1%; }*/





/*-----------------------------------------

Prefix and suffix ( horizontal spacing )

-----------------------------------------*/



/* Spacing before column */

.pre_1 {padding-left: 6.383%;}

.pre_2 {padding-left: 12.766%;}

.pre_3 {padding-left: 19.149%;}

.pre_4 {padding-left: 25.532%;}

.pre_5 {padding-left: 31.915%;}

.pre_6 {padding-left: 38.298%;}

.pre_7 {padding-left: 44.681%;}

.pre_8 {padding-left: 51.064%;}

.pre_9 {padding-left: 57.447%;}

.pre_10 {padding-left: 63.83%;}

.pre_11 {padding-left: 70.213%;}

.pre_12 {padding-left: 76.596%;}

.pre_13 {padding-left: 82.979%;}

.pre_14 {padding-left: 89.362%;}

.pre_15 {padding-left: 95.745%;}



/* Spacing after column */

.suf_1 {padding-right: 6.383%;}

.suf_2 {padding-right: 12.766%;}

.suf_3 {padding-right: 19.149%;}

.suf_4 {padding-right: 25.532%;}

.suf_5 {padding-right: 31.915%;}

.suf_6 {padding-right: 38.298%;}

.suf_7 {padding-right: 44.681%;}

.suf_8 {padding-right: 51.064%;}

.suf_9 {padding-right: 57.447%;}

.suf_10 {padding-right: 63.83%;}

.suf_11 {padding-right: 70.213%;}

.suf_12 {padding-right: 76.596%;}

.suf_13 {padding-right: 82.979%;}

.suf_14 {padding-right: 89.362%;}

.suf_15 {padding-right: 95.745%;}



/*-----------------------------------------

Utility

-----------------------------------------*/



.clear {clear:both !important;}

.clearleft {clear:left !important;}

.clearright {clear:right !important;}



.textcenter {text-align:center;}

.textright {text-align:right;}

.textleft {text-align:left;}



/* this will insert a pseduo element clears floats for an element containing floated content

.selfclear:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}*/



.mobile-only {display: none;}





/* Clearing */



.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



    /* Use clearfix class on parent to clear nested columns,

    or wrap each row of columns in a <div class="row"> */

    .clear:before,

    .clear:after,

    .row:before,

    .row:after {

      content: '\0020';

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0; }

    .row:after,

    .clearfix:after {

      clear: both; }

    .row,

    .clearfix {

      zoom: 1; }



    /* You can also use a <br class="clear" /> to clear columns

    .clear {

      clear: both;

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0;

    }*/













/*------------------------------------------------------------------



	Mobile



------------------------------------------------------------------*/





@media handheld, only screen and (max-width: 767px) {

	.body, .container { width: 100%; margin-left:0; margin-right:0; padding-left:0; padding-right:0; }



	/* kill prefixes and suffixes, otherwise 1-column version breaks */

	.pre_1, .pre_2, .pre_3, .pre_4, .pre_5, .pre_6, .pre_7, .pre_8, .pre_9, .pre_10, .pre_11, .pre_12, .pre_13, .pre_14, .pre_15, .pre_16 {padding-left: 0;}

	.suf_1, .suf_2, .suf_3, .suf_4, .suf_5, .suf_6, .suf_7, .suf_8, .suf_9, .suf_10, .suf_11, .suf_12, .suf_13, .suf_14, .suf_15, .suf_16 {padding-right: 0;}



	/* cssgrid.net - mobile presets */

	.col_1, .col_2, .col_3, .col_4, .col_5, .col_5b, .col_6, .col_7, .col_8,

	.col_9, .col_10, .col_11, .col_12, .col_13, .col_14, .col_15, .col_16, .col_two, .col_three, .col_four

  	{ clear: both; float: none; margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px;

	width: auto; width: -moz-available; }



	.col_1-3_wrap .col_1-3 { width: 100%; margin-right:0; }



	.col_16 .col_two , .col_12 .col_two, .col_16 .col_three ,

  	.col_12 .col_three, .col_16 .col_four , .col_12 .col_four {	padding-left: 0; padding-right: 0; width: 100%; }



  	.gallery_col_two, .gallery_col_three, .gallery_col_four   { padding-left: 0; padding-right: 0;  width: 50%; margin: 0;}





	/* .reverse {padding-top: 1em; margin-bottom: 1em;} */



	/* Columnal content control - use on any elements to show/hide content on mobile */

	.mobile-hide {display: none !important;}

	.mobile-only {display: block;}



}