.target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}} .target.stacks_in_1510{ margin:0px;}.target.stacks_in_1510{}.target.stacks_in_1510.width-fill{width:calc(100% - 0px)}.target.stacks_in_1510.width-flexible{width:100%}.target.stacks_in_1510.width-fixed{width:250px}.target.stacks_in_1510.height-fill{height:calc(100% - 0px)}.target.stacks_in_1510.height-flexible{height:100%}.target.stacks_in_1510.height-fixed{height:250px}.target.stacks_in_1510[class*="relative-"].top-pt{top:10%}.target.stacks_in_1510[class*="relative-"].top-px{top:10px}.target.stacks_in_1510[class*="relative-"].bottom-pt{bottom:10%}.target.stacks_in_1510[class*="relative-"].bottom-px{bottom:10px}.target.stacks_in_1510[class*="relative-"].right-pt{right:0%}.target.stacks_in_1510[class*="relative-"].right-px{right:0px}.target.stacks_in_1510[class*="relative-"].left-pt{left:0%}.target.stacks_in_1510[class*="relative-"].left-px{left:0px}.target.stacks_in_1510.shift-up{margin-top:-0px}.target.stacks_in_1510.shift-down{margin-bottom:-0px}.target.stacks_in_1510.shift-left{right:0px}.target.stacks_in_1510.shift-right{left:0px}.target.stacks_in_1510.pin-top,.target.stacks_in_1510.pin-bottom{left:0px}.target.stacks_in_1510.pin-left,.target.stacks_in_1510.pin-right{top:0px} #stacks_in_1512 { background-color: rgba(255, 255, 255, 0.70); margin: 0px 0px 30px 0px; padding: 0px 15px 0px 15px; } #stacks_out_1512 { width: 85%; margin-left:0; } #stacks_in_1515 { background-color: rgba(255, 255, 255, 0.70); margin: 22px 0px 30px 0px; padding: 0px 15px 0px 15px; } #stacks_out_1515 { width: 45%; margin-left:0; } #stacks_in_1504_2 { border: solid rgba(204, 204, 204, 1.00); border-width: 1px; padding: 30px 30px 30px 30px; } /* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 23, April, 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2012 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_1504_4_headerSpacer { display: block; width: 1px; height: 20px; background: transparent; } /* 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_1504_5 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_1504_5 .container:after, #stacks_in_1504_5 .row:after, #stacks_in_1504_5 .mbcol:after, #stacks_in_1504_5 .clr:after, #stacks_in_1504_5 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_1504_5 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_1504_5 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_1504_5 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_1504_5 .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_1504_5 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_1504_5 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_1504_5 .mbspan_3 { margin:0; width: 25%; } #stacks_in_1504_5 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_1504_5 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_1504_5 .mbspan_6 { margin:0; width: 50%; } #stacks_in_1504_5 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_1504_5 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_1504_5 .mbspan_9 { margin:0; width: 75%; } #stacks_in_1504_5 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_1504_5 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_1504_5 .mbspan_12 { margin:0; width: 100%; } #stacks_in_1504_5 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_1504_5 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_1504_5 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_1504_5 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_1504_5 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_1504_5 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_1504_5 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_1504_5 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_1504_5 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_1504_5 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_1504_5 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_1504_5 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_1504_6 { border: solid rgba(204, 204, 204, 1.00); border-width: 1px; margin: 0px 10px 0px 0px; padding: 30px 20px 30px 30px; } #stacks_in_1504_9 { background-color: rgba(231, 244, 248, 1.00); border: solid rgba(0, 143, 205, 1.00); border-width: 1px 1px 1px 1px; margin: 0px 0px 20px 10px; padding: 27px 30px 5px 30px; } #stacks_in_1504_11 { background-color: rgba(231, 244, 248, 1.00); border: solid rgba(0, 143, 205, 1.00); border-width: 1px 1px 1px 1px; margin: 0px 0px 0px 10px; padding: 27px 30px 5px 30px; } /* 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_1506_2_2 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_1506_2_2 .container:after, #stacks_in_1506_2_2 .row:after, #stacks_in_1506_2_2 .mbcol:after, #stacks_in_1506_2_2 .clr:after, #stacks_in_1506_2_2 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_1506_2_2 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_1506_2_2 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_1506_2_2 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_1506_2_2 .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_1506_2_2 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_1506_2_2 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_1506_2_2 .mbspan_3 { margin:0; width: 25%; } #stacks_in_1506_2_2 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_1506_2_2 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_1506_2_2 .mbspan_6 { margin:0; width: 50%; } #stacks_in_1506_2_2 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_1506_2_2 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_1506_2_2 .mbspan_9 { margin:0; width: 75%; } #stacks_in_1506_2_2 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_1506_2_2 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_1506_2_2 .mbspan_12 { margin:0; width: 100%; } #stacks_in_1506_2_2 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_1506_2_2 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_1506_2_2 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_1506_2_2 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_1506_2_2 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_1506_2_2 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_1506_2_2 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_1506_2_2 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_1506_2_2 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_1506_2_2 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_1506_2_2 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_1506_2_2 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_1506_2_2 { padding: 30px 40px 0px 40px; } /* 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_1506_2_3 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_1506_2_3 .container:after, #stacks_in_1506_2_3 .row:after, #stacks_in_1506_2_3 .mbcol:after, #stacks_in_1506_2_3 .clr:after, #stacks_in_1506_2_3 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_1506_2_3 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_1506_2_3 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_1506_2_3 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_1506_2_3 .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_1506_2_3 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_1506_2_3 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_1506_2_3 .mbspan_3 { margin:0; width: 25%; } #stacks_in_1506_2_3 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_1506_2_3 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_1506_2_3 .mbspan_6 { margin:0; width: 50%; } #stacks_in_1506_2_3 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_1506_2_3 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_1506_2_3 .mbspan_9 { margin:0; width: 75%; } #stacks_in_1506_2_3 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_1506_2_3 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_1506_2_3 .mbspan_12 { margin:0; width: 100%; } #stacks_in_1506_2_3 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_1506_2_3 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_1506_2_3 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_1506_2_3 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_1506_2_3 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_1506_2_3 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_1506_2_3 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_1506_2_3 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_1506_2_3 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_1506_2_3 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_1506_2_3 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_1506_2_3 .gutters .mbspan_12 { margin:0; width: 100%; } } /* 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_1506_2_11 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_1506_2_11 .container:after, #stacks_in_1506_2_11 .row:after, #stacks_in_1506_2_11 .mbcol:after, #stacks_in_1506_2_11 .clr:after, #stacks_in_1506_2_11 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_1506_2_11 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_1506_2_11 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_1506_2_11 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_1506_2_11 .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_1506_2_11 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_1506_2_11 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_1506_2_11 .mbspan_3 { margin:0; width: 25%; } #stacks_in_1506_2_11 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_1506_2_11 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_1506_2_11 .mbspan_6 { margin:0; width: 50%; } #stacks_in_1506_2_11 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_1506_2_11 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_1506_2_11 .mbspan_9 { margin:0; width: 75%; } #stacks_in_1506_2_11 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_1506_2_11 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_1506_2_11 .mbspan_12 { margin:0; width: 100%; } #stacks_in_1506_2_11 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_1506_2_11 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_1506_2_11 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_1506_2_11 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_1506_2_11 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_1506_2_11 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_1506_2_11 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_1506_2_11 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_1506_2_11 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_1506_2_11 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_1506_2_11 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_1506_2_11 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_1506_2_11 { margin: 0px 0px 0px 10px; } #stacks_in_1506_2_19 .onthelineouterspace { display:block; padding: 12px 0px 12px 0px; } #stacks_in_1506_2_19 .ontheline { display:block; height:auto; border-bottom-style:solid; border-bottom-width:0px; border-bottom-color:#60BDE0; border-top-style:solid; border-top-width:1px; border-top-color:#008FCD; font-size:1%; -webkit-box-shadow: 0px 0px 2px #DDDDDC; -moz-box-shadow: 0px 0px 2px #DDDDDC; box-shadow: 0px 0px 2px #DDDDDC; opacity:1; /*CustomCSS;*/ } #stacks_in_1506_2_19 { margin: 30px 0px 0px 0px; } #stacks_in_1506_2_20 { padding: 30px 40px 15px 40px; } #stacks_in_1506_3_1 { padding: 0px 20px 0px 20px; }