:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(255, 255, 255, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 0, 0, 1.00);--link-color-hover:rgba(17, 140, 187, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(255, 255, 255, 1.00);--small-color:rgba(255, 255, 255, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(255, 255, 255, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} .Footer{font-size:calc(12rem/16) ;font-weight:500 ;}@media only screen and (min-width:40em) { .Footer{font-size:calc(12rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .Footer{font-size:calc(24rem/16) ;line-height:1.50 }} .Brandheader{font-size:calc(16rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) { .Brandheader{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .Brandheader{font-size:calc(30rem/16) ;line-height:1.50 }} .brandheadercanvas{font-size:calc(20rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { .brandheadercanvas{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .brandheadercanvas{font-size:calc(20rem/16) ;line-height:1.50 }} .canvasmenu>.menu a, .menu.canvasmenu a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(17, 123, 173, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(254, 200, 9, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .canvasmenu>.menu .menu-text, .menu.canvasmenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .canvasmenu>.menu>li>a, .menu.canvasmenu>li>a{padding-top:1rem;padding-bottom:1rem} .canvasmenu>.menu .submenu>li>a, .menu.canvasmenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .canvasmenu>.menu li.active>a, .canvasmenu>.menu li.is-active>a, .canvasmenu>.menu a.is-active, .menu.canvasmenu li.active>a, .menu.canvasmenu li.is-active>a, .menu.canvasmenu a.is-active{--menu-bg-color:rgba(254, 200, 9, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .canvasmenu>.menu .submenu li.active>a, .canvasmenu>.menu .submenu li.is-active>a, .canvasmenu>.menu .submenu a.is-active, .menu.canvasmenu .submenu li.active>a, .menu.canvasmenu .submenu li.is-active>a, .menu.canvasmenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .canvasmenu>.menu .submenu a, .menu.canvasmenu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .canvasmenu>.menu .submenu, .menu.canvasmenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .canvasmenu>.menu .submenu a, .menu.canvasmenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .canvasmenu>.menu .submenu .menu-text, .menu.canvasmenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .canvasmenu>.menu .submenu li.active>a, .canvasmenu>.menu .submenu li.is-active>a, .canvasmenu>.menu .submenu a.is-active, .menu.canvasmenu .submenu li.active>a, .menu.canvasmenu .submenu li.is-active>a, .menu.canvasmenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .Background{background-color:rgba(252, 207, 33, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.Background{background-attachment:scroll!important}} .Blackback{background-color:rgba(0, 0, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.Blackback{background-attachment:scroll!important}} .canvasbg{background-color:rgba(0, 0, 0, 0.85) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.canvasbg{background-attachment:scroll!important}} .canvasmenu{color:rgba(255, 255, 255, 1.00) ;} .closex{color:rgba(255, 255, 255, 1.00) ;} .DividerBg{background-color:rgba(204, 204, 204, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.DividerBg{background-attachment:scroll!important}} .backgroundimage{background-color:rgba(18, 145, 211, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.backgroundimage{background-attachment:scroll!important}} .tabcolour{background-color:rgba(17, 123, 173, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.tabcolour{background-attachment:scroll!important}} .headeralt{color:rgba(255, 255, 255, 1.00) ;} .sublink{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 0, 0, 1.00);--link-decoration:none;--link-decoration-hover:none} .stacks_in_3_4 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #stacks_in_3_8>.s3_row { margin: 0 -10px; } #stacks_in_3_8>.s3_row>.s3_column_left { width: 20.00%; } #stacks_in_3_8>.s3_row>.s3_column_right { width: 80.000000%; } #stacks_in_3_8>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3_8>.s3_row { margin: -10px 0; } #stacks_in_3_8>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .stacks_in_3_10 img{width:100%;max-width:75px} #stacks_in_3_13 { margin: 9px 0px 0px 0px; } #stacks_in_3_21 { margin: 10px 0px 0px 0px; } #stacks_in_3_30 { margin: 15px 0px 0px 0px; } .stacks_in_3_32 img{width:100%;max-width:150px} #stacks_in_3_34 { margin: 10px 0px 0px 0px; } .stacks_in_3_40{--offcanvas-size-small:375px;--offcanvas-size-medium:375px;--offcanvas-size-large:375px;} #stacks_in_3_45 { margin: 10px 0px 0px 0px; } .stacks_in_3_47 img{width:100%;max-width:100px} #stacks_in_3_49 { margin: 15px 0px 0px 0px; } #stacks_in_3_54 { margin: 30px 0px 0px 0px; } #stacks_in_3_62 { font-size: 150%; } #stacks_in_3_67 { font-size: 150%; } #stacks_in_3_72 { font-size: 150%; } #stacks_in_3_77 { font-size: 150%; } #stacks_in_3_82 { font-size: 150%; } #stacks_in_6 { margin: 20px 0px 0px 0px; } #stacks_in_37 { margin: 20px 0px 20px 0px; } #stacks_in_47>.s3_row { margin: 0 -10px; } #stacks_in_47>.s3_row>.s3_column_left { width: 20.00%; } #stacks_in_47>.s3_row>.s3_column_right { width: 80.000000%; } #stacks_in_47>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_47>.s3_row { margin: -10px 0; } #stacks_in_47>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_47 { margin: 20px 0px 0px 0px; } .stacks_in_54 img{width:100%;max-width:150px} #stacks_in_50 { margin: 40px 0px 0px 0px; } #stacks_in_58>.s3_row { margin: 0 -10px; } #stacks_in_58>.s3_row>.s3_column_left { width: 20.00%; } #stacks_in_58>.s3_row>.s3_column_right { width: 80.000000%; } #stacks_in_58>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_58>.s3_row { margin: -10px 0; } #stacks_in_58>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_58 { margin: 20px 0px 0px 0px; } #stacks_in_64 { margin: 20px 0px 0px 0px; } .stacks_in_66 img{width:100%;max-width:150px} #stacks_in_13 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px; } #imageComparestacks_in_12 { position: relative; z-index: 1; } #imageComparestacks_in_12 .twentytwenty-handle:before, .twentytwenty-handle:after { content: " "; display: block; width: 3px; background: white; height: 9999px; position: absolute; left: 50%; margin-left: -1.5px; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_12 .twentytwenty-before-label, #imageComparestacks_in_12 .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } #imageComparestacks_in_12 .twentytwenty-before-label, #imageComparestacks_in_12 .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } #imageComparestacks_in_12 .twentytwenty-before-label, #imageComparestacks_in_12 .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } #imageComparestacks_in_12 .twentytwenty-before-label:before, #imageComparestacks_in_12 .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } #imageComparestacks_in_12 .twentytwenty-before-label:before, #imageComparestacks_in_12 .twentytwenty-after-label:before { background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; margin-top: -19px; line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #imageComparestacks_in_12 .twentytwenty-left-arrow, #imageComparestacks_in_12 .twentytwenty-right-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; top: 50%; margin-top: -6px; } #imageComparestacks_in_12 { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } #imageComparestacks_in_12 img { position: absolute; top: 0; display: block; } #imageComparestacks_in_12.active .twentytwenty-overlay, #imageComparestacks_in_12.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } #imageComparestacks_in_12.active .twentytwenty-overlay .twentytwenty-before-label, #imageComparestacks_in_12.active .twentytwenty-overlay .twentytwenty-after-label, #imageComparestacks_in_12.active :hover.twentytwenty-overlay .twentytwenty-before-label, #imageComparestacks_in_12.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } #imageComparestacks_in_12 * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #imageComparestacks_in_12 .twentytwenty-before-label { opacity: 0; } #imageComparestacks_in_12 .twentytwenty-before-label:before { content: "Before"; left: 10px; } #imageComparestacks_in_12 .twentytwenty-after-label { opacity: 0; } #imageComparestacks_in_12 .twentytwenty-after-label:before { content: "After"; right: 10px; } #imageComparestacks_in_12 .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } #imageComparestacks_in_12 .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } #imageComparestacks_in_12 .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } #imageComparestacks_in_12 .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } #imageComparestacks_in_12 .twentytwenty-before { z-index: 20; } #imageComparestacks_in_12 .twentytwenty-after { z-index: 10; } #imageComparestacks_in_12 .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } #imageComparestacks_in_12 .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_12 .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_12 .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } #imageComparestacks_in_12 .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } /* @group Added by WW */ #imageComparestacks_in_12 img { max-width: 100%; height: auto; } #imageComparestacks_in_12 .twentytwenty-before-label:before { content: "Before"; } #imageComparestacks_in_12 .twentytwenty-after-label:before { content: "After"; } #imageComparestacks_in_12 .twentytwenty-before-label:before, #imageComparestacks_in_12 .twentytwenty-after-label:before { display: block; color: #FFFFFF; background: #555555; font-size: 100%; opacity: 0.80; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; letter-spacing: 0px; } #imageComparestacks_in_12 .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.50); } #imageComparestacks_in_12 .noscreen { display: none; } @media print { #imageComparestacks_in_12 .noscreen { display: block; float: left; width: 100%; height: 2.00em; clear: both; } #imageComparestacks_in_12 .print-before, #imageComparestacks_in_12 .print-after { width: 48%; margin-right: 1%; display: block; padding: 0; margin: 0; float: left; } #imageComparestacks_in_12 { height: auto !important; overflow: auto; clear: both; page-break-inside: avoid; } #imageComparestacks_in_12 .twentytwenty-overlay, #imageComparestacks_in_12 .twentytwenty-handle { display: none !important; } #imageComparestacks_in_12.twentytwenty-container.imageCompare img { position: relative; float: left; top: auto; left: auto; right: auto; bottom: auto; width: 48%; margin-right: 1%; height: auto; clip: auto; } } /* @end */ /* @group Edit Mode Styling */ /* @end */ #stacks_in_29 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px; } #imageComparestacks_in_30 { position: relative; z-index: 1; } #imageComparestacks_in_30 .twentytwenty-handle:before, .twentytwenty-handle:after { content: " "; display: block; width: 3px; background: white; height: 9999px; position: absolute; left: 50%; margin-left: -1.5px; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_30 .twentytwenty-before-label, #imageComparestacks_in_30 .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } #imageComparestacks_in_30 .twentytwenty-before-label, #imageComparestacks_in_30 .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } #imageComparestacks_in_30 .twentytwenty-before-label, #imageComparestacks_in_30 .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } #imageComparestacks_in_30 .twentytwenty-before-label:before, #imageComparestacks_in_30 .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } #imageComparestacks_in_30 .twentytwenty-before-label:before, #imageComparestacks_in_30 .twentytwenty-after-label:before { background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; margin-top: -19px; line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #imageComparestacks_in_30 .twentytwenty-left-arrow, #imageComparestacks_in_30 .twentytwenty-right-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; top: 50%; margin-top: -6px; } #imageComparestacks_in_30 { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } #imageComparestacks_in_30 img { position: absolute; top: 0; display: block; } #imageComparestacks_in_30.active .twentytwenty-overlay, #imageComparestacks_in_30.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } #imageComparestacks_in_30.active .twentytwenty-overlay .twentytwenty-before-label, #imageComparestacks_in_30.active .twentytwenty-overlay .twentytwenty-after-label, #imageComparestacks_in_30.active :hover.twentytwenty-overlay .twentytwenty-before-label, #imageComparestacks_in_30.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } #imageComparestacks_in_30 * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #imageComparestacks_in_30 .twentytwenty-before-label { opacity: 0; } #imageComparestacks_in_30 .twentytwenty-before-label:before { content: "Before"; left: 10px; } #imageComparestacks_in_30 .twentytwenty-after-label { opacity: 0; } #imageComparestacks_in_30 .twentytwenty-after-label:before { content: "After"; right: 10px; } #imageComparestacks_in_30 .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } #imageComparestacks_in_30 .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } #imageComparestacks_in_30 .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } #imageComparestacks_in_30 .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } #imageComparestacks_in_30 .twentytwenty-before { z-index: 20; } #imageComparestacks_in_30 .twentytwenty-after { z-index: 10; } #imageComparestacks_in_30 .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } #imageComparestacks_in_30 .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_30 .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } #imageComparestacks_in_30 .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } #imageComparestacks_in_30 .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } /* @group Added by WW */ #imageComparestacks_in_30 img { max-width: 100%; height: auto; } #imageComparestacks_in_30 .twentytwenty-before-label:before { content: "Before"; } #imageComparestacks_in_30 .twentytwenty-after-label:before { content: "After"; } #imageComparestacks_in_30 .twentytwenty-before-label:before, #imageComparestacks_in_30 .twentytwenty-after-label:before { display: block; color: #FFFFFF; background: #555555; font-size: 100%; opacity: 0.80; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; letter-spacing: 0px; } #imageComparestacks_in_30 .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.50); } #imageComparestacks_in_30 .noscreen { display: none; } @media print { #imageComparestacks_in_30 .noscreen { display: block; float: left; width: 100%; height: 2.00em; clear: both; } #imageComparestacks_in_30 .print-before, #imageComparestacks_in_30 .print-after { width: 48%; margin-right: 1%; display: block; padding: 0; margin: 0; float: left; } #imageComparestacks_in_30 { height: auto !important; overflow: auto; clear: both; page-break-inside: avoid; } #imageComparestacks_in_30 .twentytwenty-overlay, #imageComparestacks_in_30 .twentytwenty-handle { display: none !important; } #imageComparestacks_in_30.twentytwenty-container.imageCompare img { position: relative; float: left; top: auto; left: auto; right: auto; bottom: auto; width: 48%; margin-right: 1%; height: auto; clip: auto; } } /* @end */ /* @group Edit Mode Styling */ /* @end */ #stacks_in_163 { margin: 20px 0px 20px 0px; } #stacks_in_95 { margin: 10px 0px 50px 0px; } #stacks_in_100 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_106 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_112 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_118 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_124 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_130 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_136 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_142 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_148 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_154 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #stacks_in_170_4 { margin: 20px 0px 20px 0px; } .stacks_in_170_10 img{width:100%;max-width:250px} .stacks_in_170_14 img{width:100%;max-width:250px} .stacks_in_170_18 img{width:100%;max-width:250px} .stacks_in_170_22 img{width:100%;max-width:250px} #stacks_in_169_4 { margin: 50px 20px 50px 20px; } .stacks_in_169_34 img{width:100%;max-width:65px} .stacks_in_169_38 img{width:100%;max-width:65px} .stacks_in_169_42 img{width:100%;max-width:65px} .stacks_in_169_46 img{width:100%;max-width:65px} #stacks_in_169_76 { margin: 0px 50px 0px 0px; } .stacks_in_169_84 img{width:100%;max-width:225px} #stacks_in_169_101 { margin: 50px 20px 50px 20px; } #stacks_in_169_108 { margin: 10px 0px 0px 0px; } .stacks_in_169_114 img{width:100%;max-width:50px} .stacks_in_169_118 img{width:100%;max-width:50px} .stacks_in_169_122 img{width:100%;max-width:50px} .stacks_in_169_126 img{width:100%;max-width:50px} #stacks_in_169_128 { margin: 0px 0px 20px 0px; } #stacks_in_169_141 { margin: 20px 0px 0px 0px; } .stacks_in_169_146 img{width:100%;max-width:225px} #stacks_in_169_148 { padding: 10px; }