.topyenoh{opacity:0;position:absolute;top:0;left:0;height:0;width:0;padding:0;margin:0;z-index:-1} a.block-link{display:block;text-decoration:none !important;padding:0;margin:0;color:inherit}a.block-link:link,a.block-link:visited,a.block-link:hover,a.block-link:active{color:inherit} .animate{--animation-name:shake;--animation-duration:2s;--animation-delay:0s;--animation-count:1}.animate.on-load,.animate.on-hover:hover{animation-name:var(--animation-name);animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-iteration-count:var(--animation-count)} .form-submit-success,.form-submit-error{opacity:0;transition:none;overflow:hidden}form:not(.success) .form-submit-success,form:not(.error) .form-submit-error{max-height:0;padding:0;margin:0;border-width:0px}form.success .form-submit-success,form.error .form-submit-error{opacity:1;transition:opacity 500ms ease}.form-submit-processing{opacity:0;pointer-events:none;transition:opacity 500ms ease}form:not(.processing) .form-submit-processing{max-height:0}form.processing *{pointer-events:none}form.processing .form-submit-processing{opacity:1;pointer-events:auto}.processing-modal.absolute,.processing-modal.fixed{background-color:var(--overlay-color);border-radius:inherit;position:absolute;top:0;left:0;right:0;bottom:0}.processing-modal.absolute .processing-circle,.processing-modal.fixed .processing-circle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.processing-modal.fixed{position:fixed} .processing-circle{margin:0 auto;width:40px;height:40px;border:4px solid var(--white-color);border-top:4px solid var(--primary);border-radius:50%;filter:drop-shadow(0 0 20px rgba(0,0,0,0.6))}.processing-circle.dark{border-color:var(--black-color);border-top-color:var(--primary)}.processing-circle.primary{border-top-color:var(--primary)}.processing-circle.secondary{border-top-color:var(--secondary)}.processing-circle.warning{border-top-color:var(--warning)}.processing-circle.success{border-top-color:var(--success)}.processing-circle.alert{border-top-color:var(--alert)} :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(18, 42, 93, 1.00);--secondary:rgba(230, 230, 230, 1.00);--success:rgba(3, 137, 147, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(183, 0, 0, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(60, 60, 60, 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, 12, 63, 1.00);--secondary-dark:rgba(200, 200, 200, 1.00);--success-dark:rgba(0, 107, 117, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(153, 0, 0, 1.00);--header-color:rgba(0, 81, 127, 1.00);--subheader-color:rgba(79, 145, 184, 1.00);--small-color:rgba(125, 123, 124, 1.00);--text-color:rgba(30, 30, 30, 1.00);--link-color:rgba(178, 6, 0, 1.00);--link-color-hover:rgba(13, 0, 74, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:underline;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:4px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1000rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(238, 238, 239, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(239, 239, 238, 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(13rem/16)}h1,.h1{font-size:calc(37rem/16)}h2,.h2{font-size:calc(31rem/16)}h3,.h3{font-size:calc(27rem/16)}h4,.h4{font-size:calc(23rem/16)}h5,.h5{font-size:calc(19rem/16)}h6,.h6{font-size:calc(17rem/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(15rem/16)}h1,.h1{font-size:calc(38rem/16)}h2,.h2{font-size:calc(32rem/16)}h3,.h3{font-size:calc(28rem/16)}h4,.h4{font-size:calc(24rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(18rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(38rem/16)}h2,.h2{font-size:calc(32rem/16)}h3,.h3{font-size:calc(28rem/16)}h4,.h4{font-size:calc(24rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(18rem/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:disc}.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(4rem/16)}body{background-color:rgba(237, 237, 237, 1.00);} .sitename, .fontpro-stacks_in_632{line-height:1.00 ;letter-spacing:0.03em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; font-size:33.00px ; text-decoration-line:none ;text-decoration-style:solid ;text-transform:uppercase ;word-wrap:normal ;word-break:normal ;hyphens:none ;text-align:center ;color:rgba(11, 42, 97, 1.00) ;text-decoration-color:rgba(0, 0, 0, 1.00) ;} .sitename>br, .fontpro-stacks_in_632 > br{display:block;content:' ';padding-bottom:0.00em } @media only screen and (min-width:40em){ .sitename, .fontpro-stacks_in_632{text-align:center ;}} @media only screen and (min-width:25.875000em){ .sitename, .fontpro-stacks_in_632{font-size:45.00px }} @media only screen and (min-width:48.000000em){ .sitename, .fontpro-stacks_in_632{font-size:50.00px }} @media only screen and (min-width:62.500000em){ .sitename, .fontpro-stacks_in_632{font-size:50.00px }} h1,.h1, .sitename{font-family:"Vollkorn",serif } p,.p, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, blockquote, .menu li, li, form, .button,.slogan{font-family:"Roboto",sans-serif } .slogan, .fontpro-stacks_in_635{line-height:1.60 ;letter-spacing:0.00em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; font-size:0.90rem ; text-decoration-line:none ;text-decoration-style:solid ;text-transform:none ;word-wrap:normal ;word-break:normal ;hyphens:none ;text-align:center ;color:rgba(48, 67, 122, 1.00) ;text-decoration-color:rgba(0, 0, 0, 1.00) ;} .slogan>br, .fontpro-stacks_in_635 > br{display:block;content:' ';padding-bottom:0.00em } @media only screen and (min-width:40em){ .slogan, .fontpro-stacks_in_635{}} @media only screen and (min-width:25.875000em){ .slogan, .fontpro-stacks_in_635{font-size:1.00rem }} @media only screen and (min-width:48.000000em){ .slogan, .fontpro-stacks_in_635{font-size:1.00rem }} @media only screen and (min-width:62.500000em){ .slogan, .fontpro-stacks_in_635{font-size:1.00rem }} .topbar-label{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em){ .topbar-label{font-size:calc(16rem/16) }}@media only screen and (min-width:64em){ .topbar-label{font-size:calc(16rem/16) }} .mobile-panel, .fontpro-stacks_in_637{ font-size:1.00rem ; } @media only screen and (min-width:25.875000em){ .mobile-panel, .fontpro-stacks_in_637{font-size:1.00rem }} @media only screen and (min-width:48.000000em){ .mobile-panel, .fontpro-stacks_in_637{font-size:1.00rem }} @media only screen and (min-width:62.500000em){ .mobile-panel, .fontpro-stacks_in_637{font-size:1.00rem }} .font-style-3,.font-style-3 > li,.font-style-3 > *, .telephone, .telephone a, .fontpro-stacks_in_638{line-height:1.20 ;letter-spacing:-0.02em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; font-size:1.00rem ; text-decoration-line:none ;text-decoration-style:solid ;text-transform:none ;word-wrap:normal ;word-break:normal ;hyphens:none ;text-align:center ;color:rgba(248, 248, 248, 1.00) ;text-decoration-color:rgba(248, 248, 248, 1.00) ;text-shadow:0.07em 0.07em 0.00em rgba(0, 0, 0, 1.00) ;} .font-style-3>br,.font-style-3>br > li,.font-style-3 > *>br, .telephone>br, .telephone a>br, .fontpro-stacks_in_638 > br{display:block;content:' ';padding-bottom:0.00em } @media only screen and (min-width:40em){ .font-style-3,.font-style-3 > li,.font-style-3 > *, .telephone, .telephone a, .fontpro-stacks_in_638{text-align:center ;}} @media only screen and (min-width:25.875000em){ .font-style-3,.font-style-3 > li,.font-style-3 > *, .telephone, .telephone a, .fontpro-stacks_in_638{font-size:1.20rem }} @media only screen and (min-width:48.000000em){ .font-style-3,.font-style-3 > li,.font-style-3 > *, .telephone, .telephone a, .fontpro-stacks_in_638{font-size:1.30rem }} @media only screen and (min-width:62.500000em){ .font-style-3,.font-style-3 > li,.font-style-3 > *, .telephone, .telephone a, .fontpro-stacks_in_638{font-size:1.30rem }} .font-style-8,.font-style-8 > li,.font-style-8 > *, .footer, .fontpro-stacks_in_639{line-height:1.50 ;letter-spacing:0.00em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; font-size:0.90rem ; text-decoration-line:none ;text-decoration-style:solid ;text-transform:none ;word-wrap:normal ;word-break:normal ;hyphens:none ;text-align:center ;color:rgba(31, 79, 123, 1.00) ;text-decoration-color:rgba(0, 0, 0, 1.00) ;} .font-style-8>br,.font-style-8>br > li,.font-style-8 > *>br, .footer>br, .fontpro-stacks_in_639 > br{display:block;content:' ';padding-bottom:0.00em } @media only screen and (min-width:40em){ .font-style-8,.font-style-8 > li,.font-style-8 > *, .footer, .fontpro-stacks_in_639{text-align:center ;}} @media only screen and (min-width:25.875000em){ .font-style-8,.font-style-8 > li,.font-style-8 > *, .footer, .fontpro-stacks_in_639{font-size:1.00rem }} @media only screen and (min-width:48.000000em){ .font-style-8,.font-style-8 > li,.font-style-8 > *, .footer, .fontpro-stacks_in_639{font-size:1.00rem }} @media only screen and (min-width:62.500000em){ .font-style-8,.font-style-8 > li,.font-style-8 > *, .footer, .fontpro-stacks_in_639{font-size:1.00rem }} .font-style-7,.font-style-7 > li,.font-style-7 > *, .header-links, .header-links a, .fontpro-stacks_in_640{line-height:1.60 ;letter-spacing:0.06em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; font-size:0.80rem ; text-decoration-line:none ;text-decoration-style:solid ;text-transform:uppercase ;word-wrap:normal ;word-break:normal ;hyphens:none ;text-align:center ;color:rgba(187, 187, 187, 1.00) ;text-decoration-color:rgba(162, 197, 219, 1.00) ;text-shadow:0.00em 0.00em 0.00em rgba(51, 51, 51, 1.00) ;} .font-style-7>br,.font-style-7>br > li,.font-style-7 > *>br, .header-links>br, .header-links a>br, .fontpro-stacks_in_640 > br{display:block;content:' ';padding-bottom:0.00em } @media only screen and (min-width:40em){ .font-style-7,.font-style-7 > li,.font-style-7 > *, .header-links, .header-links a, .fontpro-stacks_in_640{text-align:center ;}} @media only screen and (min-width:25.875000em){ .font-style-7,.font-style-7 > li,.font-style-7 > *, .header-links, .header-links a, .fontpro-stacks_in_640{font-size:1.00rem }} @media only screen and (min-width:48.000000em){ .font-style-7,.font-style-7 > li,.font-style-7 > *, .header-links, .header-links a, .fontpro-stacks_in_640{font-size:1.00rem }} @media only screen and (min-width:62.500000em){ .font-style-7,.font-style-7 > li,.font-style-7 > *, .header-links, .header-links a, .fontpro-stacks_in_640{font-size:1.00rem }} h6,.h6, .heading6{font-weight:600 ;} .close-menu> *{font-size:calc(30rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em){ .close-menu> *{font-size:calc(26rem/16) }}@media only screen and (min-width:64em){ .close-menu> *{font-size:calc(26rem/16) }} .button,.button-text{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em){ .button,.button-text{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ .button,.button-text{font-size:calc(18rem/16) }} h2.feature-card-header{font-family:"Roboto",sans-serif !important} @media screen and (min-width: 40em){ .menustyle>.menu a, .menu.menustyle a{--menu-link-color:rgba(75, 75, 75, 1.00);--menu-link-color-hover:rgba(70, 70, 70, 1.00);--menu-bg-color:rgba(237, 237, 237, 0.90);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .menustyle>.menu .menu-text, .menu.menustyle .menu-text{--menu-text-color:rgba(75, 75, 75, 1.00)} .menustyle>.menu>li>a, .menu.menustyle>li>a{padding-top:1rem;padding-bottom:1rem} .menustyle>.menu .submenu>li>a, .menu.menustyle .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .menustyle>.menu li.active>a, .menustyle>.menu li.is-active>a, .menustyle>.menu a.is-active, .menu.menustyle li.active>a, .menu.menustyle li.is-active>a, .menu.menustyle a.is-active{--menu-bg-color:rgba(194, 194, 194, 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)} .menustyle>.menu .submenu li.active>a, .menustyle>.menu .submenu li.is-active>a, .menustyle>.menu .submenu a.is-active, .menu.menustyle .submenu li.active>a, .menu.menustyle .submenu li.is-active>a, .menu.menustyle .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .menustyle>.menu .submenu a, .menu.menustyle .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .menustyle>.menu .submenu, .menu.menustyle .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .menustyle>.menu .submenu a, .menu.menustyle .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)} .menustyle>.menu .submenu .menu-text, .menu.menustyle .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menustyle>.menu .submenu li.active>a, .menustyle>.menu .submenu li.is-active>a, .menustyle>.menu .submenu a.is-active, .menu.menustyle .submenu li.active>a, .menu.menustyle .submenu li.is-active>a, .menu.menustyle .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)} .menustyle>.menu a::after, .menu.menustyle a::after{display:none!important}} .menu-shadow{box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.20);} @media screen and (max-width: 39.9375em){ .mobile-panel>.menu a, .menu.mobile-panel a{--menu-link-color:rgba(178, 177, 178, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00);--menu-bg-color:rgba(21, 46, 90, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mobile-panel>.menu .menu-text, .menu.mobile-panel .menu-text{--menu-text-color:rgba(177, 2, 1, 1.00)} .mobile-panel>.menu>li>a, .menu.mobile-panel>li>a{padding-top:0.5rem;padding-bottom:0.5rem} .mobile-panel>.menu .submenu>li>a, .menu.mobile-panel .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mobile-panel>.menu li.active>a, .mobile-panel>.menu li.is-active>a, .mobile-panel>.menu a.is-active, .menu.mobile-panel li.active>a, .menu.mobile-panel li.is-active>a, .menu.mobile-panel a.is-active{--menu-bg-color:rgba(0, 80, 130, 0.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)} .mobile-panel>.menu .submenu li.active>a, .mobile-panel>.menu .submenu li.is-active>a, .mobile-panel>.menu .submenu a.is-active, .menu.mobile-panel .submenu li.active>a, .menu.mobile-panel .submenu li.is-active>a, .menu.mobile-panel .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mobile-panel>.menu .submenu a, .menu.mobile-panel .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .mobile-panel>.menu .submenu, .menu.mobile-panel .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mobile-panel>.menu .submenu a, .menu.mobile-panel .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)} .mobile-panel>.menu .submenu .menu-text, .menu.mobile-panel .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-panel>.menu .submenu li.active>a, .mobile-panel>.menu .submenu li.is-active>a, .mobile-panel>.menu .submenu a.is-active, .menu.mobile-panel .submenu li.active>a, .menu.mobile-panel .submenu li.is-active>a, .menu.mobile-panel .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)} .mobile-panel>.menu a::after, .menu.mobile-panel a::after{display:none!important}} .menubackground{background-color:rgba(237, 237, 237, 0.90) ;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){.menubackground{background-attachment:scroll!important}} @media screen and (min-width: 40em){.menu>li>a:hover{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-color: #EDEDED; background-image: linear-gradient(0deg, #CACACA 0%, #f0f0f0 100%); }}@media (hover:none) and (pointer:coarse){.menu>li>a{background-attachment:scroll!important}} .close-menu{color:var(--alert) ;} .hamburger{position: absolute ;z-index:10 ;top:20px ;bottom:unset ;left:unset ;right:20px ;} .canvas-menu{background-color:rgba(36, 62, 106, 0.90) ;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){.canvas-menu{background-attachment:scroll!important}} .sitename{padding-top:2.5rem ;padding-bottom:0 ;} .slogan{border-color:rgba(177, 2, 1, 1.00) rgba(153, 153, 153, 1.00) rgba(179, 0, 0, 1.00) rgba(153, 153, 153, 1.00) ;border-width:1px 0px 0px 0px ;border-style:solid ;} .gradient{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-color: #1B1C54; background-image: linear-gradient(90deg, #830000 0%, #b60000 100%); }@media (hover:none) and (pointer:coarse){.gradient{background-attachment:scroll!important}} .gradient-height{height:25.00px ;}@media only screen and (min-width:40em){.gradient-height{height:30.00px }}@media only screen and (min-width:64em){.gradient-height{height:33.00px }} .header-links{padding-top:0.25rem ;padding-bottom:0.25rem ;} .slogan{padding-top:0.75rem ;padding-right:1.25rem ;padding-bottom:0.75rem ;padding-left:1.25rem ;} .strip-links{padding-top:0.25rem ;padding-bottom:0.25rem ;} .section-pad{padding-top:2rem ;} .column-swap-right{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.column-swap-right{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:20.00px }}@media only screen and (min-width:64em){.column-swap-right{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:20.00px }} .section-colour{background-image:url('../files/bgimage-669.png') ;background-repeat: repeat ;background-size:auto ;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){.section-colour{background-attachment:scroll!important}} .column-swap-pic{padding-bottom:1.25rem ;} .column-swap-left{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.column-swap-left{padding-top:0.00px ;padding-right:20.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.column-swap-left{padding-top:0.00px ;padding-right:20.00px ;padding-bottom:0.00px ;padding-left:0.00px }} .footer-pad{padding-top:1.25rem ;padding-bottom:1rem ;} .footer-gradient{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-color: #bbbbbb; background-image: linear-gradient(180deg, #D9D9D9 0%, #E5E5E5 100%); }@media (hover:none) and (pointer:coarse){.footer-gradient{background-attachment:scroll!important}} .footer-lines{border-color:rgba(153, 153, 153, 1.00) ;border-width:1px ;border-style:dotted none dotted none ;} .button-nav:hover{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-color: #21D4FD; background-image: linear-gradient(0deg, #438ab3 0%, #256e95 100%); }@media (hover:none) and (pointer:coarse){.button-nav{background-attachment:scroll!important}} .button-nav{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-color: #21D4FD; background-image: linear-gradient(180deg, #438ab3 0%, #256e95 100%); }@media (hover:none) and (pointer:coarse){.button-nav{background-attachment:scroll!important}} .button-nav{border-color:rgba(27, 99, 140, 0.51) ;border-width:1px ;border-style:outset ;} .button-nav{text-shadow:2px 2px 2px rgba(27, 96, 139, 0.95);} .button{padding-top:12.00px ;padding-right:20.00px ;padding-bottom:12.00px ;padding-left:20.00px ;}@media only screen and (min-width:40em){.button{padding-top:14.00px ;padding-right:20.00px ;padding-bottom:14.00px ;padding-left:20.00px }}@media only screen and (min-width:64em){.button{padding-top:14.00px ;padding-right:20.00px ;padding-bottom:14.00px ;padding-left:20.00px }} .button-grey:hover{background-color:rgba(0, 79, 131, 1.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.button-grey{background-attachment:scroll!important}} .button-grey:hover{color:rgba(248, 248, 248, 1.00) !important;} .greygrad{position:relative;z-index:0}.greygrad:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.50 ; background-color: #ffffff; background-image: linear-gradient(90deg, #830000 0%, #bbbbbb 80%); } .greybak{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-color: #ffffff; background-image: linear-gradient(90deg, #211d18 0%, #bbbbbb 90%); }@media (hover:none) and (pointer:coarse){.greybak{background-attachment:scroll!important}} h1, h2, h3, h4, h5, h3.subheader{margin-top:1rem ;margin-bottom:0 ;} .redline{border-color:rgba(178, 1, 0, 1.00) ;border-width:0px 0px 3px 0px ;} .greybak{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-color: #ffffff; background-image: linear-gradient(90deg, #211d18 0%, #bbbbbb 90%); }@media (hover:none) and (pointer:coarse){.greybak{background-attachment:scroll!important}} .cardheader-pad{padding-top:0 ;} .card-section{padding-top:0 ;padding-right:0 ;padding-bottom:0 ;padding-left:0 ;} .cardsection-pad{padding:1rem ;} .pic-centre{padding-top:0 ;padding-right:0 ;padding-left:0 ;} .pic-centre{margin-right:0 ;margin-left:0 ;} .stacks_in_480{--offcanvas-size-small:200px;--offcanvas-size-medium:250px;--offcanvas-size-large:250px;} .stacks_in_489 img{width:100%;max-width:40px} .stacks_in_692 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_704 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_253 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_267 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_914 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_718 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} /* Start Button Press stack CSS code */ #stacks_in_798{ text-align: center !important; } .stacks_in_798dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Gradient type button specific styles */ -moz-box-shadow:inset 0px 1px 0px 0px #89D1F9; -webkit-box-shadow:inset 0px 1px 0px 0px #89D1F9; box-shadow:inset 0px 1px 0px 0px #89D1F9; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #438BB3), color-stop(1, #256D95) ); background:-moz-linear-gradient( center top, #438BB3 5%, #256D95 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#438BB3', endColorstr='#256D95'); background-color:#3981A9; text-shadow:none; text-shadow:1px -1px 0px #115981; border:1px solid #1B638B; color:#FFFFFF; font-size:110% !important; font-weight:normal !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; padding: 13px 15px 13px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_798dooabutton:hover { -moz-box-shadow:inset 0px 1px 0px 0px #115981; -webkit-box-shadow:inset 0px 1px 0px 0px #115981; box-shadow:inset 0px 1px 0px 0px #115981; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #256D95), color-stop(1, #438BB3) ); background:-moz-linear-gradient( center top, #256D95 5%, #438BB3 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#256D95', endColorstr='#438BB3'); background-color:#3981A9; color:; } /* End Button Press stack CSS code *//* Start Button Press stack CSS code */ #stacks_in_799{ text-align: center !important; } .stacks_in_799dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Gradient type button specific styles */ -moz-box-shadow:inset 0px 1px 0px 0px #89D1F9; -webkit-box-shadow:inset 0px 1px 0px 0px #89D1F9; box-shadow:inset 0px 1px 0px 0px #89D1F9; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #438BB3), color-stop(1, #256D95) ); background:-moz-linear-gradient( center top, #438BB3 5%, #256D95 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#438BB3', endColorstr='#256D95'); background-color:#3981A9; text-shadow:none; text-shadow:1px -1px 0px #115981; border:1px solid #1B638B; color:#FFFFFF; font-size:110% !important; font-weight:normal !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; padding: 13px 15px 13px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_799dooabutton:hover { -moz-box-shadow:inset 0px 1px 0px 0px #115981; -webkit-box-shadow:inset 0px 1px 0px 0px #115981; box-shadow:inset 0px 1px 0px 0px #115981; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #256D95), color-stop(1, #438BB3) ); background:-moz-linear-gradient( center top, #256D95 5%, #438BB3 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#256D95', endColorstr='#438BB3'); background-color:#3981A9; color:; } /* End Button Press stack CSS code *//* Start Button Press stack CSS code */ #stacks_in_802{ text-align: center !important; } .stacks_in_802dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Gradient type button specific styles */ -moz-box-shadow:inset 0px 1px 0px 0px #89D1F9; -webkit-box-shadow:inset 0px 1px 0px 0px #89D1F9; box-shadow:inset 0px 1px 0px 0px #89D1F9; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #438BB3), color-stop(1, #256D95) ); background:-moz-linear-gradient( center top, #438BB3 5%, #256D95 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#438BB3', endColorstr='#256D95'); background-color:#3981A9; text-shadow:none; text-shadow:1px -1px 0px #115981; border:1px solid #1B638B; color:#FFFFFF; font-size:110% !important; font-weight:normal !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; padding: 13px 15px 13px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_802dooabutton:hover { -moz-box-shadow:inset 0px 1px 0px 0px #115981; -webkit-box-shadow:inset 0px 1px 0px 0px #115981; box-shadow:inset 0px 1px 0px 0px #115981; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #256D95), color-stop(1, #438BB3) ); background:-moz-linear-gradient( center top, #256D95 5%, #438BB3 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#256D95', endColorstr='#438BB3'); background-color:#3981A9; color:; } /* End Button Press stack CSS code *//* Start Button Press stack CSS code */ #stacks_in_801{ text-align: center !important; } .stacks_in_801dooabutton{ -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; /* Opera/IE 8+ */ display:inline-block; text-align: center; letter-spacing: 0px !important; width:100%; /* Gradient type button specific styles */ -moz-box-shadow:inset 0px 1px 0px 0px #89D1F9; -webkit-box-shadow:inset 0px 1px 0px 0px #89D1F9; box-shadow:inset 0px 1px 0px 0px #89D1F9; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #438BB3), color-stop(1, #256D95) ); background:-moz-linear-gradient( center top, #438BB3 5%, #256D95 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#438BB3', endColorstr='#256D95'); background-color:#3981A9; text-shadow:none; text-shadow:1px -1px 0px #115981; border:1px solid #1B638B; color:#FFFFFF; font-size:110% !important; font-weight:normal !important; line-height:normal !important; text-decoration:none !important; text-indent:0 !important; padding: 13px 15px 13px 15px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .stacks_in_801dooabutton:hover { -moz-box-shadow:inset 0px 1px 0px 0px #115981; -webkit-box-shadow:inset 0px 1px 0px 0px #115981; box-shadow:inset 0px 1px 0px 0px #115981; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #256D95), color-stop(1, #438BB3) ); background:-moz-linear-gradient( center top, #256D95 5%, #438BB3 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#256D95', endColorstr='#438BB3'); background-color:#3981A9; color:; } /* End Button Press stack CSS code */@important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_738 { overflow: visible !important; } #feature-cards-stacks_in_738 { margin: 0 auto; max-width: 1000px; } #feature-cards-stacks_in_738 * { box-sizing: border-box; } #feature-cards-stacks_in_738 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } #feature-cards-stacks_in_738 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_738 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_738 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_738 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_738 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_738 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_738 .feature-card { /* */ background: rgba(232, 230, 230, 1.00); /* */ /* */ /* */ /* */ /* */ box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.40); /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; transition: all 0.3s ease; padding: 2px; border-radius: 30px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_738 .feature-card-stacks { display: none; } #feature-cards-stacks_in_738 .feature-card-icon { /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; width: 70px; height: 70px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 50px 10px 10px 10px; transition: all 0.3s ease; } #feature-cards-stacks_in_738 .feature-card-icon i { font-size: 45px; color: #FFFFFF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_738 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px; text-align: left; } #feature-cards-stacks_in_738 .feature-card-header { /* */ font-family: "Roboto-Regular"; /* */ margin: 0; color: #1C4D7A; font-size: 19px; line-height: 24px; font-weight: ; } #feature-cards-stacks_in_738 .feature-card-description { /* */ font-family: ""; /* */ /* */ margin: 10px 0; display: block; color: #4B4C4C; font-size: 15px; line-height: 21px; } /* */ #feature-cards-stacks_in_738 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1.06) rotate(0deg) translateY(0px); transform: scale(1.06) rotate(0deg) translateY(0px); } #feature-cards-stacks_in_738 .feature-card:hover .feature-card-icon { /**/ background: #B0BEC5; /**/ } #feature-cards-stacks_in_738 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(0deg); transform: rotate(0deg); /**/ color: #546E7A; /**/ } #feature-cards-stacks_in_738 .feature-card:hover .feature-card-header { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_738 .feature-card:hover .feature-card-description { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_738 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_738 .feature-grid.ripple .feature-card::before { background: #1A7AA8; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_738 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_738 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 30; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_738 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_738 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #1A7AA8; } #feature-cards-stacks_in_738 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_738 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_738 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 30px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_738 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_738 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_738 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_738 .feature-outer { /**/ max-width: 25.000000%; /**/ width: 25.000000%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_738 .feature-outer { /**/ max-width: 33.333332%; /**/ width: 33.333332%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_738 .feature-outer { /**/ max-width: 50.000000%; /**/ width: 50.000000%; } } /* */ #feature-section-card-stacks_in_740 img { width: 100px; height: 100px; margin: 5px 0px 0px 5px; } #feature-section-card-stacks_in_744 img { width: 100px; height: 100px; margin: 5px 0px 0px 5px; } #feature-section-card-stacks_in_748 img { width: 100px; height: 100px; margin: 5px 0px 0px 5px; } #feature-section-card-stacks_in_752 img { width: 100px; height: 100px; margin: 5px 0px 0px 5px; } #feature-section-card-stacks_in_756 img { width: 100px; height: 100px; margin: 5px 0px 0px 5px; } #feature-section-card-stacks_in_760 img { width: 100px; height: 100px; margin: 5px 0px 0px 5px; } #feature-section-card-stacks_in_764 img { width: 100px; height: 100px; margin: 5px 0px 0px 5px; } #feature-section-card-stacks_in_768 img { width: 100px; height: 100px; margin: 5px 0px 0px 5px; } .stacks_in_291 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_336 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} /* @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_379 [class^="freestyle-icon-"]:before, #freeStyleWrapperstacks_in_379 [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_379 .freestyle-icon-left-open:before { content: '\e800'; } #freeStyleWrapperstacks_in_379 .freestyle-icon-right-open:before { content: '\e801'; } #freeStyleWrapperstacks_in_379 .freestyle-icon-play:before { content: '\e802'; } #freeStyleWrapperstacks_in_379 .freestyle-icon-pause:before { content: '\e803'; } /* @end */ /* @group General / CSS reset */ #freeStyleWrapperstacks_in_379 { display: block; position: relative; width: 100%; z-index: 1; } #freeStyleWrapperstacks_in_379 a { outline: none; } #freeStyleWrapperstacks_in_379 ul { padding: 0; margin: 0; list-style: none; } #freeStyleWrapperstacks_in_379 li { padding: 0; margin: 0; list-style: none; } /* @end */ %[if 0 ]% /* @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_379 { 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_379 { position: absolute; right: 10px; top: 10px; z-index: 55; display: block; width: 33%; } #overlayFillstacks_in_379 { 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_379 { 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_379 { position: relative; top: auto; bottom: auto; left: auto; right: auto; display: block; width: 100%; } #overlayFillstacks_in_379, #overlayContentstacks_in_379 { opacity: 1.00; border-radius: 0px; -webkit-border-radius: 0px; } } #stacks_in_379 { margin: 5px 0px 5px 0px; } /* @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_380 [class^="freestyle-icon-"]:before, #freeStyleWrapperstacks_in_380 [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_380 .freestyle-icon-left-open:before { content: '\e800'; } #freeStyleWrapperstacks_in_380 .freestyle-icon-right-open:before { content: '\e801'; } #freeStyleWrapperstacks_in_380 .freestyle-icon-play:before { content: '\e802'; } #freeStyleWrapperstacks_in_380 .freestyle-icon-pause:before { content: '\e803'; } /* @end */ /* @group General / CSS reset */ #freeStyleWrapperstacks_in_380 { display: block; position: relative; width: 100%; z-index: 1; } #freeStyleWrapperstacks_in_380 a { outline: none; } #freeStyleWrapperstacks_in_380 ul { padding: 0; margin: 0; list-style: none; } #freeStyleWrapperstacks_in_380 li { padding: 0; margin: 0; list-style: none; } /* @end */ %[if 0 ]% /* @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_380 { 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_380 { position: absolute; right: 10px; top: 10px; z-index: 55; display: block; width: 33%; } #overlayFillstacks_in_380 { 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_380 { 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_380 { position: relative; top: auto; bottom: auto; left: auto; right: auto; display: block; width: 100%; } #overlayFillstacks_in_380, #overlayContentstacks_in_380 { opacity: 1.00; border-radius: 0px; -webkit-border-radius: 0px; } } .stacks_in_432 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_1075 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} #toTop{--elevator-image:url(../rw_common/plugins/stacks/elevator-images/top.png);--elevator-size:50px;display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:var(--elevator-size);height:var(--elevator-size);border:none;text-indent:-9999px;background-image:var(--elevator-image);background-repeat:no-repeat;background-position:left top;z-index:9988}#toTop:active,#toTop:focus{outline:none}#toTop:hover{background-position:left calc(var(--elevator-size) * -1)}