.spacerStack { height: 20.00px; } #spacerStackstacks_in_483 { height: 20.00px; } @media print { #spacerStackstacks_in_483 { display: none !important; } } /* -- End EACH CSS Template -- */ /* ------------------ edit END -- */ /* ------- global ------ */ #stacks_in_415 *{ box-sizing: border-box !important; } #stacks_in_415 .HYPE_document { direction:ltr !important; margin:auto; display: block; width: 100%; max-width: 1800px !important; } /* ------- main BG colour --- background-color: transparent; --- */ #stacks_in_415 .bg-hype-color-css { } /* ------- BG IMG ------ */ #stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-size: cover !important; background-image: url(../files/bg_image-415.jpg) !important; background-position: 50% 50% !important; opacity: 100; } @media screen and (min-width: 800px) { #stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg on mobile */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {#stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-attachment: scroll; } } /* source 2 */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { #stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-attachment: scroll; } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {#stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { background-attachment: scroll; } } /* filter visibility fixed bg END */ @media screen and (max-width: 600px) { #stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path { } } /* reset 3d with BG fixed */ #stacks_in_415 .bg-hype-css, #stacks_in_415 .bg-hype-css path, #stacks_in_415 .bg-hype-move-img { } #stacks_in_415 .shape-top { display: none !important; } #stacks_in_415 .shape-bottom { } /* shift stripes */ #stacks_in_415 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_415 .shape-bottom-wrapper { margin-top: 0px !important; } /* shift stripes with BP */ @media only screen and (max-width: ) { #stacks_in_415 .shape-top-wrapper { margin-top: -0px !important; } #stacks_in_415 .shape-bottom-wrapper { margin-top: 0px !important; } } /* stripe style */ #stacks_in_415 .shape-top path, #stacks_in_415 .shape-bottom path { stroke-style: solid !important; fill: rgba(255, 255, 255, 1.00) !important; stroke-width: 0px !important; stroke: rgba(202, 202, 202, 1.00) !important; stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } #stacks_in_415 .shape-bottom path { stroke-dasharray: 2500, 0; stroke-linecap: round; stroke-dashoffset: 0%; } /* redu */ /*@media only screen and (max-width: px) { #stacks_in_415 .shape-top, #stacks_in_415 .shape-bottom { } #stacks_in_415 .shape-top { }#stacks_in_415 .shape-bottom { } }*/ /* ------- BG ------ end */ /* ------- slice ------ start */ #stacks_in_415 .inner-slice-wrapper { z-index: 2; position: relative; pointer-events: none; } #stacks_in_415 .inner-slice-vertical-main { display:table; width: 100%; height: 50vh; min-height: 320px; } @media (max-width: 800px) { #stacks_in_415 .inner-slice-vertical-main { } } @media (max-width: 600px) { #stacks_in_415 .inner-slice-vertical-main { } } #stacks_in_415 .inner-slice-vertical-box { display:table-cell; vertical-align:middle; } /* removed width: auto !important; bwlow to fix in IE11 */ #stacks_in_415 .inner-slice-content { pointer-events: auto; margin-left: auto; margin-right: auto; /*margin-top: 5%; margin-bottom: 5%;*/ margin-top: 100px; margin-bottom: 100px; max-width: 600px; padding: 0px !important; -webkit-animation: fade-slicecss 0.30s ease-in-out both; animation: fade-slicecss 0.30s ease-in-out both; } @keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-slicecss { 0% {opacity: 0;} 100% {opacity: 1;} } #stacks_in_415 .inner-slice-content, #stacks_in_415 .inner-slice-content p, #stacks_in_415 .inner-slice-content span, #stacks_in_415 .inner-slice-content [class*="fa fa-"], #stacks_in_415 .inner-slice-content h1, #stacks_in_415 .inner-slice-content h2, #stacks_in_415 .inner-slice-content h3, #stacks_in_415 .inner-slice-content h4, #stacks_in_415 .inner-slice-content h5, #stacks_in_415 .inner-slice-content h6 { -webkit-font-smoothing: antialiased; } #stacks_in_415 .inner-slice-content a:link [class^="fa fa-"], #stacks_in_415 .inner-slice-content a:visited [class^="fa fa-"], #stacks_in_415 .inner-slice-content a:link, #stacks_in_415 .inner-slice-content a { } #stacks_in_415 .inner-slice-content a:hover [class^="fa fa-"], #stacks_in_415 .inner-slice-content a:active [class^="fa fa-"], #stacks_in_415 .inner-slice-content a:hover { } #stacks_in_415 .inner-slice-content { } /* ------- slice ------ end */ /* scroll button */ #stacks_in_415 .scrollButton-element { display: none !important; position: absolute; left: 0; z-index: 5; margin-right: auto; margin-left: auto; right: 0; bottom: 10%; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; padding: 0; width: 92px; display: block; -webkit-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.1s; text-align: center !important; } @keyframes element-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px);} 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px);} } @-webkit-keyframes element-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_415 .scrollButton-element a { font-size: 50px !important; line-height: 1em; transition: 0.06s linear; -webkit-transition: 0.06s linear; -moz-transition: 0.06s linear; -webkit-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: element-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.4s; color: #F4F4F4 !important; } #stacks_in_415 .scrollButton-element [class^="fa fa-"], #stacks_in_415 .scrollButton-element #stacks_in_415 [class*="fa fa-"] { color: #F4F4F4 !important; } @keyframes element-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes element-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_415 .scrollButton-element a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } #target-popbands { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_415 .scrollButton-element { display: none !important; } #stacks_in_415 .scrollButton-element a { font-size: 0 !important; display: none !important; } } /* new UPG button animated on mouse over */ #stacks_in_415 .scrollButton-element [class^="fa fa-"] { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; } #stacks_in_415 .scrollButton-element [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } /* scroll button end */ /* --- HYPE ELEMENTS---- */ #stacks_in_415 .bg-grid { } #stacks_in_415 .bg-grad { } #stacks_in_415 .bg-hype-shading-box { /*background-color: #000000;*/ background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.40) 100%) !important; background-image: none !important; background: none !important; } #stacks_in_415 .bgscale-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_415 .shading-trigger { opacity: 0.7; top: 10vh !important; } #stacks_in_415 .top-trigger { opacity: 0.7; top: 10vh !important; } /* -- End EACH CSS Template end -- */ #stacks_in_473 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_473 .pullquote:before, #stacks_in_473 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_473 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_473 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_473 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_473 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_in_475 { font-size: 108%; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_13 { height: 20.00px; } @media print { #spacerStackstacks_in_13 { display: none !important; } } #stacks_in_282 { padding: 0px 0px 0px 40px; } #stacks_in_20 { padding: 0px 0px 0px 40px; } #stacks_in_21 { font-size: 108%; } #stacks_in_486 { padding: 0px 60px 0px 0px; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_14 { height: 20.00px; } @media print { #spacerStackstacks_in_14 { display: none !important; } } /* @group Font Icons */ @font-face { font-family: 'fontello'; src: url('font-icons/fontello.eot?19778278'); src: url('font-icons/fontello.eot?19778278#iefix') format('embedded-opentype'), url('font-icons/fontello.woff?19778278') format('woff'), url('font-icons/fontello.ttf?19778278') format('truetype'), url('font-icons/fontello.svg?19778278#fontello') format('svg'); font-weight: normal; font-style: normal; } #freeStyleWrapperstacks_in_419 [class^="freestyle-icon-"]:before, #freeStyleWrapperstacks_in_419 [class*=" freestyle-icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } #freeStyleWrapperstacks_in_419 .freestyle-icon-left-open:before { content: '\e800'; } #freeStyleWrapperstacks_in_419 .freestyle-icon-right-open:before { content: '\e801'; } #freeStyleWrapperstacks_in_419 .freestyle-icon-play:before { content: '\e802'; } #freeStyleWrapperstacks_in_419 .freestyle-icon-pause:before { content: '\e803'; } /* @end */ /* @group General / CSS reset */ #freeStyleWrapperstacks_in_419 { display: block; position: relative; width: 100%; z-index: 1; } #freeStyleWrapperstacks_in_419 a { outline: none; } #freeStyleWrapperstacks_in_419 ul { padding: 0; margin: 0; list-style: none; } #freeStyleWrapperstacks_in_419 li { padding: 0; margin: 0; list-style: none; } /* @end */ %[if 1 ]% /* @group BX Slider */ /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(images/freestyle-bx-loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(freestyle-images/freestyle-bx-controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(freestyle-images/freestyle-bx-controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(freestyle-images/freestyle-bx-controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(freestyle-images/freestyle-bx-controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* WW Reset */ .bx-wrapper { margin: 0px; } .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0px; } .bx-wrapper ul, .bx-wrapper li { padding: 0; margin: 0; list-style: none; } .bx-wrapper img { max-width: none; width: 100%; height: auto; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 20px; width: 100%; z-index: 60; } /* Added by WW */ /* Hide slider until loaded */ #freeStyleSliderstacks_in_419 { display: none; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666666; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000000; } .bx-wrapper .bx-controls a { text-decoration: none; } .bx-wrapper .bx-controls-direction [class^="freestyle-icon-"] { font-size: 22px; color: #BDBDBD; line-height: 34px; text-shadow: none; } .bx-wrapper .bx-prev { left: 10px; width: 32px; height: 32px; text-align: left; border-radius: 16px; background: #686868; opacity: 0.80; } .bx-wrapper .bx-prev:hover { opacity: 1.00; } .bx-wrapper .bx-next { right: 10px; width: 32px; height: 32px; text-align: right; border-radius: 16px; background: #686868; opacity: 0.80; } .bx-wrapper .bx-next:hover { opacity: 1.00; } .bx-wrapper .bx-controls-direction a { text-indent: 0; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { margin-left: 10px; } .bx-wrapper .bx-controls-auto [class^="freestyle-icon-"] { font-size: 22px; color: #BDBDBD; line-height: 34px; text-shadow: none; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: 0px; width: 32px; height: 32px; outline: 0; background: none; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover [class^="freestyle-icon-"], .bx-wrapper .bx-controls-auto .bx-start.active [class^="freestyle-icon-"] { background: none; color: #000000; text-shadow: none; } .bx-controls-auto, .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { width: 85px; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: 0px; width: 32px; height: 32px; outline: 0; background: none; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover [class^="freestyle-icon-"], .bx-wrapper .bx-controls-auto .bx-stop.active [class^="freestyle-icon-"] { background: none; color: #000000; text-shadow: none; } /* @end */ /* @group Maps */ .freeStyleMapContainer { display: block; position: relative; overflow: hidden; width: 100%; } /* @end */ /* @group Video */ .freeStyleMapContainer iframe { max-width: 100%; max-height: 100%; } .freeStyleVideoContainer { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .freeStyleVideoContainer iframe, .freeStyleVideoContainer object, .freeStyleVideoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @end */ /* @group HTML5 Video */ .html5VideoContainer { position: relative; height: 0; padding-bottom: 56.25%; } .html5VideoContainer video, .html5VideoContainer canvas { top: 0; left: 0; width: 100%; max-width: 100%; } .html5VideoContainer video { height: 100% !important; position: absolute; -webkit-transform-style: preserve-3d; } /* @end */ /* @group Vine Video */ .vineVideoContainer iframe { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; border: none; outline: none; } /* @end */ /* @group Overlay */ #freeStyleOverlaystacks_in_419 { position: absolute; right: 10px; top: 10px; z-index: 55; display: block; width: 33%; } #overlayFillstacks_in_419 { position: absolute; top: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%; background: #000000; opacity: 0.80; border-radius: 10px; -webkit-border-radius: 10px; } #overlayContentstacks_in_419 { position: relative; display: block; z-index: 5; padding: 2%; margin: 0; color: #FFFFFF; border-radius: 10px; -webkit-border-radius: 10px; font-size: 100%; } /* @end */ @media screen and (max-width: 569px) { #freeStyleOverlaystacks_in_419 { position: relative; top: auto; bottom: auto; left: auto; right: auto; display: block; width: 100%; } #overlayFillstacks_in_419, #overlayContentstacks_in_419 { opacity: 1.00; border-radius: 0px; -webkit-border-radius: 0px; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_26 { height: 40.00px; } @media print { #spacerStackstacks_in_26 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_309 { height: 40.00px; } @media print { #spacerStackstacks_in_309 { display: none !important; } } #stacks_in_243>.s3_row { margin: 0 -10px; } #stacks_in_243>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_243>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_243>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_243>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_243>.s3_row { margin: -10px 0; } #stacks_in_243>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_35 { height: 40.00px; } @media print { #spacerStackstacks_in_35 { display: none !important; } } #stacks_in_42 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_44 { height: 40.00px; } @media print { #spacerStackstacks_in_44 { display: none !important; } } /* -- EACH CSS Template -- */ /* ----edit END ----- */ /* ------- global ------ */ #stacks_in_477 * { box-sizing: border-box !important; } #stacks_in_477 .mainimgbox { margin:auto; position:relative; display: block; max-width: 2200px !important; } #stacks_in_477 .mainimgbox { display:table; width: 100%; height: 600px; /*%%[[if edit]]%% height:auto; margin-top: 0px; margin-bottom: 15px; max-height: 100px; ; */ %%[[endif]]%% } @media (max-width: 800px) { #stacks_in_477 .mainimgbox { height: 400px; } } @media (max-width: 600px) { #stacks_in_477 .mainimgbox { height: 320px; } } /* prevent issue in Foundation theme and some stacks - line-height: 44px !important;*/ #stacks_in_477 p { font-size: 73px !important; } #stacks_in_477 * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important;} stacks_in_477_default6_hype_container { margin:auto; position:relative; overflow: visible; width: auto; pointer-events: none; } /* ----IMG BG------ */ /* back BG setting */ #stacks_in_477 .bgmaincover { position: absolute; width: 100%; height: 100%; } /* ------- BG cover IMG ------ */ #stacks_in_477 .img-cover-box, #stacks_in_477 .img-cover-box path { background-size: cover !important; background-image: url(../files/bg_image-477.jpg) !important; opacity: 100; background-position: 50% 55% !important; } /* ---- link ------ */ /* link managed in Hype */ #stacks_in_477 .hype-link-hover-group, #stacks_in_477 .hype-link-hover, #stacks_in_477 .hype-link-hover-blank { } #stacks_in_477 .hype-link-hover { } /* hype icons selectors */ /* ------------- elements ------------ */ #stacks_in_477 .hype-badge-text-1, #stacks_in_477 .hype-badge-text-2{ -webkit-backface-visibility: hidden !important; -webkit-font-smoothing: antialiased !important; } #stacks_in_477 .hype-badge-text-1 { color: #FFFFFF !important; font-style: none; text-transform: none; font-size: 73px !important; /* TESTING line-height: 44px !important;*/ letter-spacing: -1px !important; margin-left: 2px; margin-right: -2px; margin-top: 40px; margin-bottom: -40px; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; filter: drop-shadow(2px 2px 0px rgba(35, 35, 35, 0.50)) !important; } /* upg 1.0.3 - 103 */ #stacks_in_477 .hype-badge-text-1 { } #stacks_in_477 .hype-badge-text-2 { color: #FFEA13 !important; font-style: none; text-transform: none; font-size: 53px !important; /* TESTING line-height: 30px !important;*/ letter-spacing: -1px !important; margin-left: 141px; margin-right: -141px; margin-top: 45px; margin-bottom: -45px; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; filter: drop-shadow(1px 1px 0px rgba(35, 35, 35, 0.82)) !important; } #stacks_in_477 .hype-badge-text-1, #stacks_in_477 .hype-badge-text-2, #stacks_in_477 p .hype-badge-text-1, #stacks_in_477 p .hype-badge-text-2 { font-family: "google_custom_font_selector", sans-serif !important; font-family: 'Vidaloka', sans-serif !important; font-weight: 400 !important; -webkit-font-smoothing: antialiased !important; } /* ---- tapes 4x */ #stacks_in_477 .hype-badge-tape-1 path, #stacks_in_477 .hype-badge-tape-2 path, #stacks_in_477 .hype-badge-tape-3 path, #stacks_in_477 .hype-badge-tape-4 path { stroke-width: 50px !important; stroke: rgba(124, 124, 124, 1.00) !important; } #stacks_in_477 .hype-badge-tape-1, #stacks_in_477 .hype-badge-tape-2, #stacks_in_477 .hype-badge-tape-3, #stacks_in_477 .hype-badge-tape-4 { display: none !important; } #stacks_in_477 .hype-badge-tape-1{ } #stacks_in_477 .hype-badge-tape-2{ opacity: 1 !important; } #stacks_in_477 .hype-badge-tape-3{ } #stacks_in_477 .hype-badge-tape-4{ opacity: 1 !important; } /* ---- frame 4x line */ #stacks_in_477 .hype-badge-line-1 path, #stacks_in_477 .hype-badge-line-2 path, #stacks_in_477 .hype-badge-line-3 path, #stacks_in_477 .hype-badge-line-4 path { stroke-style: solid; stroke: #FFEA13 !important; stroke-width: 1px !important; } #stacks_in_477 .hype-badge-line-1, #stacks_in_477 .hype-badge-line-2, #stacks_in_477 .hype-badge-line-3, #stacks_in_477 .hype-badge-line-4 { display: none !important; } #stacks_in_477 .hype-badge-line-1{ opacity: 1 !important; } #stacks_in_477 .hype-badge-line-2{ opacity: 1 !important; } #stacks_in_477 .hype-badge-line-3{ opacity: 1 !important; } #stacks_in_477 .hype-badge-line-4{ opacity: 1 !important; } /* --- Shading */ #stacks_in_477 .hype-shading { background-color: rgba(250, 206, 35, 0.55); } /* --- Highlighted Area */ #stacks_in_477 .hype-img-spot{ /*top: -159px !important; left: 108px !important; */ margin-left: 108px; margin-right: -108px; margin-top: -159px; margin-bottom: --159px; width: 400px !important; height: 400px !important; border-radius: 400px !important; -webkit-border-radius: 400px !important; -moz-border-radius: 400px !important; border-color: rgba(250, 206, 35, 0.42) !important; border-width: 50px !important; background-color: none !important; } #stacks_in_477 .hype-img-spot-box{ -webkit-box-shadow: inset 0 0 400px rgba(63, 121, 53, 1.00) !important; -moz-box-shadow: inset 0 0 400px rgba(63, 121, 53, 1.00) !important; box-shadow: inset 0 0 400px rgba(63, 121, 53, 1.00) !important; } #stacks_in_477 .hype-img-spot { -webkit-box-shadow: 0px 0px 300px rgba(63, 121, 53, 1.00) !important; -moz-box-shadow: 0px 0px 300px rgba(63, 121, 53, 1.00) !important; box-shadow: 0px 0px 300px rgba(63, 121, 53, 1.00) !important; border-style: solid !important; } /* ---- BETA TESTING TB */ /*#stacks_in_477 .hype-shape1top { } #stacks_in_477 .hype-shape2top { } #stacks_in_477 .hype-shape3top { } #stacks_in_477 .hype-shape4top { } #stacks_in_477 .hype-shape1bottom { } #stacks_in_477 .hype-shape2bottom { } #stacks_in_477 .hype-shape3bottom { } #stacks_in_477 .hype-shape4bottom { } #stacks_in_477 .hype-shape1top path, #stacks_in_477 .hype-shape1bottom path, #stacks_in_477 .hype-shape2top path, #stacks_in_477 .hype-shape2bottom path, #stacks_in_477 .hype-shape3top path, #stacks_in_477 .hype-shape3bottom path, #stacks_in_477 .hype-shape4top path, #stacks_in_477 .hype-shape4bottom path { fill: #FFFFFF !important; }*/ /* hype elements */ #stacks_in_477 .bgscale-trigger { } #stacks_in_477 .shading-trigger { top: 100px !important; } #stacks_in_477 .tape-trigger { } #stacks_in_477 .frame-trigger { } #stacks_in_477 .text-trigger { top: 50px !important; } #stacks_in_477 .img-spot-trigger { top: 0px !important; } #stacks_in_477 .bgscale-trigger, #stacks_in_477 .shading-trigger, #stacks_in_477 .tape-trigger, #stacks_in_477 .frame-trigger, #stacks_in_477 .text-trigger, #stacks_in_477 .img-spot-trigger, #stacks_in_477 .img-spot-trigger { opacity: 0.6 !important; } #stacks_in_477 .mainimgbox, stacks_in_477_default6_hype_container, stacks_in_477 HYPE_document { pointer-events: auto !important; } /* @group Generic Styles */ #ruleStackstacks_in_318, #ruleStackstacks_in_318:before, #ruleStackstacks_in_318:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_318 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_318 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_318 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_318 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_318 { text-align: center; } #ruleStackstacks_in_318:before, #ruleStackstacks_in_318:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(204, 204, 204, 1.00); } #ruleStackstacks_in_318:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_318:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_318 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_203 { height: 40.00px; } @media print { #spacerStackstacks_in_203 { display: none !important; } } #stacks_in_108>.s3_row { margin: 0 -10px; } #stacks_in_108>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_108>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_108>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_108>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_108>.s3_row { margin: -10px 0; } #stacks_in_108>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #rollFadestacks_in_137 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_137:hover { opacity: 0.75; } .spacerStack { height: 10.00px; } #spacerStackstacks_in_142 { height: 10.00px; } @media print { #spacerStackstacks_in_142 { display: none !important; } } #rollFadestacks_in_492 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_492:hover { opacity: 0.75; } .spacerStack { height: 10.00px; } #spacerStackstacks_in_118 { height: 10.00px; } @media print { #spacerStackstacks_in_118 { display: none !important; } } #rollFadestacks_in_125 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_125:hover { opacity: 0.75; } .spacerStack { height: 10.00px; } #spacerStackstacks_in_130 { height: 10.00px; } @media print { #spacerStackstacks_in_130 { display: none !important; } } #stacks_in_54 { padding: 20px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_316 { height: 40.00px; } @media print { #spacerStackstacks_in_316 { display: none !important; } } .spacerStack { height: 20.00px; } #spacerStackstacks_in_414 { height: 20.00px; } @media print { #spacerStackstacks_in_414 { display: none !important; } } /* @group Font Icons */ @font-face { font-family: 'fontello'; src: url('font-icons/fontello.eot?19778278'); src: url('font-icons/fontello.eot?19778278#iefix') format('embedded-opentype'), url('font-icons/fontello.woff?19778278') format('woff'), url('font-icons/fontello.ttf?19778278') format('truetype'), url('font-icons/fontello.svg?19778278#fontello') format('svg'); font-weight: normal; font-style: normal; } #freeStyleWrapperstacks_in_529 [class^="freestyle-icon-"]:before, #freeStyleWrapperstacks_in_529 [class*=" freestyle-icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } #freeStyleWrapperstacks_in_529 .freestyle-icon-left-open:before { content: '\e800'; } #freeStyleWrapperstacks_in_529 .freestyle-icon-right-open:before { content: '\e801'; } #freeStyleWrapperstacks_in_529 .freestyle-icon-play:before { content: '\e802'; } #freeStyleWrapperstacks_in_529 .freestyle-icon-pause:before { content: '\e803'; } /* @end */ /* @group General / CSS reset */ #freeStyleWrapperstacks_in_529 { display: block; position: relative; width: 100%; z-index: 1; } #freeStyleWrapperstacks_in_529 a { outline: none; } #freeStyleWrapperstacks_in_529 ul { padding: 0; margin: 0; list-style: none; } #freeStyleWrapperstacks_in_529 li { padding: 0; margin: 0; list-style: none; } /* @end */ %[if 1 ]% /* @group BX Slider */ /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(images/freestyle-bx-loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(freestyle-images/freestyle-bx-controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(freestyle-images/freestyle-bx-controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(freestyle-images/freestyle-bx-controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(freestyle-images/freestyle-bx-controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* WW Reset */ .bx-wrapper { margin: 0px; } .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0px; } .bx-wrapper ul, .bx-wrapper li { padding: 0; margin: 0; list-style: none; } .bx-wrapper img { max-width: none; width: 100%; height: auto; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 20px; width: 100%; z-index: 60; } /* Added by WW */ /* Hide slider until loaded */ #freeStyleSliderstacks_in_529 { display: none; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666666; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000000; } .bx-wrapper .bx-controls a { text-decoration: none; } .bx-wrapper .bx-controls-direction [class^="freestyle-icon-"] { font-size: 22px; color: #BDBDBD; line-height: 34px; text-shadow: none; } .bx-wrapper .bx-prev { left: 10px; width: 32px; height: 32px; text-align: left; border-radius: 16px; background: #686868; opacity: 0.80; } .bx-wrapper .bx-prev:hover { opacity: 1.00; } .bx-wrapper .bx-next { right: 10px; width: 32px; height: 32px; text-align: right; border-radius: 16px; background: #686868; opacity: 0.80; } .bx-wrapper .bx-next:hover { opacity: 1.00; } .bx-wrapper .bx-controls-direction a { text-indent: 0; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { margin-left: 10px; } .bx-wrapper .bx-controls-auto [class^="freestyle-icon-"] { font-size: 22px; color: #BDBDBD; line-height: 34px; text-shadow: none; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: 0px; width: 32px; height: 32px; outline: 0; background: none; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover [class^="freestyle-icon-"], .bx-wrapper .bx-controls-auto .bx-start.active [class^="freestyle-icon-"] { background: none; color: #000000; text-shadow: none; } .bx-controls-auto, .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { width: 85px; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: 0px; width: 32px; height: 32px; outline: 0; background: none; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover [class^="freestyle-icon-"], .bx-wrapper .bx-controls-auto .bx-stop.active [class^="freestyle-icon-"] { background: none; color: #000000; text-shadow: none; } /* @end */ /* @group Maps */ .freeStyleMapContainer { display: block; position: relative; overflow: hidden; width: 100%; } /* @end */ /* @group Video */ .freeStyleMapContainer iframe { max-width: 100%; max-height: 100%; } .freeStyleVideoContainer { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .freeStyleVideoContainer iframe, .freeStyleVideoContainer object, .freeStyleVideoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @end */ /* @group HTML5 Video */ .html5VideoContainer { position: relative; height: 0; padding-bottom: 56.25%; } .html5VideoContainer video, .html5VideoContainer canvas { top: 0; left: 0; width: 100%; max-width: 100%; } .html5VideoContainer video { height: 100% !important; position: absolute; -webkit-transform-style: preserve-3d; } /* @end */ /* @group Vine Video */ .vineVideoContainer iframe { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; border: none; outline: none; } /* @end */ /* @group Overlay */ #freeStyleOverlaystacks_in_529 { position: absolute; right: 10px; top: 10px; z-index: 55; display: block; width: 33%; } #overlayFillstacks_in_529 { position: absolute; top: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%; background: #000000; opacity: 0.80; border-radius: 10px; -webkit-border-radius: 10px; } #overlayContentstacks_in_529 { position: relative; display: block; z-index: 5; padding: 2%; margin: 0; color: #FFFFFF; border-radius: 10px; -webkit-border-radius: 10px; font-size: 100%; } /* @end */ @media screen and (max-width: 569px) { #freeStyleOverlaystacks_in_529 { position: relative; top: auto; bottom: auto; left: auto; right: auto; display: block; width: 100%; } #overlayFillstacks_in_529, #overlayContentstacks_in_529 { opacity: 1.00; border-radius: 0px; -webkit-border-radius: 0px; } } /* @group Generic Styles */ #ruleStackstacks_in_319, #ruleStackstacks_in_319:before, #ruleStackstacks_in_319:after { box-sizing: border-box; -webkit-box-sizing: border-box; } #ruleStackstacks_in_319 { position: relative; overflow: hidden; margin: 3.00% 0; width: %; } /* */ #ruleStackstacks_in_319 { width: 100%; } /* */ /* */ /* */ #ruleStackstacks_in_319 [class^="fa fa-"] { position: relative; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: rgba(204, 204, 204, 1.00); background: rgba(0, 0, 0, 0.00); border-radius: 50%; border: 0px solid rgba(204, 204, 204, 1.00); display: inline-block; } #ruleStackstacks_in_319 a { position: absolute; top: 0px; display: block; width: 40px; height: 40px; border: none; background: transparent; outline: none; } /* @end */ /* @end */ /* */ /* */ #ruleStackstacks_in_319 { text-align: center; } #ruleStackstacks_in_319:before, #ruleStackstacks_in_319:after { content: ''; position: absolute; width: 100%; top: 49%; right: 40px; height: 0px; border-top: 1px solid rgba(204, 204, 204, 1.00); } #ruleStackstacks_in_319:before { left: -50%; margin-left: -20px; } #ruleStackstacks_in_319:after { left: 50%; margin-left: 20px; } #ruleStackstacks_in_319 a { left: 50%; margin-left: -20px; } /* */ /* */ /* */ /* */ #stacks_in_99 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_103 { height: 40.00px; } @media print { #spacerStackstacks_in_103 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_368 { height: 40.00px; } @media print { #spacerStackstacks_in_368 { display: none !important; } } #stacks_in_388>.s3_row { margin: 0 -10px; } #stacks_in_388>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_388>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_388>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_388>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_388>.s3_row { margin: -10px 0; } #stacks_in_388>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_376 { height: 40.00px; } @media print { #spacerStackstacks_in_376 { display: none !important; } } /* DropThing Stack by RapidWeaver Central is based with kind permission on Will Woodgate's Toggle Stack. More of Will's stacks can be found at http://www.stacks4stacks.com */ #dropthingWrapper_stacks_in_569 { position: relative; display: block; } #dropthingTrigger_stacks_in_569 { margin: 0; font-weight: normal; display: block; position: relative; color: #253B6B; text-decoration: none; background: ; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .static-bg0stacks_in_569 { background: transparent; } .static-bg1stacks_in_569 { background: #333333; } .static-bg2stacks_in_569 { background-color: #FFFFFF; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#FFFFFF), to(#FFFFFF)); background-image: -moz-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -ms-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FFFFFF)); background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: linear-gradient(left, #FFFFFF, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=1); } .static-bg3stacks_in_569 { background-color: #FFFFFF; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FFFFFF)); background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: linear-gradient(top, #FFFFFF, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0); } .static-bg4stacks_in_569 { background: url(); background-position: center center; background-repeat: repeat; } .static-bg5stacks_in_569 { background: url(); background-position: Center Center; background-repeat: Center Center; } #dropthingTrigger_stacks_in_569:hover { color: #999999; cursor: pointer; } #dropthingContainer_stacks_in_569 { display: none; margin-top: px; padding: px; overflow: hidden; color: #6688B6; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; } .content-bg0stacks_in_569 { background: transparent; } .content-bg1stacks_in_569 { background: #333333; } .content-bg2stacks_in_569 { background-color: #FFFFFF; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#FFFFFF), to(#FFFFFF)); background-image: -moz-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -ms-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FFFFFF)); background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: linear-gradient(left, #FFFFFF, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=1); } .content-bg3stacks_in_569 { background-color: #FFFFFF; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FFFFFF)); background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: linear-gradient(top, #FFFFFF, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0); } .content-bg4stacks_in_569 { background: url(); background-position: center center; background-repeat: repeat; } .content-bg5stacks_in_569 { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ #stacks_in_569 { background-color: rgba(255, 255, 255, 1.00); } .spacerStack { height: 20.00px; } #spacerStackstacks_in_371 { height: 20.00px; } @media print { #spacerStackstacks_in_371 { display: none !important; } } .spacerStack { height: 20.00px; } #spacerStackstacks_in_104 { height: 20.00px; } @media print { #spacerStackstacks_in_104 { display: none !important; } } .spacerStack { height: 20.00px; } #spacerStackstacks_in_675 { height: 20.00px; } @media print { #spacerStackstacks_in_675 { display: none !important; } } #stacks_in_672 { padding: 10px 10px 20px 10px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_690 { height: 40.00px; } @media print { #spacerStackstacks_in_690 { display: none !important; } } #stacks_in_356 { background-color: rgba(230, 230, 230, 1.00); padding: 20px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_150 { height: 40.00px; } @media print { #spacerStackstacks_in_150 { display: none !important; } } .spacerStack { height: 20.00px; } #spacerStackstacks_in_360 { height: 20.00px; } @media print { #spacerStackstacks_in_360 { display: none !important; } } #stacks_in_204_button { display:block; position: relative; text-align: center; } #stacks_in_204 a:link, #stacks_in_204 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_204 a:hover, #stacks_in_204 a:active { color:#FFFFFF; } #stacks_in_204 a:link, #stacks_in_204 a:visited { background-color:#C9A35C; background: -webkit-gradient(linear, left top, left bottom, from(#C9A35C), to(#786237)); border:1px solid #786237; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_204 a:hover { background-color:#D9B063; background: -webkit-gradient(linear, left top, left bottom, from(#D9B063), to(#685530)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_204 a:active { background-color:#C9A35C; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } .spacerStack { height: 20.00px; } #spacerStackstacks_in_358 { height: 20.00px; } @media print { #spacerStackstacks_in_358 { display: none !important; } } #stacks_in_164>.s3_row { margin: 0 -50px; } #stacks_in_164>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_164>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_164>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_164>.s3_row>.s3_column { padding: 0 50px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_164>.s3_row { margin: -50px 0; } #stacks_in_164>.s3_row>.s3_column { padding: 50px 0; width:100%; } } #stacks_in_168 { border: solid rgba(77, 77, 77, 1.00); border-width: 0px 1px 0px 0px; } #stacks_in_176 { padding: 0px 10px 0px 0px; } .spacerStack { height: 10.00px; } #spacerStackstacks_in_322 { height: 10.00px; } @media print { #spacerStackstacks_in_322 { display: none !important; } } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } }#rollFadestacks_in_181 { opacity: 0.99; transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; } #rollFadestacks_in_181:hover { opacity: 0.75; } #stacks_in_182 { border: solid rgba(161, 131, 74, 1.00); border-width: 1px; padding: 5px; } .spacerStack { height: 10.00px; } #spacerStackstacks_in_186 { height: 10.00px; } @media print { #spacerStackstacks_in_186 { display: none !important; } } #stacks_in_190 { border: solid rgba(77, 77, 77, 1.00); border-width: 0px 0px 0px 1px; } #stacks_in_198 { padding: 0px 0px 0px 10px; } #stacks_in_512 { padding: 10px 0px 0px 0px; }