/* ### 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 ### */
/* wrapper */
.ba1col-wrapper {
  width: 320px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 640px) {
  .ba1col-wrapper {
    width: 640px;
    max-width: 640px;
  }
}

@media (min-width: 960px) {
  .ba1col-wrapper {
    width: 960px;
    max-width: 960px;
  }
}

@media (min-width: 1280px) {
  .ba1col-wrapper {
    width: 1280px;
    max-width: 1280px;
  }
}
/* colums */
.ba1{
  max-width: 100%;
  margin-left: 16px;
  margin-right: 16px;
}

/* ### 2 Columns ### */
/* wrapper */
.ba11col-wrapper,
.ba11minicol-wrapper,
.ba11_1_left_wrapper {
  width: 320px;
  max-width: 100%;
  margin: 0 auto;
  clear: both;
}

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

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

@media (min-width: 1280px) {
  .ba11col-wrapper,
  .ba11_1_left_wrapper {
    width: 1280px;
  }
}

.ba11_1_left_wrapper {
  margin: 0 auto;
}

/* column */

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

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

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



/* 2 1/3 Sub-Wrapper */

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

/* ### 3 Columns ### */
/* wrapper */
.ba111col-wrapper,
.ba21col-wrapper,
.ba12col-wrapper{
  width: 320px;
  margin: 0 auto;
  clear: both;
  display: table;
}

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

/* 111 */
/* column */
.ba111col-wrapper .ba111,
.ba111col-wrapper .ba111_1,
.ba111col-wrapper .ba111_2,
.ba111col-wrapper .ba111_3 {
  width: 288px;
  margin-left: 16px;
  margin-right: 16px;
  float: left;
}

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

@media (min-width: 960px) {
  .ba111_2_left_wrapper {
    width: 640px;
  }
}

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

.ba111_1_left_wrapper .ba111.ba111_1 {
  width: 288px;
  margin-left: 16px;
  margin-right: 16px;
}

/* 21 */

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

.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: 288px;
  margin-left: 16px;
  margin-right: 16px;
  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: 288px;
  margin-left: 16px;
  margin-right: 16px;
  float: left;
}

@media (min-width: 960px) {
  .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: 608px;
    margin-left: 16px;
    margin-right: 16px;
    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: 288px;
    margin-left: 16px;
    margin-right: 16px;
    float: left;
  }
}

@media (min-width: 1280px) {
  .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: 821.33px;
    margin-left: 16px;
    margin-right: 16px;
    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: 394.66px;
    margin-left: 16px;
    margin-right: 16px;
    float: left;
  }
}

/* 12 */

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

.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: 288px;
  margin-left: 16px;
  margin-right: 16px;
  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: 288px;
  margin-left: 16px;
  margin-right: 16px;
  float: left;
}

@media (min-width: 960px) {
  
  .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: 288px;
    margin-left: 16px;
    margin-right: 16px;
    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: 608px;
    margin-left: 16px;
    margin-right: 16px;
    float: left;
  }
  
}

@media (min-width: 1280px) {
  
  .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: 394.66px;
    margin-left: 16px;
    margin-right: 16px;
    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: 821.33px;
    margin-left: 16px;
    margin-right: 16px;
    float: left;
  }
  
}



/* 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: 320px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 656px) {
  .ba111111col-wrapper {
    width: 640px;
  }
}

@media (min-width: 976px) {
  .ba111111col-wrapper {
    width: 960px;
  }
}

@media (min-width: 1936px) {
  .ba111111col-wrapper {
    width: 1920px;
  }
}

.ba111111 {
  width: 310px;
  margin-left: 5px;
  margin-right: 5px;
  float: left;
}


/* ## 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 ### */
/* wrapper*/
.ba1111col-wrapper {
  width: 320px;
  margin: 0 auto;
  clear: both;
}

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

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

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

/* colums */
.ba1111 {
  width: 288px;
  margin-left: 16px;
  margin-right: 16px;
  float: left;
}

/* # 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 # */