#stickystacks_in_5_3 { display: block; position: fixed; right: 80px; top: 190px; padding: 0; margin: 0; width: 150px; overflow: hidden; z-index: 100; } #stickyLinkstacks_in_5_3 a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media print { #stickystacks_in_5_3 { display: none !important; } } #stacks_in_5_5 .ec-minicart{background-color:rgba(255, 255, 255, 1.00)!important}#stacks_in_5_5 .ec-minicart:hover{background-color:rgba(248, 248, 248, 1.00)!important} #stacks_in_5_5 .ec-minicart [stroke]{stroke:rgba(121, 121, 121, 1.00)!important;fill:rgba(255, 255, 255, 1.00)!important}#stacks_in_5_5 .ec-minicart:hover [stroke]{stroke:rgba(169, 169, 169, 1.00)!important;fill:rgba(255, 255, 255, 1.00)!important}#stacks_in_5_5 .ec-minicart__counter,#stacks_in_5_5 .ec-minicart__count{color:rgba(230, 230, 230, 1.00)!important;font-size:0.9em!important}#stacks_in_5_5 .ec-minicart__counter::after{background:rgba(252, 87, 41, 1.00)!important}#stacks_in_5_5 .ec-minicart__counter:hover,#stacks_in_5_5 .ec-minicart__count:hover{color:rgba(169, 169, 169, 1.00)!important}#stacks_in_5_5 .ec-minicart__subtotal{color:rgba(121, 121, 121, 1.00)!important}#stacks_in_5_5 .ec-minicart__subtotal:hover{color:rgba(169, 169, 169, 1.00)!important}#stacks_in_5_5 .ec-minicart__link{color:rgba(121, 121, 121, 1.00)!important}#stacks_in_5_5 .ec-minicart__link:hover{color:rgba(169, 169, 169, 1.00)!important}#stacks_in_5_5 .ec-minicart__title{color:rgba(121, 121, 121, 1.00)!important}#stacks_in_5_5 .ec-minicart__title:hover{color:rgba(169, 169, 169, 1.00)!important} #stacks_in_5_6{ max-width: 1000px;margin: 0 auto; } #stacks_in_5_6{ padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_5_6{ padding: 0px 0px 0px 0px; } } #stacks_in_5_8 { margin: 4px; } #stacks_in_8>.s3_row { margin: 0 -10px; } #stacks_in_8>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_8>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_8>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_8>.s3_row { margin: -10px 0; } #stacks_in_8>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_14 { margin: 24px 8px 8px 8px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_23 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_23 .container:after, #stacks_in_23 .row:after, #stacks_in_23 .mbcol:after, #stacks_in_23 .clr:after, #stacks_in_23 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_23 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_23 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_23 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_23 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_23 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_23 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_23 .mbspan_3 { margin:0; width: 25%; } #stacks_in_23 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_23 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_23 .mbspan_6 { margin:0; width: 50%; } #stacks_in_23 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_23 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_23 .mbspan_9 { margin:0; width: 75%; } #stacks_in_23 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_23 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_23 .mbspan_12 { margin:0; width: 100%; } #stacks_in_23 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_23 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_23 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_23 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_23 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_23 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_23 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_23 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_23 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_23 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_23 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_23 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_42 { margin: 10px 10px 30px 10px; } #stacks_in_24 { margin: 17px 0px 17px 0px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_25 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_25 .container:after, #stacks_in_25 .row:after, #stacks_in_25 .mbcol:after, #stacks_in_25 .clr:after, #stacks_in_25 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_25 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_25 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_25 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_25 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_25 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_25 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_25 .mbspan_3 { margin:0; width: 25%; } #stacks_in_25 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_25 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_25 .mbspan_6 { margin:0; width: 50%; } #stacks_in_25 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_25 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_25 .mbspan_9 { margin:0; width: 75%; } #stacks_in_25 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_25 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_25 .mbspan_12 { margin:0; width: 100%; } #stacks_in_25 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_25 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_25 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_25 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_25 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_25 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_25 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_25 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_25 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_25 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_25 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_25 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_50 { margin: 10px 10px 30px 10px; } #stacks_in_26 { margin: 17px 0px 17px 0px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_27 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_27 .container:after, #stacks_in_27 .row:after, #stacks_in_27 .mbcol:after, #stacks_in_27 .clr:after, #stacks_in_27 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_27 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_27 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_27 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_27 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_27 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_27 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_27 .mbspan_3 { margin:0; width: 25%; } #stacks_in_27 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_27 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_27 .mbspan_6 { margin:0; width: 50%; } #stacks_in_27 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_27 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_27 .mbspan_9 { margin:0; width: 75%; } #stacks_in_27 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_27 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_27 .mbspan_12 { margin:0; width: 100%; } #stacks_in_27 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_27 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_27 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_27 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_27 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_27 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_27 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_27 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_27 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_27 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_27 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_27 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_58 { margin: 10px 10px 30px 10px; } #stacks_in_28 { margin: 17px 0px 17px 0px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_29 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_29 .container:after, #stacks_in_29 .row:after, #stacks_in_29 .mbcol:after, #stacks_in_29 .clr:after, #stacks_in_29 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_29 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_29 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_29 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_29 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_29 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_29 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_29 .mbspan_3 { margin:0; width: 25%; } #stacks_in_29 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_29 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_29 .mbspan_6 { margin:0; width: 50%; } #stacks_in_29 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_29 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_29 .mbspan_9 { margin:0; width: 75%; } #stacks_in_29 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_29 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_29 .mbspan_12 { margin:0; width: 100%; } #stacks_in_29 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_29 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_29 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_29 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_29 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_29 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_29 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_29 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_29 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_29 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_29 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_29 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_66 { margin: 10px 10px 30px 10px; } #stacks_in_30 { margin: 17px 0px 17px 0px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_31 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_31 .container:after, #stacks_in_31 .row:after, #stacks_in_31 .mbcol:after, #stacks_in_31 .clr:after, #stacks_in_31 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_31 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_31 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_31 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_31 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_31 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_31 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_31 .mbspan_3 { margin:0; width: 25%; } #stacks_in_31 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_31 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_31 .mbspan_6 { margin:0; width: 50%; } #stacks_in_31 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_31 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_31 .mbspan_9 { margin:0; width: 75%; } #stacks_in_31 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_31 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_31 .mbspan_12 { margin:0; width: 100%; } #stacks_in_31 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_31 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_31 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_31 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_31 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_31 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_31 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_31 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_31 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_31 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_31 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_31 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_74 { margin: 10px 10px 30px 10px; } #stacks_in_32 { margin: 17px 0px 17px 0px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_33 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_33 .container:after, #stacks_in_33 .row:after, #stacks_in_33 .mbcol:after, #stacks_in_33 .clr:after, #stacks_in_33 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_33 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_33 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_33 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_33 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_33 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_33 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_33 .mbspan_3 { margin:0; width: 25%; } #stacks_in_33 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_33 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_33 .mbspan_6 { margin:0; width: 50%; } #stacks_in_33 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_33 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_33 .mbspan_9 { margin:0; width: 75%; } #stacks_in_33 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_33 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_33 .mbspan_12 { margin:0; width: 100%; } #stacks_in_33 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_33 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_33 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_33 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_33 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_33 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_33 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_33 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_33 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_33 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_33 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_33 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_82 { margin: 10px 10px 30px 10px; } #stacks_in_34 { margin: 17px 0px 17px 0px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_35 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_35 .container:after, #stacks_in_35 .row:after, #stacks_in_35 .mbcol:after, #stacks_in_35 .clr:after, #stacks_in_35 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_35 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_35 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_35 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_35 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_35 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_35 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_35 .mbspan_3 { margin:0; width: 25%; } #stacks_in_35 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_35 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_35 .mbspan_6 { margin:0; width: 50%; } #stacks_in_35 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_35 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_35 .mbspan_9 { margin:0; width: 75%; } #stacks_in_35 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_35 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_35 .mbspan_12 { margin:0; width: 100%; } #stacks_in_35 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_35 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_35 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_35 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_35 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_35 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_35 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_35 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_35 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_35 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_35 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_35 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_90 { margin: 10px 10px 30px 10px; } #stacks_in_36 { margin: 17px 0px 17px 0px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_37 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_37 .container:after, #stacks_in_37 .row:after, #stacks_in_37 .mbcol:after, #stacks_in_37 .clr:after, #stacks_in_37 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_37 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_37 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_37 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_37 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_37 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_37 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_37 .mbspan_3 { margin:0; width: 25%; } #stacks_in_37 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_37 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_37 .mbspan_6 { margin:0; width: 50%; } #stacks_in_37 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_37 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_37 .mbspan_9 { margin:0; width: 75%; } #stacks_in_37 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_37 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_37 .mbspan_12 { margin:0; width: 100%; } #stacks_in_37 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_37 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_37 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_37 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_37 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_37 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_37 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_37 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_37 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_37 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_37 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_37 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_98 { margin: 10px 10px 30px 10px; } #stacks_in_38 { margin: 17px 0px 17px 0px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_39 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_39 .container:after, #stacks_in_39 .row:after, #stacks_in_39 .mbcol:after, #stacks_in_39 .clr:after, #stacks_in_39 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_39 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_39 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_39 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_39 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_39 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_39 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_39 .mbspan_3 { margin:0; width: 25%; } #stacks_in_39 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_39 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_39 .mbspan_6 { margin:0; width: 50%; } #stacks_in_39 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_39 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_39 .mbspan_9 { margin:0; width: 75%; } #stacks_in_39 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_39 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_39 .mbspan_12 { margin:0; width: 100%; } #stacks_in_39 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_39 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_39 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_39 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_39 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_39 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_39 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_39 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_39 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_39 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_39 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_39 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_106 { margin: 10px 10px 30px 10px; } #stacks_in_40 { margin: 17px 0px 17px 0px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_41 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_41 .container:after, #stacks_in_41 .row:after, #stacks_in_41 .mbcol:after, #stacks_in_41 .clr:after, #stacks_in_41 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_41 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_41 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_41 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_41 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_41 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_41 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_41 .mbspan_3 { margin:0; width: 25%; } #stacks_in_41 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_41 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_41 .mbspan_6 { margin:0; width: 50%; } #stacks_in_41 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_41 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_41 .mbspan_9 { margin:0; width: 75%; } #stacks_in_41 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_41 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_41 .mbspan_12 { margin:0; width: 100%; } #stacks_in_41 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_41 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_41 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_41 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_41 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_41 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_41 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_41 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_41 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_41 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_41 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_41 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_41 { margin: 5px; } #stacks_in_114 { margin: 10px 10px 30px 10px; }