/* Slab Grid v1.2 - do not autoformat in editor! creative commons (cc) share-alike-attribution 2018 Slabmedia.com  include this comment at top when using */
.fullwidth,.fullwi,.w12-12,.w5-5,.w7-7,.w8-8,.w9-9,.w10-10,.fullbox #mainbox {width:100%;margin:0 0 1em;padding:0;padding-top:inherit;margin-top:inherit;display:block;float:none;clear:both;position:relative;}
.w12-12.sqbgimg {height:0;padding-top:100%;}
.w12-1,.w12-2,.w12-3,.w12-4,.w12-5,.w12-6,.w12-7,.w12-8,.w12-9,.w12-10,.w12-11,.w12-1-unr,.w12-2-unr,.w12-3-unr,.w12-4-unr,.w12-5-unr,.w12-6-unr,.w12-7-unr,.w12-8-unr,.w12-9-unr,.w12-10-unr,.w12-11-unr {margin:0 1em 1em 0;padding:0;display:inline-block;float:left;clear:none;position:relative;}
.w12-12 input[Type=text],.w12-12 input[Type=number],.w12-12 textarea,.w12-6 input[Type=text],.w12-6 input[Type=number],.w12-6 textarea,.w12-3 input[Type=text],.w12-3 input[Type=number],.w12-3 textarea {width:calc(100% - 2em - 2px);color:inherit;font-family:inherit;font-size:1em;line-height:1.4;font-weight:400;padding:.5em 1em;margin:0;outline:none;border:1px rgba(0,0,0,.5) solid;border-radius:0;-moz-border-radius:0;}
.w12-12 .required input,.w12-12 .require textarea {border-color:#933;}
.w12-12 select {max-width:calc(100% - 2em - 1px);padding:.5em 1em;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;line-height:35px;}
.w12-1-unr {width:calc(8.3333% - .916663em);}
.w12-1-unr:nth-child(12n),.w12-1-unr.end {margin-right:0;}
.w12-1-unr:nth-child(12n+1),.w12-1-unr.start {clear:left;}
.w12-1-unr.sqbgimg {height:0;padding-top:calc(8.3333% - .916663em);}
.w12-2-unr {width:calc(16.6666% - .83333em);}
.w12-2-unr.sqbgimg {height:0;padding-top:16.6666%;}
.w12-2-unr:nth-child(6n),.w12-2-unr.end {margin-right:0;}
.w12-2-unr:nth-child(6n+1),.w12-2-unr.start {clear:left;}
.w12-3-unr {width:calc(25% - .75em);}
.w12-3-unr:nth-child(4n),.w12-3-unr.end {margin-right:0;}
.w12-3-unr:nth-child(4n+1),.w12-3-unr.start {clear:left;}
.w12-4-unr {width:calc(33.3333% - .6666em);}
.w12-4-unr:nth-child(3n),.w12-4-unr.end {margin-right:0;}
.w12-4-unr:nth-child(3n+1),.w12-4-unr.start {clear:left;}
.w12-5-unr {width:calc(41.6666% - 1em);margin-right:1em;}
.w12-6-unr {width:calc(50% - .5em);}
.w12-6-unr:nth-child(2n),.w12-6-unr.end {margin-right:0;}
.w12-6-unr:nth-child(2n+1),.w12-6-unr.start {clear:left;}
.w12-7-unr {width:calc(58.3333% - 1.5em);margin-right:1.5em;}
.w12-8-unr {width:calc(66.6666% - 1.5em);margin-right:1.5em;}
.w12-9-unr {width:calc(75% - 2em);margin-right:2em;}
.w12-10-unr {width:calc(83.3333% - 2em);margin-right:2em;}
.w12-11-unr {width:calc(91.6666% - 2em);margin-right:2em;}
.w12-7.end,.w12-8.end,.w12-9.end,.w12-10.end,.w12-11.end,.w12-7-unr.end,.w12-8-unr.end,.w12-9-unr.end,.w12-10-unr.end,.w12-11-unr.end {margin-right:0;}
.w12-7.start,.w12-8.start,.w12-9.start,.w12-10.start,.w12-11.start,.w12-7-unr.start,.w12-8-unr.start,.w12-9-unr.start,.w12-10-unr.start,.w12-11-unr.start {clear:left;}
/* desktop laptops - anything 1024px and above */
@media (min-width: 64em) {.w12-1 {width:calc(8.3333% - .916663em);}
.w12-1:nth-child(12n),.w12-1.end {margin-right:0;}
.w12-1:nth-child(12n+1),.w12-1.start {clear:left;}
.w12-1.sqbgimg {height:0;padding-top:calc(8.3333% - .916663em);}
.w12-2 {width:calc(16.6666% - 0.83333em);}
.w12-2.sqbgimg {height:0;padding-top:16.6666%;}
.w12-2:nth-child(6n),.w12-2.end {margin-right:0;}
.w12-2:nth-child(6n+1),.w12-2.start {clear:left;}
.w12-3 {width:calc(25% - 0.75em);}
.w12-3.sqbgimg {height:0;padding-top:25%;}
.w12-3:nth-child(4n),.w12-3.end {margin-right:0;}
.w12-3:nth-child(4n+1),.w12-3.start {clear:left;}
.w12-4 {width:calc(33.3333% - .6666em);}
.w12-4:nth-child(3n),.w12-4.end {margin-right:0;}
.w12-4.sqbgimg {height:0;padding-top:33.3333%;}
.w12-4:nth-child(3n+1),.w12-4.start {clear:left;}
.w12-5 {width:calc(41.6666% - .5833em);}
.w12-5:nth-child(2n),.w12-5.end {margin-right:0;}
.w12-5:nth-child(2n+1),.w12-5.start {clear:left;}
.w12-6 {width:calc(50% - .5em);}
.w12-6:nth-child(2n),.w12-6.end {margin-right:0;}
.w12-6:nth-child(2n+1),.w12-6.start {clear:left;}
.w12-6.sqbgimg {height:0;padding-top:50%;}
.w12-7 {width:calc(58.3333% - .4166em);}
.w12-7.lgmg {width:calc(58.3333% - 2em);margin-right:2em;}
.w12-7:nth-child(7n),.w12-7.end {margin-right:0;}
.w12-7:nth-child(7n+1),.w12-7.start {clear:left;}
.w12-8 {width:calc(66.6666% - .3333em);}
.w12-8.lgmg {width:calc(66.6666% - 2em);margin-right:2em;}
.w12-9 {width:calc(75% - .25em);}
.w12-9.lgmg {width:calc(75% - 2em);margin-right:2em;}
.w12-10 {width:calc(83.3333% - .1666em);}
.w12-10.lrgmg {width:calc(83.3333% - 2em);margin-right:2em;}
.w12-11 {width:calc(91.6666% - .0833em);}
.w12-11.lgmg {width:calc(91.6666% - 2em);margin-right:2em;}
}
/* tablets min width 672px and max width 1023px or just under 1024px using em */
@media (min-width: 42em) and (max-width: 63.99em) {.w12-1 {width:calc(16.6666% - .83333em);}
.w12-1:nth-child(6n),.w12-1.end {margin-right:0;}
.w12-1:nth-child(6n+1),.w12-1.start {clear:left;}
.w12-1.sqbgimg {height:0;padding-top:calc(16.6666% - .83333em);}
.w12-2 {width:calc(25% - .75em);}
.w12-2.sqbgimg {height:0;padding-top:25%;}
.w12-2:nth-child(4n),.w12-2.end {margin-right:0;}
.w12-2:nth-child(4n+1),.w12-2.start {clear:left;}
.w12-3 {width:calc(50% - .5em);}
.w12-3:nth-child(2n),.w12-3.end {margin-right:0;clear:right;}
.w12-4 {width:calc(33.33333% - .6666em);}
w12-4:nth-child(3n),.w12-4.end {margin-right:0;clear:right;}
.w12-4.sqbgimg {height:0;padding-top:33.333333%;}
.w12-3.sqbgimg {height:0;padding-top:50%;}
.w12-3:nth-child(2n+1),.w12-3.start,.w12-4:nth-child(3n+1),.w12-4.start {clear:left;}
.w12-5 {width:calc(41.6666% - .5833em);}
.w12-6,.w12-3.full42 {width:calc(50% - .5em);}
.w12-6:nth-child(2n),.w12-6.end,.w12-3.full42:nth-child(2n),.w12-4.full42:nth-child(3n),.w12-3.full42.end {margin-right:0;}
.w12-6:nth-child(2n+1),.w12-6.start,.w12-3.full42:nth-child(2n+1),.w12-4.full42:nth-child(3n+1),.w12-4.full42.start {clear:left;}
.w12-7 {width:calc(58.3333% - .4166em);}
.w12-7.lgmg {width:calc(58.3333% - 2em);margin-right:2em;}
.w12-8,.w12-9,.w12-10 {width:calc(66.6666% - .33333em);}
.w12-11 {width:calc(83.3333% - .83333em);}
}
/* phones max width 671px or just under 672px using em .full42 is useful for fullwidth divs on phones */
@media (max-width: 41.99em) {.w12-1.start,.w12-1.end,.w12-2.start,.w12-2.end,.w12-3.start,.w12-3.end,.w12-4.start,.w12-4.end,.w12-5.start,.w12-5.end,.w12-6.start,.w12-6.end,.w12-7.start,.w12-7.end,.w12-8.start,.w12-8.end,.w12-9.start,.w12-9.end,.w12-10.start,.w12-10.end,.w12-11.start,.w12-11.end {width:100%;margin-right:0;float:none;clear:both;}
.w12-1,.w12-2,.w12-5,.w12-6,.w12-7 {width:calc(50% - .5em);}
.w12-1.sqbgimg {height:0;padding-top:calc(50% - .5em);}
.w12-1.full42,.w12-2.full42,.w12-3.full42,.w12-4.full42,.w12-5.full42,.w12-6.full42,.w12-7.full42 {width:100%;margin-right:0;float:none;clear:both;}
.w12-1:nth-child(2n),.w12-2:nth-child(2n),.w12-5:nth-child(2n),.w12-6:nth-child(2n),.w12-7:nth-child(2n) {margin-right:0;}
.w12-1:nth-child(2n+1),.w12-2:nth-child(2n+1),.w12-5:nth-child(2n+1),.w12-6:nth-child(2n+1),.w12-7:nth-child(2n+1) {clear:left;}
.w12-3,.w12-4 {width:calc(50% - .5em);}
.w12-3:nth-child(2n),.w12-3.end,.w12-4:nth-child(2n),.w12-4.end {margin-right:0;}
.w12-3:nth-child(2n+1),.w12-3.start,.w12-4:nth-child(2n+1),.w12-4.start {clear:left;}
.w12-3.sqbgimg,.w12-4.sqbgimg,.w12-8.sqbgimg,.w12-9.sqbgimg,.w12-10.sqbgimg,.w12-11.sqbgimg {height:0;padding-top:100%;}
.w12-1.sqbgimg,.w12-2.sqbgimg,.w12-5.sqbgimg,.w12-6.sqbgimg,.w12-7.sqbgimg {height:0;padding-top:48%;}
}
/* edge exceptions - ms rounds to 2 decimal places - this will break autoformatting in editors */
@supports (-ms-ime-align:auto) {
@media (min-width: 64.01em) {.w12-1 {width:calc(8.33% - .92em);}
.w12-1.sqbgimg {padding-top:calc(8.33% - .92em);}
.w12-2 {width:calc(16.67% - 0.83em);}
.w12-2.sqbgimg {padding-top:16.67%;}
.w12-4 {width:calc(33.33% - .67em);}
.w12-4.sqbgimg {padding-top:33.33%;}
.w12-5 {width:calc(41.67% - .58em);}
.w12-7 {width:calc(58.33% - .42em);}
.w12-7.lgmg {width:calc(58.33% - 2em);}
.w12-8 {width:calc(66.67% - .33em);}
.w12-8.lgmg {width:calc(66.67% - 2em);}
.w12-10 {width:calc(83.33% - .17em);}
.w12-10.lrgmg {width:calc(83.33% - 2em);}
.w12-11 {width:calc(91.67% - .08em);}
.w12-11.lgmg {width:calc(91.67% - 2em);}
}
@media (min-width: 42em) and (max-width: 63.99em) {.w12-1 {width:calc(16.67% - .83em);}
.w12-1.sqbgimg {padding-top:calc(16.67% - .83em);}
.w12-4 {width:calc(33.33% - .67em);}
.w12-4.sqbgimg {padding-top:33.33%;}
.w12-5 {width:calc(41.67% - .58em);}
.w12-7 {width:calc(58.33% - .417em);}
.w12-7.lgmg {width:calc(58.33% - 2em);}
.w12-8,.w12-9,.w12-10 {width:calc(66.67% - .33em);}
.w12-11 {width:calc(83.33% - .83em);}
}
}