#stacks_in_5319 .stacks_left { float:left; width:67%; } #stacks_in_5319 .stacks_right { float:right; width:31%; } #stacks_in_5309 { background-color: rgba(152, 0, 19, 1.00); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #stacks_in_5310 { font-size: 111%; } #stacks_in_3016 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #stacks_in_3017 { font-size: 111%; } #stacks_in_5328 { margin: 20px 0px 0px 0px; } #stacks_in_2135 .stacks_left { float:left; width:32%; } #stacks_in_2135 .stacks_right { float:right; width:32%; } #stacks_in_2135 .stacks_middle { position:relative; margin:0 auto; width:32%; } #stacks_in_2135 { margin: 30px 0px 0px 0px; } /* This is topbox1 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4483 { cursor: pointer; } #shade1 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade1.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade1.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade1.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade1 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade1.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade1.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade1.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade1.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade1.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4483:hover, .topbox:hover { cursor: pointer !important; } #topBox1 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox1, #topBox1::before, #topBox1::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4483 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4483 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4483 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4483 .topBoxVideo iframe, #topBoxContentstacks_in_4483 .topBoxVideo object, #topBoxContentstacks_in_4483 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose1 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose1 [class^="icon-"] { color: #FFFFFF; } #topBoxClose1:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose1 .topBoxCloseInner, #topBoxClose1 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive1 #topBoxClose1, .topBoxActive1 #topBoxNext1, .topBoxActive1 #topBoxPrev1 { display: block; } #simpleClosestacks_in_4483 { display: none; } #topBoxClose1 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4483 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4483 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4483, #shade1, #topBoxClose1, #topBoxNext1, #topBoxPrev1 { display: none !important; } #topBox1 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4483 { background-color: rgba(254, 255, 229, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } #stacks_in_4485 { padding: 10px 0px 0px 0px; } /* This is topbox2 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4454 { cursor: pointer; } #shade2 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade2.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade2.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade2.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade2 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade2.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade2.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade2.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade2.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade2.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4454:hover, .topbox:hover { cursor: pointer !important; } #topBox2 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox2, #topBox2::before, #topBox2::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4454 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4454 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4454 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4454 .topBoxVideo iframe, #topBoxContentstacks_in_4454 .topBoxVideo object, #topBoxContentstacks_in_4454 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose2 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose2 [class^="icon-"] { color: #FFFFFF; } #topBoxClose2:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose2 .topBoxCloseInner, #topBoxClose2 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive2 #topBoxClose2, .topBoxActive2 #topBoxNext2, .topBoxActive2 #topBoxPrev2 { display: block; } #simpleClosestacks_in_4454 { display: none; } #topBoxClose2 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4454 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4454 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4454, #shade2, #topBoxClose2, #topBoxNext2, #topBoxPrev2 { display: none !important; } #topBox2 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4454 { background-color: rgba(254, 255, 229, 1.00); padding: 0px 0px 0px 15px; } /* This is topbox3 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4512 { cursor: pointer; } #shade3 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade3.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade3.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade3.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade3 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade3.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade3.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade3.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade3.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade3.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4512:hover, .topbox:hover { cursor: pointer !important; } #topBox3 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox3, #topBox3::before, #topBox3::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4512 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4512 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4512 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4512 .topBoxVideo iframe, #topBoxContentstacks_in_4512 .topBoxVideo object, #topBoxContentstacks_in_4512 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose3 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose3 [class^="icon-"] { color: #FFFFFF; } #topBoxClose3:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose3 .topBoxCloseInner, #topBoxClose3 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive3 #topBoxClose3, .topBoxActive3 #topBoxNext3, .topBoxActive3 #topBoxPrev3 { display: block; } #simpleClosestacks_in_4512 { display: none; } #topBoxClose3 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4512 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4512 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4512, #shade3, #topBoxClose3, #topBoxNext3, #topBoxPrev3 { display: none !important; } #topBox3 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4512 { background-color: rgba(254, 255, 229, 1.00); padding: 0px 0px 0px 15px; } /* This is topbox4 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4541 { cursor: pointer; } #shade4 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade4.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade4.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade4.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade4 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade4.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade4.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade4.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade4.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade4.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4541:hover, .topbox:hover { cursor: pointer !important; } #topBox4 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox4, #topBox4::before, #topBox4::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4541 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4541 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4541 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4541 .topBoxVideo iframe, #topBoxContentstacks_in_4541 .topBoxVideo object, #topBoxContentstacks_in_4541 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose4 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose4 [class^="icon-"] { color: #FFFFFF; } #topBoxClose4:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose4 .topBoxCloseInner, #topBoxClose4 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive4 #topBoxClose4, .topBoxActive4 #topBoxNext4, .topBoxActive4 #topBoxPrev4 { display: block; } #simpleClosestacks_in_4541 { display: none; } #topBoxClose4 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4541 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4541 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4541, #shade4, #topBoxClose4, #topBoxNext4, #topBoxPrev4 { display: none !important; } #topBox4 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4541 { background-color: rgba(254, 255, 229, 1.00); padding: 0px 0px 0px 15px; } /* This is topbox5 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4570 { cursor: pointer; } #shade5 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade5.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade5.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade5.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade5 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade5.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade5.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade5.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade5.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade5.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4570:hover, .topbox:hover { cursor: pointer !important; } #topBox5 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox5, #topBox5::before, #topBox5::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4570 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4570 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4570 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4570 .topBoxVideo iframe, #topBoxContentstacks_in_4570 .topBoxVideo object, #topBoxContentstacks_in_4570 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose5 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose5 [class^="icon-"] { color: #FFFFFF; } #topBoxClose5:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose5 .topBoxCloseInner, #topBoxClose5 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive5 #topBoxClose5, .topBoxActive5 #topBoxNext5, .topBoxActive5 #topBoxPrev5 { display: block; } #simpleClosestacks_in_4570 { display: none; } #topBoxClose5 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4570 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4570 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4570, #shade5, #topBoxClose5, #topBoxNext5, #topBoxPrev5 { display: none !important; } #topBox5 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4570 { background-color: rgba(254, 255, 229, 1.00); padding: 0px 0px 0px 15px; } /* This is topbox6 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4628 { cursor: pointer; } #shade6 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade6.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade6.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade6.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade6 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade6.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade6.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade6.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade6.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade6.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4628:hover, .topbox:hover { cursor: pointer !important; } #topBox6 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox6, #topBox6::before, #topBox6::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4628 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4628 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4628 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4628 .topBoxVideo iframe, #topBoxContentstacks_in_4628 .topBoxVideo object, #topBoxContentstacks_in_4628 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose6 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose6 [class^="icon-"] { color: #FFFFFF; } #topBoxClose6:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose6 .topBoxCloseInner, #topBoxClose6 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive6 #topBoxClose6, .topBoxActive6 #topBoxNext6, .topBoxActive6 #topBoxPrev6 { display: block; } #simpleClosestacks_in_4628 { display: none; } #topBoxClose6 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4628 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4628 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4628, #shade6, #topBoxClose6, #topBoxNext6, #topBoxPrev6 { display: none !important; } #topBox6 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4628 { background-color: rgba(254, 255, 229, 1.00); padding: 0px 0px 0px 15px; } /* This is topbox7 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4657 { cursor: pointer; } #shade7 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade7.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade7.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade7.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade7 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade7.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade7.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade7.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade7.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade7.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4657:hover, .topbox:hover { cursor: pointer !important; } #topBox7 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox7, #topBox7::before, #topBox7::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4657 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4657 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4657 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4657 .topBoxVideo iframe, #topBoxContentstacks_in_4657 .topBoxVideo object, #topBoxContentstacks_in_4657 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose7 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose7 [class^="icon-"] { color: #FFFFFF; } #topBoxClose7:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose7 .topBoxCloseInner, #topBoxClose7 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive7 #topBoxClose7, .topBoxActive7 #topBoxNext7, .topBoxActive7 #topBoxPrev7 { display: block; } #simpleClosestacks_in_4657 { display: none; } #topBoxClose7 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4657 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4657 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4657, #shade7, #topBoxClose7, #topBoxNext7, #topBoxPrev7 { display: none !important; } #topBox7 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4657 { background-color: rgba(254, 255, 229, 1.00); padding: 0px 0px 0px 15px; } /* This is topbox8 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4447 { cursor: pointer; } #shade8 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade8.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade8.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade8.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade8 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade8.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade8.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade8.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade8.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade8.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4447:hover, .topbox:hover { cursor: pointer !important; } #topBox8 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox8, #topBox8::before, #topBox8::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4447 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4447 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4447 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4447 .topBoxVideo iframe, #topBoxContentstacks_in_4447 .topBoxVideo object, #topBoxContentstacks_in_4447 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose8 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose8 [class^="icon-"] { color: #FFFFFF; } #topBoxClose8:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose8 .topBoxCloseInner, #topBoxClose8 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive8 #topBoxClose8, .topBoxActive8 #topBoxNext8, .topBoxActive8 #topBoxPrev8 { display: block; } #simpleClosestacks_in_4447 { display: none; } #topBoxClose8 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4447 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4447 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4447, #shade8, #topBoxClose8, #topBoxNext8, #topBoxPrev8 { display: none !important; } #topBox8 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4447 { background-color: rgba(254, 255, 229, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 10px 15px; } #stacks_in_4452 { padding: 0px 0px 10px 0px; } /* This is topbox29 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5347 { cursor: pointer; } #shade29 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade29.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade29.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade29.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade29 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade29.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade29.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade29.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade29.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade29.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5347:hover, .topbox:hover { cursor: pointer !important; } #topBox29 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox29, #topBox29::before, #topBox29::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5347 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5347 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5347 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5347 .topBoxVideo iframe, #topBoxContentstacks_in_5347 .topBoxVideo object, #topBoxContentstacks_in_5347 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose29 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose29 [class^="icon-"] { color: #FFFFFF; } #topBoxClose29:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose29 .topBoxCloseInner, #topBoxClose29 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive29 #topBoxClose29, .topBoxActive29 #topBoxNext29, .topBoxActive29 #topBoxPrev29 { display: block; } #simpleClosestacks_in_5347 { display: none; } #topBoxClose29 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5347 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5347 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5347, #shade29, #topBoxClose29, #topBoxNext29, #topBoxPrev29 { display: none !important; } #topBox29 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5347 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 15px; } #stacks_in_5349 { padding: 10px 0px 0px 0px; } /* This is topbox30 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5376 { cursor: pointer; } #shade30 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade30.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade30.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade30.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade30 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade30.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade30.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade30.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade30.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade30.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5376:hover, .topbox:hover { cursor: pointer !important; } #topBox30 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox30, #topBox30::before, #topBox30::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5376 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5376 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5376 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5376 .topBoxVideo iframe, #topBoxContentstacks_in_5376 .topBoxVideo object, #topBoxContentstacks_in_5376 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose30 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose30 [class^="icon-"] { color: #FFFFFF; } #topBoxClose30:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose30 .topBoxCloseInner, #topBoxClose30 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive30 #topBoxClose30, .topBoxActive30 #topBoxNext30, .topBoxActive30 #topBoxPrev30 { display: block; } #simpleClosestacks_in_5376 { display: none; } #topBoxClose30 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5376 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5376 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5376, #shade30, #topBoxClose30, #topBoxNext30, #topBoxPrev30 { display: none !important; } #topBox30 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5376 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox31 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5405 { cursor: pointer; } #shade31 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade31.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade31.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade31.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade31 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade31.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade31.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade31.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade31.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade31.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5405:hover, .topbox:hover { cursor: pointer !important; } #topBox31 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox31, #topBox31::before, #topBox31::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5405 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5405 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5405 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5405 .topBoxVideo iframe, #topBoxContentstacks_in_5405 .topBoxVideo object, #topBoxContentstacks_in_5405 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose31 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose31 [class^="icon-"] { color: #FFFFFF; } #topBoxClose31:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose31 .topBoxCloseInner, #topBoxClose31 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive31 #topBoxClose31, .topBoxActive31 #topBoxNext31, .topBoxActive31 #topBoxPrev31 { display: block; } #simpleClosestacks_in_5405 { display: none; } #topBoxClose31 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5405 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5405 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5405, #shade31, #topBoxClose31, #topBoxNext31, #topBoxPrev31 { display: none !important; } #topBox31 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5405 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox32 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5434 { cursor: pointer; } #shade32 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade32.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade32.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade32.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade32 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade32.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade32.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade32.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade32.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade32.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5434:hover, .topbox:hover { cursor: pointer !important; } #topBox32 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox32, #topBox32::before, #topBox32::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5434 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5434 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5434 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5434 .topBoxVideo iframe, #topBoxContentstacks_in_5434 .topBoxVideo object, #topBoxContentstacks_in_5434 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose32 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose32 [class^="icon-"] { color: #FFFFFF; } #topBoxClose32:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose32 .topBoxCloseInner, #topBoxClose32 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive32 #topBoxClose32, .topBoxActive32 #topBoxNext32, .topBoxActive32 #topBoxPrev32 { display: block; } #simpleClosestacks_in_5434 { display: none; } #topBoxClose32 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5434 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5434 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5434, #shade32, #topBoxClose32, #topBoxNext32, #topBoxPrev32 { display: none !important; } #topBox32 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5434 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox33 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5463 { cursor: pointer; } #shade33 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade33.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade33.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade33.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade33 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade33.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade33.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade33.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade33.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade33.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5463:hover, .topbox:hover { cursor: pointer !important; } #topBox33 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox33, #topBox33::before, #topBox33::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5463 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5463 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5463 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5463 .topBoxVideo iframe, #topBoxContentstacks_in_5463 .topBoxVideo object, #topBoxContentstacks_in_5463 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose33 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose33 [class^="icon-"] { color: #FFFFFF; } #topBoxClose33:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose33 .topBoxCloseInner, #topBoxClose33 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive33 #topBoxClose33, .topBoxActive33 #topBoxNext33, .topBoxActive33 #topBoxPrev33 { display: block; } #simpleClosestacks_in_5463 { display: none; } #topBoxClose33 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5463 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5463 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5463, #shade33, #topBoxClose33, #topBoxNext33, #topBoxPrev33 { display: none !important; } #topBox33 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5463 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox34 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5521 { cursor: pointer; } #shade34 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade34.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade34.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade34.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade34 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade34.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade34.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade34.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade34.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade34.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5521:hover, .topbox:hover { cursor: pointer !important; } #topBox34 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox34, #topBox34::before, #topBox34::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5521 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5521 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5521 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5521 .topBoxVideo iframe, #topBoxContentstacks_in_5521 .topBoxVideo object, #topBoxContentstacks_in_5521 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose34 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose34 [class^="icon-"] { color: #FFFFFF; } #topBoxClose34:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose34 .topBoxCloseInner, #topBoxClose34 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive34 #topBoxClose34, .topBoxActive34 #topBoxNext34, .topBoxActive34 #topBoxPrev34 { display: block; } #simpleClosestacks_in_5521 { display: none; } #topBoxClose34 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5521 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5521 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5521, #shade34, #topBoxClose34, #topBoxNext34, #topBoxPrev34 { display: none !important; } #topBox34 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5521 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox35 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5550 { cursor: pointer; } #shade35 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade35.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade35.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade35.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade35 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade35.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade35.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade35.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade35.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade35.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5550:hover, .topbox:hover { cursor: pointer !important; } #topBox35 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox35, #topBox35::before, #topBox35::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5550 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5550 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5550 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5550 .topBoxVideo iframe, #topBoxContentstacks_in_5550 .topBoxVideo object, #topBoxContentstacks_in_5550 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose35 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose35 [class^="icon-"] { color: #FFFFFF; } #topBoxClose35:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose35 .topBoxCloseInner, #topBoxClose35 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive35 #topBoxClose35, .topBoxActive35 #topBoxNext35, .topBoxActive35 #topBoxPrev35 { display: block; } #simpleClosestacks_in_5550 { display: none; } #topBoxClose35 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5550 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5550 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5550, #shade35, #topBoxClose35, #topBoxNext35, #topBoxPrev35 { display: none !important; } #topBox35 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5550 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 10px 15px; } /* This is topbox17 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4918 { cursor: pointer; } #shade17 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade17.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade17.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade17.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade17 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade17.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade17.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade17.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade17.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade17.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4918:hover, .topbox:hover { cursor: pointer !important; } #topBox17 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox17, #topBox17::before, #topBox17::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4918 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4918 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4918 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4918 .topBoxVideo iframe, #topBoxContentstacks_in_4918 .topBoxVideo object, #topBoxContentstacks_in_4918 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose17 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose17 [class^="icon-"] { color: #FFFFFF; } #topBoxClose17:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose17 .topBoxCloseInner, #topBoxClose17 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive17 #topBoxClose17, .topBoxActive17 #topBoxNext17, .topBoxActive17 #topBoxPrev17 { display: block; } #simpleClosestacks_in_4918 { display: none; } #topBoxClose17 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4918 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4918 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4918, #shade17, #topBoxClose17, #topBoxNext17, #topBoxPrev17 { display: none !important; } #topBox17 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4918 { background-color: rgba(254, 255, 229, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } #stacks_in_4920 { padding: 10px 0px 0px 0px; } /* This is topbox18 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4947 { cursor: pointer; } #shade18 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade18.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade18.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade18.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade18 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade18.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade18.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade18.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade18.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade18.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4947:hover, .topbox:hover { cursor: pointer !important; } #topBox18 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox18, #topBox18::before, #topBox18::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4947 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4947 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4947 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4947 .topBoxVideo iframe, #topBoxContentstacks_in_4947 .topBoxVideo object, #topBoxContentstacks_in_4947 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose18 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose18 [class^="icon-"] { color: #FFFFFF; } #topBoxClose18:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose18 .topBoxCloseInner, #topBoxClose18 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive18 #topBoxClose18, .topBoxActive18 #topBoxNext18, .topBoxActive18 #topBoxPrev18 { display: block; } #simpleClosestacks_in_4947 { display: none; } #topBoxClose18 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4947 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4947 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4947, #shade18, #topBoxClose18, #topBoxNext18, #topBoxPrev18 { display: none !important; } #topBox18 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4947 { background-color: rgba(254, 255, 229, 1.00); padding: 0px 0px 0px 15px; } /* This is topbox19 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4976 { cursor: pointer; } #shade19 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade19.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade19.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade19.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade19 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade19.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade19.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade19.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade19.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade19.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4976:hover, .topbox:hover { cursor: pointer !important; } #topBox19 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox19, #topBox19::before, #topBox19::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4976 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4976 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4976 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4976 .topBoxVideo iframe, #topBoxContentstacks_in_4976 .topBoxVideo object, #topBoxContentstacks_in_4976 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose19 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose19 [class^="icon-"] { color: #FFFFFF; } #topBoxClose19:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose19 .topBoxCloseInner, #topBoxClose19 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive19 #topBoxClose19, .topBoxActive19 #topBoxNext19, .topBoxActive19 #topBoxPrev19 { display: block; } #simpleClosestacks_in_4976 { display: none; } #topBoxClose19 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4976 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4976 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4976, #shade19, #topBoxClose19, #topBoxNext19, #topBoxPrev19 { display: none !important; } #topBox19 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4976 { background-color: rgba(254, 255, 229, 1.00); padding: 0px 0px 0px 15px; } /* This is topbox20 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5005 { cursor: pointer; } #shade20 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade20.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade20.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade20.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade20 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade20.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade20.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade20.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade20.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade20.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5005:hover, .topbox:hover { cursor: pointer !important; } #topBox20 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox20, #topBox20::before, #topBox20::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5005 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5005 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5005 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5005 .topBoxVideo iframe, #topBoxContentstacks_in_5005 .topBoxVideo object, #topBoxContentstacks_in_5005 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose20 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose20 [class^="icon-"] { color: #FFFFFF; } #topBoxClose20:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose20 .topBoxCloseInner, #topBoxClose20 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive20 #topBoxClose20, .topBoxActive20 #topBoxNext20, .topBoxActive20 #topBoxPrev20 { display: block; } #simpleClosestacks_in_5005 { display: none; } #topBoxClose20 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5005 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5005 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5005, #shade20, #topBoxClose20, #topBoxNext20, #topBoxPrev20 { display: none !important; } #topBox20 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5005 { background-color: rgba(254, 255, 229, 1.00); padding: 0px 0px 0px 15px; } /* This is topbox21 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5034 { cursor: pointer; } #shade21 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade21.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade21.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade21.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade21 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade21.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade21.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade21.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade21.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade21.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5034:hover, .topbox:hover { cursor: pointer !important; } #topBox21 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox21, #topBox21::before, #topBox21::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5034 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5034 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5034 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5034 .topBoxVideo iframe, #topBoxContentstacks_in_5034 .topBoxVideo object, #topBoxContentstacks_in_5034 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose21 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose21 [class^="icon-"] { color: #FFFFFF; } #topBoxClose21:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose21 .topBoxCloseInner, #topBoxClose21 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive21 #topBoxClose21, .topBoxActive21 #topBoxNext21, .topBoxActive21 #topBoxPrev21 { display: block; } #simpleClosestacks_in_5034 { display: none; } #topBoxClose21 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5034 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5034 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5034, #shade21, #topBoxClose21, #topBoxNext21, #topBoxPrev21 { display: none !important; } #topBox21 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5034 { background-color: rgba(254, 255, 229, 1.00); padding: 0px 0px 10px 15px; } /* This is topbox22 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5063 { cursor: pointer; } #shade22 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade22.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade22.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade22.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade22 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade22.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade22.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade22.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade22.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade22.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5063:hover, .topbox:hover { cursor: pointer !important; } #topBox22 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox22, #topBox22::before, #topBox22::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5063 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5063 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5063 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5063 .topBoxVideo iframe, #topBoxContentstacks_in_5063 .topBoxVideo object, #topBoxContentstacks_in_5063 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose22 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose22 [class^="icon-"] { color: #FFFFFF; } #topBoxClose22:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose22 .topBoxCloseInner, #topBoxClose22 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive22 #topBoxClose22, .topBoxActive22 #topBoxNext22, .topBoxActive22 #topBoxPrev22 { display: block; } #simpleClosestacks_in_5063 { display: none; } #topBoxClose22 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5063 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5063 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5063, #shade22, #topBoxClose22, #topBoxNext22, #topBoxPrev22 { display: none !important; } #topBox22 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5063 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 15px; } #stacks_in_5065 { padding: 10px 0px 0px 0px; } /* This is topbox23 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5121 { cursor: pointer; } #shade23 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade23.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade23.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade23.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade23 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade23.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade23.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade23.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade23.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade23.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5121:hover, .topbox:hover { cursor: pointer !important; } #topBox23 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox23, #topBox23::before, #topBox23::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5121 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5121 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5121 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5121 .topBoxVideo iframe, #topBoxContentstacks_in_5121 .topBoxVideo object, #topBoxContentstacks_in_5121 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose23 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose23 [class^="icon-"] { color: #FFFFFF; } #topBoxClose23:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose23 .topBoxCloseInner, #topBoxClose23 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive23 #topBoxClose23, .topBoxActive23 #topBoxNext23, .topBoxActive23 #topBoxPrev23 { display: block; } #simpleClosestacks_in_5121 { display: none; } #topBoxClose23 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5121 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5121 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5121, #shade23, #topBoxClose23, #topBoxNext23, #topBoxPrev23 { display: none !important; } #topBox23 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5121 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox24 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5150 { cursor: pointer; } #shade24 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade24.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade24.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade24.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade24 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade24.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade24.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade24.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade24.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade24.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5150:hover, .topbox:hover { cursor: pointer !important; } #topBox24 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox24, #topBox24::before, #topBox24::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5150 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5150 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5150 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5150 .topBoxVideo iframe, #topBoxContentstacks_in_5150 .topBoxVideo object, #topBoxContentstacks_in_5150 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose24 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose24 [class^="icon-"] { color: #FFFFFF; } #topBoxClose24:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose24 .topBoxCloseInner, #topBoxClose24 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive24 #topBoxClose24, .topBoxActive24 #topBoxNext24, .topBoxActive24 #topBoxPrev24 { display: block; } #simpleClosestacks_in_5150 { display: none; } #topBoxClose24 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5150 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5150 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5150, #shade24, #topBoxClose24, #topBoxNext24, #topBoxPrev24 { display: none !important; } #topBox24 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5150 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox25 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5179 { cursor: pointer; } #shade25 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade25.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade25.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade25.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade25 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade25.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade25.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade25.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade25.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade25.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5179:hover, .topbox:hover { cursor: pointer !important; } #topBox25 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox25, #topBox25::before, #topBox25::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5179 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5179 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5179 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5179 .topBoxVideo iframe, #topBoxContentstacks_in_5179 .topBoxVideo object, #topBoxContentstacks_in_5179 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose25 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose25 [class^="icon-"] { color: #FFFFFF; } #topBoxClose25:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose25 .topBoxCloseInner, #topBoxClose25 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive25 #topBoxClose25, .topBoxActive25 #topBoxNext25, .topBoxActive25 #topBoxPrev25 { display: block; } #simpleClosestacks_in_5179 { display: none; } #topBoxClose25 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5179 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5179 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5179, #shade25, #topBoxClose25, #topBoxNext25, #topBoxPrev25 { display: none !important; } #topBox25 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5179 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox26 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5208 { cursor: pointer; } #shade26 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade26.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade26.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade26.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade26 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade26.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade26.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade26.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade26.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade26.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5208:hover, .topbox:hover { cursor: pointer !important; } #topBox26 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox26, #topBox26::before, #topBox26::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5208 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5208 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5208 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5208 .topBoxVideo iframe, #topBoxContentstacks_in_5208 .topBoxVideo object, #topBoxContentstacks_in_5208 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose26 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose26 [class^="icon-"] { color: #FFFFFF; } #topBoxClose26:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose26 .topBoxCloseInner, #topBoxClose26 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive26 #topBoxClose26, .topBoxActive26 #topBoxNext26, .topBoxActive26 #topBoxPrev26 { display: block; } #simpleClosestacks_in_5208 { display: none; } #topBoxClose26 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5208 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5208 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5208, #shade26, #topBoxClose26, #topBoxNext26, #topBoxPrev26 { display: none !important; } #topBox26 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5208 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox40 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5421 { cursor: pointer; } #shade40 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade40.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade40.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade40.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade40 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade40.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade40.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade40.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade40.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade40.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5421:hover, .topbox:hover { cursor: pointer !important; } #topBox40 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox40, #topBox40::before, #topBox40::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5421 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5421 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5421 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5421 .topBoxVideo iframe, #topBoxContentstacks_in_5421 .topBoxVideo object, #topBoxContentstacks_in_5421 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose40 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose40 [class^="icon-"] { color: #FFFFFF; } #topBoxClose40:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose40 .topBoxCloseInner, #topBoxClose40 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive40 #topBoxClose40, .topBoxActive40 #topBoxNext40, .topBoxActive40 #topBoxPrev40 { display: block; } #simpleClosestacks_in_5421 { display: none; } #topBoxClose40 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5421 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5421 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5421, #shade40, #topBoxClose40, #topBoxNext40, #topBoxPrev40 { display: none !important; } #topBox40 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5421 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 10px 15px; } /* This is topbox9 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4686 { cursor: pointer; } #shade9 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade9.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade9.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade9.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade9 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade9.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade9.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade9.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade9.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade9.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4686:hover, .topbox:hover { cursor: pointer !important; } #topBox9 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox9, #topBox9::before, #topBox9::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4686 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4686 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4686 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4686 .topBoxVideo iframe, #topBoxContentstacks_in_4686 .topBoxVideo object, #topBoxContentstacks_in_4686 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose9 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose9 [class^="icon-"] { color: #FFFFFF; } #topBoxClose9:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose9 .topBoxCloseInner, #topBoxClose9 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive9 #topBoxClose9, .topBoxActive9 #topBoxNext9, .topBoxActive9 #topBoxPrev9 { display: block; } #simpleClosestacks_in_4686 { display: none; } #topBoxClose9 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4686 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4686 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4686, #shade9, #topBoxClose9, #topBoxNext9, #topBoxPrev9 { display: none !important; } #topBox9 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4686 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } #stacks_in_4688 { padding: 10px 0px 0px 0px; } /* This is topbox10 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4715 { cursor: pointer; } #shade10 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade10.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade10.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade10.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade10 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade10.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade10.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade10.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade10.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade10.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4715:hover, .topbox:hover { cursor: pointer !important; } #topBox10 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox10, #topBox10::before, #topBox10::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4715 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4715 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4715 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4715 .topBoxVideo iframe, #topBoxContentstacks_in_4715 .topBoxVideo object, #topBoxContentstacks_in_4715 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose10 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose10 [class^="icon-"] { color: #FFFFFF; } #topBoxClose10:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose10 .topBoxCloseInner, #topBoxClose10 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive10 #topBoxClose10, .topBoxActive10 #topBoxNext10, .topBoxActive10 #topBoxPrev10 { display: block; } #simpleClosestacks_in_4715 { display: none; } #topBoxClose10 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4715 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4715 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4715, #shade10, #topBoxClose10, #topBoxNext10, #topBoxPrev10 { display: none !important; } #topBox10 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4715 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox11 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4744 { cursor: pointer; } #shade11 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade11.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade11.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade11.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade11 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade11.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade11.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade11.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade11.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade11.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4744:hover, .topbox:hover { cursor: pointer !important; } #topBox11 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox11, #topBox11::before, #topBox11::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4744 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4744 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4744 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4744 .topBoxVideo iframe, #topBoxContentstacks_in_4744 .topBoxVideo object, #topBoxContentstacks_in_4744 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose11 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose11 [class^="icon-"] { color: #FFFFFF; } #topBoxClose11:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose11 .topBoxCloseInner, #topBoxClose11 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive11 #topBoxClose11, .topBoxActive11 #topBoxNext11, .topBoxActive11 #topBoxPrev11 { display: block; } #simpleClosestacks_in_4744 { display: none; } #topBoxClose11 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4744 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4744 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4744, #shade11, #topBoxClose11, #topBoxNext11, #topBoxPrev11 { display: none !important; } #topBox11 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4744 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox12 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4773 { cursor: pointer; } #shade12 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade12.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade12.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade12.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade12 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade12.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade12.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade12.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade12.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade12.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4773:hover, .topbox:hover { cursor: pointer !important; } #topBox12 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox12, #topBox12::before, #topBox12::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4773 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4773 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4773 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4773 .topBoxVideo iframe, #topBoxContentstacks_in_4773 .topBoxVideo object, #topBoxContentstacks_in_4773 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose12 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose12 [class^="icon-"] { color: #FFFFFF; } #topBoxClose12:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose12 .topBoxCloseInner, #topBoxClose12 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive12 #topBoxClose12, .topBoxActive12 #topBoxNext12, .topBoxActive12 #topBoxPrev12 { display: block; } #simpleClosestacks_in_4773 { display: none; } #topBoxClose12 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4773 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4773 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4773, #shade12, #topBoxClose12, #topBoxNext12, #topBoxPrev12 { display: none !important; } #topBox12 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4773 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox13 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4802 { cursor: pointer; } #shade13 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade13.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade13.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade13.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade13 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade13.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade13.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade13.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade13.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade13.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4802:hover, .topbox:hover { cursor: pointer !important; } #topBox13 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox13, #topBox13::before, #topBox13::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4802 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4802 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4802 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4802 .topBoxVideo iframe, #topBoxContentstacks_in_4802 .topBoxVideo object, #topBoxContentstacks_in_4802 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose13 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose13 [class^="icon-"] { color: #FFFFFF; } #topBoxClose13:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose13 .topBoxCloseInner, #topBoxClose13 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive13 #topBoxClose13, .topBoxActive13 #topBoxNext13, .topBoxActive13 #topBoxPrev13 { display: block; } #simpleClosestacks_in_4802 { display: none; } #topBoxClose13 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4802 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4802 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4802, #shade13, #topBoxClose13, #topBoxNext13, #topBoxPrev13 { display: none !important; } #topBox13 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4802 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox14 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4831 { cursor: pointer; } #shade14 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade14.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade14.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade14.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade14 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade14.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade14.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade14.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade14.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade14.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4831:hover, .topbox:hover { cursor: pointer !important; } #topBox14 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox14, #topBox14::before, #topBox14::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4831 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4831 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4831 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4831 .topBoxVideo iframe, #topBoxContentstacks_in_4831 .topBoxVideo object, #topBoxContentstacks_in_4831 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose14 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose14 [class^="icon-"] { color: #FFFFFF; } #topBoxClose14:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose14 .topBoxCloseInner, #topBoxClose14 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive14 #topBoxClose14, .topBoxActive14 #topBoxNext14, .topBoxActive14 #topBoxPrev14 { display: block; } #simpleClosestacks_in_4831 { display: none; } #topBoxClose14 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4831 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4831 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4831, #shade14, #topBoxClose14, #topBoxNext14, #topBoxPrev14 { display: none !important; } #topBox14 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4831 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox15 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4860 { cursor: pointer; } #shade15 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade15.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade15.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade15.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade15 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade15.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade15.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade15.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade15.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade15.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4860:hover, .topbox:hover { cursor: pointer !important; } #topBox15 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox15, #topBox15::before, #topBox15::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4860 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4860 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4860 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4860 .topBoxVideo iframe, #topBoxContentstacks_in_4860 .topBoxVideo object, #topBoxContentstacks_in_4860 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose15 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose15 [class^="icon-"] { color: #FFFFFF; } #topBoxClose15:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose15 .topBoxCloseInner, #topBoxClose15 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive15 #topBoxClose15, .topBoxActive15 #topBoxNext15, .topBoxActive15 #topBoxPrev15 { display: block; } #simpleClosestacks_in_4860 { display: none; } #topBoxClose15 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4860 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4860 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4860, #shade15, #topBoxClose15, #topBoxNext15, #topBoxPrev15 { display: none !important; } #topBox15 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4860 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox16 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_4889 { cursor: pointer; } #shade16 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade16.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade16.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade16.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade16 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade16.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade16.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade16.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade16.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade16.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_4889:hover, .topbox:hover { cursor: pointer !important; } #topBox16 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox16, #topBox16::before, #topBox16::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_4889 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_4889 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_4889 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_4889 .topBoxVideo iframe, #topBoxContentstacks_in_4889 .topBoxVideo object, #topBoxContentstacks_in_4889 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose16 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose16 [class^="icon-"] { color: #FFFFFF; } #topBoxClose16:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose16 .topBoxCloseInner, #topBoxClose16 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive16 #topBoxClose16, .topBoxActive16 #topBoxNext16, .topBoxActive16 #topBoxPrev16 { display: block; } #simpleClosestacks_in_4889 { display: none; } #topBoxClose16 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_4889 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_4889 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_4889, #shade16, #topBoxClose16, #topBoxNext16, #topBoxPrev16 { display: none !important; } #topBox16 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_4889 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 0px 15px; } /* This is topbox41 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5493 { cursor: pointer; } #shade41 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade41.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade41.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade41.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade41 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade41.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade41.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade41.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade41.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade41.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5493:hover, .topbox:hover { cursor: pointer !important; } #topBox41 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox41, #topBox41::before, #topBox41::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5493 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5493 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5493 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5493 .topBoxVideo iframe, #topBoxContentstacks_in_5493 .topBoxVideo object, #topBoxContentstacks_in_5493 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose41 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose41 [class^="icon-"] { color: #FFFFFF; } #topBoxClose41:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose41 .topBoxCloseInner, #topBoxClose41 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive41 #topBoxClose41, .topBoxActive41 #topBoxNext41, .topBoxActive41 #topBoxPrev41 { display: block; } #simpleClosestacks_in_5493 { display: none; } #topBoxClose41 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5493 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5493 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5493, #shade41, #topBoxClose41, #topBoxNext41, #topBoxPrev41 { display: none !important; } #topBox41 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5493 { background-color: rgba(229, 244, 255, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 10px 15px; } /* This is topbox27 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5237 { cursor: pointer; } #shade27 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade27.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade27.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade27.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade27 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade27.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade27.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade27.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade27.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade27.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5237:hover, .topbox:hover { cursor: pointer !important; } #topBox27 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox27, #topBox27::before, #topBox27::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5237 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5237 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5237 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5237 .topBoxVideo iframe, #topBoxContentstacks_in_5237 .topBoxVideo object, #topBoxContentstacks_in_5237 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose27 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose27 [class^="icon-"] { color: #FFFFFF; } #topBoxClose27:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose27 .topBoxCloseInner, #topBoxClose27 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive27 #topBoxClose27, .topBoxActive27 #topBoxNext27, .topBoxActive27 #topBoxPrev27 { display: block; } #simpleClosestacks_in_5237 { display: none; } #topBoxClose27 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5237 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5237 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5237, #shade27, #topBoxClose27, #topBoxNext27, #topBoxPrev27 { display: none !important; } #topBox27 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5237 { background-color: rgba(254, 255, 229, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 15px; } #stacks_in_5239 { padding: 10px 0px 0px 0px; } /* This is topbox28 */ @font-face { font-family: 'FontAwesome'; src: url('../files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_5266 { cursor: pointer; } #shade28 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade28.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade28.topBoxShadeSolid { background: #FFFFFF; } /* Vertical gradient fill */ #shade28.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade28 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade28.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade28.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade28.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade28.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade28.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_5266:hover, .topbox:hover { cursor: pointer !important; } #topBox28 { display: none; margin: 0 auto; position: fixed; max-width: 800px; text-align: center; z-index: 999; overflow: auto; } #topBox28, #topBox28::before, #topBox28::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_5266 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_5266 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #topBoxContentstacks_in_5266 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_5266 .topBoxVideo iframe, #topBoxContentstacks_in_5266 .topBoxVideo object, #topBoxContentstacks_in_5266 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose28 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #FFFFFF; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose28 [class^="icon-"] { color: #FFFFFF; } #topBoxClose28:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose28 .topBoxCloseInner, #topBoxClose28 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive28 #topBoxClose28, .topBoxActive28 #topBoxNext28, .topBoxActive28 #topBoxPrev28 { display: block; } #simpleClosestacks_in_5266 { display: none; } #topBoxClose28 { display: none !important; height: 0px !important; width: 0px !important; border: none !important; left: -9999px !important; } #simpleClosestacks_in_5266 { display: block; text-align: right; position: relative; } #simpleClosestacks_in_5266 img { cursor: pointer; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_5266, #shade28, #topBoxClose28, #topBoxNext28, #topBoxPrev28 { display: none !important; } #topBox28 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_5266 { background-color: rgba(254, 255, 229, 1.00); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; padding: 0px 0px 10px 15px; }