/* ### NEW GRID ### */

/* valide width: 506, 326, 236, 182, 146, 101, 86, 74, 56, 38, 26, 20, 11, 6, 2 */
/* valide hight: 255, 238, 221, 204, 187, 170, 153, 136, 119, 102, 85, 68, 51, 34, 17 */

/* spacer */

.spacer1top{
  padding-top: 17px!important;
}

.spacer2top{
  padding-top: 34px!important;
}

.spacer3top{
  padding-top: 51px!important;
}

.spacer4top{
  padding-top: 68px!important;
}

.spacer5top{
  padding-top: 85px!important;
}

.spacer6top{
  padding-top: 102px!important;
}

.spacer1bottom{
  padding-bottom: 17px!important;
}

.spacer2bottom{
  padding-bottom: 34px!important;
}

.spacer3bottom{
  padding-bottom: 51px!important;
}

.spacer4bottom{
  padding-bottom: 68px!important;
}

.spacer5bottom{
  padding-bottom: 85px!important;
}

.spacer6bottom{
  padding-bottom: 102px!important;
}

hr.spacer1top, hr.spacer2top, hr.spacer3top, hr.spacer4top, hr.spacer5top, hr.spacer6top, 
hr.spacer1bottom, hr.spacer2bottom, hr.spacer3bottom, hr.spacer4bottom, hr.spacer5bottom, hr.spacer6bottom{
  color: transparent;
  border: 0;
}


/* 1 Column */

.ba1col-wrapper {
  width: 360px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 736px) {
  .ba1col-wrapper {
    width: 100%;
    max-width: 1080px;
  }
}

.ba1{
  max-width: 100%;
  margin-left: 17px;
  margin-right: 17px;
}
/*
@media (min-width: 361px) {
  .ba1{
    width: 1046px;
    max-width: 100%;
    margin-left: 17px;
    margin-right: 17px;
  }
}
*/
/* 2 Columns */

.ba11col-wrapper,
.ba11minicol-wrapper {
  width: 360px;
  max-width: 100%;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 736px) {
  .ba11col-wrapper,
  .ba11minicol-wrapper {
    width: 720px;
  }
}

@media (min-width: 1096px) {
  .ba11col-wrapper {
    width: 1080px;
  }
}

.ba11, .ba11_1, .ba11_2,
.ba11mini, .ba11mini_1, .ba11mini_2 {
  width: 326px;
  max-width: 100%;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

@media (min-width: 1096px) {
  .ba11, .ba11_1, .ba11_2 {
    width: 506px;
  }
}

.ba11_1_left_wrapper {
  width: 540px;
  margin: 0 auto;
}

/* 2 1/3 Sub-Wrapper */

.ba213col-subwrapper {
  width: 326px;
  margin: 0 auto;
  clear: both;
  display: table;
}

/* 3 Columns */

.ba111col-wrapper,
.ba21col-wrapper,
.ba12col-wrapper{
  width: 360px;
  margin: 0 auto;
  clear: both;
  display: table;
}

@media (min-width: 736px) {
  .ba111col-wrapper,
  .ba21col-wrapper,
  .ba12col-wrapper {
    width: 720px;
  }
}

@media (min-width: 1096px) {
  .ba111col-wrapper,
  .ba21col-wrapper,
  .ba12col-wrapper {
    width: 1080px;
  }
}

/* 111 */

.ba111col-wrapper .ba111,
.ba111col-wrapper .ba111_1,
.ba111col-wrapper .ba111_2,
.ba111col-wrapper .ba111_3 {
  width: 326px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

@media (min-width: 361px) {
  .ba111col-wrapper .ba111,
  .ba111col-wrapper .ba111_1,
  .ba111col-wrapper .ba111_2,
  .ba111col-wrapper .ba111_3 {
    width: 326px;
    float: left;
  }
}

.ba111_1_left_wrapper,
.ba111_2_left_wrapper {
  width: 360px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 736px) {
  .ba111_2_left_wrapper {
    width: 720px;
  }
}

.ba111_2_left_wrapper .ba111.ba111_1,
.ba111_2_left_wrapper .ba111.ba111_2 {
  width: 326px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

.ba111_1_left_wrapper .ba111.ba111_1 {
  width: 326px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

/* 21 */

.ba21col-wrapper img {
  max-width: 100%;
	height: auto;
}

.ba21col-wrapper .ba21_1,
.ba21col-wrapper .ba21_3,
.ba21col-wrapper .ba21_5,
.ba21col-wrapper .ba21_7,
.ba21col-wrapper .ba21_9,
.ba21col-wrapper .ba21_11,
.ba21col-wrapper .ba21_13,
.ba21col-wrapper .ba21_15,
.ba21col-wrapper .ba21_17,
.ba21col-wrapper .ba21_19 {
  width: 326px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

.ba21col-wrapper .ba21_2,
.ba21col-wrapper .ba21_4,
.ba21col-wrapper .ba21_6,
.ba21col-wrapper .ba21_8,
.ba21col-wrapper .ba21_10,
.ba21col-wrapper .ba21_12,
.ba21col-wrapper .ba21_14,
.ba21col-wrapper .ba21_16,
.ba21col-wrapper .ba21_18,
.ba21col-wrapper .ba21_20 {
  width: 326px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

@media (min-width: 1096px) {
  .ba21col-wrapper .ba21_1,
  .ba21col-wrapper .ba21_3,
  .ba21col-wrapper .ba21_5,
  .ba21col-wrapper .ba21_7,
  .ba21col-wrapper .ba21_9,
  .ba21col-wrapper .ba21_11,
  .ba21col-wrapper .ba21_13,
  .ba21col-wrapper .ba21_15,
  .ba21col-wrapper .ba21_17,
  .ba21col-wrapper .ba21_19 {
    width: 686px;
    float: left;
  }
}

/* 12 */

.ba12col-wrapper img {
  max-width: 100%;
	height: auto;
}

.ba12col-wrapper .ba12_1,
.ba12col-wrapper .ba12_3,
.ba12col-wrapper .ba12_5,
.ba12col-wrapper .ba12_7,
.ba12col-wrapper .ba12_9,
.ba12col-wrapper .ba12_11,
.ba12col-wrapper .ba12_13,
.ba12col-wrapper .ba12_15,
.ba12col-wrapper .ba12_17,
.ba12col-wrapper .ba12_19 {
  width: 326px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

.ba12col-wrapper .ba12_2,
.ba12col-wrapper .ba12_4,
.ba12col-wrapper .ba12_6,
.ba12col-wrapper .ba12_8,
.ba12col-wrapper .ba12_10,
.ba12col-wrapper .ba12_12,
.ba12col-wrapper .ba12_14,
.ba12col-wrapper .ba12_16,
.ba12col-wrapper .ba12_18,
.ba12col-wrapper .ba12_20 {
  width: 326px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

@media (min-width: 1096px) {
  .ba12col-wrapper .ba12_2,
  .ba12col-wrapper .ba12_4,
  .ba12col-wrapper .ba12_6,
  .ba12col-wrapper .ba12_8,
  .ba12col-wrapper .ba12_10,
  .ba12col-wrapper .ba12_12,
  .ba12col-wrapper .ba12_14,
  .ba12col-wrapper .ba12_16,
  .ba12col-wrapper .ba12_18,
  .ba12col-wrapper .ba12_20 {
    width: 686px;
    float: left;
  }
}

/* 4 Columns */

.ba1111col-wrapper{
  width: 270px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 540px) {
  .ba1111col-wrapper {
    width: 540px;
  }
}

@media (min-width: 1080px) {
  .ba1111col-wrapper {
    width: 1080px;
  }
}

.ba1111col-wrapper .ba1111,
.ba1111col-wrapper .ba1111_1,
.ba1111col-wrapper .ba1111_2,
.ba1111col-wrapper .ba1111_3,
.ba1111col-wrapper .ba1111_4 {
  width: 236px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

@media (min-width: 540px) {
  .ba1111col-wrapper .ba1111_2_left_wrapper {
    width: 540px;
    margin: 0 auto;
  }
}

@media (min-width: 1080px) {
  .ba1111col-wrapper .ba1111_3_left_wrapper {
    width: 810px;
    margin: 0 auto;
  }
}

.ba1111col-wrapper .ba1111_1_left_wrapper {
  width: 270px;
  margin: 0 auto;
}

/* 5 Columns */

.ba11111col-wrapper {
  width: 216px;
  margin: 0 auto;
  clear: both;
}

.ba11111col-wrapper .ba11111_1,
.ba11111col-wrapper .ba11111_2,
.ba11111col-wrapper .ba11111_3,
.ba11111col-wrapper .ba11111_4,
.ba11111col-wrapper .ba11111_5 {
  width: 182px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

@media (min-width: 448px) {
  .ba11111col-wrapper {
    width: 432px;
  }
}

@media (min-width: 664px) {
  .ba11111col-wrapper {
    width: 648px;
  }
}

@media (min-width: 880px) {
  .ba11111col-wrapper {
    width: 864px;
  }
}

@media (min-width: 1096px) {
  .ba11111col-wrapper {
    width: 1080px;
  }
}

/* 6 Columns */

.ba15col-wrapper {
  width: 360px;
  margin: 0 auto;
  clear: both;
}

.ba15_1 {
  width: 146px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

.ba15_2 {
  width: 146px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

@media (min-width: 556px) {
  .ba15col-wrapper {
    width: 540px;
  }
  .ba15_2 {
    width: 326px;
  }
}

@media (min-width: 736px) {
  .ba15col-wrapper {
    width: 720px;
  }
  .ba15_2 {
    width: 506px;
  }
}

@media (min-width: 916px) {
  .ba15col-wrapper {
    width: 900px;
  }
  .ba15_2 {
    width: 686px;
  }
}

@media (min-width: 1096px) {
  .ba15col-wrapper {
    width: 1080px;
  }
  .ba15_2 {
    width: 866px;
  }
}


.ba111111col-wrapper {
  width: 360px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 1096px) {
  .ba111111col-wrapper {
    width: 1080px;
  }
}

.ba111111 {
  width: 146px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

/* 8 Columns */

.ba11111111col-wrapper{
  width: 270px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 540px) {
  .ba11111111col-wrapper {
    width: 540px;
  }
}

@media (min-width: 1080px) {
  .ba11111111col-wrapper {
    width: 1080px;
  }
}

.ba11111111col-wrapper .ba11111111,
.ba11111111col-wrapper .ba11111111_1,
.ba11111111col-wrapper .ba11111111_2,
.ba11111111col-wrapper .ba11111111_3,
.ba11111111col-wrapper .ba11111111_4, 
.ba11111111col-wrapper .ba11111111_5,
.ba11111111col-wrapper .ba11111111_6,
.ba11111111col-wrapper .ba11111111_7,
.ba11111111col-wrapper .ba11111111_8 {
  width: 101px;
  margin: 17px;
  float: left;
}

.ba11111111_1_left_wrapper {
  width: 135px;
  margin: 0 auto;
  clear: both;
}

.ba11111111_2_left_wrapper {
  width: 135px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 304px) {
  .ba11111111_2_left_wrapper {
    width: 270px;
  }
}

.ba11111111_3_left_wrapper {
  width: 135px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 304px) {
  .ba11111111_3_left_wrapper {
    width: 270px;
  }
}

@media (min-width: 439px) {
  .ba11111111_3_left_wrapper {
    width: 405px;
  }
}

.ba11111111_4_left_wrapper {
  width: 135px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 304px) {
  .ba11111111_4_left_wrapper {
    width: 270px;
  }
}

@media (min-width: 439px) {
  .ba11111111_4_left_wrapper {
    width: 405px;
  }
}

@media (min-width: 574px) {
  .ba11111111_4_left_wrapper {
    width: 540px;
  }
}

.ba11111111_5_left_wrapper {
  width: 135px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 304px) {
  .ba11111111_5_left_wrapper {
    width: 270px;
  }
}

@media (min-width: 439px) {
  .ba11111111_5_left_wrapper {
    width: 405px;
  }
}

@media (min-width: 574px) {
  .ba11111111_5_left_wrapper {
    width: 540px;
  }
}

@media (min-width: 709px) {
  .ba11111111_5_left_wrapper {
    width: 675px;
  }
}

.ba11111111_6_left_wrapper {
  width: 135px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 304px) {
  .ba11111111_6_left_wrapper {
    width: 270px;
  }
}

@media (min-width: 439px) {
  .ba11111111_6_left_wrapper {
    width: 405px;
  }
}

@media (min-width: 574px) {
  .ba11111111_6_left_wrapper {
    width: 540px;
  }
}

@media (min-width: 709px) {
  .ba11111111_6_left_wrapper {
    width: 675px;
  }
}

@media (min-width: 844px) {
  .ba11111111_6_left_wrapper {
    width: 810px;
  }
}

.ba11111111_7_left_wrapper {
  width: 135px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 304px) {
  .ba11111111_7_left_wrapper {
    width: 270px;
  }
}

@media (min-width: 439px) {
  .ba11111111_7_left_wrapper {
    width: 405px;
  }
}

@media (min-width: 574px) {
  .ba11111111_7_left_wrapper {
    width: 540px;
  }
}

@media (min-width: 709px) {
  .ba11111111_7_left_wrapper {
    width: 675px;
  }
}

@media (min-width: 844px) {
  .ba11111111_7_left_wrapper {
    width: 810px;
  }
}

@media (min-width: 979px) {
  .ba11111111_7_left_wrapper {
    width: 945px;
  }
}



/* ## WRAPPER ## */


/* # 6 Columns # */

.ba6col-wrapper {
  width: 360px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 770px) {
  .ba6col-wrapper {
    width: 754px;
  }
}

@media (min-width: 1130px) {
  .ba6col-wrapper {
    width: 1114px;
  }
}

/* # 5 Columns # */



/* # 4 Columns # */

.ba4col-wrapper {
  width: 304px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 590px) {
  .ba4col-wrapper {
    width: 574px;
  }
}

@media (min-width: 860px) {
  .ba4col-wrapper {
    width: 844px;
  }
}

@media (min-width: 1130px) {
  .ba4col-wrapper {
    width: 1114px;
  }
}

/* # 3 Columns # */



/* ## COLUMNS ## */

/* # 6 Columns # */

.ba1of6col{
  width: 146px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

.bamin1of6col{
  min-width: 146px;
  margin-left: 17px;
  margin-right: 17px;
}

.ba2of6col{
  width: 309px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

.bamin2of6col{
  min-width: 309px;
  margin-left: 17px;
  margin-right: 17px;
}

@media (min-width: 361px) {
  .ba1of6col{
    width: 146px;
    margin-left: 34px;
    margin-right: 34px;
    float: left;
  }

  .bamin1of6col{
    min-width: 146px;
    margin-left: 34px;
    margin-right: 34px;
  }

  .ba2of6col{
    width: 326px;
    margin-left: 34px;
    margin-right: 34px;
    float: left;
  }

  .bamin2of6col{
    min-width: 326px;
    margin-left: 34px;
    margin-right: 34px;
  }
}

/* # 5 Columns # */

.ba1of5col{
  width: 182px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

.bamin1of5col{
  min-width: 182px;
  width: 100%;
  margin-left: 17px;
  margin-right: 17px;
}

@media (min-width: 361px) {
  .ba1of5col{
    width: 182px;
    margin-left: 34px;
    margin-right: 34px;
    float: left;
  }

  .bamin1of5col{
    min-width: 182px;
    width: 100%;
    margin-left: 34px;
    margin-right: 34px;
  }
}

/* # 4 Columns # */

.ba1of4col{
  width: 236px;
  margin-left: 17px;
  margin-right: 17px;
  float: left;
}

.bamin1of4col{
  min-width: 236px;
  width: 100%;
  margin-left: 17px;
  margin-right: 17px;
}


@media (min-width: 361px) {
  .ba1of4col{
    width: 236px;
    margin-left: 34px;
    margin-right: 34px;
    float: left;
  }

  .bamin1of4col{
    min-width: 236px;
    width: 100%;
    margin-left: 34px;
    margin-right: 34px;
  }
}

/* # 3 Columns # */