.launchpad-wrapper{position:relative;display:inline-block;z-index:1}.launchpad,.satellite,.tierahs,.tierahs-link{background-color:transparent;border:none;border-radius:50%;aspect-ratio:1/1;text-align:center;padding:0;margin:0;transition:all 300ms ease-out;display:inline-grid;justify-content:center;align-content:center;cursor:pointer}.launchpad:hover,.satellite:hover,.tierahs:hover,.tierahs-link:hover{background-color:transparent}.launchpad:active,.launchpad.launched:active,.satellite:active,.satellite.launched:active,.tierahs:active,.tierahs.launched:active,.tierahs-link:active,.tierahs-link.launched:active{scale:0.95}.launchpad svg,.satellite svg,.tierahs svg,.tierahs-link svg{width:100%;height:auto}button.satellite,button.tierahs{-webkit-appearance:none;appearance:none}.satellite{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:-1;scale:0.5}.satellite.launched{scale:1} .today_wrapper{margin:0 auto;padding:0;position:relative;overflow:visible;text-align:center}.today_wrapper .desk_board{position:relative}.today_wrapper a{text-decoration:none;display:block;width:100%}.today_wrapper .serif{font-family:serif}.today_wrapper .sansserif{font-family:sans-serif}.today_wrapper .today_inner{margin:0 auto;padding:0;position:relative;overflow:visible;text-align:center;background-color:#fff}.today_wrapper .today_month,.today_wrapper .today_month a,.today_wrapper .today_month a:hover{color:#ffffff}.today_wrapper .today_month{vertical-align:center;position:relative;border-style:solid;font-weight:bold;text-shadow:rgba(0,0,0,0.3) -1px 0,rgba(0,0,0,0.3) 0 -1px,rgba(255,255,255,0.3) 0 1px,rgba(0,0,0,0.3) -1px -2px}.today_wrapper .today_day,.today_wrapper .today_day a,.today_wrapper .today_day a:hover{color:#333}.today_wrapper .today_day{margin:0;vertical-align:center;position:relative;border-color:#fff;border-style:solid;font-weight:bold;text-shadow:rgba(0,0,0,0.5) -1px 0,rgba(0,0,0,0.3) 0 -1px,rgba(255,255,255,0.5) 0 1px,rgba(0,0,0,0.3) -1px -2px;background-color:#fff}.today_wrapper .flat .today_day,.today_wrapper .flat .today_month{box-shadow:none !important;border-style:none !important;text-shadow:none !important}.today_wrapper.align-right .square,.today_wrapper.align-right .rounded,.today_wrapper.align-right .desk_board{margin-right:0 !important}.today_wrapper.align-left .square,.today_wrapper.align-left .rounded,.today_wrapper.align-left .desk_board{margin-left:0 !important}.today_wrapper.xsmall .today_month{height:15px;line-height:15px;font-size:12px;border-width:1px;border-bottom-width:2px;text-shadow:none}.today_wrapper.xsmall .today_day{height:46px;line-height:46px;font-size:35px;border-width:1px;text-shadow:rgba(0,0,0,0.5) -1px 0,rgba(0,0,0,0.3) 0 -1px,rgba(255,255,255,0.5) 0 1px,rgba(0,0,0,0.3) -1px -1px;box-shadow:inset 0px 1px 5px #cccccc}.today_wrapper.xsmall .rounded .today_month{border-top-left-radius:12px;border-top-right-radius:12px}.today_wrapper.xsmall .rounded .today_day{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.today_wrapper.xsmall .square,.today_wrapper.xsmall .rounded,.today_wrapper.xsmall .desk_board{width:64px;margin:3px auto;box-shadow:1px 1px 3px #000}.today_wrapper.xsmall .rounded{border-radius:12px !important}.today_wrapper.xsmall .desk_board{padding:5px;border-radius:3px}.today_wrapper.small .today_month{height:24px;line-height:24px;font-size:15px;border-width:1px;border-bottom-width:2px;text-shadow:none}.today_wrapper.small .today_day{height:70px;line-height:70px;font-size:60px;border-width:1px;text-shadow:rgba(0,0,0,0.5) -1px 0,rgba(0,0,0,0.3) 0 -1px,rgba(255,255,255,0.5) 0 1px,rgba(0,0,0,0.3) -1px -1px;box-shadow:inset 0px 2px 7px #cccccc}.today_wrapper.small .rounded{margin:4px auto;border-radius:20px;box-shadow:1px 1px 4px #000}.today_wrapper.small .rounded .today_month{border-top-left-radius:20px;border-top-right-radius:20px}.today_wrapper.small .rounded .today_day{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.today_wrapper.small .square,.today_wrapper.small .rounded,.today_wrapper.small .desk_board{width:96px;margin:4px auto;box-shadow:1px 1px 4px #000}.today_wrapper.small .rounded{border-radius:20px !important}.today_wrapper.small .desk_board{padding:7px;border-radius:3px}.today_wrapper.medium .today_month{height:30px;line-height:30px;font-size:18px;border-width:1px;border-bottom-width:3px}.today_wrapper.medium .today_day{height:95px;line-height:95px;font-size:80px;border-width:1px;box-shadow:inset 0px 3px 10px #cccccc}.today_wrapper.medium .rounded .today_month{border-top-left-radius:25px;border-top-right-radius:25px}.today_wrapper.medium .rounded .today_day{border-bottom-left-radius:25px;border-bottom-right-radius:25px}.today_wrapper.medium .square,.today_wrapper.medium .rounded,.today_wrapper.medium .desk_board{width:128px;margin:5px auto;box-shadow:1px 1px 5px #000}.today_wrapper.medium .rounded{border-radius:25px !important}.today_wrapper.medium .desk_board{padding:10px;border-radius:3px}.today_wrapper.large .today_month{height:45px;line-height:45px;font-size:30px;border-width:2px;border-bottom-width:4px}.today_wrapper.large .today_day{height:140px;line-height:140px;font-size:120px;border-width:2px;box-shadow:inset 0px 4px 15px #cccccc}.today_wrapper.large .rounded .today_month{border-top-left-radius:40px;border-top-right-radius:40px}.today_wrapper.large .rounded .today_day{border-bottom-left-radius:40px;border-bottom-right-radius:40px}.today_wrapper.large .square,.today_wrapper.large .rounded,.today_wrapper.large .desk_board{width:192px;margin:8px auto;box-shadow:2px 2px 8px #000}.today_wrapper.large .rounded{border-radius:40px !important}.today_wrapper.large .desk_board{padding:12px;border-radius:5px}.today_wrapper.xlarge .today_month{height:60px;line-height:60px;font-size:40px;border-width:2px;border-bottom-width:4px}.today_wrapper.xlarge .today_day{height:186px;line-height:186px;font-size:165px;border-width:2px;box-shadow:inset 0px 5px 20px #cccccc}.today_wrapper.xlarge .rounded .today_month{border-top-left-radius:50px;border-top-right-radius:50px}.today_wrapper.xlarge .rounded .today_day{border-bottom-left-radius:50px;border-bottom-right-radius:50px}.today_wrapper.xlarge .square,.today_wrapper.xlarge .rounded,.today_wrapper.xlarge .desk_board{width:256px;margin:10px auto;box-shadow:2px 2px 10px #000}.today_wrapper.xlarge .rounded{border-radius:50px !important}.today_wrapper.xlarge .desk_board{padding:15px;border-radius:5px} .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}} .launchpad-wrapper{position:relative;display:inline-block;z-index:1}.launchpad,.satellite,.tierahs,.tierahs-link{background-color:transparent;border:none;border-radius:50%;aspect-ratio:1/1;text-align:center;padding:0;margin:0;transition:all 300ms ease-out;display:inline-grid;justify-content:center;align-content:center;cursor:pointer}.launchpad:hover,.satellite:hover,.tierahs:hover,.tierahs-link:hover{background-color:transparent}.launchpad:active,.launchpad.launched:active,.satellite:active,.satellite.launched:active,.tierahs:active,.tierahs.launched:active,.tierahs-link:active,.tierahs-link.launched:active{scale:0.95}.launchpad svg,.satellite svg,.tierahs svg,.tierahs-link svg{width:100%;height:auto}button.satellite,button.tierahs{-webkit-appearance:none;appearance:none}.satellite{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:-1;scale:0.5}.satellite.launched{scale:1} aside{background-color:var(--dark-gray) ;} .full-height{height:100vh ;} .quarter-height{height:25vh ;} .menu{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(224, 238, 255, 1.00);--link-color-hover:rgba(249, 0, 51, 1.00);--link-decoration:none;--link-decoration-hover:underline} .BlueBorder{border-color:rgba(0, 0, 255, 1.00) ;border-width:8px ;border-style:solid ;border-radius:10px 10px 10px 10px ;} .BlueBackground{background-color:rgba(0, 0, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BlueBackground{background-attachment:scroll!important}} .BlueBackground{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(255, 255, 255, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none} .Dropdown{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(255, 255, 255, 1.00);--small-color:rgba(255, 255, 255, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(255, 255, 255, 1.00);--link-decoration:none;--link-decoration-hover:none} h2,.h2, h3,.h3, .BlueBackground{font-size:calc(16rem/16) ;font-weight:800 ;}@media only screen and (min-width:40em) { h2,.h2, h3,.h3, .BlueBackground{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h2,.h2, h3,.h3, .BlueBackground{font-size:calc(16rem/16) ;line-height:1.50 }} .BlueBackground{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.BlueBackground{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.BlueBackground{padding-top:5.00px ;padding-right:5.00px ;padding-bottom:5.00px ;padding-left:5.00px }} .OverlayBG{position:relative;z-index:0}.OverlayBG:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.58 ;background-color:rgba(0, 0, 0, 1.00) ;} .header{background-image:url('http://wisconsin.com/WebImages/WisconsinHeader.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: contain ; }@media (hover:none) and (pointer:coarse){.header{background-attachment:scroll!important}} .Dropdown{background-color:rgba(0, 0, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.Dropdown{background-attachment:scroll!important}} .Dropdown>.menu a, .menu.Dropdown a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .Dropdown>.menu .menu-text, .menu.Dropdown .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .Dropdown>.menu>li>a, .menu.Dropdown>li>a{padding-top:1rem;padding-bottom:1rem} .Dropdown>.menu .submenu>li>a, .menu.Dropdown .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .Dropdown>.menu li.active>a, .Dropdown>.menu li.is-active>a, .Dropdown>.menu a.is-active, .menu.Dropdown li.active>a, .menu.Dropdown li.is-active>a, .menu.Dropdown a.is-active{--menu-bg-color:rgba(0, 0, 255, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .Dropdown>.menu .submenu li.active>a, .Dropdown>.menu .submenu li.is-active>a, .Dropdown>.menu .submenu a.is-active, .menu.Dropdown .submenu li.active>a, .menu.Dropdown .submenu li.is-active>a, .menu.Dropdown .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .Dropdown>.menu .submenu a, .menu.Dropdown .submenu a{--menu-caret-color:rgba(255, 255, 255, 1.00)} .Dropdown>.menu .submenu, .menu.Dropdown .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .Dropdown>.menu .submenu a, .menu.Dropdown .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .Dropdown>.menu .submenu .menu-text, .menu.Dropdown .submenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .Dropdown>.menu .submenu li.active>a, .Dropdown>.menu .submenu li.is-active>a, .Dropdown>.menu .submenu a.is-active, .menu.Dropdown .submenu li.active>a, .menu.Dropdown .submenu li.is-active>a, .menu.Dropdown .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(0, 0, 255, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .Breadcrumbs{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(251, 2, 7, 1.00);--link-decoration:none;--link-decoration-hover:none} .Breadcrumbs{background-color:rgba(0, 0, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.Breadcrumbs{background-attachment:scroll!important}} .Buttons{border-radius:10px ;} .WhiteTopBottom{border-color:rgba(255, 255, 255, 1.00) ;border-width:2px 0px 2px 0px ;border-style:solid ;} .WhiteTop{border-color:rgba(255, 255, 255, 1.00) ;border-width:2px 0px 0px 0px ;border-style:solid ;} .mytime{font-size:calc(16rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { .mytime{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .mytime{font-size:calc(16rem/16) ;line-height:1.50 }} .TimeButton{border-radius:10px 10px 10px 10px ;} .BottomPaddingTop{padding-top:0.5rem ;} .BottomMarginTop{margin-top:0.5rem ;} h2,.h2, .HeaderH2{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { h2,.h2, .HeaderH2{font-size:calc(36rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h2,.h2, .HeaderH2{font-size:calc(36rem/16) ;line-height:1.50 }} .HeaderH2{background-color:rgba(0, 0, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.HeaderH2{background-attachment:scroll!important}} .HeaderH2{color:rgba(255, 255, 255, 1.00) ;} .HeaderH3{background-color:rgba(0, 0, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.HeaderH3{background-attachment:scroll!important}} h3,.h3, .HeaderH3{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { h3,.h3, .HeaderH3{font-size:calc(24rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h3,.h3, .HeaderH3{font-size:calc(24rem/16) ;line-height:1.50 }} .HeaderH3{color:rgba(255, 255, 255, 1.00) ;} .Website{border-color:rgba(0, 0, 0, 1.00) ;border-width:4px ;border-style:solid ;} .Websites{padding:0.25rem ;} .Website{margin-top:0 ;margin-right:0 ;margin-bottom:0.25rem ;margin-left:0 ;} .Website{padding:0.25rem ;} h6,.h6, .BottomHeader{font-size:calc(16rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h6,.h6, .BottomHeader{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h6,.h6, .BottomHeader{font-size:calc(16rem/16) ;line-height:1.50 }} .BottomHeader{margin-left:0.5rem ;} .ColumnMoveRight{margin-left:0.5rem ;} .MarginTop{margin-top:0.5rem ;} .InfoParagraph{padding-right:0.5rem ;padding-left:0.5rem ;} p,.p, .InfoParagraph{font-size:calc(16rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { p,.p, .InfoParagraph{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { p,.p, .InfoParagraph{font-size:calc(16rem/16) ;line-height:1.50 }} .AquaBackground{background-color:rgba(15, 128, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.AquaBackground{background-attachment:scroll!important}} .RestaurantIcon{background-color:rgba(0, 0, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.RestaurantIcon{background-attachment:scroll!important}} .RestaurantIcon{border-radius:10px 10px 10px 10px ;} .RestaurantIcon{margin-right:0.25rem ;margin-left:0.25rem ;} .RestaurantIcon{padding-top:0.25rem ;padding-right:0.25rem ;padding-bottom:0.25rem ;padding-left:0.25rem ;} .RestaurantIcon{height:8rem ;} .RestaurantIcon{width:8rem ;} .BusinessBottomMargin{margin-bottom:0.75rem ;} .WhiteFont{color:rgba(255, 255, 255, 1.00) ;} .ColumnMargin{margin-right:0.5rem ;margin-bottom:0.5rem ;margin-left:0.5rem ;} .stacks_in_1437_55 table thead,table thead{}.stacks_in_1437_55 table thead tr:nth-child(even),table thead tr:nth-child(even){}.stacks_in_1437_55 table tbody,table tbody{}.stacks_in_1437_55 table tbody tr:nth-child(even),table tbody tr:nth-child(even){}.stacks_in_1437_55 table th,table th{}.stacks_in_1437_55 table td,table td{border-style:solid;border-color:rgba(34, 34, 34, 1.00) ;border-width:1px 1px 1px 1px ;} .Communities{padding-top:0 ;padding-bottom:0 ;} .FullDate{background-color:rgba(0, 0, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.FullDate{background-attachment:scroll!important}} .FullDate{color:rgba(255, 255, 255, 1.00) ;} .FullDate{border-radius:10px 10px 10px 10px ;} .FullDate{margin-top:0 ;margin-right:0 ;margin-bottom:0.25rem ;margin-left:0 ;} .TimeButton{padding-top:0.0625rem ;padding-right:0.0625rem ;padding-bottom:0.0625rem ;padding-left:0.0625rem ;} p,.p, .button,.TimeButton{font-size:calc(30rem/16) ;font-weight:800 ;}@media only screen and (min-width:40em) { p,.p, .button,.TimeButton{font-size:calc(30rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { p,.p, .button,.TimeButton{font-size:calc(30rem/16) ;line-height:1.50 }} .TimeButton{margin-top:0 ;margin-right:0 ;margin-bottom:0 ;margin-left:0 ;} p,.p, .LargeButton{font-size:calc(16rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) { p,.p, .LargeButton{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { p,.p, .LargeButton{font-size:calc(16rem/16) ;line-height:1.50 }} .TopHeader{margin-top:0 ;margin-right:0 ;margin-bottom:0.5rem ;margin-left:0 ;} .Divider{color:rgba(0, 0, 255, 1.00) ;} .Team{border-color:rgba(0, 0, 255, 1.00) ;border-top-width:10px ;border-top-style:solid ;} .TeamBackground{background-color:rgba(0, 0, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.TeamBackground{background-attachment:scroll!important}} .BottomAdHeader{margin-top:0 ;margin-right:0 ;margin-bottom:0.5rem ;margin-left:0 ;} .Header5{color:rgba(255, 255, 255, 1.00) ;} .Header5{background-color:rgba(0, 0, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.Header5{background-attachment:scroll!important}} h5,.h5, .Header5{font-size:calc(14rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h5,.h5, .Header5{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h5,.h5, .Header5{font-size:calc(14rem/16) ;line-height:1.50 }} .Header5{padding-left:0.75rem ;} .Listify{margin-top:0 ;margin-right:0 ;margin-bottom:0 ;margin-left:0 ;} .Listify{padding-top:0 ;padding-right:0 ;padding-bottom:0 ;padding-left:0 ;} .Header4{background-color:rgba(251, 2, 7, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.Header4{background-attachment:scroll!important}} .Header4{color:rgba(255, 255, 255, 1.00) ;} h4,.h4, .Header4{font-size:calc(18rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h4,.h4, .Header4{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h4,.h4, .Header4{font-size:calc(18rem/16) ;line-height:1.50 }} .TopBorder{border-color:rgba(0, 0, 255, 1.00) ;border-top-width:8px ;border-top-style:solid ;} .AlphaMargin{margin-bottom:0.5rem ;} .ADmargin{margin-top:0.5rem ;} .MarksNote{color:rgba(0, 0, 255, 1.00) ;} h5,.h5, .MarksNote{font-size:calc(18rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { h5,.h5, .MarksNote{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { h5,.h5, .MarksNote{font-size:calc(20rem/16) ;line-height:1.50 }} .MarksNote{padding-left:2rem ;} .MarksNoteMargin{margin-right:0.75rem ;margin-left:0.75rem ;} .CountyDirectories{margin-bottom:0.5rem ;} .WebsiteFeatured{border-color:rgba(251, 2, 7, 1.00) ;border-width:6px ;border-style:solid ;} .WebsiteFeatured{margin-right:0.25rem ;margin-bottom:0.25rem ;margin-left:0.25rem ;} .WebsiteFeatured{padding:0.25rem ;} .FeaturedWebsite{margin-bottom:0.5rem ;} .TravelMargin{margin-top:0.5rem ;margin-right:1.5rem ;margin-bottom:0.5rem ;margin-left:1.5rem ;} .MainGutter{--small-gutter:0.75rem;--medium-gutter:0.75rem;--large-gutter:0.75rem;} .SpecialWhiteBorder{border-color:rgba(255, 255, 255, 1.00) ;border-width:6px ;border-style:dotted ;border-radius:10px 10px 10px 10px ;} .BottomMargin{margin-bottom:0.5rem ;} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 0, 255, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 0, 225, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 0, 255, 1.00);--link-color-hover:rgba(0, 102, 136, 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(0, 0, 255, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(255, 255, 255, 1.00);} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} p,.p, .myclass{font-size:calc(16rem/16) ;font-weight:600 ;}@media only screen and (min-width:40em) { p,.p, .myclass{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { p,.p, .myclass{font-size:calc(16rem/16) ;line-height:1.50 }} .stacks_in_1241_11 img{width:100%;max-width:40px} /* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_1552 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_1552 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_1552 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_1552 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_1552 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_1552 .back_wrapper_8573 { } } #stacks_in_1552 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 35vh; min-height: 200px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_1552 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_1552 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_1552 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_1552 .wrapper_working_area { background: url(../TravelWhatToDoSports_files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 35vh; background-size: contain !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; opacity: 0.65; display: none !important; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; margin-right: auto; margin-left: auto; text-align: center; } /* ---TITLE active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ %%[[if !edit]]%% } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A */ #stacks_in_1552 .theme_title { color: #0000FF !important; } /* B */ #stacks_in_1552 .theme_title_b { color: #0F80FF !important; } /* Tit A-B styles */ #stacks_in_1552 .theme_slogan { color: #FFFFFF !important; font-size: 54px !important; font-family: "montserratbold", sans-serif !important; font-style: none; text-transform: none; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: 20px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* TITLE CSS */ #stacks_in_1552 .theme_title, #stacks_in_1552 .theme_title_b { font-size: 130px !important; font-style: none; text-transform: none;text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: "archivo_blackregular", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* upg 1.1.3 - 113 */ #stacks_in_1552 .theme_title, #stacks_in_1552 .theme_title_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_1552 .back_wrapper_8573 { /* upg 1.1.4 - 114 */ /* beta */ /* */ } #stacks_in_1552 .back_wrapper_8573bg { background-position: 50% 50% !important; background-size: cover !important; background: url(http://wisconsin.com/WebImages/AdvertisingImageHeader.JPG); text-align: center; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_1552 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_1552 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_1552 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1552 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_1552 .back_wrapper_8573bg#stacks_in_1552 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_1552 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_1552 .back_wrapper_8573bg { } } #stacks_in_1552 .theme_title, #stacks_in_1552 .theme_title_b { } #stacks_in_1552 .theme_title, #stacks_in_1552 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ @font-face { font-family: 'cordial_proregregular'; src: url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../TravelWhatToDoSports_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../TravelWhatToDoSports_files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../TravelWhatToDoSports_files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../TravelWhatToDoSports_files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../TravelWhatToDoSports_files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../TravelWhatToDoSports_files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../TravelWhatToDoSports_files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/signika/signika-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../TravelWhatToDoSports_files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../TravelWhatToDoSports_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../TravelWhatToDoSports_files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/raleway/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../TravelWhatToDoSports_files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../TravelWhatToDoSports_files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../TravelWhatToDoSports_files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../TravelWhatToDoSports_files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../TravelWhatToDoSports_files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_1552 .decoration_color_1 { background-color: #0000FF !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_1552 .flash-color { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; display: none !important; } /* end style */ /* EDIT mode */ /* -- End EACH CSS Template -- */#stacks_in_1552 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; padding: 0; width: 92px; display: block; -webkit-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;-moz-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.15s; } @keyframes hypetitles-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px); } 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } } @-webkit-keyframes hypetitles-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_1552 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.04s linear; -moz-transition: 0.04s linear; -webkit-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.3s; color: #D5D5D5 !important; } #stacks_in_1552 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_1552 .scrollButton-hypetitles #stacks_in_1552 [class*="fa fa-"] { color: #D5D5D5 !important; } @keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_1552 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_1552 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_1552 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_1552 .scrollButton-hypetitles { display: none !important; } #stacks_in_1552 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }@media only screen and (min-width:0px){#stacks_in_1493{}} #stacks_in_1493 { padding: 0px 5px 0px 5px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1724, #stacks_in_1724 { overflow: visible; } @important "partials/maps"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1724 { padding: 20px 0px !important; } #press_alignment_stacks_in_1724 { width: 100%; } #press_alignment_stacks_in_1724.press-left { text-align: left; } #press_alignment_stacks_in_1724.press-center { text-align: center; } #press_alignment_stacks_in_1724.press-right { text-align: right; } #stacks_in_1724 { transition: all 200ms ease; /* */ /* */ background: rgba(0, 0, 255, 1.00); /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 10px 10px; padding: 12px 14px 12px 14px; border-radius: 10px 10px 10px 10px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1724:hover { /* */ /* */ /* */ /* */ } #stacks_in_1724:hover .press-icon i { /* */ } #stacks_in_1724:active { /* */ /* */ /* */ /* */ } #stacks_in_1724:active .press-icon i { /* */ } #stacks_in_1724 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_1724 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_1724 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Ubuntu"; /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_1724 .press-text .out { margin: 0 !important; } #stacks_in_1724 { font-size: 20px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1722, #stacks_in_1722 { overflow: visible; } @important "partials/maps"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1722 { padding: 20px 0px !important; } #press_alignment_stacks_in_1722 { width: 100%; } #press_alignment_stacks_in_1722.press-left { text-align: left; } #press_alignment_stacks_in_1722.press-center { text-align: center; } #press_alignment_stacks_in_1722.press-right { text-align: right; } #stacks_in_1722 { transition: all 200ms ease; /* */ /* */ background: rgba(0, 0, 255, 1.00); /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 10px 10px; padding: 12px 14px 12px 14px; border-radius: 10px 10px 10px 10px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1722:hover { /* */ /* */ /* */ /* */ } #stacks_in_1722:hover .press-icon i { /* */ } #stacks_in_1722:active { /* */ /* */ /* */ /* */ } #stacks_in_1722:active .press-icon i { /* */ } #stacks_in_1722 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_1722 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_1722 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Ubuntu"; /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_1722 .press-text .out { margin: 0 !important; } #stacks_in_1722 { font-size: 20px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* 1.0.1 - only disables user selection if a link has been added - now supports links in description when a link is added to the entire card - icon alignment also works if the content is shorter than the icon - horizontal align stretch now allows text to fill open space */ .com_onelittledesigner_stacks_Feature_Section_N_stack, .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_1554 { overflow: visible !important; } #feature-cards-stacks_in_1554 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_1554 * { box-sizing: border-box; } #feature-cards-stacks_in_1554 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } #feature-cards-stacks_in_1554 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 470px; max-width: 100%; border-radius: 10px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_1554 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; min-width: 438px; } #feature-cards-stacks_in_1554 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_1554 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; justify-items: flex-start; align-content: flex-start; } #feature-cards-stacks_in_1554 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_1554 .feature-card > a + .feature-card-content-wrap { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; /* */ pointer-events: none; /* */ } #feature-cards-stacks_in_1554 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: min-content 1fr; } #feature-cards-stacks_in_1554 .feature-card-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; } #feature-cards-stacks_in_1554 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_1554 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; z-index: 1; } #feature-cards-stacks_in_1554 .feature-card { background-color : rgba(0, 0, 255, 1.00); padding: 0px 16px 0px 16px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 10px; } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; padding-right: 16px; margin: 0; position: relative; z-index: 1; } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon, #feature-cards-stacks_in_1554 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon img { height: 42px; } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1554 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(0, 0, 255, 1.00);fill: rgba(0, 0, 255, 1.00);stroke: rgba(0, 0, 255, 1.00); } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_1554 .feature-card .feature-card-content-wrap { align-items: center; } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon-wrap { padding-right: 16px; margin: 0; } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon { height: 64px; width: 64px; margin-right: -0px; transform: translate(0,0px); } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1554 .feature-card .feature-card-icon svg { height: 64px; width: auto; font-size: 42px; line-height: 64px; } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon svg { padding: 15.000000px 0; width: 64px; } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1554 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_1554 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_1554 .feature-card, #feature-cards-stacks_in_1554 .feature-card .feature-card-description { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1554 .feature-card h1, #feature-cards-stacks_in_1554 .feature-card h2, #feature-cards-stacks_in_1554 .feature-card h3, #feature-cards-stacks_in_1554 .feature-card h4, #feature-cards-stacks_in_1554 .feature-card h5, #feature-cards-stacks_in_1554 .feature-card h6, #feature-cards-stacks_in_1554 .feature-card .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1554 .feature-card .feature-card-header { margin: 0; font-weight: 700; font-size: 24px; line-height: normal; margin-top: 16px; margin-bottom: 0px; } #feature-cards-stacks_in_1554 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_1554 .feature-card .feature-card-header, #feature-cards-stacks_in_1554 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_1554 .feature-card .feature-card-description { font-family: inherit; text-align: left; font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 4px; margin-bottom: 16px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_1554 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_1554 .feature-card::before, #feature-cards-stacks_in_1554 .feature-card, #feature-cards-stacks_in_1554 .feature-outer, #feature-cards-stacks_in_1554 .feature-card h1, #feature-cards-stacks_in_1554 .feature-card h2, #feature-cards-stacks_in_1554 .feature-card h3, #feature-cards-stacks_in_1554 .feature-card h4, #feature-cards-stacks_in_1554 .feature-card h5, #feature-cards-stacks_in_1554 .feature-card h6, #feature-cards-stacks_in_1554 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_1554 .feature-card .feature-card-icon, #feature-cards-stacks_in_1554 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_1554 .feature-card .feature-card-header, #feature-cards-stacks_in_1554 .feature-card .feature-card-description, #feature-cards-stacks_in_1554 .feature-card .feature-card-content { transition-duration: 300ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_1554 .feature-card { position: relative; } #feature-cards-stacks_in_1554 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(102, 204, 255, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-cards-stacks_in_1554 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_1554 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(102, 204, 255, 1.00); content: ''; z-index: 0; display: block; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); opacity: 1; } #feature-cards-stacks_in_1554 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_1554 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 450.000000ms; } #feature-cards-stacks_in_1554 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_1554 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1554 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_1554 .feature-card .feature-card-description, #feature-cards-stacks_in_1554 .feature-card h1, #feature-cards-stacks_in_1554 .feature-card h2, #feature-cards-stacks_in_1554 .feature-card h3, #feature-cards-stacks_in_1554 .feature-card h4, #feature-cards-stacks_in_1554 .feature-card h5, #feature-cards-stacks_in_1554 .feature-card h6, #feature-cards-stacks_in_1554 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_1554 .feature-card:hover .feature-card-description { color: rgba(128, 0, 2, 1.00); } #feature-cards-stacks_in_1554 .feature-card:hover h1, #feature-cards-stacks_in_1554 .feature-card:hover h2, #feature-cards-stacks_in_1554 .feature-card:hover h3, #feature-cards-stacks_in_1554 .feature-card:hover h4, #feature-cards-stacks_in_1554 .feature-card:hover h5, #feature-cards-stacks_in_1554 .feature-card:hover h6, #feature-cards-stacks_in_1554 .feature-card:hover .feature-card-header { color: rgba(251, 2, 7, 1.00); } #feature-cards-stacks_in_1554 .feature-card:hover .feature-card-icon { background: rgba(0, 0, 255, 1.00); } #feature-cards-stacks_in_1554 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_1554 .feature-card:hover .feature-card-icon svg { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1554 .feature-outer { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-cards-stacks_in_1554 .feature-outer:hover { transform: translate(0,-0px) scale(1.050000) rotateZ(0deg); } #feature-cards-stacks_in_1554 .feature-card .feature-card-icon > * { transform-origin: center; transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_1554 .feature-card:hover .feature-card-icon > * { transform: translate(0,0) rotateZ(360deg); } /* */ /* */ #feature-section-card-stacks_in_1555 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1555 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1555 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1555 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1555 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1555: 64px; } #feature-section-card-stacks_in_1555 { } #feature-section-card-stacks_in_1555 .feature-card { } #feature-section-card-stacks_in_1555 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1555 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1555 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1555 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1555 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1559 { position: relative; user-select: none; } i#stacks_in_1559, svg#stacks_in_1559 { position: relative; display: block; text-align: center; } #stacks_in_1559.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_1561 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1561 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1561 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1561 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1561 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1561: 64px; } #feature-section-card-stacks_in_1561 { } #feature-section-card-stacks_in_1561 .feature-card { } #feature-section-card-stacks_in_1561 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1561 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1561 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1561 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1561 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1564 { position: relative; user-select: none; } i#stacks_in_1564, svg#stacks_in_1564 { position: relative; display: block; text-align: center; } #stacks_in_1564.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_1566 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1566 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1566 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1566 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1566 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1566: 64px; } #feature-section-card-stacks_in_1566 { } #feature-section-card-stacks_in_1566 .feature-card { } #feature-section-card-stacks_in_1566 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1566 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1566 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1566 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1566 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1569 { position: relative; user-select: none; } i#stacks_in_1569, svg#stacks_in_1569 { position: relative; display: block; text-align: center; } #stacks_in_1569.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_1571 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1571 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1571 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1571 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1571 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1571: 64px; } #feature-section-card-stacks_in_1571 { } #feature-section-card-stacks_in_1571 .feature-card { } #feature-section-card-stacks_in_1571 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1571 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1571 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1571 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1571 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1574 { position: relative; user-select: none; } i#stacks_in_1574, svg#stacks_in_1574 { position: relative; display: block; text-align: center; } #stacks_in_1574.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_1576 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1576 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1576 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1576 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1576 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1576: 64px; } #feature-section-card-stacks_in_1576 { } #feature-section-card-stacks_in_1576 .feature-card { } #feature-section-card-stacks_in_1576 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1576 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1576 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1576 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1576 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1579 { position: relative; user-select: none; } i#stacks_in_1579, svg#stacks_in_1579 { position: relative; display: block; text-align: center; } #stacks_in_1579.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_1581 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1581 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1581 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1581 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1581 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1581: 64px; } #feature-section-card-stacks_in_1581 { } #feature-section-card-stacks_in_1581 .feature-card { } #feature-section-card-stacks_in_1581 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1581 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1581 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1581 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1581 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1584 { position: relative; user-select: none; } i#stacks_in_1584, svg#stacks_in_1584 { position: relative; display: block; text-align: center; } #stacks_in_1584.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_1601 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1601 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1601 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1601 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1601 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1601: 64px; } #feature-section-card-stacks_in_1601 { } #feature-section-card-stacks_in_1601 .feature-card { } #feature-section-card-stacks_in_1601 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1601 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1601 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1601 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1601 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1604 { position: relative; user-select: none; } i#stacks_in_1604, svg#stacks_in_1604 { position: relative; display: block; text-align: center; } #stacks_in_1604.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_1732 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1732 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1732 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1732 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1732 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1732: 64px; } #feature-section-card-stacks_in_1732 { } #feature-section-card-stacks_in_1732 .feature-card { } #feature-section-card-stacks_in_1732 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1732 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1732 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1732 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1732 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1735 { position: relative; user-select: none; } i#stacks_in_1735, svg#stacks_in_1735 { position: relative; display: block; text-align: center; } #stacks_in_1735.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_1586 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1586 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1586 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1586 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1586 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1586: 64px; } #feature-section-card-stacks_in_1586 { } #feature-section-card-stacks_in_1586 .feature-card { } #feature-section-card-stacks_in_1586 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1586 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1586 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1586 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1586 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1589 { position: relative; user-select: none; } i#stacks_in_1589, svg#stacks_in_1589 { position: relative; display: block; text-align: center; } #stacks_in_1589.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_1606 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1606 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1606 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1606 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1606 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1606: 64px; } #feature-section-card-stacks_in_1606 { } #feature-section-card-stacks_in_1606 .feature-card { } #feature-section-card-stacks_in_1606 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1606 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1606 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1606 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1606 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1609 { position: relative; user-select: none; } i#stacks_in_1609, svg#stacks_in_1609 { position: relative; display: block; text-align: center; } #stacks_in_1609.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_1726 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1726 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1726 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1726 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1726 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1726: 64px; } #feature-section-card-stacks_in_1726 { } #feature-section-card-stacks_in_1726 .feature-card { } #feature-section-card-stacks_in_1726 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1726 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1726 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1726 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1726 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1729 { position: relative; user-select: none; } i#stacks_in_1729, svg#stacks_in_1729 { position: relative; display: block; text-align: center; } #stacks_in_1729.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } /* -- Start Mytime Each css Template -- */ .myTimeWrapper { display: none; } /* -- End Mytime Each css Template -- */@media only screen and (min-width:0px){#stacks_in_1243_82{}} .stacks_in_1243_64 .desk_board{background-image:url(../rw_common/plugins/stacks/today-images/p1.jpg)}.stacks_in_1243_64 .today_month{border-color:rgba(15, 15, 255, 1.00);border-bottom-color:rgba(0, 0, 125, 1.00);background-color:rgba(0, 0, 255, 1.00);background:linear-gradient(rgba(0, 0, 255, 1.00),rgba(0, 0, 155, 1.00));}.stacks_in_1243_64 .today_inner{box-shadow:1px 1px 5px rgba(0, 0, 0, 1.00)}.stacks_in_1243_64.xsmall .square,.stacks_in_1243_64.xsmall .rounded,.stacks_in_1243_64.xsmall .desk_board{box-shadow:1px 1px 3px rgba(0, 0, 0, 1.00)}.stacks_in_1243_64.small .square,.stacks_in_1243_64.small .rounded,.stacks_in_1243_64.small .desk_board{box-shadow:1px 1px 4px rgba(0, 0, 0, 1.00)}.stacks_in_1243_64.medium .square,.stacks_in_1243_64.medium .rounded,.stacks_in_1243_64.medium .desk_board{box-shadow:1px 1px 5px rgba(0, 0, 0, 1.00)}.stacks_in_1243_64.large .square,.stacks_in_1243_64.large .rounded,.stacks_in_1243_64.large .desk_board{box-shadow:2px 2px 8px rgba(0, 0, 0, 1.00)}.stacks_in_1243_64.xlarge .square,.stacks_in_1243_64.xlarge .rounded,.stacks_in_1243_64.xlarge .desk_board{box-shadow:2px 2px 10px rgba(0, 0, 0, 1.00)} /* FlexContact styles */ /* Bryn Owen Design, 2014+ */ #FlexClock_stacks_in_1243_11_time { text-align: center; color: #FFFFFF; font-size: 1.0em; font-family: sans-serif, sans-serif; font-weight: bold; } #FlexClock_stacks_in_1243_11_date { text-align: center; color: #FFFFFF; font-size: 1.0em; font-family: sans-serif, sans-serif; } .FlexClock_stacks_in_1243_11_slice { padding-top: 8px; display: none; } .FlexClock_stacks_in_1243_11_slice * { text-align: center !important; } .stacks_in_1243_92 img{width:100%;max-width:75px} .stacks_in_1243_89 img{width:100%;max-width:100px} .stacks_in_1243_86 img{width:100%;max-width:75px} /* * jQuery FlexSlider v2.5.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ /* @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } */ /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .sf-flexslider { margin: 0; padding: 0; } .sf-flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .sf-flexslider .slides img { width: 100%; display: block; } .sf-flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .sf-flexslider .slides { display: block; } * html .sf-flexslider .slides { height: 1%; } .no-js .sf-flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .sf-flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .sf-flexslider .slides { zoom: 1; } .sf-flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { /*font-family: "flexslider-icon";*/ font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .sf-flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .sf-flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .sf-flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .sf-flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { /*font-family: "flexslider-icon";*/ font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* SuperFlex 3.0.8 */ @font-face { font-family: 'sf-icons'; src: url('fonts/sf-icons.eot'); } @font-face { font-family: 'sf-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8R/OYAAAC8AAAAYGNtYXAgVsCMAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zl5qkmkAAAF4AAAB6GhlYWQHMNyTAAADYAAAADZoaGVhBv4DywAAA5gAAAAkaG10eB4ABTYAAAO8AAAAKGxvY2ECLgHGAAAD5AAAABZtYXhwAAwAGQAAA/wAAAAgbmFtZQNRKj8AAAQcAAABknBvc3QAAwAAAAAFsAAAACAAAwO3AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADgBQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg4AX//f//AAAAAAAg4AD//f//AAH/4yAEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAPT/0QMMA8AAFgAAATIWFxYUBwkBFhQHBiInASY0NwE+ATMC4gwWCBIS/mUBmxISETES/jwSEgHECRYLA8AJCBIxEf5l/mURMRIREQHFETIRAcUICQAAAQDE/8ADPAPAAAUAAAU3CQEnAQLEeP53AYl4/gBAdwGJAYl3/gAAAAEA4//PAx0DsQAVAAATARYyPwE2NCcJATY0LwEmIgcBBhQX4wHLECsPJRAQ/n8BgRAQJQ8rEP41EBABm/40Dw8lECsPAYIBgg8rECUPD/40DywPAAEA9P/AAwwDrwAWAAAFIiYnJjQ3CQEmNDc2MhcBFhQHAQ4BIwEeDBYIEhIBm/5lEhIRMRIBxBIS/jwJFgtACQgSMREBmwGbETESERH+OxEyEf47CAkAAAABAOP/zwMdA7EAFQAACQEmIg8BBhQXCQEGFB8BFjI3ATY0JwMd/jUQKw8lEBABgf5/EBAlDysQAcsQEAHlAcwPDyUQKw/+fv5+DysQJQ8PAcwPLA8AAAAAAQDE/8ADPAPAAAUAAAEHCQEXAQE8eAGJ/nd4AgADwHf+d/53dwIAAAEAAAABAAC/FVBDXw889QALBAAAAAAA0mrMCwAAAADSaswLAAD/wAM8A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAzwAAQAAAAAAAAAAAAAAAAAAAAoEAAAAAAAAAAAAAAACAAAABAAA9AQAAMQEAADjBAAA9AQAAOMEAADEAAAAAAAKABQAHgBKAF4AiAC0AOAA9AAAAAEAAAAKABcAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'); font-weight: normal; font-style: normal; } i.sf-control { font-family: 'sf-icons'; font-size: 18px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sf-icon-cl-1:before { content: "\e000"; } .sf-icon-cl-2:before { content: "\e002"; } .sf-icon-cl-3:before { content: "\e001"; } .sf-icon-cr-1:before { content: "\e003"; } .sf-icon-cr-2:before { content: "\e004"; } .sf-icon-cr-3:before { content: "\e005"; } #sf3-folder-check{ margin: 20px 0 10px; } #sf3-folder-check:not(.sf3-error) span{ background: #119115; border-radius: 50px; padding: 8px 15px; } #sf3-folder-check div, #sf3-folder-check.sf3-error{ text-align: center; font-size: 16px; color: #AFFFB7; padding: 10px; } .sf3-error:before{ content:'Folder cannot be found.'; color: #fff; font-weight: bolder; background:#D53F4F; border-radius: 50px;padding: 8px 15px; } #stacks_in_1738_25-sf .sf3-error:after{ content:'http://my-website.com/remote'; color: #D53F4F; font-weight: bolder; background:#fff; margin-left: 15px; border: 2px solid #D53F4F; border-radius: 50px;padding: 8px 15px; } .sf3-error img{ display: none; } #stacks_in_1738_25-sf .flex-control-nav{ bottom: 0; padding: 12px 0 0 !important; position: relative; } #stacks_in_1738_25-sf .flex-control-nav.flex-control-paging li a.flex-active{ background: rgba(36, 181, 227, 1.00); } #stacks_in_1738_25-sf .flex-control-nav.flex-control-paging li a{ background: rgba(17, 17, 17, 0.75); -webkit-transition: background 300ms; transition: background 300ms; } #stacks_in_1738_25-sf ul.slides{ margin:0 !important; padding:0 !important; } #stacks_in_1738_25-sf{ position: relative; z-index: 10; height: auto; } #stacks_in_1738_25-sf, #stacks_in_1738_25-sf .slider.sf-flexslider{ background-color: transparent; overflow: hidden; margin: 0; border: 0; } #stacks_in_1738_25-sf .sf-flexslider{ opacity: 1; margin: 0; border-radius: 0; -webkit-transition: opacity 500ms; transition: opacity 500ms; } #stacks_in_1738_25-sf .sf-error{ text-align: center; font-size: 15px; margin: 30px 0; font-weight: bolder; padding: 7px 10px; line-height: 20px; border-radius: 4px; color: #FFF; background: #F78E8F; display: inline-block; } #stacks_in_1738_25-sf .slider.loaded{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Instant Load */ #stacks_in_1738_25-sf .loaded .flex-viewport, #stacks_in_1738_25-sf .slider, #stacks_in_1738_25-sf .flex-viewport{ -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } #stacks_in_1738_25-sf .sf-flexslider.loading{opacity: 0;} #stacks_in_1738_25-sf{min-height: 70px;} #stacks_in_1738_25-sf .carousel{ background-color: rgba(0, 0, 0, 1.00); line-height: 0; } #stacks_in_1738_25-sf .flex-loading{ width: 50px; height: 50px; border-radius: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 5px solid transparent; border-bottom-color: rgba(25, 165, 223, 1.00); border-top-color: rgba(25, 165, 223, 1.00); -webkit-animation: rotate 500ms linear 0s infinite; animation: rotate 500ms linear 0s infinite; } @media only screen and (max-width: 400px) { #stacks_in_1738_25-sf .flex-loading{ display: none; } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #stacks_in_1738_25-sf .sf-flexslider.carousel{ line-height: 0; } #stacks_in_1738_25-sf .sf-flexslider .slides.sf-effect-fade > li.flex-active-slide{ position: relative !important; top: 0 !important; left: 0 !important; } #stacks_in_1738_25-sf .sf-flexslider .slides > li{ position: relative; line-height: normal; } #stacks_in_1738_25-sf .sf-flexslider .slides > li img{ padding-bottom: 0 !important; } #stacks_in_1738_25-sf .sf-flexslider .slides > li, #stacks_in_1738_25-sf .sf-flexslider .carousel > li, #stacks_in_1738_25-sf ul.flex-direction-nav{ background: none inherit; /*margin: 0 !important;*/ opacity: 1; -webkit-transition: opacity 300ms; transition: opacity 300ms; padding: 0 !important; list-style: none !important; } #stacks_in_1738_25-sf ul.flex-direction-nav li{ background: none inherit; padding: 0 !important; list-style: none !important; } #stacks_in_1738_25-sf .sf-flexslider .slides > li.hero{ text-align: center; } #stacks_in_1738_25-sf .sf-flexslider .slides > li.hero div.sf-hero-background{ background-size: cover; background-position: center; position:absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } #stacks_in_1738_25-sf .sf-hero-bg-crop{ overflow: hidden; position:absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #stacks_in_1738_25-sf .sf-flexslider .slides > li.hero .sf-hero-content{ text-align: center; position: relative; padding: 20% 5%; z-index: 10; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; } #stacks_in_1738_25-sf .sf-flexslider .slides > li.hero .sf-hero-tint{ position:absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #stacks_in_1738_25-sf .sf-flexslider .slides > li.hero h2, #stacks_in_1738_25-sf .sf-flexslider .slides > li.hero p{ text-shadow: none; display: inline-block; margin: 0; text-decoration: none; padding: 5px 0 !important; } #stacks_in_1738_25-sf .sf-flexslider .slides > li.hero a.sf-hero-button{ display: inline-block; text-shadow: none; border-radius: 4px; margin-top: 10px; text-decoration: none; } #stacks_in_1738_25-sf .sf-flexslider .slides > li.youtube .embed-container, #stacks_in_1738_25-sf .sf-flexslider .slides > li.vimeo .embed-container, #stacks_in_1738_25-sf .sf-flexslider .slides > li.map .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 0; overflow: hidden; max-width: 100%; } #stacks_in_1738_25-sf .sf-flexslider .slides > li.instagram .embed-container{ position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } #stacks_in_1738_25-sf .sf-flexslider .slides > li .embed-container iframe, #stacks_in_1738_25-sf .sf-flexslider .slides > li .embed-container object, #stacks_in_1738_25-sf .sf-flexslider .slides > li .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #stacks_in_1738_25-sf .sf-flexslider .slides > li .embed-container div.fluid-width-video-wrapper{ padding-top: 56.25% !important; } #stacks_in_1738_25-sf li.hero h2, #stacks_in_1738_25-sf li.hero p, #stacks_in_1738_25-sf li.hero a.sf-hero-button{ opacity: 0; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #stacks_in_1738_25-sf li.hero:not(.flex-active-slide) h2, #stacks_in_1738_25-sf li.hero:not(.flex-active-slide) p, #stacks_in_1738_25-sf li.hero:not(.flex-active-slide) a.sf-hero-button{ -webkit-transition: opacity 300ms !important; transition: opacity 300ms !important; } #stacks_in_1738_25-sf .slider.loaded .flex-active-slide.hero h2, #stacks_in_1738_25-sf .slider.loaded .flex-active-slide.hero p, #stacks_in_1738_25-sf .slider.loaded .flex-active-slide.hero a.sf-hero-button{ opacity: 1; } /* Caption */ #stacks_in_1738_25-sf p.flex-caption { position: absolute; bottom: 0; left: 0; padding: 0; margin: 0; background: rgba(0,0,0,0.65); width: 100%; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } #stacks_in_1738_25-sf .slider.loaded p.flex-caption{ -webkit-transition: opacity 300ms 300ms; transition: opacity 300ms 300ms; } #stacks_in_1738_25-sf p.flex-caption span { color: #fff; font-family: Arial; display: block; font-size: 14px; line-height: 140%; text-shadow: none; padding: 2% 3%; } #stacks_in_1738_25-sf .flex-active-slide .caption-wrap, #stacks_in_1738_25-sf .slider.loaded .flex-active-slide p.flex-caption, #stacks_in_1738_25-sf .slider.loaded .flex-active-slide:hover .caption-wrap, #stacks_in_1738_25-sf .caption-wrap{ opacity: 1; } #stacks_in_1738_25-sf .flex-active-slide .caption-wrap{ position: relative; z-index: 100; } #stacks_in_1738_25-sf .caption-wrap{ -webkit-transition: opacity .3s 300ms; transition: opacity .3s 300ms; } li.sf3-slide.hide-caption .caption-wrap{ display: none; } #stacks_in_1738_25-sf .slider.loaded .flex-active-slide .caption-wrap{ opacity: 0; -webkit-transition: opacity .5s 303ms; transition: opacity .5s 30300ms; -webkit-transition: opacity .5s 3300ms; transition: opacity .5s 3300ms; } #stacks_in_1738_25-sf .slider.loaded .flex-active-slide:hover .caption-wrap{ -webkit-transition: opacity .3s !important; transition: opacity .3s !important; } @media only screen and (max-width: 400px) { #stacks_in_1738_25-sf p.flex-caption{ display: none; } } /* Direction */ #stacks_in_1738_25-sf .flex-direction-nav .flex-disabled{display: none;} #stacks_in_1738_25-sf .slider .flex-direction-nav .flex-prev, #stacks_in_1738_25-sf .slider:hover .flex-direction-nav .flex-prev{left: 30px;} #stacks_in_1738_25-sf .slider .flex-direction-nav .flex-next, #stacks_in_1738_25-sf .slider:hover .flex-direction-nav .flex-next{right: 30px;} #stacks_in_1738_25-sf .carousel .flex-direction-nav .flex-prev, #stacks_in_1738_25-sf .carousel:hover .flex-direction-nav .flex-prev{left: 15px;} #stacks_in_1738_25-sf .carousel .flex-direction-nav .flex-next, #stacks_in_1738_25-sf .carousel:hover .flex-direction-nav .flex-next{right: 15px;} #stacks_in_1738_25-sf .sf-flexslider .flex-direction-nav .flex-prev, #stacks_in_1738_25-sf .sf-flexslider .flex-direction-nav .flex-next { -moz-transition: transform .3s, background-color .3s; -webkit-transition: transform .3s, background-color .3s; transition: transform .3s, background-color .3s; } #stacks_in_1738_25-sf .sf-flexslider .flex-direction-nav .flex-prev { -moz-transform: translateX(-118px); -webkit-transform: translateX(-118px); transform: translateX(-118px); } #stacks_in_1738_25-sf .sf-flexslider .flex-direction-nav .flex-next { -moz-transform: translateX(118px); -webkit-transform: translateX(118px); transform: translateX(118px); } #stacks_in_1738_25-sf .sf-flexslider:hover .flex-direction-nav .flex-prev, #stacks_in_1738_25-sf .sf-flexslider:hover .flex-direction-nav .flex-next{ -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } #stacks_in_1738_25-sf .flex-direction-nav a { position: absolute; top: 50%; opacity: 1; outline: 0; width: 44px; height: 44px; margin-top: -22.000000px; border-radius: 4px; text-shadow: none; text-indent: 0; z-index: 9999; } #stacks_in_1738_25-sf .flex-direction-nav a {background: rgba(0, 0, 0, 0.50);} #stacks_in_1738_25-sf .flex-direction-nav a:hover {background: rgba(0, 0, 0, 1.00);} #stacks_in_1738_25-sf .flex-direction-nav a:before {display: none;} #stacks_in_1738_25-sf .sf-control{ position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -9px; } #stacks_in_1738_25-sf .sf-control:before, #stacks_in_1738_25-sf .sf-control:after{ -webkit-transition: color 300ms; transition: color 300ms; color: rgba(255, 255, 255, 1.00); } #stacks_in_1738_25-sf .flex-direction-nav a:hover .sf-control:before, #stacks_in_1738_25-sf .flex-direction-nav a:hover .sf-control:after{color: rgba(8, 211, 253, 1.00);} @media only screen and (max-width: 400px) { #stacks_in_1738_25-sf .flex-direction-nav{ opacity: 0; } } @media only screen and (max-width: 400px) { #stacks_in_1738_25-sf.iframe .flex-direction-nav{display: block;} } @media only screen and (max-width: 400px) { #stacks_in_1738_25-sf.iframe .sf-flexslider .flex-direction-nav .flex-prev, #stacks_in_1738_25-sf.iframe .sf-flexslider .flex-direction-nav .flex-next{ -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } /* Thumbnails */ #stacks_in_1738_25-sf .carousel{ border-radius: 0 0 3px 3px; line-height: 0; margin-top: -1px; border: 6px solid rgba(0, 0, 0, 1.00); } @media only screen and (max-width: 400px) { #stacks_in_1738_25-sf .carousel{ display: none; } } #stacks_in_1738_25-sf .carousel *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #stacks_in_1738_25-sf .carousel .slides li{ width: 70px; margin-right: 0; opacity: 0.65; transition: opacity 150ms; cursor: pointer; overflow: hidden; position: relative; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; } #stacks_in_1738_25-sf .carousel .slides li:before{ content: ''; display: block; padding-top: 70%; } #stacks_in_1738_25-sf .carousel .slides li + li{ margin-left: 5px !important; } #stacks_in_1738_25-sf .carousel .slides li:hover, #stacks_in_1738_25-sf .carousel .slides li.flex-active-slide, #stacks_in_1738_25-sf .carousel .slides li.flex-active-slide:hover{ opacity: 1; } #stacks_in_1738_25-sf .carousel .flex-direction-nav .flex-prev { -moz-transform: translateX(-103px); -webkit-transform: translateX(-103px); transform: translateX(-103px); } #stacks_in_1738_25-sf .carousel .flex-direction-nav .flex-next { -moz-transform: translateX(103px); -webkit-transform: translateX(103px); transform: translateX(103px); } #stacks_in_1738_25-sf .carousel .flex-direction-nav a { background: rgba(0, 0, 0, 0.50); } #stacks_in_1738_25-sf .carousel .flex-direction-nav a:hover { background: rgba(0, 0, 0, 1.00); } #stacks_in_1738_25-sf .carousel .sf-control{ color: rgba(255, 255, 255, 1.00);} #stacks_in_1738_25-sf .carousel .flex-direction-nav a:hover .sf-control{ color: rgba(8, 211, 253, 1.00); } /* Edit */ #stacks_in_1738_25-sf .freeze{ text-align: center; padding: 20px 0; margin: 20px 0; border-radius: 5px; border: 2px solid #2E83F8; } #stacks_in_1738_25-sf .freeze span{ color: #2E83F8; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 600; } /* -- Start Bellboy Each css Template -- */ .stacks_in_1245_6bellboywrapper{ width: 50px; margin: 0 auto; display : none; } .stacks_in_1245_6bellboy{ position: relative; cursor: pointer; background: rgba(0, 0, 0, 1.00); width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: rgba(255, 255, 255, 1.00); text-align: center; line-height: 50px; font-size: 22.727272px; margin: 5px; z-index: 1000; background: rgba(0, 0, 0, 1.00); } .stacks_in_1245_6bellboy i { position: relative; display: block; margin: 0 auto 0 auto; width: 50px; height: 50px; line-height: 50px; font-size: 22.727272px; vertical-align: middle; } .stacks_in_1245_6bellboy:hover{ color: rgba(235, 235, 235, 1.00); background: rgba(15, 15, 15, 1.00); /* Old browsers */ } /* -- End Bellboy Each css Template -- */#elevator-to-top{--elevator-width:50px;--elevator-height:50px;--elevator-color:rgba(0, 0, 0, 1.00);--elevator-radius:5px;--elevator-fill:rgba(255, 255, 255, 1.00);--elevator-border-color:rgba(255, 255, 255, 1.00);--elevator-border-width:0px;--elevator-icon-width:24px;--elevator-shadow:0 0 10px rgba(0,0,0,0.5);-webkit-appearance:none;appearance:none;display:none;overflow:hidden;justify-content:center;align-items:center;padding:0;margin:0;cursor:pointer;transition:all 200ms ease-in-out;position:fixed;bottom:10px;right:10px;z-index:9999;width:var(--elevator-width);height:var(--elevator-height);border-color:var(--elevator-border-color);border-width:var(--elevator-border-width);border-style:solid;background-color:var(--elevator-color);color:var(--elevator-fill);box-shadow:var(--elevator-shadow);border-radius:var(--elevator-radius)}#elevator-to-top svg{width:var(--elevator-icon-width);fill:var(--elevator-fill)}#elevator-to-top:active,#elevator-to-top:focus{outline:none}#elevator-to-top:hover{scale:1.05} /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_1245_7 { width: 100%; clear: both; padding-top: 5px; padding-bottom: 0px; } #simpleDivider_stacks_in_1245_7 .theDivider1, #simpleDivider_stacks_in_1245_7 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_1245_7 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_1245_7.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_1245_7.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_1245_7 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_1245_7.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_1245_7.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_1245_7.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_1245_7.bgImageOn .theDivider1 img { display: block; } #box { width: 100%; height: 400px; background: crimson; } /* */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } body { margin: 0; } #slidetastic-stacks_in_1246_6 { max-width: 5000px; padding: 0px 0; margin: 0 auto; position: relative; } #slidetastic-stacks_in_1246_6.no-dots .slidetastic-dots { display: none; } #slidetastic-stacks_in_1246_6.no-arrows .slidetastic-nav { display: none; } #slidetastic-stacks_in_1246_6 .slidetastic-dots { z-index: 10; width: 100%; position: absolute; } #slidetastic-stacks_in_1246_6 .slidetastic-dots.dots-top { top: 100px; } #slidetastic-stacks_in_1246_6 .slidetastic-dots.dots-bottom { bottom: 100px; } #slidetastic-stacks_in_1246_6 .slidetastic-dots ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #slidetastic-stacks_in_1246_6 .slidetastic-dots ul li.slick-active button { background: rgba(0, 0, 0, 1.00); } #slidetastic-stacks_in_1246_6 .slidetastic-dots ul li button { width: 10px; height: 10px; margin: 5px; background: rgba(0, 0, 0, 0.50); border-radius: 5px; padding: 0; font-size: 0; border: none; outline: none; display: block; line-height: 0; } #slidetastic-stacks_in_1246_6 .slidetastic-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; pointer-events: none; box-sizing: border-box; } #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn { width: 50px; height: 50px; margin: 5px 5px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 1.00); border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn:hover { color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 1.00); } #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn:hover a, #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn:hover i { color: rgba(255, 255, 255, 1.00); } #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn a, #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn i { color: inherit; } #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn i { font-size: 24px; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-stacked-left.arrows-h-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-stacked-left.arrows-h-left .slidetastic-nav-btn { margin-right: 0; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-stacked-center.arrows-h-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-stacked-center.arrows-h-center .slidetastic-nav-btn { margin-left: 0; margin-right: 0; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-stacked-right.arrows-h-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-stacked-right.arrows-h-right .slidetastic-nav-btn { margin-left: 0; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-h-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-h-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-h-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-h-separate { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-h-separate .slidetastic-nav-btn-prev { margin-right: 0; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-h-separate .slidetastic-nav-btn-next { margin-left: 0; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-v-top { top: 0; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-v-bottom { bottom: 0; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-v-center { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-v-full { top: 0px; bottom: 0px; } #slidetastic-stacks_in_1246_6 .slidetastic-nav.arrows-v-full .slidetastic-nav-btn { height: calc(100% - 10px); } #slidetastic-stacks_in_1246_6 .slidetastic-slider { box-sizing: border-box; /* */ opacity: 0; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fade-in; animation-name: fade-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; padding: 0px; /* */ } #slidetastic-stacks_in_1246_6 .slidetastic-slider.slider-centered .slidetastic-slide .slidetastic-slide-inner { /* */ opacity: 0.2; /* */ } #slidetastic-stacks_in_1246_6 .slidetastic-slider .slidetastic-slide { padding: 0 10px; box-sizing: border-box; } #slidetastic-stacks_in_1246_6 .slidetastic-slider .slidetastic-slide-inner { border-radius: 2px; /* */ min-height: 0px; background: rgba(0, 0, 0, 0.00); /* */ width: 100%; overflow: hidden; box-sizing: border-box; transition: opacity 0.3s ease; } #slidetastic-stacks_in_1246_6 .slidetastic-slider .slidetastic-slide.slick-current .slidetastic-slide-inner, #slidetastic-stacks_in_1246_6 .slidetastic-slider .slidetastic-slide.slick-active .slidetastic-slide-inner { opacity: 1; } #slidetastic-stacks_in_1246_6.caption-always .slidetastic-image .slidetastic-image-caption { opacity: 1; } #slidetastic-stacks_in_1246_6.caption-hover .slidetastic-image:hover .slidetastic-image-caption { opacity: 1; } #slidetastic-stacks_in_1246_6.caption-active .slidetastic-slide.slick-active .slidetastic-image-caption, #slidetastic-stacks_in_1246_6.caption-active .slidetastic-slide.slick-current .slidetastic-image-caption { opacity: 1; } #slidetastic-stacks_in_1246_6.caption-active-hover .slidetastic-image:hover .slidetastic-image-caption { opacity: 1; } #slidetastic-stacks_in_1246_6.caption-active-hover .slidetastic-slide.slick-active .slidetastic-image-caption, #slidetastic-stacks_in_1246_6.caption-active-hover .slidetastic-slide.slick-current .slidetastic-image-caption { opacity: 1; } #slidetastic-stacks_in_1246_6.caption-active-hover .slidetastic-image:hover .slidetastic-image-caption { opacity: 1; } #slidetastic-stacks_in_1246_6.no-caption-titles .slidetastic-image .slidetastic-image-caption .slidetastic-image-title { display: none; } #slidetastic-stacks_in_1246_6.no-caption-descriptions .slidetastic-image .slidetastic-image-caption .slidetastic-image-description { display: none; } #slidetastic-stacks_in_1246_6.caption-top .slidetastic-image .slidetastic-image-caption { top: 0; } #slidetastic-stacks_in_1246_6.caption-bottom .slidetastic-image .slidetastic-image-caption { bottom: 0; } #slidetastic-stacks_in_1246_6.caption-outside.caption-top .slidetastic-image { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #slidetastic-stacks_in_1246_6.caption-outside.caption-bottom .slidetastic-image { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #slidetastic-stacks_in_1246_6.caption-outside .slidetastic-image .slidetastic-image-caption { position: relative; } #slidetastic-stacks_in_1246_6 .slidetastic-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; position: relative; } #slidetastic-stacks_in_1246_6 .slidetastic-image * { box-sizing: border-box; } #slidetastic-stacks_in_1246_6 .slidetastic-image img { width: 100%; height: auto; display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #slidetastic-stacks_in_1246_6 .slidetastic-image .slidetastic-image-caption { /* */ opacity: 0; transition: all 0.3s ease; /* */ width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: absolute; padding: 20px 20px; background: rgba(0, 0, 0, 0.70); text-align: left; } #slidetastic-stacks_in_1246_6 .slidetastic-image .slidetastic-image-caption .slidetastic-image-title { color: rgba(255, 255, 255, 1.00); font-size: 28px; font-weight: bold; font-family: Rubik; padding-bottom: 5px; line-height: 45.304001px; } #slidetastic-stacks_in_1246_6 .slidetastic-image .slidetastic-image-caption .slidetastic-image-description { color: rgba(255, 255, 255, 1.00); font-family: Rubik; font-size: 16px; line-height: 25.888000px; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 768px) { /* */ /* */ } @media (min-width: 480px) and (max-width: 768px) { /* */ #slidetastic-stacks_in_1246_6 .slidetastic-slider .slidetastic-slide { padding: 0 10px; } #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn { width: 40px; height: 40px; border-radius: 20px; } #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn i { font-size: 20px; } #slidetastic-stacks_in_1246_6 .slidetastic-image .slidetastic-image-caption .slidetastic-image-title { font-size: 20px; padding-bottom: 5px; line-height: 32.360001px; } #slidetastic-stacks_in_1246_6 .slidetastic-image .slidetastic-image-caption .slidetastic-image-description { font-size: 14px; line-height: 22.652000px; } /* */ } @media (min-width: 0px) and (max-width: 480px) { /* */ #slidetastic-stacks_in_1246_6 .slidetastic-slider .slidetastic-slide { padding: 0 10px; } #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn { width: 35px; height: 35px; border-radius: 20px; } #slidetastic-stacks_in_1246_6 .slidetastic-nav .slidetastic-nav-btn i { font-size: 18px; } #slidetastic-stacks_in_1246_6 .slidetastic-image .slidetastic-image-caption .slidetastic-image-title { font-size: 18px; padding-bottom: 5px; line-height: 29.124001px; } #slidetastic-stacks_in_1246_6 .slidetastic-image .slidetastic-image-caption .slidetastic-image-description { font-size: 13px; line-height: 21.034000px; } /* */ } .stacks_in_1247_80 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_1247_84 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_1247_116 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .tierahs.stacks_in_1247_119,.tierahs-link.stacks_in_1247_119{color:rgba(255, 255, 255, 1.00);font-size:24px;width:24px}.tierahs.stacks_in_1247_119 svg,.tierahs-link.stacks_in_1247_119 svg{max-width:24px;max-height:24px}.tierahs.stacks_in_1247_119 svg *,.tierahs-link.stacks_in_1247_119 svg *{fill:rgba(255, 255, 255, 1.00)} .tierahs.stacks_in_1247_122,.tierahs-link.stacks_in_1247_122{color:rgba(255, 255, 255, 1.00);font-size:24px;width:24px}.tierahs.stacks_in_1247_122 svg,.tierahs-link.stacks_in_1247_122 svg{max-width:24px;max-height:24px}.tierahs.stacks_in_1247_122 svg *,.tierahs-link.stacks_in_1247_122 svg *{fill:rgba(255, 255, 255, 1.00)} .tierahs.stacks_in_1247_125,.tierahs-link.stacks_in_1247_125{color:rgba(255, 255, 255, 1.00);font-size:24px;width:24px}.tierahs.stacks_in_1247_125 svg,.tierahs-link.stacks_in_1247_125 svg{max-width:24px;max-height:24px}.tierahs.stacks_in_1247_125 svg *,.tierahs-link.stacks_in_1247_125 svg *{fill:rgba(255, 255, 255, 1.00)} .stacks_in_1247_127 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .tierahs.stacks_in_1247_130,.tierahs-link.stacks_in_1247_130{color:rgba(255, 255, 255, 1.00);font-size:24px;width:24px}.tierahs.stacks_in_1247_130 svg,.tierahs-link.stacks_in_1247_130 svg{max-width:24px;max-height:24px}.tierahs.stacks_in_1247_130 svg *,.tierahs-link.stacks_in_1247_130 svg *{fill:rgba(255, 255, 255, 1.00)} .tierahs.stacks_in_1247_133,.tierahs-link.stacks_in_1247_133{color:rgba(255, 255, 255, 1.00);font-size:24px;width:24px}.tierahs.stacks_in_1247_133 svg,.tierahs-link.stacks_in_1247_133 svg{max-width:24px;max-height:24px}.tierahs.stacks_in_1247_133 svg *,.tierahs-link.stacks_in_1247_133 svg *{fill:rgba(255, 255, 255, 1.00)} .tierahs.stacks_in_1247_136,.tierahs-link.stacks_in_1247_136{color:rgba(255, 255, 255, 1.00);font-size:24px;width:24px}.tierahs.stacks_in_1247_136 svg,.tierahs-link.stacks_in_1247_136 svg{max-width:24px;max-height:24px}.tierahs.stacks_in_1247_136 svg *,.tierahs-link.stacks_in_1247_136 svg *{fill:rgba(255, 255, 255, 1.00)} .tierahs.stacks_in_1247_150,.tierahs-link.stacks_in_1247_150{color:rgba(255, 255, 255, 1.00);font-size:24px;width:24px}.tierahs.stacks_in_1247_150 svg,.tierahs-link.stacks_in_1247_150 svg{max-width:24px;max-height:24px}.tierahs.stacks_in_1247_150 svg *,.tierahs-link.stacks_in_1247_150 svg *{fill:rgba(255, 255, 255, 1.00)} .tierahs.stacks_in_1247_148,.tierahs-link.stacks_in_1247_148{color:rgba(255, 255, 255, 1.00);font-size:24px;width:24px}.tierahs.stacks_in_1247_148 svg,.tierahs-link.stacks_in_1247_148 svg{max-width:24px;max-height:24px}.tierahs.stacks_in_1247_148 svg *,.tierahs-link.stacks_in_1247_148 svg *{fill:rgba(255, 255, 255, 1.00)} .tierahs.stacks_in_1247_146,.tierahs-link.stacks_in_1247_146{color:rgba(255, 255, 255, 1.00);font-size:24px;width:24px}.tierahs.stacks_in_1247_146 svg,.tierahs-link.stacks_in_1247_146 svg{max-width:24px;max-height:24px}.tierahs.stacks_in_1247_146 svg *,.tierahs-link.stacks_in_1247_146 svg *{fill:rgba(255, 255, 255, 1.00)} .tierahs.stacks_in_1247_144,.tierahs-link.stacks_in_1247_144{color:rgba(255, 255, 255, 1.00);font-size:24px;width:24px}.tierahs.stacks_in_1247_144 svg,.tierahs-link.stacks_in_1247_144 svg{max-width:24px;max-height:24px}.tierahs.stacks_in_1247_144 svg *,.tierahs-link.stacks_in_1247_144 svg *{fill:rgba(255, 255, 255, 1.00)} #stacks_in_1247_154 { margin: 10px 10px 10px 10px; } .stacks_in_1247_157 img{width:100%;max-width:130px}