.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} /* Start doore stack page CSS code */ .doo-re-grid{ -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; vertical-align: top; } .doo-re-grid *, .doo-re-grid *:after, .doo-re-grid *:before { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } [class*='re-col-'] { display: inline-block; } .re-col-desk-0 { width: 0; display: none; } .re-col-desk-1 { width: 8.333333%; display: inline-block; } .re-col-desk-2 { width: 16.666666%; display: inline-block; } .re-col-desk-3 { width: 25%; display: inline-block; } .re-col-desk-4 { width: 33.333333%; display: inline-block; } .re-col-desk-5 { width: 41.666666%; display: inline-block; } .re-col-desk-6 { width: 50%; display: inline-block; } .re-col-desk-7 { width: 58.333333%; display: inline-block; } .re-col-desk-8 { width: 66.666666%; display: inline-block; } .re-col-desk-9 { width: 75%; display: inline-block; } .re-col-desk-10 { width: 83.333333%; display: inline-block; } .re-col-desk-11 { width: 91.666666%; display: inline-block; } .re-col-desk-12 { width: 100%; display: inline-block; } /* End doore stack page CSS code */.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}} .blu-wrap.bwd{overflow:visible}.blu-wrap.bwd>.blueprint-col{padding-top:.1px;padding-bottom:.1px}.blu-wrap.bwd>.blueprint-col,.blu-wrap.bwd>.blueprint-col>.blucol-content{position:relative}.blu-wrap.bwd>.blueprint-col>.blucol-content[class*="style-pro-stacks"].has-z{z-index:1}.blu-wrap.bwd>.blueprint-col>.blucol-content[class*="style-pro-stacks"]::before{z-index:-1}.blu-wrap.bwd>.blueprint-col>.blucol-content[class*="style-pro-stacks"]:not(.full-ovl)::after{z-index:-1}.blu-wrap.bwd>.blueprint-col .blu-cf::before,.blu-wrap.bwd>.blueprint-col .blu-cf::after{content:" ";display:table}.blu-wrap.bwd>.blueprint-col .blu-cf::after{clear:both}.blu-wrap.bwd>.blueprint-col>.blu-link>a{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:999} .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} :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(239, 184, 16, 1.00);--secondary:rgba(255, 255, 255, 1.00);--success:rgba(211, 179, 95, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(77, 35, 89, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(38, 38, 38, 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(209, 154, 0, 1.00);--secondary-dark:rgba(225, 225, 225, 1.00);--success-dark:rgba(181, 149, 65, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(47, 5, 59, 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(0, 38, 83, 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(255, 255, 255, 1.00);--link-color-hover:rgba(255, 255, 255, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(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(20rem/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:"Changa One",sans-serif } h2,.h2, .h2{font-family:"Kanit",sans-serif } h1,.h1, h3,.h3, .h3{font-family:"Changa One",sans-serif } h4,.h4, .h4{font-family:"Kanit",sans-serif } p,.p, .ph{font-family:"Cabin",sans-serif } p,.p, .ph2{font-family:"Cabin",sans-serif } .yellow{color:rgba(239, 184, 16, 1.00) ;} .black{color:rgba(51, 51, 51, 1.00) ;} .purple{color:rgba(77, 35, 89, 1.00) ;} .pink{color:rgba(210, 79, 110, 1.00) ;} h1,.h1, .h1{font-size:calc(60rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) { h1,.h1, .h1{font-size:calc(70rem/16) }}@media only screen and (min-width:64em) { h1,.h1, .h1{font-size:calc(80rem/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(50rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) { h3,.h3, .h3{font-size:calc(50rem/16) }}@media only screen and (min-width:64em) { h3,.h3, .h3{font-size:calc(50rem/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:700 ;}@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(16rem/16) ;}@media only screen and (min-width:40em) { p,.p, .ph2{font-size:calc(17rem/16) }}@media only screen and (min-width:64em) { p,.p, .ph2{font-size:calc(18rem/16) }} .bgwhite{background-color:rgba(255, 255, 255, 0.75) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:overlay ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bgwhite{background-attachment:scroll!important}} .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 }} .bgwhitehover:hover{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:overlay ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bgwhitehover{background-attachment:scroll!important}} .boder.white{border-color:rgba(255, 255, 255, 1.00) ;border-width:4px ;} .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 } .padding{padding-top:0 ;padding-right:2.5rem ;padding-bottom:0 ;padding-left:2.5rem ;} .formcolor{background-color:rgba(255, 255, 255, 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}} .formcoloryellow{background-color:rgba(237, 181, 16, 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}} .footercolor{background-color:rgba(11, 11, 11, 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){.footercolor{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}} .ph .padding.ph{padding-bottom:1.25rem ;} .ph .padding.ph{padding-bottom:1.25rem ;} .ph .padding{padding-top:2rem ;padding-right:2rem ;padding-bottom:2rem ;padding-left:2rem ;} .image{background-image:url('../index_files/bgimage-40-E65.png') ;background-repeat: 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){.image{background-attachment:scroll!important}} .imagepink{background-image:url('../index_files/bgimage-41-E65.png') ;background-repeat: 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){.imagepink{background-attachment:scroll!important}} .ph .padding.ph{padding-bottom:1.25rem ;} .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}} .borderwhite{border-color:rgba(205, 205, 205, 1.00) ;border-width:5px ;border-style:solid ;} .borderpink{border-color:rgba(253, 82, 170, 1.00) ;border-width:10px ;border-style:double double double double ;} .rounding{border-radius:10px 10px 10px 10px ;} .shadow:hover{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(246, 168, 0, 1.00); color: rgba(255, 255, 255, 1.00); } .button.b-p:not(.custom):hover { color: rgba(255, 255, 255, 1.00); background-color: #aa7400; } .button.b-p.secondary:not(.custom) { background-color: rgba(51, 51, 51, 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: #0d0d0d; } .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(211, 179, 95, 1.00); } .button.b-p.success:not(.custom):hover { background-color: #b49032; } .button.b-p.radius:not(.custom) { border-radius: 4px; } .button.b-p.ghost:not(.custom) { background-color: transparent; border-width: 1px; border-color: rgba(246, 168, 0, 1.00); color: rgba(246, 168, 0, 1.00); } .button.b-p.ghost:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #aa7400; background-color: #aa7400; } .button.b-p.ghost.secondary:not(.custom) { border-color: rgba(51, 51, 51, 1.00); color: rgba(51, 51, 51, 1.00); } .button.b-p.ghost.secondary:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #0d0d0d; background-color: #0d0d0d; } .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(211, 179, 95, 1.00); color: rgba(211, 179, 95, 1.00); } .button.b-p.ghost.success:not(.custom):hover { color: rgba(255, 255, 255, 1.00); border-color: #b49032; background-color: #b49032; } .button.b-p.outline-ghost:not(.custom) { border-color: rgba(211, 179, 95, 1.00); border-width: 1px; color: rgba(51, 51, 51, 1.00); background-color: transparent; } .button.b-p.outline-ghost:not(.custom):hover { color: #0d0d0d; border-color: #b49032; background-color: rgba(68, 67, 86, 0.00); } p#stacks_in_1817_16.none, h1#stacks_in_1817_16.none, h2#stacks_in_1817_16.none, h3#stacks_in_1817_16.none, h4#stacks_in_1817_16.none, h5#stacks_in_1817_16.none, h6#stacks_in_1817_16.none { text-align: right !important; } #stacks_in_1817_16 { text-align: right !important; } /* brandico */ #stacks_in_1817_16 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="brandico-"]:hover:before { color:#444356; } /* entypo */ #stacks_in_1817_16 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="entypo-"]:hover:before { color:#444356; } /* fontawesome */ #stacks_in_1817_16 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="fontawesome-"]:hover:before { color:#444356; } /* fontelico */ #stacks_in_1817_16 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="fontelico-"]:hover:before { color:#444356; } /* maki */ #stacks_in_1817_16 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="maki-"]:hover:before { color:#444356; } /* openwebicons */ #stacks_in_1817_16 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="openwebicons-"]:hover:before { color:#444356; } /* typicons */ #stacks_in_1817_16 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="typicons-"]:hover:before { color:#444356; } /* zocial */ #stacks_in_1817_16 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="zocial-"]:hover:before { color:#444356; } /* iconicfill */ #stacks_in_1817_16 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="iconicfill-"]:hover:before { color:#444356; } /* iconicstroke */ #stacks_in_1817_16 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="iconicstroke-"]:hover:before { color:#444356; } #stacks_in_1817_16 a { text-decoration: none !important; border-bottom: 0px!important; } /* Ionicon */ #stacks_in_1817_16 [class*="ion-"]:before { font-family: 'Ionicons', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class*="ion-"]:hover:before { color:#444356; } /* Themify */ #stacks_in_1817_16 [class^="ti-"], [class*=" ti-"] { font-family: 'themify', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_16 [class^="ti-"]:hover { color:#444356; } /* 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_1817_12.none, h1#stacks_in_1817_12.none, h2#stacks_in_1817_12.none, h3#stacks_in_1817_12.none, h4#stacks_in_1817_12.none, h5#stacks_in_1817_12.none, h6#stacks_in_1817_12.none { text-align: right !important; } #stacks_in_1817_12 { text-align: right !important; } /* brandico */ #stacks_in_1817_12 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="brandico-"]:hover:before { color:#444356; } /* entypo */ #stacks_in_1817_12 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="entypo-"]:hover:before { color:#444356; } /* fontawesome */ #stacks_in_1817_12 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="fontawesome-"]:hover:before { color:#444356; } /* fontelico */ #stacks_in_1817_12 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="fontelico-"]:hover:before { color:#444356; } /* maki */ #stacks_in_1817_12 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="maki-"]:hover:before { color:#444356; } /* openwebicons */ #stacks_in_1817_12 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="openwebicons-"]:hover:before { color:#444356; } /* typicons */ #stacks_in_1817_12 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="typicons-"]:hover:before { color:#444356; } /* zocial */ #stacks_in_1817_12 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="zocial-"]:hover:before { color:#444356; } /* iconicfill */ #stacks_in_1817_12 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="iconicfill-"]:hover:before { color:#444356; } /* iconicstroke */ #stacks_in_1817_12 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="iconicstroke-"]:hover:before { color:#444356; } #stacks_in_1817_12 a { text-decoration: none !important; border-bottom: 0px!important; } /* Ionicon */ #stacks_in_1817_12 [class*="ion-"]:before { font-family: 'Ionicons', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class*="ion-"]:hover:before { color:#444356; } /* Themify */ #stacks_in_1817_12 [class^="ti-"], [class*=" ti-"] { font-family: 'themify', sans-serif; font-size: 2em; color:#FFFFFF; line-height: 1em; } #stacks_in_1817_12 [class^="ti-"]:hover { color:#444356; } /* 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; }/* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_1823_2 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1823_2 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_1823_2 .clean-menu-extra { display: none; } #clean-menu_stacks_in_1823_2 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_1823_2 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_1823_2.cm-full-menu li > a:hover, #clean-menu_stacks_in_1823_2 li > a:hover { text-decoration: none; } #stacks_in_1823_2 nav { border: 0px solid transparent; } #clean-menu_stacks_in_1823_2 { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_1823_2 ul { margin: 0; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_1823_2 ul li > a:after, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_1823_2.cm-full-menu, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul, #clean-menu_stacks_in_1823_2 .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_1823_2.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a, #clean-menu_stacks_in_1823_2 .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_1823_2 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul > div, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul > div a, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul ul, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_1823_2.cm-full-menu, #clean-menu_stacks_in_1823_2 .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_1823_2.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_1823_2.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_1823_2.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_1823_2.cm-full-menu { -webkit-transform: translate(-100%, 50px); transform: translate(-100%, 50px); } #clean-menu-full_stacks_in_1823_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(-100%, 5px); transform: translate(-100%, 5px); } #clean-menu-full_stacks_in_1823_2.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_1823_2 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_1823_2.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_1823_2 { 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_1823_2 > div { align-self: center; } #clean-menu_stacks_in_1823_2 .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_1823_2 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_1823_2 .clean-menu-logo { max-width: 150px; min-width: 150px; margin: 0; } #clean-menu_stacks_in_1823_2 .clean-menu-logo .cm-logo-wrap { max-width: 150px; min-width: 150px; -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_1823_2 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_1823_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_1823_2 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_1823_2 .clean-menu-logo .cm-logo-left { max-width: 73px; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_1823_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_1823_2 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_1823_2 .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_1823_2 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } #clean-menu_stacks_in_1823_2 > div:nth-child(1), #clean-menu_stacks_in_1823_2 > div:nth-child(2) { -webkit-box-flex: initial; -ms-flex: none; flex: none; width: auto; } #clean-menu_stacks_in_1823_2 > div:nth-child(1) { margin-right: 10px; } #clean-menu_stacks_in_1823_2 > div:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; max-width: 100%; } #clean-menu_stacks_in_1823_2 > div.clean-menu-top-level:nth-child(2) ul li:first-child, #clean-menu_stacks_in_1823_2 > div.clean-menu-top-level:nth-child(1) ul li:last-child { margin: 0 15px; } #clean-menu_stacks_in_1823_2 > div.clean-menu-top-level:nth-child(2) > ul > li > ul li:first-child, #clean-menu_stacks_in_1823_2 > div.clean-menu-top-level:nth-child(1) > ul > li > ul li:last-child { margin: 0; } div[tag="slice"] > .mez > #stacks_in_1823_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(34, 34, 34, 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_1823_2.cm-full-menu ul li > a { font-size: 18px; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_1823_2.cm-full-menu > ul > li > a { font-weight: bold; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a svg { fill: rgba(34, 34, 34, 1.00); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; font-size: 18px; line-height: 18px; } #stacks_in_1823_2 li > a svg, #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a svg { width: 18px; height: 18px; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(239, 184, 16, 1.00); } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-current > a svg { fill: rgba(239, 184, 16, 1.00); } #clean-menu_stacks_in_1823_2 .cm-toggle span { background: #EFB810; } #clean-menu_stacks_in_1823_2 h1, #clean-menu_stacks_in_1823_2 h2, #clean-menu_stacks_in_1823_2 h3, #clean-menu_stacks_in_1823_2 h4, #clean-menu_stacks_in_1823_2 h5, #clean-menu_stacks_in_1823_2 h6, #clean-menu_stacks_in_1823_2 .layouts-text, #clean-menu_stacks_in_1823_2 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_1823_2.cm-full-menu, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul { background: rgba(239, 184, 16, 1.00); } #clean-menu-full_stacks_in_1823_2.cm-full-menu > ul > li, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_1823_2.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_1823_2.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_1823_2.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_1823_2 .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_1823_2.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_1823_2 .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_1823_2.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_1823_2 .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_1823_2 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(34, 34, 34, 1.00); } #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(34, 34, 34, 1.00); } */ #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(239, 184, 16, 1.00); } .disable-parents #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_1823_2.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_1823_2 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li > a.parent:hover:after { color: rgba(34, 34, 34, 1.00); border-color: rgba(34, 34, 34, 1.00); } #clean-menu_stacks_in_1823_2 .clean-menu-logo { margin: 0; width: 150px; max-width: 150px; } #clean-menu_stacks_in_1823_2 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; max-width: 150px; width: 100%; margin-right: 5px; } #clean-menu_stacks_in_1823_2 .clean-menu-full { width: 150px; -webkit-box-flex: none; -ms-flex: none; flex: none; } /* div[tag="slice"] > .mez > #stacks_in_1823_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-full { width: auto; max-width: 300px; } */ #clean-menu_stacks_in_1823_2 .clean-menu-full .cm-menu-toggle { display: inline-block; float: right; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div[tag="slice"] > .mez > #stacks_in_1823_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 7px; } .cm-sticky-wrap_stacks_in_1823_2 { transition: background 300ms ease; background: transparent; } .cm-sticky-wrap_stacks_in_1823_2.cm-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(255, 255, 255, 1.00); } .cm-sticky-wrap_stacks_in_1823_2.cm-sticky > #clean-menu-full_stacks_in_1823_2.cm-full-menu { z-index: 9999; } .cm-sticky-wrap_stacks_in_1823_2.cm-sticky #clean-menu_stacks_in_1823_2.clean-menu { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } @media all and (min-width: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_1823_2 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_1823_2 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_1823_2 .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_1823_2.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_1823_2 { min-width: 300px; } #clean-menu_stacks_in_1823_2 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_1823_2 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_1823_2 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level { display: none; } #clean-menu_stacks_in_1823_2.clean-menu { justify-content: center; } #clean-menu_stacks_in_1823_2 .clean-menu-full .cm-menu-toggle { float: none; } #clean-menu_stacks_in_1823_2 .clean-menu-full { max-width: 40px !important; min-width: 40px; width: 100% !important; } #clean-menu_stacks_in_1823_2 .clean-menu-full .cm-menu-toggle { float: none; margin: 0 auto; } #clean-menu_stacks_in_1823_2 > .clean-menu-logo, #clean-menu_stacks_in_1823_2 > .clean-menu-logo:nth-child(1), #clean-menu_stacks_in_1823_2 > .clean-menu-logo:nth-child(2), #clean-menu_stacks_in_1823_2 > .clean-menu-logo:nth-child(3) { max-width: 100%; width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_1823_2 .clean-menu-logo .cm-logo-wrap { margin: 0 auto; justify-content: center; float: none; } #stacks_in_1823_2 nav:before { content: ""; flex: 1; max-width: 40px; min-width: 40px; } @media all and (max-width: 302px) { #stacks_in_1823_2 nav:before {display: none} #clean-menu_stacks_in_1823_2 .clean-menu-logo {min-width: 207px} } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_1823_2.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_1823_2.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_1823_2.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_1823_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_1823_2 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_1823_2 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_1823_2 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_1823_2 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_1823_2 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_1823_2.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_1823_2.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_1823_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_1823_2.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_1823_2 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_1735 h1,#stacks_in_1735 .hTxt:not(.segment) div{font-size:3.00rem}@media all and (max-width:640px){#stacks_in_1735 h1,#stacks_in_1735 .hTxt:not(.segment) div{font-size:1.95rem}}@media only screen and (max-width:667px){#stacks_in_1735 h1,#stacks_in_1735 div{text-align:center !important}#stacks_out_1735{display:block !important}}@media only screen and (min-width:0px){#stacks_in_1735 h1,#stacks_in_1735 div{word-spacing:5.04px}}#stacks_in_1735 h1,#stacks_in_1735 div{color:rgba(218, 20, 35, 1.00)}#stacks_in_1735 h1 a,#stacks_in_1735 div a{color:rgba(218, 20, 35, 1.00)}#stacks_in_1735 h1 a:hover,#stacks_in_1735 div a:hover{color:rgba(163, 15, 26, 1.00)}#stacks_in_1735 small,#stacks_in_1735 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_1735 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"Roboto Condensed",Sans-Serif;font-weight:400;font-style:normal}#stacks_in_1735 .hTxt.segment[data-seg="segment2"]{font-family:"",Sans-Serif;font-weight:400;font-style:normal}#stacks_in_1735 .primary,#stacks_in_1735 .segment{display:inline-block}#stacks_in_1735 .primary.sub-title,#stacks_in_1735 .segment.sub-title{display:block}#stacks_in_1735 [data-seg="segment2"].last-title{display:block}#stacks_in_1735 .segment.no-shadow{text-shadow:none !important}#stacks_in_1735 .segment *{}#stacks_in_1735 .segment[data-seg="segment2"]{font-size:113%;color:rgba(83, 83, 83, 1.00);padding:0px 0px 0px 10px;margin:0px 0px 0px 0px;vertical-align:baseline;}#stacks_in_1735 .segment[data-seg="segment2"] div{color:rgba(83, 83, 83, 1.00)}#stacks_in_1735 .segment[data-seg="segment2"] div.mez{font-size:113%} #stacks_in_1742 h1,#stacks_in_1742 .hTxt:not(.segment) div{font-size:1.10rem}@media all and (max-width:640px){#stacks_in_1742 h1,#stacks_in_1742 .hTxt:not(.segment) div{font-size:0.95rem}}@media only screen and (max-width:667px){#stacks_in_1742 h1,#stacks_in_1742 div{text-align:center !important}#stacks_out_1742{display:block !important}}#stacks_in_1742 h1,#stacks_in_1742 div{color:rgba(153, 153, 153, 1.00)}#stacks_in_1742 h1 a,#stacks_in_1742 div a{color:rgba(153, 153, 153, 1.00)}#stacks_in_1742 h1 a:hover,#stacks_in_1742 div a:hover{color:rgba(114, 114, 114, 1.00)}#stacks_in_1742 small,#stacks_in_1742 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_1742 .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_1747cloak, .stacks_in_1747badlogin, .stacks_in_1747admin .statsTotalViews{ display: none; } .stacks_in_1747adminHeader{ 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_1747adminWrapper{ 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_1747adminTopper{ position: relative; background: #fff; padding: 20px; } .stacks_in_1747totalPageViews{ font-weight: bold; font-size: 18px; } .stacks_in_1747resetAll{ 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_1747admin{ 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_1747loginWrapper{ position: relative; padding: 20px; background: #fff; } #stacks_in_1747loginfield{ 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_1747loginbutton{ 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_1747badlogin{ color: #e72b2e; padding: 3px 0 0 0; font:normal Arial, Helvetica, sans-serif 12px; font-size: 14px; line-height: 18px; } #stacks_in_1747refreshbutton{ 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_1747statsReport{ 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_1747 { padding: 30px 0px 0px 0px; } #stacks_in_1839-qrcode-img-buffer { display: none; }#stacks_in_1839-qrcode-img-buffer { display: none; }/* Start dooReflow stack each CSS code */ #stacks_in_1819_2 .grid-pad{ margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; } #stacks_in_1819_2 [class*='re-col-']{ padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; vertical-align: top; } @media all and (max-width: 1024px) { #stacks_in_1819_2 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_1819_2 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_1819_2 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 768px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_1819_2 .re-col-tab-0 { width: 0; display: none; } #stacks_in_1819_2 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_1819_2 .re-col-mob-0 { width: 0; display: none; } #stacks_in_1819_2 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_1819_2 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code */ p#stacks_in_1820_30.none, h1#stacks_in_1820_30.none, h2#stacks_in_1820_30.none, h3#stacks_in_1820_30.none, h4#stacks_in_1820_30.none, h5#stacks_in_1820_30.none, h6#stacks_in_1820_30.none { text-align: center !important; } #stacks_in_1820_30 { text-align: center !important; } /* brandico */ #stacks_in_1820_30 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="brandico-"]:hover:before { color:#FFFFFF; } /* entypo */ #stacks_in_1820_30 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="entypo-"]:hover:before { color:#FFFFFF; } /* fontawesome */ #stacks_in_1820_30 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="fontawesome-"]:hover:before { color:#FFFFFF; } /* fontelico */ #stacks_in_1820_30 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="fontelico-"]:hover:before { color:#FFFFFF; } /* maki */ #stacks_in_1820_30 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="maki-"]:hover:before { color:#FFFFFF; } /* openwebicons */ #stacks_in_1820_30 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="openwebicons-"]:hover:before { color:#FFFFFF; } /* typicons */ #stacks_in_1820_30 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="typicons-"]:hover:before { color:#FFFFFF; } /* zocial */ #stacks_in_1820_30 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="zocial-"]:hover:before { color:#FFFFFF; } /* iconicfill */ #stacks_in_1820_30 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="iconicfill-"]:hover:before { color:#FFFFFF; } /* iconicstroke */ #stacks_in_1820_30 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="iconicstroke-"]:hover:before { color:#FFFFFF; } #stacks_in_1820_30 a { text-decoration: none !important; border-bottom: 0px!important; } /* Ionicon */ #stacks_in_1820_30 [class*="ion-"]:before { font-family: 'Ionicons', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class*="ion-"]:hover:before { color:#FFFFFF; } /* Themify */ #stacks_in_1820_30 [class^="ti-"], [class*=" ti-"] { font-family: 'themify', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_30 [class^="ti-"]:hover { color:#FFFFFF; } /* 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; }#stacks_in_1820_32 p,#stacks_in_1820_32 div,#stacks_in_1820_32 ul,#stacks_in_1820_32 ol,#stacks_in_1820_32 dl{color:rgba(34, 34, 34, 1.00)}#stacks_in_1820_32 a{color:rgba(253, 255, 255, 1.00)}#stacks_in_1820_32 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_1820_32{}}#stacks_in_1820_32,#stacks_in_1820_32 div,#stacks_in_1820_32 p,#stacks_in_1820_32 ul,#stacks_in_1820_32 ul li,#stacks_in_1820_32 ol li,#stacks_in_1820_32 ol,#stacks_in_1820_32 dl,#stacks_in_1820_32 a,.no-default:not(.custom-font),.no-default:not(.custom-font) div,.no-default:not(.custom-font) p,.no-default:not(.custom-font) ul,.no-default:not(.custom-font) ul li,.no-default:not(.custom-font) ol li,.no-default:not(.custom-font) ol,.no-default:not(.custom-font) dl,.no-default:not(.custom-font) a{font-family:"Arimo",Sans-Serif ;font-weight:400 ;font-style:normal } @media only screen and (max-width:800.00px){#stacks_in_1820_32,#stacks_in_1820_32 div,#stacks_in_1820_32 p,#stacks_in_1820_32 ol,#stacks_in_1820_32 ul li,#stacks_in_1820_32 ol li,#stacks_in_1820_32 ol,#stacks_in_1820_32 dl{font-size:1.40rem!important}}@media only screen and (min-width:800.00px) and (max-width:1000.00px){#stacks_in_1820_32,#stacks_in_1820_32 div,#stacks_in_1820_32 p,#stacks_in_1820_32 ol,#stacks_in_1820_32 ul li,#stacks_in_1820_32 ol li,#stacks_in_1820_32 ol,#stacks_in_1820_32 dl{font-size:1.40rem!important}}@media only screen and (min-width:1000.00px) and (max-width:1200.00px){#stacks_in_1820_32,#stacks_in_1820_32 div,#stacks_in_1820_32 p,#stacks_in_1820_32 ol,#stacks_in_1820_32 ul li,#stacks_in_1820_32 ol li,#stacks_in_1820_32 ol,#stacks_in_1820_32 dl{font-size:1.40rem!important}}@media only screen and (min-width:1200.00px){#stacks_in_1820_32,#stacks_in_1820_32 div,#stacks_in_1820_32 p,#stacks_in_1820_32 ol,#stacks_in_1820_32 ul li,#stacks_in_1820_32 ol li,#stacks_in_1820_32 ol,#stacks_in_1820_32 dl{font-size:1.50rem!important}} p#stacks_in_1820_40.none, h1#stacks_in_1820_40.none, h2#stacks_in_1820_40.none, h3#stacks_in_1820_40.none, h4#stacks_in_1820_40.none, h5#stacks_in_1820_40.none, h6#stacks_in_1820_40.none { text-align: center !important; } #stacks_in_1820_40 { text-align: center !important; } /* brandico */ #stacks_in_1820_40 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="brandico-"]:hover:before { color:#FFFFFF; } /* entypo */ #stacks_in_1820_40 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="entypo-"]:hover:before { color:#FFFFFF; } /* fontawesome */ #stacks_in_1820_40 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="fontawesome-"]:hover:before { color:#FFFFFF; } /* fontelico */ #stacks_in_1820_40 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="fontelico-"]:hover:before { color:#FFFFFF; } /* maki */ #stacks_in_1820_40 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="maki-"]:hover:before { color:#FFFFFF; } /* openwebicons */ #stacks_in_1820_40 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="openwebicons-"]:hover:before { color:#FFFFFF; } /* typicons */ #stacks_in_1820_40 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="typicons-"]:hover:before { color:#FFFFFF; } /* zocial */ #stacks_in_1820_40 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="zocial-"]:hover:before { color:#FFFFFF; } /* iconicfill */ #stacks_in_1820_40 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="iconicfill-"]:hover:before { color:#FFFFFF; } /* iconicstroke */ #stacks_in_1820_40 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="iconicstroke-"]:hover:before { color:#FFFFFF; } #stacks_in_1820_40 a { text-decoration: none !important; border-bottom: 0px!important; } /* Ionicon */ #stacks_in_1820_40 [class*="ion-"]:before { font-family: 'Ionicons', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class*="ion-"]:hover:before { color:#FFFFFF; } /* Themify */ #stacks_in_1820_40 [class^="ti-"], [class*=" ti-"] { font-family: 'themify', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_40 [class^="ti-"]:hover { color:#FFFFFF; } /* 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; }#stacks_in_1820_42 p,#stacks_in_1820_42 div,#stacks_in_1820_42 ul,#stacks_in_1820_42 ol,#stacks_in_1820_42 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_1820_42 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_1820_42 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_1820_42{}}#stacks_in_1820_42,#stacks_in_1820_42 div,#stacks_in_1820_42 p,#stacks_in_1820_42 ul,#stacks_in_1820_42 ul li,#stacks_in_1820_42 ol li,#stacks_in_1820_42 ol,#stacks_in_1820_42 dl,#stacks_in_1820_42 a,.no-default:not(.custom-font),.no-default:not(.custom-font) div,.no-default:not(.custom-font) p,.no-default:not(.custom-font) ul,.no-default:not(.custom-font) ul li,.no-default:not(.custom-font) ol li,.no-default:not(.custom-font) ol,.no-default:not(.custom-font) dl,.no-default:not(.custom-font) a{font-family:"Oswald",Sans-Serif ;font-weight:400 ;font-style:normal } @media only screen and (max-width:800.00px){#stacks_in_1820_42,#stacks_in_1820_42 div,#stacks_in_1820_42 p,#stacks_in_1820_42 ol,#stacks_in_1820_42 ul li,#stacks_in_1820_42 ol li,#stacks_in_1820_42 ol,#stacks_in_1820_42 dl{font-size:1.20rem!important}}@media only screen and (min-width:800.00px) and (max-width:1000.00px){#stacks_in_1820_42,#stacks_in_1820_42 div,#stacks_in_1820_42 p,#stacks_in_1820_42 ol,#stacks_in_1820_42 ul li,#stacks_in_1820_42 ol li,#stacks_in_1820_42 ol,#stacks_in_1820_42 dl{font-size:1.20rem!important}}@media only screen and (min-width:1000.00px) and (max-width:1200.00px){#stacks_in_1820_42,#stacks_in_1820_42 div,#stacks_in_1820_42 p,#stacks_in_1820_42 ol,#stacks_in_1820_42 ul li,#stacks_in_1820_42 ol li,#stacks_in_1820_42 ol,#stacks_in_1820_42 dl{font-size:1.20rem!important}}@media only screen and (min-width:1200.00px){#stacks_in_1820_42,#stacks_in_1820_42 div,#stacks_in_1820_42 p,#stacks_in_1820_42 ol,#stacks_in_1820_42 ul li,#stacks_in_1820_42 ol li,#stacks_in_1820_42 ol,#stacks_in_1820_42 dl{font-size:1.50rem!important}} p#stacks_in_1820_50.none, h1#stacks_in_1820_50.none, h2#stacks_in_1820_50.none, h3#stacks_in_1820_50.none, h4#stacks_in_1820_50.none, h5#stacks_in_1820_50.none, h6#stacks_in_1820_50.none { text-align: center !important; } #stacks_in_1820_50 { text-align: center !important; } /* brandico */ #stacks_in_1820_50 [class*="brandico-"]:before { font-family: 'brandico', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="brandico-"]:hover:before { color:#FFFFFF; } /* entypo */ #stacks_in_1820_50 [class*="entypo-"]:before { font-family: 'entypo', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="entypo-"]:hover:before { color:#FFFFFF; } /* fontawesome */ #stacks_in_1820_50 [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="fontawesome-"]:hover:before { color:#FFFFFF; } /* fontelico */ #stacks_in_1820_50 [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="fontelico-"]:hover:before { color:#FFFFFF; } /* maki */ #stacks_in_1820_50 [class*="maki-"]:before { font-family: 'maki', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="maki-"]:hover:before { color:#FFFFFF; } /* openwebicons */ #stacks_in_1820_50 [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="openwebicons-"]:hover:before { color:#FFFFFF; } /* typicons */ #stacks_in_1820_50 [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="typicons-"]:hover:before { color:#FFFFFF; } /* zocial */ #stacks_in_1820_50 [class*="zocial-"]:before { font-family: 'zocial', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="zocial-"]:hover:before { color:#FFFFFF; } /* iconicfill */ #stacks_in_1820_50 [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="iconicfill-"]:hover:before { color:#FFFFFF; } /* iconicstroke */ #stacks_in_1820_50 [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="iconicstroke-"]:hover:before { color:#FFFFFF; } #stacks_in_1820_50 a { text-decoration: none !important; border-bottom: 0px!important; } /* Ionicon */ #stacks_in_1820_50 [class*="ion-"]:before { font-family: 'Ionicons', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class*="ion-"]:hover:before { color:#FFFFFF; } /* Themify */ #stacks_in_1820_50 [class^="ti-"], [class*=" ti-"] { font-family: 'themify', sans-serif; font-size: 2em; color:#009BE5; line-height: 1em; } #stacks_in_1820_50 [class^="ti-"]:hover { color:#FFFFFF; } /* 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; }#stacks_in_1820_52 p,#stacks_in_1820_52 div,#stacks_in_1820_52 ul,#stacks_in_1820_52 ol,#stacks_in_1820_52 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_1820_52 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_1820_52 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_1820_52{}}#stacks_in_1820_52,#stacks_in_1820_52 div,#stacks_in_1820_52 p,#stacks_in_1820_52 ul,#stacks_in_1820_52 ul li,#stacks_in_1820_52 ol li,#stacks_in_1820_52 ol,#stacks_in_1820_52 dl,#stacks_in_1820_52 a,.no-default:not(.custom-font),.no-default:not(.custom-font) div,.no-default:not(.custom-font) p,.no-default:not(.custom-font) ul,.no-default:not(.custom-font) ul li,.no-default:not(.custom-font) ol li,.no-default:not(.custom-font) ol,.no-default:not(.custom-font) dl,.no-default:not(.custom-font) a{font-family:"Oswald",Sans-Serif ;font-weight:400 ;font-style:normal } @media only screen and (max-width:800.00px){#stacks_in_1820_52,#stacks_in_1820_52 div,#stacks_in_1820_52 p,#stacks_in_1820_52 ol,#stacks_in_1820_52 ul li,#stacks_in_1820_52 ol li,#stacks_in_1820_52 ol,#stacks_in_1820_52 dl{font-size:1.20rem!important}}@media only screen and (min-width:800.00px) and (max-width:1000.00px){#stacks_in_1820_52,#stacks_in_1820_52 div,#stacks_in_1820_52 p,#stacks_in_1820_52 ol,#stacks_in_1820_52 ul li,#stacks_in_1820_52 ol li,#stacks_in_1820_52 ol,#stacks_in_1820_52 dl{font-size:1.20rem!important}}@media only screen and (min-width:1000.00px) and (max-width:1200.00px){#stacks_in_1820_52,#stacks_in_1820_52 div,#stacks_in_1820_52 p,#stacks_in_1820_52 ol,#stacks_in_1820_52 ul li,#stacks_in_1820_52 ol li,#stacks_in_1820_52 ol,#stacks_in_1820_52 dl{font-size:1.20rem!important}}@media only screen and (min-width:1200.00px){#stacks_in_1820_52,#stacks_in_1820_52 div,#stacks_in_1820_52 p,#stacks_in_1820_52 ol,#stacks_in_1820_52 ul li,#stacks_in_1820_52 ol li,#stacks_in_1820_52 ol,#stacks_in_1820_52 dl{font-size:1.50rem!important}} #stacks_in_1820_55 p,#stacks_in_1820_55 div,#stacks_in_1820_55 ul,#stacks_in_1820_55 ol,#stacks_in_1820_55 dl{color:rgba(255, 255, 255, 1.00)}#stacks_in_1820_55 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_1820_55 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_1820_55{}}#stacks_in_1820_55,#stacks_in_1820_55 div,#stacks_in_1820_55 p,#stacks_in_1820_55 ul,#stacks_in_1820_55 ul li,#stacks_in_1820_55 ol li,#stacks_in_1820_55 ol,#stacks_in_1820_55 dl,#stacks_in_1820_55 a,.no-default:not(.custom-font),.no-default:not(.custom-font) div,.no-default:not(.custom-font) p,.no-default:not(.custom-font) ul,.no-default:not(.custom-font) ul li,.no-default:not(.custom-font) ol li,.no-default:not(.custom-font) ol,.no-default:not(.custom-font) dl,.no-default:not(.custom-font) a{font-family:"Oswald",Sans-Serif ;font-weight:400 ;font-style:normal } @media only screen and (max-width:800.00px){#stacks_in_1820_55,#stacks_in_1820_55 div,#stacks_in_1820_55 p,#stacks_in_1820_55 ol,#stacks_in_1820_55 ul li,#stacks_in_1820_55 ol li,#stacks_in_1820_55 ol,#stacks_in_1820_55 dl{font-size:1.20rem!important}}@media only screen and (min-width:800.00px) and (max-width:1000.00px){#stacks_in_1820_55,#stacks_in_1820_55 div,#stacks_in_1820_55 p,#stacks_in_1820_55 ol,#stacks_in_1820_55 ul li,#stacks_in_1820_55 ol li,#stacks_in_1820_55 ol,#stacks_in_1820_55 dl{font-size:1.20rem!important}}@media only screen and (min-width:1000.00px) and (max-width:1200.00px){#stacks_in_1820_55,#stacks_in_1820_55 div,#stacks_in_1820_55 p,#stacks_in_1820_55 ol,#stacks_in_1820_55 ul li,#stacks_in_1820_55 ol li,#stacks_in_1820_55 ol,#stacks_in_1820_55 dl{font-size:1.20rem!important}}@media only screen and (min-width:1200.00px){#stacks_in_1820_55,#stacks_in_1820_55 div,#stacks_in_1820_55 p,#stacks_in_1820_55 ol,#stacks_in_1820_55 ul li,#stacks_in_1820_55 ol li,#stacks_in_1820_55 ol,#stacks_in_1820_55 dl{font-size:1.50rem!important}} #stacks_in_1820_59.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_1820_59.blu-wrap.sm-pull{margin-top:-90.00px}@media screen and (min-width:640px){#stacks_in_1820_59.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_1820_59.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_1820_59.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_1820_59.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_1820_59.blu-wrap>.blueprint-col{}#stacks_in_1820_59.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_1820_59.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_1820_59.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_1820_59.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_1820_59.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_1820_59.blu-wrap>.blueprint-col{ }#stacks_in_1820_59.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_1820_59.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_1820_59.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_1820_59.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_1820_59.blu-wrap>.blueprint-col{ } #stacks_in_1820_59.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_1820_59.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_1820_59.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_1820_59.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_1820_59.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_1820_59.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_1820_59.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_1820_59.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_1820_59.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_1820_44{text-align:center} form #stacks_in_1820_44 .button.b-p.inline{height:37px!important;margin-left:-1px;padding-top:0;padding-bottom:0} @media screen and (max-width:641px){#stacks_in_1820_44>.button.b-p.expand-mob:not(.icon-only),#stacks_in_1820_44>.dd-wrap>.button.b-p.expand-mob:not(.icon-only){width:100%!important}}@media screen and (min-width:641px){#stacks_in_1820_44 .button.b-p.expand-large:not(.icon-only),#stacks_in_1820_44>.dd-wrap>.button.b-p.expand-large:not(.icon-only){width:100%!important}} @media screen and (max-width:641px){#stacks_in_1820_44.bp-wrap{padding:40px 0px 0px 0px}} @media screen and (min-width:641px){#stacks_in_1820_44.bp-wrap{padding:10px 0px 0px 0px}} #stacks_in_1820_44 .button.b-p.custom{border:0px solid rgba(179, 179, 177, 1.00)}#stacks_in_1820_44 .button.b-p.custom:hover{border:0px solid rgba(179, 179, 177, 1.00)} #stacks_in_1820_44 .button.b-p{color:rgba(255, 255, 255, 1.00);background-color:rgba(1, 169, 229, 1.00)}#stacks_in_1820_44 .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_1820_44 .button.b-p:not(.bp-hover):hover{color:rgba(255, 255, 255, 0.90)!important; background-color:rgba(153, 204, 51, 1.00);} #stacks_in_1820_44 .d-hov,#stacks_in_1820_44 .d-hov::before,#stacks_in_1820_44 .d-hov::after{-webkit-transition-duration:300ms;transition-duration:300ms}#stacks_in_1820_44 .d-hov.active,#stacks_in_1820_44 .d-hov.active::before,#stacks_in_1820_44 .d-hov.active::after{-webkit-transition-duration:0ms;transition-duration:0ms}#stacks_in_1820_44 .hover-col:not(.button.b-p):not(.bp-zone-item)::before{background:rgba(239, 181, 10, 1.00)!important}#stacks_in_1820_44 .hover-col::before,#stacks_in_1820_44 .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_1820_44 .hover-col:hover::before{background:rgba(239, 181, 10, 1.00)}#stacks_in_1820_44 .hover-col.active::before{background:rgba(207, 0, 32, 1.00)}#stacks_in_1820_44 .d-hov-ripple-out:hover::before{border:rgba(239, 181, 10, 1.00) solid 2px}#stacks_in_1820_44 .d-hov-pop:hover,#stacks_in_1820_44 .d-hov-pop:focus,#stacks_in_1820_44 .d-hov-pop.active{-webkit-animation-duration:300ms;animation-duration:300ms}#stacks_in_1820_44 .d-hov[class*="d-hov-underline-"]::before,#stacks_in_1820_44 .d-hov[class*="d-hov-overline-"]::before{height:4px!important}#stacks_in_1820_44 .d-hov[class*="d-hov-text-underline-"]>.bp-text::before,#stacks_in_1820_44 .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_1820_44 .d-hov[class*="d-hov-text-underline-"].active>.bp-text::before,#stacks_in_1820_44 .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_1820_44 .d-hov-reveal:hover::before,#stacks_in_1820_44 .d-hov-reveal.active::before{border-width:4px!important} .com_bigwhiteduck_stacks_paragraphpro_stack{padding-top:0.00%;padding-bottom:0.00%}#stacks_in_1821_5 p,#stacks_in_1821_5 div,#stacks_in_1821_5 ul,#stacks_in_1821_5 ol,#stacks_in_1821_5 dl{color:rgba(34, 34, 34, 1.00)}#stacks_in_1821_5 a{color:rgba(38, 38, 38, 1.00)}#stacks_in_1821_5 a:hover{color:rgba(230, 55, 74, 1.00)}#stacks_in_1821_5,#stacks_in_1821_5 div,#stacks_in_1821_5 p,#stacks_in_1821_5 ol,#stacks_in_1821_5 ul li,#stacks_in_1821_5 ol li,#stacks_in_1821_5 ol,#stacks_in_1821_5 dl{font-size:3.00rem}@media all and (max-width:640px){#stacks_in_1821_5,#stacks_in_1821_5 div,#stacks_in_1821_5 p,#stacks_in_1821_5 ol,#stacks_in_1821_5 ul li,#stacks_in_1821_5 ol li,#stacks_in_1821_5 ol,#stacks_in_1821_5 dl{font-size:1.00rem}}@media only screen and (min-width:480px){#stacks_in_1821_5{word-spacing:0.00px;}}