/*! Bootstrap Extras
 * IDESIGN MEDIA
 */

/* CLEARFIX; thanks to http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Box Sizing */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Placeholders */
.col, .margin, .padding {}

/* Centered Column */
.col.center {
	float: none;
    text-align: center;
    margin-left: auto;
	margin-right: auto;
}

/* Maximum Width Container */
.container-max {
	max-width: 1160px;
}

/* 5 Column Grid */
.col-xs-5th {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5th {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5th {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5th {
        width: 20%;
        float: left;
    }
}

/* Tiny Column */
.col-tn {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
.visible-tn {
  display: none !important;
}
@media (max-width: 480px) { /* Tiny */
  .col-tn {
    float: none;
    width: 100%;
  }
  .hidden-tn {
    display: none !important;
  }
  .visible-tn {
    display: block !important;
  }
}

/* Centers */
@media (max-width: 480px) { /* Tiny */
  .center-tn {
	float: none;
    text-align: center;
    margin-left: auto;
	margin-right: auto;
  }
}
@media (max-width: 767px) { /* Extra-Small */
  .center-xs {
	float: none;
    text-align: center;
    margin-left: auto;
	margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) { /* Small */
  .center-sm {
	float: none;
    text-align: center;
    margin-left: auto;
	margin-right: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) { /* Medium */
  .center-md {
	float: none;
    text-align: center;
    margin-left: auto;
	margin-right: auto;
  }
}
@media (min-width: 1200px) { /* Large */
  .center-lg {
	float: none;
    text-align: center;
    margin-left: auto;
	margin-right: auto;
  }
}