.topyenoh{opacity:0;position:absolute;top:0;left:0;height:0;width:0;padding:0;margin:0;z-index:-1} .com_bigwhiteduck_stacks_FoundationButtonPlus2_stack{position:relative}.b-p.icon-only{-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.bp-wrap.bp-txt-left>.b-p:not(.icon-only){text-align:left!important}.bp-wrap.bp-txt-center>.b-p:not(.icon-only){text-align:center!important}.bp-wrap.bp-txt-right>.b-p:not(.icon-only){text-align:right!important}.bp-wrap.noclick-active>.b-p.active{pointer-events:none!important} .bp-wrap.inline-wrap{display:inline-block} .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)} .com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center + ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left !important}} .com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} /* Start Stats stack CSS code */ .stacks_in_12438stats, .stacks_in_12438pagetitle{ display: none; } .stacks_in_12438instructwrapper{ position: relative; background: url("../index_files/newstatsbg.png") repeat-x; height: 100px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .stacks_in_12438instruct{ position: absolute; text-align: center; bottom: 0px; left: 0px; right: 0px; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background: rgba(0, 0, 0, 0.6); padding: 4px 10px 5px 10px; } /* End if record mode */ /* End if admin mode */ /* End Stats stack CSS code */: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(255, 255, 255, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(156, 177, 65, 1.00);--secondary:rgba(255, 255, 255, 1.00);--success:rgba(76, 168, 158, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(220, 20, 60, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 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(126, 147, 35, 1.00);--secondary-dark:rgba(225, 225, 225, 1.00);--success-dark:rgba(46, 138, 128, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(190, 0, 30, 1.00);--header-color:rgba(255, 255, 255, 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(34, 34, 34, 1.00);--link-color-hover:rgba(134, 166, 27, 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(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(164, 203, 30, 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(44rem/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(25rem/16)}@media only screen and (min-width:40em){body{font-size:calc(20rem/16)}h1,.h1{font-size:calc(58rem/16)}h2,.h2{font-size:calc(48rem/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(20rem/16)}h1,.h1{font-size:calc(58rem/16)}h2,.h2{font-size:calc(48rem/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{background-color:rgba(255, 255, 255, 1.00);} h1,.h1, .h1{font-family:"Oswald",sans-serif } h2,.h2, .h2{font-family:"Shadows Into Light",sans-serif } h3,.h3, .h3{font-family:"Oswald",sans-serif } h4,.h4, .h4{font-family:"Satisfy",sans-serif } p,.p, {font-family:"Cabin",sans-serif } p,.p, .ph2{font-family:"Cabin",sans-serif } .white{color:rgba(255, 255, 255, 1.00) ;} .black{color:rgba(51, 51, 51, 1.00) ;} .green{color:rgba(164, 203, 29, 1.00) ;} .red{color:rgba(220, 20, 60, 1.00) ;} h1,.h1, .h1{font-size:calc(30rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h1,.h1, .h1{font-size:calc(40rem/16) }}@media only screen and (min-width:64em) { h1,.h1, .h1{font-size:calc(40rem/16) }} h2,.h2, .h2{font-size:calc(40rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) { h2,.h2, .h2{font-size:calc(50rem/16) }}@media only screen and (min-width:64em) { h2,.h2, .h2{font-size:calc(50rem/16) }} h3,.h3, .h3{font-size:calc(30rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h3,.h3, .h3{font-size:calc(30rem/16) }}@media only screen and (min-width:64em) { h3,.h3, .h3{font-size:calc(30rem/16) }} h4,.h4, .h4{font-size:calc(30rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) { h4,.h4, .h4{font-size:calc(25rem/16) }}@media only screen and (min-width:64em) { h4,.h4, .h4{font-size:calc(31rem/16) }} p,.p, .ph{font-size:calc(20rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) { p,.p, .ph{font-size:calc(20rem/16) }}@media only screen and (min-width:64em) { p,.p, .ph{font-size:calc(20rem/16) }} p,.p, .ph2{font-size:calc(15rem/16) ;}@media only screen and (min-width:40em) { p,.p, .ph2{font-size:calc(15rem/16) }}@media only screen and (min-width:64em) { p,.p, .ph2{font-size:calc(30rem/16) }} .blue{color:rgba(0, 179, 171, 1.00) ;} .orange{color:rgba(250, 172, 19, 1.00) ;} .heightpics{height:50.00vh ;min-height:fit-content ;max-height:fit-content ;}@media only screen and (min-width:40em){.heightpics{height:50.00vh }}@media only screen and (min-width:64em){.heightpics{height:50.00vh }} .grey{background-color:rgba(239, 235, 231, 0.75) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.grey{background-attachment:scroll!important}} .border1{border-color:rgba(45, 179, 51, 1.00) rgba(45, 179, 51, 1.00) rgba(45, 179, 51, 1.00) rgba(45, 179, 51, 1.00) ;border-width:2px 2px 2px 2px ;border-style:solid solid solid solid ;} .height{height:100.00vh ;min-height:fit-content ;max-height:fit-content ;}@media only screen and (min-width:40em){.height{height:70.00vh }}@media only screen and (min-width:64em){.height{height:70.00vh }} .myclass{} .myclass{opacity:0.70 } .formcolor{background-color:rgba(239, 239, 239, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.formcolor{background-attachment:scroll!important}} .bgcolorred{background-color:rgba(221, 0, 49, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bgcolorred{background-attachment:scroll!important}} .formcoloryellow{background-color:rgba(255, 181, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.formcoloryellow{background-attachment:scroll!important}} .bgcolormagenta{background-color:rgba(255, 0, 102, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bgcolormagenta{background-attachment:scroll!important}} .rounding{border-radius:10px ;} .dark{background-color:rgba(40, 40, 40, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.dark{background-attachment:scroll!important}} .bgcolorblue{background-color:rgba(140, 198, 218, 1.00) ;background-image:url('') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.bgcolorblue{background-attachment:scroll!important}} .footedbackground{background-image:url('../index_files/bgimage-40-F9B.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.footedbackground{background-attachment:scroll!important}} .bgcolorblue{background-color:rgba(0, 187, 184, 1.00) ;background-image:url('') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.bgcolorblue{background-attachment:scroll!important}} .ph .padding{padding-top:2rem ;padding-right:2rem ;padding-bottom:2rem ;padding-left:2rem ;} .light{background-color:rgba(241, 238, 232, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.light{background-attachment:scroll!important}} .imagebackground{background-image:url('../index_files/bgimage-44-F9B.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.imagebackground{background-attachment:scroll!important}} .borderwhite{border-color:rgba(204, 204, 204, 1.00) ;border-width:2px ;border-style:solid ;} .bordergreen{border-color:rgba(0, 153, 0, 1.00) ;border-width:5px ;border-style:solid ;} .rounding-half{border-radius:0px 0px 10px 10px ;} .formcolorgreen{background-color:rgba(134, 166, 27, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.formcolorgreen{background-attachment:scroll!important}} .shadow{box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.60);} .button.b-p { box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; } .button.b-p { overflow: visible; -webkit-appearance: button; cursor: pointer; } .button.b-p[disabled] { cursor: default; } .button.b-p::-moz-focus-inner { border: 0; padding: 0; } .button.b-p { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: inherit; font-weight: inherit; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; transition: all 300ms ease-out; } .button.b-p.large { padding: 1.125rem 2.25rem 1.1875rem 2.25rem; font-size: 1.25rem; } .button.b-p.small { padding: .875rem 1.75rem .9375rem 1.75rem; font-size: .8125rem; } .button.b-p.tiny { padding: .625rem 1.25rem .6875rem 1.25rem; font-size: .6875rem; } .button.b-p.expand { padding-left: 1rem; padding-right: 1rem; width: 100%; } .button.b-p.left-align { text-align: left; text-indent: .75rem; } .button.b-p.right-align { text-align: right; padding-right: .75rem; } .button.b-p.radius, .button.b-p.radius::before, .button.b-p.radius::after { border-radius: 3px; } .button.b-p.round, .button.b-p.radius::before, .button.b-p.round::after { border-radius: 1000px; } .button.b-p.disabled, .button.b-p[disabled] { background-color: #008CBA; border-color: #007095; color: #fff; box-shadow: none; cursor: default; opacity: .7; } .button.b-p.right { float: right !important; } .button.b-p::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 40.063em) { .button.b-p { display: inline-block; } } .bp-styles-warning { display: none; } .button.b-p:not(.custom) { background-color: rgba(255, 39, 62, 1.00); color: rgba(255, 255, 255, 1.00); } .button.b-p:not(.custom):hover { color: rgba(255, 255, 255, 1.00); background-color: #da0017; } .button.b-p.secondary:not(.custom) { background-color: rgba(156, 177, 65, 1.00); color: rgba(255, 255, 255, 1.00); } .button.b-p.secondary:not(.custom):hover { color: rgba(255, 255, 255, 1.00); background-color: #6b792c; } .button.b-p.alert:not(.custom) { background-color: rgba(217, 83, 79, 1.00); } .button.b-p.alert:not(.custom):hover { background-color: #b52b27; } .button.b-p.success:not(.custom) { background-color: rgba(232, 24, 71, 1.00); } .button.b-p.success:not(.custom):hover { background-color: #a31031; } .button.b-p.radius:not(.custom) { border-radius: 4px; } .button.b-p.ghost:not(.custom) { background-color: transparent; border-width: 1px; border-color: rgba(255, 39, 62, 1.00); color: rgba(255, 39, 62, 1.00); } .button.b-p.ghost:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #da0017; background-color: #da0017; } .button.b-p.ghost.secondary:not(.custom) { border-color: rgba(156, 177, 65, 1.00); color: rgba(156, 177, 65, 1.00); } .button.b-p.ghost.secondary:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #6b792c; background-color: #6b792c; } .button.b-p.ghost.alert:not(.custom) { border-color: rgba(217, 83, 79, 1.00); color: rgba(217, 83, 79, 1.00); } .button.b-p.ghost.alert:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #b52b27; background-color: #b52b27; } .button.b-p.ghost.success:not(.custom) { border-color: rgba(232, 24, 71, 1.00); color: rgba(232, 24, 71, 1.00); } .button.b-p.ghost.success:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #a31031; background-color: #a31031; } .button.b-p.outline-ghost:not(.custom) { border-color: rgba(156, 177, 65, 1.00); border-width: 1px; color: rgba(45, 56, 71, 1.00); background-color: transparent; } .button.b-p.outline-ghost:not(.custom):hover { color: #0f1318; border-color: #6b792c; background-color: rgba(212, 212, 212, 0.00); } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_12480 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_12480 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_12480 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_12480 .svgm-group.svgm-special-17 { display: block; } .svg-metamorph.svgm_stacks_in_12480, .svg-metamorph.svgm_stacks_in_12480 .svgm-content { position: relative; z-index: 1; } #stacks_in_12480, #stacks_out_12480 { overflow: visible; } .svg-metamorph.svgm_stacks_in_12480 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -77px; margin-top: calc(120px - 0px); z-index: 10; margin-top: -0px; } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 120px + 120px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-120px); } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(120px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-120px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer > .svgm-wrap:after { background: #FFFFFF; } .svg-metamorph.svgm_stacks_in_12480 .svgm-content { position: relative; z-index: 3; min-height: 120px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { opacity: 0; } .svg-metamorph.svgm_stacks_in_12480 .svgm-content { margin-top: 0; } .svg-metamorph.svgm_stacks_in_12480 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_12480 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_12480 > .svgm-wrap-outer { height: calc(100% - 0px - 77px ); min-height: 120px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 77px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_12480 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_12480 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_12480 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_12480 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_12480 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_12480 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_12480 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_12480 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_12480 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_12480 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_12480 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_12480 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_12480 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_12480 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } /**/ /* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_12482 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_12482 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_12482 .clean-menu-extra { display: none; } #clean-menu_stacks_in_12482 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_12482 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_12482.cm-full-menu li > a:hover, #clean-menu_stacks_in_12482 li > a:hover { text-decoration: none; } #stacks_in_12482 nav { border: 0px solid transparent; } #clean-menu_stacks_in_12482 { max-width: 1240px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_12482 ul { margin: 0; } #clean-menu-full_stacks_in_12482.cm-full-menu ul, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_12482 ul li > a:after, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_12482.cm-full-menu, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_12482.cm-full-menu ul, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul { text-decoration: none; list-style: none; margin: 0; display: block; padding: 0px 0px; background: transparent; } #clean-menu-full_stacks_in_12482.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a { padding: 5px 20px; margin: 0; line-height: 1; background: transparent; display: inline-block; } #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_12482.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_12482.cm-full-menu ul > div, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul > div a, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_12482.cm-full-menu ul ul, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_12482.cm-full-menu, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul { position: absolute; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); min-width: 250px; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); } #clean-menu-full_stacks_in_12482.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_12482.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_12482.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_12482.cm-full-menu { -webkit-transform: translate(-100%, 50px); transform: translate(-100%, 50px); } #clean-menu-full_stacks_in_12482.cm-full-menu.clean-menu-active { -webkit-transform: translate(-100%, 5px); transform: translate(-100%, 5px); } #clean-menu-full_stacks_in_12482.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_12482 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_12482.clean-menu-active ul { opacity: 1; pointer-events: all; } .cm-toggle { width: 30px; height: 28px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .cm-toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .cm-toggle span:nth-child(1) { top: 0px; } .cm-toggle span:nth-child(2),.cm-toggle span:nth-child(3) { top: 10px; } .cm-toggle span:nth-child(4) { top: 20px; } .cm-toggle.open span:nth-child(1) { opacity: 0; } .cm-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cm-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cm-toggle.open span:nth-child(4) { opacity: 0; } #clean-menu_stacks_in_12482 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #clean-menu_stacks_in_12482 > div { align-self: center; } #clean-menu_stacks_in_12482 .clean-menu-full .cm-menu-toggle { width: 30px; height: 25px; box-sizing: border-box; padding: 0; /* border: 1px solid #000;*/ border-radius: 3px; cursor: pointer; } #clean-menu_stacks_in_12482 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_12482 .clean-menu-logo { max-width: 200px; min-width: 200px; margin: 0; } #clean-menu_stacks_in_12482 .clean-menu-logo .cm-logo-wrap { max-width: 200px; min-width: 200px; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } #clean-menu_stacks_in_12482 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_12482.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_12482 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_12482 .clean-menu-logo .cm-logo-left { max-width: 73px; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_12482.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_12482 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } div[tag="slice"] > .mez > #stacks_in_12482.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(0, 187, 184, 1.00); font-size: 18px; font-weight: bold; line-height: 25px; align-items: center; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a { font-size: 18px; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_12482.cm-full-menu > ul > li > a { font-weight: bold; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a svg, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a svg { fill: rgba(0, 187, 184, 1.00); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; font-size: 18px; line-height: 18px; } #stacks_in_12482 li > a svg, #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a svg, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a svg { width: 18px; height: 18px; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(156, 177, 65, 1.00); } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a:hover svg { fill: rgba(156, 177, 65, 1.00); } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(228, 0, 0, 1.00); } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-current > a svg { fill: rgba(228, 0, 0, 1.00); } #clean-menu_stacks_in_12482 .cm-toggle span { background: #D32E45; } #clean-menu_stacks_in_12482 h1, #clean-menu_stacks_in_12482 h2, #clean-menu_stacks_in_12482 h3, #clean-menu_stacks_in_12482 h4, #clean-menu_stacks_in_12482 h5, #clean-menu_stacks_in_12482 h6, #clean-menu_stacks_in_12482 .layouts-text, #clean-menu_stacks_in_12482 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_12482.cm-full-menu, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul { background: rgba(105, 188, 212, 1.00); } #clean-menu-full_stacks_in_12482.cm-full-menu > ul > li, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_12482.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a, #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a svg, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_12482.cm-full-menu ul ul li:before { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a:hover svg { color: rgba(0, 0, 0, 0.20); fill: rgba(0, 0, 0, 0.20); } /* #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a.cm-heading:hover { color: rgba(255, 255, 255, 1.00); cursor: default; } */ #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 187, 184, 1.00); } #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(156, 177, 65, 1.00); } /* #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 187, 184, 1.00); } */ #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(228, 0, 0, 1.00); } .disable-parents #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_12482.cm-full-menu.disable-parents ul li > a.parent:hover { color: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 1.00); } .disable-parents #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_12482 .clean-menu-top-level ul li > a.parent:hover:after { color: rgba(0, 187, 184, 1.00); border-color: rgba(0, 187, 184, 1.00); } #clean-menu_stacks_in_12482 .clean-menu-logo { margin: 0; width: 200px; max-width: 200px; } #clean-menu_stacks_in_12482 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; max-width: 200px; width: 100%; margin-right: 5px; } #clean-menu_stacks_in_12482 .clean-menu-full { width: 200px; -webkit-box-flex: none; -ms-flex: none; flex: none; } /* div[tag="slice"] > .mez > #stacks_in_12482.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-full { width: auto; max-width: 300px; } */ #clean-menu_stacks_in_12482 .clean-menu-full .cm-menu-toggle { display: inline-block; float: right; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div[tag="slice"] > .mez > #stacks_in_12482.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 7px; } @media all and (min-width: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_12482.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_12482 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_12482 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_12482 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 770px) { #clean-menu_stacks_in_12482.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_12482 { min-width: 300px; } #clean-menu_stacks_in_12482 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_12482 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_12482 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_12482 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_12482.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a { font-size: calc(18px + 2 ); line-height: calc(18px + 2 ); padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_12482.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_12482.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_12482.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_12482 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_12482 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_12482 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_12482 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_12482 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_12482.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_12482.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_12482.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_12482.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_12482.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_12482.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_12482 .clean-menu-top-level ul li.cm-current > a { text-decoration: underline; } .stacks_in_12483 img{width:100%;max-width:200px} .clean-menu-top-level #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a { transition: all 150ms ease; color: rgba(255, 255, 255, 0.82); background-color: rgba(238, 0, 120, 1.00); border: 1px solid rgba(238, 0, 120, 1.00); border-radius: 4px; padding: 6px 12px; } .clean-menu-top-level #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style.cm-grouped-item > a { padding: 0; } .clean-menu-top-level #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a svg { fill: rgba(255, 255, 255, 0.82); } .clean-menu-top-level #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a:hover, .clean-menu-top-level #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style.current a { color: rgba(255, 255, 255, 1.00); background-color: rgba(140, 198, 218, 1.00); border: 1px solid rgba(140, 198, 218, 1.00); } .clean-menu-top-level #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a:hover svg, .clean-menu-top-level #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style.current a svg { fill: rgba(255, 255, 255, 1.00); } .clean-menu-top-level #cta_stacks_in_12495.clean-menu-cta { margin: 0 9px; } .clean-menu-top-level #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a:hover { } .clean-menu-top-level #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a:active { transform: translate(0,1px); } .cm-full-menu #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style { padding: 10px 18px 10px 18px; } .cm-full-menu #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a { transition: all 150ms ease; color: rgba(255, 255, 255, 0.82); background-color: rgba(238, 0, 120, 1.00); border: 1px solid rgba(238, 0, 120, 1.00); border-radius: 4px; display: block; text-align: center; padding: 6px 12px; } .cm-vert-bottom > .clean-menu-top-level > ul:has(> #cta_stacks_in_12495) { margin-bottom: -6px; } .cm-full-menu #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style.cm-grouped-item > a { display: inline-block; } .cm-full-menu #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a svg { fill: rgba(255, 255, 255, 0.82); } .cm-full-menu #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a:hover, .cm-full-menu #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style.current a { color: rgba(255, 255, 255, 1.00); background-color: rgba(140, 198, 218, 1.00); border: 1px solid rgba(140, 198, 218, 1.00); } .cm-full-menu #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a:hover svg, .cm-full-menu #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a.current a svg { fill: rgba(255, 255, 255, 1.00); } .cm-full-menu #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a:hover { } .cm-full-menu #cta_stacks_in_12495.clean-menu-cta.clean-menu-cta-style a:active { transform: translate(0,1px); } .clean-menu-top-level #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a { transition: all 150ms ease; color: rgba(255, 255, 255, 0.80); background-color: rgba(41, 127, 17, 1.00); border: 1px solid rgba(41, 127, 17, 1.00); border-radius: 4px; padding: 6px 12px; } .clean-menu-top-level #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style.cm-grouped-item > a { padding: 0; } .clean-menu-top-level #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a svg { fill: rgba(255, 255, 255, 0.80); } .clean-menu-top-level #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a:hover, .clean-menu-top-level #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style.current a { color: rgba(255, 255, 255, 1.00); background-color: rgba(140, 198, 218, 1.00); border: 1px solid rgba(140, 198, 218, 1.00); } .clean-menu-top-level #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a:hover svg, .clean-menu-top-level #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style.current a svg { fill: rgba(255, 255, 255, 1.00); } .clean-menu-top-level #cta_stacks_in_12497.clean-menu-cta { margin: 0 9px; } .clean-menu-top-level #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a:hover { } .clean-menu-top-level #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a:active { transform: translate(0,1px); } .cm-full-menu #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style { padding: 10px 18px 10px 18px; } .cm-full-menu #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a { transition: all 150ms ease; color: rgba(255, 255, 255, 0.80); background-color: rgba(41, 127, 17, 1.00); border: 1px solid rgba(41, 127, 17, 1.00); border-radius: 4px; display: block; text-align: center; padding: 6px 12px; } .cm-vert-bottom > .clean-menu-top-level > ul:has(> #cta_stacks_in_12497) { margin-bottom: -6px; } .cm-full-menu #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style.cm-grouped-item > a { display: inline-block; } .cm-full-menu #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a svg { fill: rgba(255, 255, 255, 0.80); } .cm-full-menu #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a:hover, .cm-full-menu #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style.current a { color: rgba(255, 255, 255, 1.00); background-color: rgba(140, 198, 218, 1.00); border: 1px solid rgba(140, 198, 218, 1.00); } .cm-full-menu #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a:hover svg, .cm-full-menu #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a.current a svg { fill: rgba(255, 255, 255, 1.00); } .cm-full-menu #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a:hover { } .cm-full-menu #cta_stacks_in_12497.clean-menu-cta.clean-menu-cta-style a:active { transform: translate(0,1px); } #stacks_in_12446 h1,#stacks_in_12446 .hTxt:not(.segment) div{font-size:3.00rem}@media all and (max-width:640px){#stacks_in_12446 h1,#stacks_in_12446 .hTxt:not(.segment) div{font-size:1.95rem}}@media only screen and (max-width:667px){#stacks_in_12446 h1,#stacks_in_12446 div{text-align:center !important}#stacks_out_12446{display:block !important}}@media only screen and (min-width:0px){#stacks_in_12446 h1,#stacks_in_12446 div{word-spacing:5.04px}}#stacks_in_12446 h1,#stacks_in_12446 div{color:rgba(250, 156, 9, 1.00)}#stacks_in_12446 h1 a,#stacks_in_12446 div a{color:rgba(250, 156, 9, 1.00)}#stacks_in_12446 h1 a:hover,#stacks_in_12446 div a:hover{color:rgba(187, 117, 6, 1.00)}#stacks_in_12446 small,#stacks_in_12446 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_12446 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"Caveat Brush",Sans-Serif;font-weight:400;font-style:normal}#stacks_in_12446 .hTxt.segment[data-seg="segment2"]{font-family:"Lilita One",Sans-Serif;font-weight:400;font-style:normal}#stacks_in_12446 .primary,#stacks_in_12446 .segment{display:inline-block}#stacks_in_12446 .primary.sub-title,#stacks_in_12446 .segment.sub-title{display:block}#stacks_in_12446 [data-seg="segment2"].last-title{display:block}#stacks_in_12446 .segment.no-shadow{text-shadow:none !important}#stacks_in_12446 .segment *{}#stacks_in_12446 .segment[data-seg="segment2"]{font-size:113%;color:rgba(24, 174, 165, 1.00);padding:0px 0px 0px 10px;margin:0px 0px 0px 0px;vertical-align:baseline;}#stacks_in_12446 .segment[data-seg="segment2"] div{color:rgba(24, 174, 165, 1.00)}#stacks_in_12446 .segment[data-seg="segment2"] div.mez{font-size:113%} #stacks_in_12453 h1,#stacks_in_12453 .hTxt:not(.segment) div{font-size:1.10rem}@media all and (max-width:640px){#stacks_in_12453 h1,#stacks_in_12453 .hTxt:not(.segment) div{font-size:0.95rem}}@media only screen and (max-width:667px){#stacks_in_12453 h1,#stacks_in_12453 div{text-align:center !important}#stacks_out_12453{display:block !important}}#stacks_in_12453 h1,#stacks_in_12453 div{color:rgba(153, 153, 153, 1.00)}#stacks_in_12453 h1 a,#stacks_in_12453 div a{color:rgba(153, 153, 153, 1.00)}#stacks_in_12453 h1 a:hover,#stacks_in_12453 div a:hover{color:rgba(114, 114, 114, 1.00)}#stacks_in_12453 small,#stacks_in_12453 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_12453 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"Archivo Black",Sans-Serif;font-weight:400;font-style:normal} /* Start Stats stack CSS code */ /* End if record mode */ .stacks_in_12458cloak, .stacks_in_12458badlogin, .stacks_in_12458admin .statsTotalViews{ display: none; } .stacks_in_12458adminHeader{ background: #444; padding: 10px 20px 10px 20px; color: #fff; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .stacks_in_12458adminWrapper{ border: 4px solid #444; border-top: none; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-family: Arial, Helvetica, sans-serif; color: #333; background: #fff; } .stacks_in_12458adminTopper{ position: relative; background: #fff; padding: 20px; } .stacks_in_12458totalPageViews{ font-weight: bold; font-size: 18px; } .stacks_in_12458resetAll{ display: inline-block; line-height: 20px; padding: 0 10px 0 10px; font-size: 12px; color: #fff; background: #e72b2e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 10px; cursor: pointer; } .stacks_in_12458admin{ background: #E2E7EA; padding: 10px; border-top: 1px solid #ADB7C8; } .statsAdminStatItem{ background: #F4F5F8; padding: 20px; margin: 5px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ADB7C8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .statsAdminPageName{ padding: 0; font-weight: bold; font-size: 18px; color: #333; } .statsPageUrl{ padding: 3px 0 0 0; font-size: 14px; overflow: hidden; } .statsPageUrl a,.statsPageUrl a:hover,.statsPageUrl a:active,.statsPageUrl a:visited{ color: #e72b2e !important; display: inline-block; text-align: right; } .statsAdminViewCount{ padding: 3px 0 0 0; font-size: 14px; color: #333; line-height: 18px; } .statsAdminViewCount span{ display: inline-block; padding: 0 10px 0 10px; font-size: 10px; color: #fff; background: #e72b2e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } .stacks_in_12458loginWrapper{ position: relative; padding: 20px; background: #fff; } #stacks_in_12458loginfield{ background-color:#fff; border:#ccc solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font:normal Arial, Helvetica, sans-serif 12px; color:#333; line-height:26px; padding-left:6px; } #stacks_in_12458loginbutton{ background-color:#e72b2e; border:#e72b2e solid 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font:normal Arial, Helvetica, sans-serif 12px; color:#fff; line-height:28px; display:inline-block; padding:0 4px; display:inline-block } .stacks_in_12458badlogin{ color: #e72b2e; padding: 3px 0 0 0; font:normal Arial, Helvetica, sans-serif 12px; font-size: 14px; line-height: 18px; } #stacks_in_12458refreshbutton{ position: absolute; top: 20px; right: 20px; padding: 0 20px 0 20px; line-height: 20px; font:normal Arial, Helvetica, sans-serif 14px; color: #fff; background: #e72b2e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } .stacks_in_12458statsReport{ position: absolute; bottom: 20px; right: 20px; padding: 0 20px 0 20px; line-height: 20px; font:normal Arial, Helvetica, sans-serif 14px; color: #fff; background: #e72b2e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } /* End if admin mode */ /* End Stats stack CSS code */ #stacks_in_12458 { padding: 30px 0px 0px 0px; } #stacks_in_12477-qrcode-img-buffer { display: none; }#stacks_in_12477-qrcode-img-buffer { display: none; }#stacks_in_12478-qrcode-img-buffer { display: none; }#stacks_in_12478-qrcode-img-buffer { display: none; }/* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_9396 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_9396 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_9396 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_9396 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_9396, .svg-metamorph.svgm_stacks_in_9396 .svgm-content { position: relative; z-index: 1; } #stacks_in_9396, #stacks_out_9396 { overflow: visible; } .svg-metamorph.svgm_stacks_in_9396 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: --80px; margin-top: calc(60px - 0px); z-index: 10; margin-top: -0px; } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 60px + 60px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-60px); } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(60px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-60px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer > .svgm-wrap:after { background: #6CD7CB; } .svg-metamorph.svgm_stacks_in_9396 .svgm-content { position: relative; z-index: 3; min-height: 60px; display: grid; align-items: center; padding: 0 24px; grid-template-columns: minmax(100%,1280px); justify-items: center; } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { opacity: 0; } .svg-metamorph.svgm_stacks_in_9396 .svgm-content { margin-top: 0; } .svg-metamorph.svgm_stacks_in_9396 .svgm-content > div { width: 100%; max-width: 1280px; } .svg-metamorph.svgm_stacks_in_9396 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer { height: calc(100% - 0px - -80px ); min-height: 60px; position: absolute; width: 100%; top: 0px; top: auto; bottom: -80px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_9396 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_9396 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_9396 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_9396 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_9396 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_9396 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_9396 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_9396 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_9396 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_9396 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_9396 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_9396 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_9396 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_9396 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } .svg-metamorph.svgm_stacks_in_9396 .svgm-opacity { display: none; } .svg-metamorph.svgm_stacks_in_9396 > .svgm-wrap-outer { opacity: 100%; } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_9396 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_9396 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_9396 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_9396 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_9396 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_9396 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_9396 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_9396 .svgm-mask-top { transform: translate(0,-1px) translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_9396 .svgm-mask-bottom { transform: scaleX(2); } } /**/ /* 2.0.1 - improves overall performance on retina devices - fixes performance issue in safari when using the Frosted Glass effect - fixes a loading bug with the parallax effect */ #stacks_in_9392.btr-bg-outer .btr-bg-inner { min-height: 0px; } #stacks_in_9392.btr-bg-gradient .btr-bg-inner , #stacks_in_9392.btr-bg-animated .btr-bg-inner , #stacks_in_9392.btr-bg-blur .btr-bg-inner , #stacks_in_9392.btr-bg-mouse .btr-bg-inner , #stacks_in_9392.btr-bg-pan .btr-bg-inner , #stacks_in_9392.btr-bg-parallax .btr-bg-inner , #stacks_in_9392.btr-bg-transition .btr-bg-inner , #stacks_in_9392.btr-bg-none .btr-bg-inner { padding: 0px 0px 0px 0px; } #stacks_in_9392.btr-bg-none { background-color: rgba(0, 0, 0, 0.00); } #stacks_in_9392.btr-bg-outer:after { background: rgba(0, 0, 0, 0.00); } #stacks_in_9392.btr-bg-outer { background-image : url(); background-position: center center; background-size: cover; -webkit-transform:translateZ(0); } #stacks_in_9392.btr-bg-outer .btr-bg-inner .btr-bg-content { position: relative; background-color : rgba(255, 255, 255, 0.00); overflow: hidden; padding: 24px 24px 24px 24px; margin: 0 auto; max-width: 960px; width: 100%; } #stacks_in_9392.btr-bg-outer .btr-bg-inner .btr-bg-header, #stacks_in_9392.btr-bg-outer .btr-bg-inner .btr-bg-footer { pointer-events: none; opacity: 0; } /* 2.0.1 - improves overall performance on retina devices - fixes performance issue in safari when using the Frosted Glass effect - fixes a loading bug with the parallax effect */ #stacks_in_9460.btr-bg-outer .btr-bg-inner { min-height: 0px; } #stacks_in_9460.btr-bg-gradient .btr-bg-inner , #stacks_in_9460.btr-bg-animated .btr-bg-inner , #stacks_in_9460.btr-bg-blur .btr-bg-inner , #stacks_in_9460.btr-bg-mouse .btr-bg-inner , #stacks_in_9460.btr-bg-pan .btr-bg-inner , #stacks_in_9460.btr-bg-parallax .btr-bg-inner , #stacks_in_9460.btr-bg-transition .btr-bg-inner , #stacks_in_9460.btr-bg-none .btr-bg-inner { padding: 0px 0px 0px 0px; } #stacks_in_9460.btr-bg-none { background-color: rgba(0, 0, 0, 0.00); } #stacks_in_9460.btr-bg-outer:after { background: rgba(0, 0, 0, 0.00); } #stacks_in_9460.btr-bg-outer { background-image : url(); background-position: center center; background-size: cover; -webkit-transform:translateZ(0); } #stacks_in_9460.btr-bg-outer .btr-bg-inner .btr-bg-content { position: relative; background-color : rgba(255, 255, 255, 0.00); overflow: hidden; padding: 24px 24px 24px 24px; margin: 0 auto; max-width: 960px; width: 100%; } #stacks_in_9460.btr-bg-outer .btr-bg-inner .btr-bg-header, #stacks_in_9460.btr-bg-outer .btr-bg-inner .btr-bg-footer { pointer-events: none; opacity: 0; } #stacks_in_9535 .button.b-p,#stacks_in_9535 .button.b-p::before{border-radius:7px} @media screen and (max-width:641px){#stacks_in_9535>.button.b-p.expand-mob:not(.icon-only),#stacks_in_9535>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_9535 .button.b-p.expand-large:not(.icon-only),#stacks_in_9535>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} @media only screen and (max-width:1024px){#stacks_in_9535.bp-wrap{text-align:left!important}#stacks_in_9535.inline-wrap{display:block!important}#stacks_in_9535 .button{float:none!important}} @media screen and (max-width:641px){#stacks_in_9535.bp-wrap{padding:20px 0px 0px 0px}} @media screen and (min-width:641px){#stacks_in_9535.bp-wrap{padding:20px 0px 0px 0px}} #stacks_in_9535 .button.b-p.custom{border:0px none rgba(179, 179, 177, 1.00)}#stacks_in_9535 .button.b-p.custom:hover{border:0px solid rgba(179, 179, 177, 1.00)} #stacks_in_9535 .button.b-p{color:rgba(255, 255, 255, 1.00);background-color:rgba(221, 0, 49, 1.00)}#stacks_in_9535 .button.b-p:not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease} #stacks_in_9535 .button.b-p:not(.bp-hover):hover{color:rgba(255, 255, 255, 1.00)!important; background-color:rgba(0, 179, 171, 1.00);} p#stacks_in_9528.none, h1#stacks_in_9528.none, h2#stacks_in_9528.none, h3#stacks_in_9528.none, h4#stacks_in_9528.none, h5#stacks_in_9528.none, h6#stacks_in_9528.none { text-align: center !important; } #stacks_in_9528 { text-align: center !important; } /* brandico */ #stacks_in_9528 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="brandico-"]:hover:before { color:#262626; } /* entypo */ #stacks_in_9528 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="entypo-"]:hover:before { color:#262626; } /* fontawesome */ #stacks_in_9528 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="fontawesome-"]:hover:before { color:#262626; } /* fontelico */ #stacks_in_9528 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="fontelico-"]:hover:before { color:#262626; } /* maki */ #stacks_in_9528 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="maki-"]:hover:before { color:#262626; } /* openwebicons */ #stacks_in_9528 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="openwebicons-"]:hover:before { color:#262626; } /* typicons */ #stacks_in_9528 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="typicons-"]:hover:before { color:#262626; } /* zocial */ #stacks_in_9528 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="zocial-"]:hover:before { color:#262626; } /* iconicfill */ #stacks_in_9528 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="iconicfill-"]:hover:before { color:#262626; } /* iconicstroke */ #stacks_in_9528 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="iconicstroke-"]:hover:before { color:#262626; } #stacks_in_9528 a { text-decoration: none !important; border-bottom: 0px!important; } /* Ionicon */ #stacks_in_9528 [class*="ion-"]:before { font-family: 'Ionicons', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class*="ion-"]:hover:before { color:#262626; } /* Themify */ #stacks_in_9528 [class^="ti-"], [class*=" ti-"] { font-family: 'themify', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9528 [class^="ti-"]:hover { color:#262626; } /* Grow */ .grow { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shrink:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse { 25% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse-grow { to { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-grow:hover { -webkit-animation-name: pulse-grow; animation-name: pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-shrink:hover { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .rotate:hover { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); -ms-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .sink:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /* Hover */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } .hover { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Hang */ @-webkit-keyframes hang { 50% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hang { 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } .hang { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hang:hover { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew-forward:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-vertical:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-horizontal:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-top { display: inline-block; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-top:hover { -webkit-animation-name: wobble-top; animation-name: wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-bottom { display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-bottom:hover { -webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .float-shadow:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }p#stacks_in_9533.none, h1#stacks_in_9533.none, h2#stacks_in_9533.none, h3#stacks_in_9533.none, h4#stacks_in_9533.none, h5#stacks_in_9533.none, h6#stacks_in_9533.none { text-align: center !important; } #stacks_in_9533 { text-align: center !important; } /* brandico */ #stacks_in_9533 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="brandico-"]:hover:before { color:#262626; } /* entypo */ #stacks_in_9533 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="entypo-"]:hover:before { color:#262626; } /* fontawesome */ #stacks_in_9533 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="fontawesome-"]:hover:before { color:#262626; } /* fontelico */ #stacks_in_9533 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="fontelico-"]:hover:before { color:#262626; } /* maki */ #stacks_in_9533 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="maki-"]:hover:before { color:#262626; } /* openwebicons */ #stacks_in_9533 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="openwebicons-"]:hover:before { color:#262626; } /* typicons */ #stacks_in_9533 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="typicons-"]:hover:before { color:#262626; } /* zocial */ #stacks_in_9533 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="zocial-"]:hover:before { color:#262626; } /* iconicfill */ #stacks_in_9533 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="iconicfill-"]:hover:before { color:#262626; } /* iconicstroke */ #stacks_in_9533 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="iconicstroke-"]:hover:before { color:#262626; } #stacks_in_9533 a { text-decoration: none !important; border-bottom: 0px!important; } /* Ionicon */ #stacks_in_9533 [class*="ion-"]:before { font-family: 'Ionicons', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class*="ion-"]:hover:before { color:#262626; } /* Themify */ #stacks_in_9533 [class^="ti-"], [class*=" ti-"] { font-family: 'themify', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9533 [class^="ti-"]:hover { color:#262626; } /* Grow */ .grow { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shrink:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse { 25% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse-grow { to { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-grow:hover { -webkit-animation-name: pulse-grow; animation-name: pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-shrink:hover { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .rotate:hover { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); -ms-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .sink:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /* Hover */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } .hover { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Hang */ @-webkit-keyframes hang { 50% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hang { 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } .hang { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hang:hover { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew-forward:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-vertical:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-horizontal:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-top { display: inline-block; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-top:hover { -webkit-animation-name: wobble-top; animation-name: wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-bottom { display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-bottom:hover { -webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .float-shadow:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }p#stacks_in_9534.none, h1#stacks_in_9534.none, h2#stacks_in_9534.none, h3#stacks_in_9534.none, h4#stacks_in_9534.none, h5#stacks_in_9534.none, h6#stacks_in_9534.none { text-align: center !important; } #stacks_in_9534 { text-align: center !important; } /* brandico */ #stacks_in_9534 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="brandico-"]:hover:before { color:#262626; } /* entypo */ #stacks_in_9534 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="entypo-"]:hover:before { color:#262626; } /* fontawesome */ #stacks_in_9534 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="fontawesome-"]:hover:before { color:#262626; } /* fontelico */ #stacks_in_9534 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="fontelico-"]:hover:before { color:#262626; } /* maki */ #stacks_in_9534 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="maki-"]:hover:before { color:#262626; } /* openwebicons */ #stacks_in_9534 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="openwebicons-"]:hover:before { color:#262626; } /* typicons */ #stacks_in_9534 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="typicons-"]:hover:before { color:#262626; } /* zocial */ #stacks_in_9534 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="zocial-"]:hover:before { color:#262626; } /* iconicfill */ #stacks_in_9534 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="iconicfill-"]:hover:before { color:#262626; } /* iconicstroke */ #stacks_in_9534 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="iconicstroke-"]:hover:before { color:#262626; } #stacks_in_9534 a { text-decoration: none !important; border-bottom: 0px!important; } /* Ionicon */ #stacks_in_9534 [class*="ion-"]:before { font-family: 'Ionicons', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class*="ion-"]:hover:before { color:#262626; } /* Themify */ #stacks_in_9534 [class^="ti-"], [class*=" ti-"] { font-family: 'themify', sans-serif; font-size: 30px; color:#FFFFFF; line-height: 1em; } #stacks_in_9534 [class^="ti-"]:hover { color:#262626; } /* Grow */ .grow { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shrink:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse { 25% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse-grow { to { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-grow:hover { -webkit-animation-name: pulse-grow; animation-name: pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pulse-shrink:hover { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .rotate:hover { -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .grow-rotate:hover { -webkit-transform: scale(1.1) rotate(4deg); -ms-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .sink:hover { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /* Hover */ @-webkit-keyframes hover { 50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } .hover { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Hang */ @-webkit-keyframes hang { 50% { -webkit-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hang { 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } .hang { display: inline-block; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hang:hover { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hang; animation-name: hang; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .skew-forward:hover { -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); } /* Wobble Vertical */ @-webkit-keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes wobble-vertical { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-vertical:hover { -webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-horizontal:hover { -webkit-animation-name: wobble-horizontal; animation-name: wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-top { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-top { display: inline-block; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-top:hover { -webkit-animation-name: wobble-top; animation-name: wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); -ms-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); -ms-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); -ms-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); -ms-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); -ms-transform: skew(0); transform: skew(0); } } .wobble-bottom { display: inline-block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .wobble-bottom:hover { -webkit-animation-name: wobble-bottom; animation-name: wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .float-shadow:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } 100% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } @keyframes hover-shadow { 0% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } 50% { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); opacity: 1; } 100% { -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .hover-shadow:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }/* 2.0.1 - improves overall performance on retina devices - fixes performance issue in safari when using the Frosted Glass effect - fixes a loading bug with the parallax effect */ #stacks_in_9605.btr-bg-outer .btr-bg-inner { min-height: 0px; } #stacks_in_9605.btr-bg-gradient .btr-bg-inner , #stacks_in_9605.btr-bg-animated .btr-bg-inner , #stacks_in_9605.btr-bg-blur .btr-bg-inner , #stacks_in_9605.btr-bg-mouse .btr-bg-inner , #stacks_in_9605.btr-bg-pan .btr-bg-inner , #stacks_in_9605.btr-bg-parallax .btr-bg-inner , #stacks_in_9605.btr-bg-transition .btr-bg-inner , #stacks_in_9605.btr-bg-none .btr-bg-inner { padding: 0px 0px 0px 0px; } #stacks_in_9605.btr-bg-none { background-color: rgba(0, 0, 0, 0.00); } #stacks_in_9605.btr-bg-outer:after { background: rgba(0, 0, 0, 0.00); } #stacks_in_9605.btr-bg-outer { background-image : url(); background-position: center center; background-size: cover; -webkit-transform:translateZ(0); } #stacks_in_9605.btr-bg-outer .btr-bg-inner .btr-bg-content { position: relative; background-color : rgba(255, 255, 255, 0.00); overflow: hidden; padding: 54px 24px 24px 24px; margin: 0 auto; max-width: 960px; width: 100%; } #stacks_in_9605.btr-bg-outer .btr-bg-inner .btr-bg-header, #stacks_in_9605.btr-bg-outer .btr-bg-inner .btr-bg-footer { pointer-events: none; opacity: 0; } #stacks_in_9588{text-align:center} form #stacks_in_9588 .button.b-p.inline{height:37px!important;margin-left:-1px;padding-top:0;padding-bottom:0} #stacks_in_9588 .button.b-p,#stacks_in_9588 .button.b-p::before{border-radius:7px} @media screen and (max-width:641px){#stacks_in_9588>.button.b-p.expand-mob:not(.icon-only),#stacks_in_9588>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_9588 .button.b-p.expand-large:not(.icon-only),#stacks_in_9588>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} @media screen and (max-width:641px){#stacks_in_9588.bp-wrap{padding:40px 0px 0px 0px}} @media screen and (min-width:641px){#stacks_in_9588.bp-wrap{padding:10px 0px 0px 0px}} #stacks_in_9588 .button.b-p:not(.icon-only){width:50.00%}@media screen and (min-width:641px){#stacks_in_9588 .button.b-p:not(.icon-only){width:50.00%}} #stacks_in_9588 .button.b-p.custom{border:0px solid rgba(179, 179, 177, 1.00)}#stacks_in_9588 .button.b-p.custom:hover{border:0px solid rgba(179, 179, 177, 1.00)} #stacks_in_9588 .button.b-p{color:rgba(255, 255, 255, 1.00);background-color:rgba(51, 51, 51, 1.00)}#stacks_in_9588 .button.b-p:not(.d-hov){-webkit-transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;-webkit-transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease;transition:color 200ms ease,background-color 200ms ease,box-shadow 200ms ease,border 200ms ease,-webkit-box-shadow 200ms ease} #stacks_in_9588 .button.b-p:not(.bp-hover):hover{color:rgba(255, 255, 255, 0.90)!important; background-color:rgba(8, 187, 184, 1.00);} #stacks_in_9588 .d-hov,#stacks_in_9588 .d-hov::before,#stacks_in_9588 .d-hov::after{-webkit-transition-duration:300ms;transition-duration:300ms}#stacks_in_9588 .d-hov.active,#stacks_in_9588 .d-hov.active::before,#stacks_in_9588 .d-hov.active::after{-webkit-transition-duration:0ms;transition-duration:0ms}#stacks_in_9588 .hover-col:not(.button.b-p):not(.bp-zone-item)::before{background:rgba(239, 181, 10, 1.00)!important}#stacks_in_9588 .hover-col::before,#stacks_in_9588 .hover-col::after{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}#stacks_in_9588 .hover-col:hover::before{background:rgba(239, 181, 10, 1.00)}#stacks_in_9588 .hover-col.active::before{background:rgba(207, 0, 32, 1.00)}#stacks_in_9588 .d-hov-ripple-out:hover::before{border:rgba(239, 181, 10, 1.00) solid 2px}#stacks_in_9588 .d-hov-pop:hover,#stacks_in_9588 .d-hov-pop:focus,#stacks_in_9588 .d-hov-pop.active{-webkit-animation-duration:300ms;animation-duration:300ms}#stacks_in_9588 .d-hov[class*="d-hov-underline-"]::before,#stacks_in_9588 .d-hov[class*="d-hov-overline-"]::before{height:4px!important}#stacks_in_9588 .d-hov[class*="d-hov-text-underline-"]>.bp-text::before,#stacks_in_9588 .d-hov[class*="d-hov-text-underline-"] .ml-text::before{bottom:-6px;border-bottom-color:rgba(239, 181, 10, 1.00)!important;border-bottom-width:4px;-webkit-transition-duration:300ms;transition-duration:300ms}#stacks_in_9588 .d-hov[class*="d-hov-text-underline-"].active>.bp-text::before,#stacks_in_9588 .d-hov[class*="d-hov-text-underline-"].active .ml-text::before{-webkit-transition-duration:0ms;transition-duration:0ms;border-bottom-color:rgba(207, 0, 32, 1.00)!important}#stacks_in_9588 .d-hov-reveal:hover::before,#stacks_in_9588 .d-hov-reveal.active::before{border-width:4px!important} /* 2.0.1 - improves overall performance on retina devices - fixes performance issue in safari when using the Frosted Glass effect - fixes a loading bug with the parallax effect */ #stacks_in_9609.btr-bg-outer .btr-bg-inner { min-height: 0px; } #stacks_in_9609.btr-bg-gradient .btr-bg-inner , #stacks_in_9609.btr-bg-animated .btr-bg-inner , #stacks_in_9609.btr-bg-blur .btr-bg-inner , #stacks_in_9609.btr-bg-mouse .btr-bg-inner , #stacks_in_9609.btr-bg-pan .btr-bg-inner , #stacks_in_9609.btr-bg-parallax .btr-bg-inner , #stacks_in_9609.btr-bg-transition .btr-bg-inner , #stacks_in_9609.btr-bg-none .btr-bg-inner { padding: 0px 0px 0px 0px; } #stacks_in_9609.btr-bg-none { background-color: rgba(0, 0, 0, 0.00); } #stacks_in_9609.btr-bg-outer:after { background: rgba(0, 0, 0, 0.00); } #stacks_in_9609.btr-bg-outer { background-image : url(); background-position: center center; background-size: cover; -webkit-transform:translateZ(0); } #stacks_in_9609.btr-bg-outer .btr-bg-inner .btr-bg-content { position: relative; background-color : rgba(255, 255, 255, 0.00); overflow: hidden; padding: 54px 24px 54px 24px; margin: 0 auto; max-width: 960px; width: 100%; } #stacks_in_9609.btr-bg-outer .btr-bg-inner .btr-bg-header, #stacks_in_9609.btr-bg-outer .btr-bg-inner .btr-bg-footer { pointer-events: none; opacity: 0; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_12519_2 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_12519_2 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_12519_2 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_12519_2, .svg-metamorph.svgm_stacks_in_12519_2 .svgm-content { position: relative; z-index: 1; } #stacks_in_12519_2, #stacks_out_12519_2 { overflow: visible; } .svg-metamorph.svgm_stacks_in_12519_2 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: --80px; margin-bottom: -0px; margin-bottom: calc(20px - 0px); margin-bottom: -0px; } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 20px + 20px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-20px); } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(20px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-20px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer > .svgm-wrap:after { background: #6CD7CB; } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-content { position: relative; z-index: 3; min-height: 20px; display: grid; align-items: center; padding: 0 24px; grid-template-columns: minmax(100%,1280px); justify-items: center; } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { opacity: 0; } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-content { margin-bottom: 0; } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-content > div { width: 100%; max-width: 1280px; } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer { height: calc(100% - -80px - 0px ); min-height: 20px; position: absolute; width: 100%; top: -80px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_12519_2 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_12519_2 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-opacity { display: none; } .svg-metamorph.svgm_stacks_in_12519_2 > .svgm-wrap-outer { opacity: 100%; } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask-top { transform: translate(0,-1px) translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_12519_2 .svgm-mask-bottom { transform: scaleX(2); } } /**/ .com_bigwhiteduck_stacks_paragraphpro_stack{padding-top:0.00%;padding-bottom:0.00%}#stacks_in_12519_7 p,#stacks_in_12519_7 div,#stacks_in_12519_7 ul,#stacks_in_12519_7 ol,#stacks_in_12519_7 dl{color:rgba(34, 34, 34, 1.00)}#stacks_in_12519_7 a{color:rgba(38, 38, 38, 1.00)}#stacks_in_12519_7 a:hover{color:rgba(230, 55, 74, 1.00)}#stacks_in_12519_7,#stacks_in_12519_7 div,#stacks_in_12519_7 p,#stacks_in_12519_7 ol,#stacks_in_12519_7 ul li,#stacks_in_12519_7 ol li,#stacks_in_12519_7 ol,#stacks_in_12519_7 dl{font-size:3.00rem}@media all and (max-width:640px){#stacks_in_12519_7,#stacks_in_12519_7 div,#stacks_in_12519_7 p,#stacks_in_12519_7 ol,#stacks_in_12519_7 ul li,#stacks_in_12519_7 ol li,#stacks_in_12519_7 ol,#stacks_in_12519_7 dl{font-size:1.00rem}}@media only screen and (min-width:480px){#stacks_in_12519_7{word-spacing:0.00px;}}