.button.bg-main,.button.bg-sub,.button.bg-dot,.button.bg-black,.button.bg-gray,.button.bg-red,.button.bg-yellow,.button.bg-blue,.button.bg-green {color:#fff}
.container,.container-layout {margin:0 auto;padding:0 10px}
@media(min-width:760px) {.container {width:750px}
}
@media(min-width:1000px) {.container {width:1000px}
}
@media(min-width:1200px) {.container {width:1200px}
}
.line {margin:0;padding:0}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12 {position:relative;min-height:1px}
.line-big {margin-left:-10px;margin-right:-10px}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.line-middle {margin-left:-5px;margin-right:-5px}
.line-middle .x1,.line-middle .x2,.line-middle .x3,.line-middle .x4,.line-middle .x5,.line-middle .x6,.line-middle .x7,.line-middle .x8,.line-middle .x9,.line-middle .x10,.line-middle .x11,.line-middle .x12,.line-middle .xl1,.line-middle .xl2,.line-middle .xl3,.line-middle .xl4,.line-middle .xl5,.line-middle .xl6,.line-middle .xl7,.line-middle .xl8,.line-middle .xl9,.line-middle .xl10,.line-middle .xl11,.line-middle .xl12,.line-middle .xs1,.line-middle .xs2,.line-middle .xs3,.line-middle .xs4,.line-middle .xs5,.line-middle .xs6,.line-middle .xs7,.line-middle .xs8,.line-middle .xs9,.line-middle .xs10,.line-middle .xs11,.line-middle .xs12,.line-middle .xm1,.line-middle .xm2,.line-middle .xm3,.line-middle .xm4,.line-middle .xm5,.line-middle .xm6,.line-middle .xm7,.line-middle .xm8,.line-middle .xm9,.line-middle .xm10,.line-middle .xm11,.line-middle .xm12,.line-middle .xb1,.line-middle .xb2,.line-middle .xb3,.line-middle .xb4,.line-middle .xb5,.line-middle .xb6,.line-middle .xb7,.line-middle .xb8,.line-middle .xb9,.line-middle .xb10,.line-middle .xb11,.line-middle .xb12 {position:relative;min-height:1px;padding-right:5px;padding-left:5px}
.line-small {margin-left:-1px;margin-right:-1px}
.line-small .x1,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .xl1,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xs1,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xm1,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xb1,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xb10,.line-small .xb11,.line-small .xb12 {position:relative;min-height:1px;padding-right:1px;padding-left:1px}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 {float:left}
.x1 {width:8.33333333%}
.x2 {width:16.66666667%}
.x3 {width:25%}
.x4 {width:33.33333333%}
.x5 {width:41.66666667%}
.x6 {width:50%}
.x7 {width:58.33333333%}
.x8 {width:66.66666667%}
.x9 {width:75%}
.x10 {width:83.33333333%}
.x11 {width:91.66666667%}
.x12 {width:100%}
@media(min-width:300px) {.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12 {float:left}
.xl1 {width:8.33333333%}
.xl2 {width:16.66666667%}
.xl3 {width:25%}
.xl4 {width:33.33333333%}
.xl5 {width:41.66666667%}
.xl6 {width:50%}
.xl7 {width:58.33333333%}
.xl8 {width:66.66666667%}
.xl9 {width:75%}
.xl10 {width:83.33333333%}
.xl11 {width:91.66666667%}
.xl12 {width:100%}
}
@media(min-width:760px) {.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12 {float:left}
.xs1 {width:8.33333333%}
.xs2 {width:16.66666667%}
.xs3 {width:25%}
.xs4 {width:33.33333333%}
.xs5 {width:41.66666667%}
.xs6 {width:50%}
.xs7 {width:58.33333333%}
.xs8 {width:66.66666667%}
.xs9 {width:75%}
.xs10 {width:83.33333333%}
.xs11 {width:91.66666667%}
.xs12 {width:100%}
}
@media(min-width:1000px) {.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12 {float:left}
.xm1 {width:8.33333333%}
.xm2 {width:16.66666667%}
.xm3 {width:25%}
.xm4 {width:33.33333333%}
.xm5 {width:41.66666667%}
.xm6 {width:50%}
.xm7 {width:58.33333333%}
.xm8 {width:66.66666667%}
.xm9 {width:75%}
.xm10 {width:83.33333333%}
.xm11 {width:91.66666667%}
.xm12 {width:100%}
}
@media(min-width:1200px) {.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12 {float:left}
.xb1 {width:8.33333333%}
.xb2 {width:16.66666667%}
.xb3 {width:25%}
.xb4 {width:33.33333333%}
.xb5 {width:41.66666667%}
.xb6 {width:50%}
.xb7 {width:58.33333333%}
.xb8 {width:66.66666667%}
.xb9 {width:75%}
.xb10 {width:83.33333333%}
.xb11 {width:91.66666667%}
.xb12 {width:100%}
}
@media(max-width:760px) {.show-l {display:block!important}
.hidden-l {display:none!important}
}
@media(min-width:761px) and (max-width:1000px) {.show-s {display:block!important}
.hidden-s {display:none!important}
}
@media(min-width:1001px) and (max-width:1200px) {.show-m {display:block!important}
.hidden-m {display:none!important}
}
@media(min-width:1201px) {.show-b {display:block!important}
.hidden-b {display:none!important}
}