.table { width: 100%; } .table caption { text-align: left; font-size: 11px; font-weight: bold; text-transform: uppercase; color: rgba(17, 17, 17, 0.4); letter-spacing: 1px; margin-bottom: 2px; } .table th { font-weight: 700; color: inherit; text-align: left; vertical-align: bottom; } .table td { color: inherit; vertical-align: top; } .table tbody.is-middle td, .table tr.is-middle td, .table td.is-middle { vertical-align: middle; } .table th, .table td { padding: 0.8em 0.8em; border-bottom: 1px solid #eee; } .table th:first-child, .table td:first-child { padding-left: 0; } .table th:last-child, .table td:last-child { padding-right: 0; } .table tfoot th, .table tfoot td { color: rgba(17, 17, 17, 0.5); } .table.is-bordered td, table.is-bordered th { border: 1px solid #eee; } .table.is-striped tr:nth-child(odd) td { background-color: #fafafa; } .table.is-bordered td:first-child, .table.is-bordered th:first-child, .table.is-striped td:first-child, .table.is-striped th:first-child { padding-left: 0.8em; } .table.is-bordered td:last-child, .table.is-bordered th:last-child, .table.is-striped td:last-child, .table.is-striped th:last-child { padding-right: 0.8em; } .table .is-unstyled td, table.is-unstyled th { border: none; padding: 0; } @media only screen and (max-width: 767px) { .table.is-responsive th { display: none; } .table.is-responsive tr, table.is-responsive td { display: block; } .table.is-responsive tr:nth-child(odd) { background-color: #fafafa; } .table.is-responsive td { padding: 1rem; text-align: right; } .table.is-responsive td:before { content: attr(data-label); float: left; font-size: 0.875em; font-weight: bold; text-transform: uppercase; } } .button, [type="submit"] { -webkit-appearance: button; white-space: nowrap; } .button, .button:active, .button:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; font-family: inherit; font-size: 0.9375em; font-weight: 500; text-decoration: none; text-transform: none; color: #FFFFFF; background: #4da1ff; border-radius: 0.1875rem; border: 0 solid transparent; padding: 0.7em 1.35em; box-shadow: none; cursor: pointer; line-height: 1.2; -webkit-box-shadow: 0px 15px 30px rgba(77, 161, 255, 0.32); box-shadow: 0px 15px 30px rgba(77, 161, 255, 0.32); } .button:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; outline: none; text-decoration: none; color: #FFFFFF; background-color: #80bcff; } .button.red { color: rgba(255, 255, 255, 0.95); background: #ff6f69; border-color: #ff6f69; -webkit-box-shadow: 0px 15px 30px rgba(255, 0, 0, 0.32); box-shadow: 0px 15px 30px rgba(255, 0, 0, 0.32); } .button.red:hover { color: rgba(255, 255, 255, 0.95); background-color: #ff8080; border-color: #ff8080; } .button.yellow { color: #000000; background: #f5fe4d; border-color: #f5fe4d; -webkit-box-shadow: 0px 15px 30px rgba(245, 254, 77, 0.32); box-shadow: 0px 15px 30px rgba(245, 254, 77, 0.32); } .button.yellow:hover { color: rgba(0, 0, 0, 0.95); background-color: #aff29a; border-color: #aff29a; } .button.green { color: rgba(0, 0, 0, 0.95); background: #3eed06; border-color: #3eed06; -webkit-box-shadow: 0px 15px 30px rgba(62, 237, 6, 0.32); box-shadow: 0px 15px 30px rgba(62, 237, 6, 0.32); } .button.green:hover { color: rgba(0, 0, 0, 0.95); background-color: #aff29a; border-color: #aff29a; } .button.blue { color: rgba(255, 255, 255, 0.95); background: #06c1ec; border-color: #06c1ec; -webkit-box-shadow: 0px 15px 30px rgba(6, 193, 236, 0.32); box-shadow: 0px 15px 30px rgba(6, 193, 236, 0.32); } .button.blue:hover { color: rgba(255, 255, 255, 0.95); background-color: #94deef; border-color: #94deef; } .button.gray { color: rgba(255, 255, 255, 0.95); background: gray; border-color: gray; -webkit-box-shadow: 0px 15px 30px rgba(128, 128, 128, 0.32); box-shadow: 0px 15px 30px rgba(128, 128, 128, 0.32); } .button.gray:hover { color: rgba(255, 255, 255, 0.95); background-color:rgba(17, 17, 17, 0.6); border-color:rgba(17, 17, 17, 0.6); } .button.dark { color: rgba(255, 255, 255, 0.95); background: #000000; border-color: #000000; -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.32); box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.32); } .button.dark:hover { color: rgba(255, 255, 255, 0.95); background-color: #666666; border-color: #666666; } .button:disabled, .button.disabled, .button:disabled:hover, .button.disabled:hover { cursor: default; font-style: normal; color: #FFFFFF; background-color: rgba(17, 17, 17, 0.5); opacity: .55; -webkit-box-shadow: 0px 15px 30px rgba(17, 17, 17, 0.32); box-shadow: 0px 15px 30px rgba(17, 17, 17, 0.32); } .button:active, .button.active, .button:active:hover, .button.active:hover { cursor: default; font-style: normal; color: #FFFFFF; background-color: rgba(17, 17, 17, 0.5); opacity: .85; -webkit-box-shadow: 0px 15px 30px rgba(17, 17, 17, 0.32); box-shadow: 0px 15px 30px rgba(17, 17, 17, 0.32); } .button.big { font-size: 1.2em; line-height: 1.2; } .button.small { font-size: 0.8em; } @media (max-width: 1000px) { .button { margin: 10px; } } .mark { display: inline-block; vertical-align: baseline; text-decoration: none; font-size: 0.84375rem; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 20px; color: #ff6f69; padding: 0 0.5em; border: 1px solid #ff6f69; border-radius: 0.1875rem; } .mark a { color: inherit; text-decoration: none; } .mark a:hover { color: inherit; text-decoration: underline; } .mark .close { margin-right: -3px; } a.mark { } a.mark:hover { text-decoration: underline; } .mark.red { background: #ff6f69; color: #FFFFFF; border: 1px solid #ff6f69; } .mark.yellow { background: #f5fe4d; color: #000000; border: 1px solid #f5fe4d; } .mark.green { background: #3eed06; color: #FFFFFF; border: 1px solid #3eed06; } .mark.blue { background: #06c1ec; color: #FFFFFF; border: 1px solid #06c1ec; } .mark.gray { background: gray; color: #FFFFFF; border: 1px solid gray; } .mark.dark { background: #000000; color: #FFFFFF; border: 1px solid #000000; } .badge { display: inline-block; vertical-align: baseline; text-decoration: none; font-size: 0.84375rem; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 20px; color: #ff6f69; border: 1px solid #ff6f69; text-align: center; font-size: 11px; line-height: 0.90625rem; min-height: 26px; min-width: 26px;border-radius: 64px; padding: 5px; } .badge.red { background: #ff6f69; color: #FFFFFF; border: 1px solid #ff6f69; } .badge.yellow { background: #f5fe4d; color: #000000; border: 1px solid #f5fe4d; } .badge.green { background: #3eed06; color: #FFFFFF; border: 1px solid #3eed06; } .badge.blue { background: #06c1ec; color: #FFFFFF; border: 1px solid #06c1ec; } .badge.gray { background: gray; color: #FFFFFF; border: 1px solid gray; } .badge.dark { background: #000000; color: #FFFFFF; border: 1px solid #000000; } .pagination { font-size: 0.875em; font-weight: normal; text-transform: none; margin: 1.2em 0; } .pagination:after { content: ""; display: table; clear: both; } .pagination a, .pagination span { float: left; padding: 0.85em 1.1em 0.75em 1.1em; border: 1px solid rgba(17, 17, 17, 0.1); border-right-color: transparent; color: rgba(17, 17, 17, 0.8); text-decoration: none; line-height: 1.4; } .pagination a:first-child, .pagination span:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .pagination a:last-child, .pagination span:last-child { border-right-color: rgba(17, 17, 17, 0.1); border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .pagination a.is-prev:before, .pagination a.is-next:after { position: relative; top: 1px; font-size: 125%; line-height: 1; } .pagination a.is-prev:before { content: "<"; margin-right: .4em; } .pagination a.is-next:after { content: ">"; margin-left: .4em; } .pagination a.is-prev:empty:before { margin-right: 0; } .pagination a.is-next:empty:after { margin-left: 0; } .pagination a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; background-color: rgba(17, 17, 17, 0.05); } .pagination a.is-disabled { cursor: default; background-color: rgba(17, 17, 17, 0.05); color: rgba(17, 17, 17, 0.5); } .pagination span, .pagination a.is-current, .pagination a.is-active { background-color: #111; border-color: #111; color: #fff; } .pagination.is-stacked a { position: relative; width: 50%; border: none; font-size: 1.1rem; font-weight: bold; padding: 0; padding-top: 20px; } .pagination.is-stacked a:hover { background: none; text-decoration: underline; color: #FF0000; } .pagination.is-stacked a.is-prev:before, .pagination.is-stacked a.is-next:after { content: ""; margin: 0; } .pagination.is-stacked a.is-prev:after, .pagination.is-stacked a.is-next:before { position: absolute; top: 0; left: 0; content: attr(data-label); font-size: 11px; text-transform: uppercase; font-style: normal; font-weight: normal; letter-spacing: .03em; margin-bottom: .25em; color: rgba(17, 17, 17, 0.5); } .pagination.is-stacked .is-next { text-align: right; } .pagination.is-stacked a.is-next:before { right: 0; } @media only screen and (max-width: 767px) { .pagination.is-stacked a { float: none; display: block; width: 100%; margin-bottom: 24px; } .pagination.is-stacked a:last-child { margin-bottom: 0; } .pagination.is-stacked a.is-next { text-align: left; } } .breadcrumb { display: flex; align-items: center; font-size: 0.875em; font-weight: normal; text-transform: none; } .breadcrumb a, .breadcrumb span { font-style: normal; padding-right: 8px; text-decoration: none; white-space: nowrap; color: #111; text-decoration: none; } .breadcrumb a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #FF0000; text-decoration: none; } .breadcrumb span:after, .breadcrumb a:after { display: inline-block; content: "/"; padding-left: 10px; color: rgba(17, 17, 17, 0.4); } .breadcrumb span:last-child:after, .breadcrumb a:last-child:after { display: none; } .breadcrumb div:last-child a:after { content: ""; } .breadcrumb span, .breadcrumb span:last-child { color: rgba(17, 17, 17, 0.55); text-decoration: none; } .breadcrumb.is-links a { color: #4da1ff; } .breadcrumb.is-links a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #FF0000; text-decoration: none; } .is-fixed { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .swipe_menu { display: none; position: fixed; overflow-y: auto; z-index: 999999; line-height: 2em; height: 100vh; width: 250px; padding: 1em 1.5em; background-color: #111; font-size: .9375em; color: #fff; -webkit-transform: translateZ( 0px ); -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); } .swipe_menu a { color: #fff; } .swipe_menu_overlay { display: none; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 100; position: fixed; background: rgba(0, 0, 0, 0.05); } .averin_window { position: fixed; background: rgba(0, 0, 0, 0.7); top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 902; overflow: auto; padding: 100px; display: none; flex-wrap: wrap; justify-content: center; align-items: center; } @media (max-width: 900px) { .averin_window { padding: 30px; } } .averin_window.open { display: flex; } .averin_window_inner { position: relative; max-width: 500px; background: #FFFFFF; padding: 40px; z-index: 903; } .averin_window_inner .averin_window_close { position: absolute; top: -10px; right: -10px; z-index: 904; cursor: pointer; } .tooltip { position: absolute; background: rgba(0, 0, 0, 0.8); color: white; padding: 5px 10px; border-radius: 4px; font-size: 14px; pointer-events: none; z-index: 1000; max-width: 300px; word-wrap: break-word; } .elevator { display: none; position: fixed; top: 0; bottom: 0; left: 0; width: 80px; font-size: 13px; font-weight: bold; padding-top: 15px; z-index: 1000; background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.5); text-align: center; } .elevator span { font-size: 12px; font-weight: normal; } .elevator:hover { cursor: pointer; background: rgba(0, 0, 0, 0.4); } @media (max-width: 1000px) { .elevator { width: 50px; font-size: 18px; font-weight: bold; } .elevator span { display: none; } } @media (max-width: 900px) { .elevator { width: 30px; font-size: 13px; font-weight: bold; } .elevator span { display: none; } } @media (max-width: 550px) { .elevator { position: fixed; top: 0; bottom: 0; left: -100px; width:10px; display: none; } } .alert { font-size: 0.9375em; font-weight: normal; text-transform: none; background: rgba(17, 17, 17, 0.05); color: rgba(17, 17, 17, 0.9); padding: 12px 32px 12px 16px; box-shadow: none; border: 0 solid transparent; border-radius: 0.1875rem; position: relative; margin-bottom: 0.8em; } .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 { margin: 0px; margin-bottom: .25em; } .alert a { color: inherit; } .alert a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #ff6f69; } .alert .close { position: absolute; right: 12px; top: 12px; text-decoration: none; } .alert.red { background: #ff8080; border-color: #ff6f69; color: #FFFFFF; } .alert.red *, .alert.red *:hover { color: #FFFFFF; } .alert.yellow { background: #f7f9c9; border-color: #f5fe4d; color: #000000; } .alert.yellow *, .alert.yellow *:hover { color: #000000; } .alert.green { background: #3eed06; border-color: #3eed06; color: #000000; } .alert.green *, .alert.green *:hover { color: #000000; } .alert.blue { background: #06c1ec; border-color: #06c1ec; color: #FFFFFF; } .alert.blue *, .alert.blue *:hover { color: #FFFFFF; } .alert.dark { background: #000000; border-color: #000000; color: #FFFFFF; } .alert.dark *, .alert.dark *:hover { color: #FFFFFF; } .no-mobile { display: none; } .no-mobile-inline { display: none; } .no-mobile-table { display: none; } @media (min-width: 900px) { .no-mobile { display: block; } .no-mobile-inline { display: inline; } .no-mobile-table { display: table-cell; } } .only-mobile { display: block; } .only-mobile-inline { display: inline; } .only-mobile-table { display: table-cell; } @media (min-width: 900px) { .only-mobile { display: none; } .only-mobile-inline { display: none; } .only-mobile-table { display: none; } } .is-no-mobile { display: none; } .is-no-mobile-inline { display: none; } .is-no-mobile-table { display: none; } @media (min-width: 900px) { .is-no-mobile { display: block; } .is-no-mobile-inline { display: inline; } .is-no-mobile-table { display: table-cell; } } .is-only-mobile { display: block; } .is-only-mobile-inline { display: inline; } .is-only-mobile-table { display: table-cell; } @media (min-width: 900px) { .is-only-mobile { display: none; } .is-only-mobile-inline { display: none; } .is-only-mobile-table { display: none; } } [data-effect]{visibility:hidden;} .animated{visibility:visible;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} .animated.hinge{} .animated.bounceIn, .animated.bounceOut{} .animated.flipOutX, .animated.flipOutY{} @-webkit-keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} 40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} 70%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-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{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} 40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} 70%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-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{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} } @keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} } .flash{-webkit-animation-name:flash;animation-name:flash;} @-webkit-keyframes pulse{0%{-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);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes pulse{0%{-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);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .pulse{-webkit-animation-name:pulse;animation-name:pulse;} @-webkit-keyframes rubberBand{0%{-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(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1);} 75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes rubberBand{0%{-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(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1);} 75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;} @-webkit-keyframes shake{0%, 100%{-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{0%, 100%{-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 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);} 100%{-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);} 100%{-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{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .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);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes tada{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .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);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .tada{-webkit-animation-name:tada;animation-name:tada;} @-webkit-keyframes wobble{0%{-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);} 100%{-webkit-transform:none;transform:none;} } @keyframes wobble{0%{-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);} 100%{-webkit-transform:none;transform:none;} } .wobble{-webkit-animation-name:wobble;animation-name:wobble;} @-webkit-keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .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(.97, .97, .97);transform:scale3d(.97, .97, .97);} 100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .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(.97, .97, .97);transform:scale3d(.97, .97, .97);} 100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;} @-webkit-keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 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);} 100%{-webkit-transform:none;transform:none;} } @keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 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);} 100%{-webkit-transform:none;transform:none;} } .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;} @-webkit-keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 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);} 100%{-webkit-transform:none;transform:none;} } @keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 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);} 100%{-webkit-transform:none;transform:none;} } .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;} @-webkit-keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 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);} 100%{-webkit-transform:none;transform:none;} } @keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 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);} 100%{-webkit-transform:none;transform:none;} } .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;} @-webkit-keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{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);} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{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);} 100%{-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(.9, .9, .9);transform:scale3d(.9, .9, .9);} 50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 100%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} } @keyframes bounceOut{20%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);} 50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 100%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .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);} 100%{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);} 100%{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);} 100%{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);} 100%{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);} 100%{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);} 100%{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);} 100%{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);} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;} @-webkit-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } @keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} @-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;} @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;} @-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;} @-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} @-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOutDown{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } @keyframes fadeOutDown{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;} @-webkit-keyframes fadeOutDownBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } @keyframes fadeOutDownBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } @keyframes fadeOutLeft{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } @keyframes fadeOutLeftBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } @keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;} @-webkit-keyframes fadeOutRightBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } @keyframes fadeOutRightBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;} @-webkit-keyframes fadeOutUp{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } @keyframes fadeOutUp{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;} @-webkit-keyframes fadeOutUpBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } @keyframes fadeOutUpBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;} @-webkit-keyframes flip{0%{-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(.95, .95, .95);transform:perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} } @keyframes flip{0%{-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(.95, .95, .95);transform:perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 100%{-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{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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);} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);} } @keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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);} 100%{-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{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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);} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);} } @keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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);} 100%{-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{0%{-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;} 100%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;} } @keyframes flipOutX{0%{-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;} 100%{-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{0%{-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;} 100%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;} } @keyframes flipOutY{0%{-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;} 100%{-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{0%{-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;} 100%{-webkit-transform:none;transform:none;opacity:1;} } @keyframes lightSpeedIn{0%{-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;} 100%{-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{0%{opacity:1;} 100%{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;} } @keyframes lightSpeedOut{0%{opacity:1;} 100%{-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{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;} 100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} 100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;} 100%{-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{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1;} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;} } @keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1;} 100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-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;} 100%{-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;} 100%{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;} } .hinge{-webkit-animation-name:hinge;animation-name:hinge;} @-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;} @-webkit-keyframes rollOut{0%{opacity:1;} 100%{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{0%{opacity:1;} 100%{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{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 50%{opacity:1;} } @keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 50%{opacity:1;} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;} @-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;} @-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;} @-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;} @-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;} @-webkit-keyframes zoomOut{0%{opacity:1;} 50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 100%{opacity:0;} } @keyframes zoomOut{0%{opacity:1;} 50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 100%{opacity:0;} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .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.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .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.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;} } @keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;} } @keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.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(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .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.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .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.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;} @-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible;} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes slideInDown{0%{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible;} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;} @-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;} @-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes slideInRight{0%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;} @-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible;} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes slideInUp{0%{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible;} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;} @-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 100%{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } @keyframes slideOutDown{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 100%{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;} @-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 100%{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } @keyframes slideOutLeft{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 100%{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;} @-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 100%{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } @keyframes slideOutRight{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 100%{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;} @-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 100%{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } @keyframes slideOutUp{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 100%{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;} @keyframes slove{0%{opacity:0;transform:translate(0px,15px) scaleY(0.90);} 100%{opacity:1;transform:translate(0px,0px) scaleY(1.00);} } @-moz-keyframes slove{0%{opacity:0;-moz-transform:translate(0px,15px) scaleY(0.90);} 100%{opacity:1;-moz-transform:translate(0px,0px) scaleY(1.00);} } @-webkit-keyframes slove{0%{opacity:0;-webkit-transform:translate(0px,15px) scaleY(0.90);} 100%{opacity:1;-webkit-transform:translate(0px,0px) scaleY(1.00);} } @-o-keyframes slove{0%{opacity:0;-o-transform:translate(0px,15px) scaleY(0.90);} 100%{opacity:1;-o-transform:translate(0px,0px) scaleY(1.00);} } @-ms-keyframes slove{0%{opacity:0;-ms-transform:translate(0px,15px) scaleY(0.90);} 100%{opacity:1;-ms-transform:translate(0px,0px) scaleY(1.00);} } .slove{-webkit-animation-name:slove;animation-name:slove;} .averin-zoom:hover { cursor: -webkit-zoom-in; cursor: zoom-in; } .averin-zoom_wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; z-index: 1000; } .averin-zoom_content { display: block; position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .averin-zoom_image { display: block; max-width: 90%; max-height: 90%; margin-left: auto; margin-right: auto; box-shadow: 0px 0px 100px rgba(0,0,0,0.5); background: #EBEBEB; } .averin-zoom_title { display: block; position: absolute; bottom: 0px; left: 0; right: 0; text-align: center; color: #FFFFFF; background: #000000; padding: 20px; } .averin-zoom_close { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; cursor: pointer; z-index: 1001; } .averin-zoom_prev { position: absolute; top: 50%; left: 50px; cursor: pointer; color: #FFFFFF; font-weight: bold; font-size: 21px; TEXT-DECORATION: none; z-index: 1001; } .averin-zoom_next { position: absolute; top: 50%; right: 50px; cursor: pointer; color: #FFFFFF; font-weight: bold; font-size: 21px; TEXT-DECORATION: none; z-index: 1001; } .input[type="radio"], .input[type="checkbox"] { vertical-align: middle; position: relative; bottom: 0.15rem; margin-right: 2px; } .input[type="search"] { -webkit-appearance: textfield; } .input[type="search"]::-webkit-search-decoration, .input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .input[type="submit"] { width: auto; } .input[type="text"], .input[type="search"], .input[type="number"], .input[type="phone"], .input[type="email"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .input, .textarea, .select { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; display: block; width: 100%; font-family: inherit; vertical-align: middle; font-size: 0.9375em; font-weight: normal; height: 2.66667em; background-color: #fff; border: 1px solid rgba(17, 17, 17, 0.1); border-radius: 0.1875rem; box-shadow: none; padding: 0 1em; color: rgba(17, 17, 17, 0.8); } .textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 1em; resize: vertical; height: auto; line-height: 1.5; vertical-align: top; } .select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="rgba(0, 0, 0, .4)" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>'); background-repeat: no-repeat; background-position: right .65em center; padding-right: 28px; } .select[multiple] { background-image: none; height: auto; padding: .5em .75em; } .input:hover, .textarea:hover, .select:hover { outline: none; border: 1px solid rgba(17, 17, 17, 0.2); box-shadow: none; } .input:focus, .textarea:focus, .select:focus { -moz-transition: all linear 0.2s; transition: all linear 0.2s; outline: none; border: 1px solid rgba(77, 161, 255, 0.5); box-shadow: 0 0 3px rgba(77, 161, 255, 0.5) inset; } .input.is-error, .textarea.is-error, .select.is-error { background-color: rgba(255, 74, 74, 0.075); border: 1px solid rgba(255, 74, 74, 0.5); box-shadow: none; } input.is-error:focus, textarea.is-error:focus, select.is-error:focus { border-color: rgba(255, 74, 74, 0.75); box-shadow: 0 0 3px rgba(255, 74, 74, 0.5) inset; } .input.is-success, .textarea.is-success, .select.is-success { background-color: rgba(166, 229, 15, 0.075); border: 1px solid rgba(166, 229, 15, 0.5); box-shadow: none; } input.is-success:focus, textarea.is-success:focus, select.is-success:focus { border-color: rgba(166, 229, 15, 0.75); box-shadow: 0 0 3px rgba(166, 229, 15, 0.5) inset; } .input:disabled, .input:disabled:hover, .input.is-disabled, input.is-disabled:hover,textarea:disabled, textarea:disabled:hover, textarea.is-disabled, textarea.is-disabled:hover, select:disabled, select:disabled:hover, select.is-disabled, select.is-disabled:hover { resize: none; opacity: 0.7; cursor: default; font-style: italic; color: rgba(17, 17, 17, 0.6); border: 1px solid rgba(17, 17, 17, 0.1); box-shadow: none; background-color: #fff; } .input[type="radio"].is-error, .input[type="checkbox"].is-error { outline: 2px solid rgba(255, 74, 74, 0.5); } .input[type="radio"].is-success, .input[type="checkbox"].is-success { outline: 2px solid rgba(166, 229, 15, 0.5); } .input[type="file"] { width: auto; border: none; padding: 0; height: auto; background: none; box-shadow: none; display: inline-block; } .input[type="search"], .input.is-search { background-repeat: no-repeat; background-position: 8px 51%; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="rgb(0, 0, 0)" fill-opacity="0.4" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>'); padding-left: 32px; } .input[type="radio"], .input[type="checkbox"] { display: inline-block; width: auto; height: auto; padding: 0; } .fieldset { font-family: inherit; border: 1px solid rgba(17, 17, 17, 0.1); border-radius: 0.1875rem; padding: 2rem; margin-bottom: 20px; } .legend { font-size: 0.75em; font-weight: bold; text-transform: uppercase; color: rgba(17, 17, 17, 0.5); padding: 0 1rem; margin-left: -1rem; top: 2px; position: relative; line-height: 0; } .label { display: block; font-size: 0.9375em; font-weight: normal; text-transform: none; color: #111; margin-bottom: 0.25em; } label.is-checkbox, label .is-desc, label .is-success, label .is-error { text-transform: none; font-weight: normal; } label.is-checkbox { font-size: 1em; line-height: 1.5; cursor: pointer; color: inherit; } .is-req { position: relative; top: 1px; font-size: 1rem; font-weight: bold; color: #ff6f69; } .is-desc { font-size: 0.75rem; font-weight: normal; text-transform: none; color: rgba(17, 17, 17, 0.6); } span.is-desc { margin-left: 0.25em; } div.is-desc { margin-top: 1em; margin-bottom: 1em; } .form { margin-bottom: 20px; } .form .is-row, form .is-col { margin-top: 0; margin-bottom: 0; } .form span.is-success, form div.is-success { font-size: 0.75em; color: #a6e50f; } .form span.is-error, form div.is-error { font-size: 0.75em; color: #FF0000; } .form span.is-success, form span.is-error { margin-left: 0.25em; } .form div.is-desc { margin-bottom: -0.5em; } .form-item, .form-item.is-col { margin-bottom: 10px; padding-bottom: 10px; } fieldset > .form-item:last-child, fieldset > .is-row:last-child { margin-bottom: 0; } .form-item.is-border { border-bottom: 1px solid #EBEBEB; margin-bottom: 20px; padding-bottom: 20px; } .form-checkboxes label.is-checkbox { display: inline-block; margin-right: 1em; } .form-item.is-inline, .form-item.is-inline-offset { padding-left: 150px; } .form-item.is-inline label:not(.is-checkbox) { float: left; margin-left: -150px; } .form-item.is-bar input, .form-item.is-bar textarea, .form-item.is-bar select { display: inline-block; width: auto; } .form-item.is-buttons { display: flex; } .form-item.is-buttons button, .form-item.is-buttons .button { margin-right: .65rem; } .form-item.is-buttons button + .button.is-tertiary { margin-left: .65rem; } .form-item.is-buttons button.is-push-right, .form-item.is-buttons .button.is-tertiary.is-push-right, .form-item.is-buttons .button.is-push-right { margin-left: auto; margin-right: 0; } @media only screen and (max-width: 767px) { form .is-row .form-item { margin-bottom: 20px; } } .is-inline { display: inline; width: auto; } .is-append, .is-prepend { display: flex; } .is-append select, .is-prepend select { flex: 1; margin-right: 3px; } .is-append input, .is-prepend input { flex: 15; } .is-append .button, .is-append span, .is-append a, .is-prepend .button, .is-prepend span, .is-prepend a { flex-shrink: 0; } .is-append span, .is-append a, .is-prepend span, .is-prepend a { display: flex; flex-direction: column; justify-content: center; padding: 0 0.875rem; border: 1px solid rgba(17, 17, 17, 0.1); background-color: rgba(17, 17, 17, 0.03); white-space: nowrap; } .is-append span, .is-prepend span { font-size: 0.875em; font-weight: normal; text-transform: none; color: rgba(17, 17, 17, 0.5); } .is-append a, .is-prepend a { font-size: 1rem; color: rgba(17, 17, 17, 0.6); text-decoration: none; } .is-append a:hover, .is-prepend a:hover { color: #111; } .is-prepend input { border-radius: 0 0.1875rem 0.1875rem 0; } .is-prepend .button { margin-right: -1px; border-radius: 0.1875rem 0 0 0.1875rem; } .is-prepend span, .is-prepend a { border-right: none; border-radius: 0.1875rem 0 0 0.1875rem; } .is-append input { border-radius: 0.1875rem 0 0 0.1875rem; } @media (max-width: 1000px) { .is-append .button { margin: 0px; } } .is-append .button { margin-left: -1px; border-radius: 0 0.1875rem 0.1875rem 0; } .is-append span, .is-append a { border-left: none; border-radius: 0 0.1875rem 0.1875rem 0; } .is-appendprepend { display: flex; } .is-appendprepend input { flex: 1; } .is-appendprepend .button, .is-appendprepend span, .is-appendprepend a { flex-shrink: 0; } .is-appendprepend span, .is-appendprepend a { display: flex; flex-direction: column; justify-content: center; padding: 0 0.875rem; border: 1px solid rgba(17, 17, 17, 0.1); background-color: rgba(17, 17, 17, 0.03); white-space: nowrap; } .is-appendprepend span { font-size: 0.875em; font-weight: normal; background: #FFFFFF; text-shadow: none; text-transform: none; color: rgba(17, 17, 17, 0.5); } .is-appendprepend a { font-size: 1rem; color: rgba(17, 17, 17, 0.6); text-decoration: none; } .is-appendprepend a:hover { color: #111; } .is-appendprepend input { border-radius: 0; height: auto; } .is-appendprepend .button{ margin-left: -1px; margin-top: 0px; margin-bottom: 0px; border-radius: 0 0.1875rem 0.1875rem 0 !important; } .is-appendprepend span, .is-appendprepend a { border-right: none; border-radius: 0.1875rem 0 0 0.1875rem; } .image { max-width: 100%; } .hr { border:0; border-bottom: 1px solid #EBEBEB; } .white, .white *:hover, a.white, .white a { color: #FFFFFF; } .black, .black *:hover, a.black, .black a { color: #000000; } .red, .red *:hover, a.red, .red a { color: #ff6f69; } .green, .green *:hover, a.green, .green a { color: #3eed06; } .gray, .gray *:hover, a.gray, .gray a { color: gray; } .yellow, .yellow *:hover, a.yellow, .yellow a { color: #f5fe4d; } .blue, .blue *:hover, a.blue, .blue a { color: #06c1ec; } .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold; color: inherit; line-height: 1.2; margin: 0px; } .h1 + *, .h2 + *, .h3 + *, .h4 + *, .h5 + *, .h6 + * { margin-top: 0.8em; } .h1 + .h1, .h1 + .h2, .h1 + .h3, .h1 + .h4, .h1 + .h5, .h1 + .h6, .h2 + .h1, .h2 + .h2, .h2 + .h3, .h2 + .h4, .h2 + .h5, .h2 + .h6, .h3 + .h1, .h3 + .h2, .h3 + .h3, .h3 + .h4, .h3 + .h5, .h3 + .h6, .h4 + .h1, .h4 + .h2, .h4 + .h3, .h4 + .h4, .h4 + .h5, .h4 + .h6, .h5 + .h1, .h5 + .h2, .h5 + .h3, .h5 + .h4, .h5 + .h5, .h5 + .h6, .h6 + .h1, .h6 + .h2, .h6 + .h3, .h6 + .h4, .h6 + .h5, .h6 + .h6 { margin-top: 0.4em; } .h1 { font-size: 2.5em; } .h2 { font-size: 1.75em; } .h3 { font-size: 1.5em; } .h4 { font-size: 1.25em; } .h5 { font-size: 1em; } .h6 { font-size: 0.75em; text-transform: uppercase; letter-spacing: .01em; } .is-right { text-align: right; } .is-center { text-align: center; } .is-left { text-align: left; } .is-order-1 { order: 1; } .is-order-2 { order: 2; } .is-order-3 { order: 3; } .is-order-4 { order: 4; } .is-order-5 { order: 5; } @media (max-width: 900px) { .is-mobile-right { text-align: right; } .is-mobile-center { text-align: center; } .is-mobile-left { text-align: left; } .is-mobile-order-1 { order: 1; } .is-mobile-order-2 { order: 2; } .is-mobile-order-3 { order: 3; } .is-mobile-order-4 { order: 4; } .is-mobile-order-5 { order: 5; } } .muted { color: rgba(17, 17, 17, 0.6); } .muted a, a.is-muted { color: rgba(17, 17, 17, 0.6); } .muted a:hover, a.is-muted:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #111; } .big { font-size: 1.2em; line-height: 1.45; } .small { font-size: 0.8em; } .nowrap, .is-nowrap td { white-space: nowrap; } .highlight { background-color: rgba(77, 161, 255, 0.1); } .none { TEXT-DECORATION: none; } .none:hover { TEXT-DECORATION: none; } .underline a { TEXT-DECORATION: none; } .underline a:hover { TEXT-DECORATION: none; } .underline { TEXT-DECORATION: none; border-bottom: 1px solid; } .underline:hover { TEXT-DECORATION: none; border-bottom: 0px solid; } .underline a { TEXT-DECORATION: none; border-bottom: 1px solid; } .underline a:hover { TEXT-DECORATION: none; border-bottom: 0px solid; } .cursor { cursor: pointer; } .is-1 { width: 1%; min-width: 1%; } .is-2 { width: 2%; min-width: 2%; } .is-3 { width: 3%; min-width: 3%; } .is-5 { width: 5%; min-width: 5%; } .is-10 { width: 10%; min-width: 10%; } .is-15 { width: 15%; min-width: 15%; } .is-20 { width: 20%; min-width: 20%; } .is-25 { width: 25%; min-width: 25%; } .is-30 { width: 30%; min-width: 30%; } .is-33, .is-34 { width: 33.3333%; min-width: 33.3333%; } .is-35 { width: 35%; min-width: 35%; } .is-40 { width: 40%; min-width: 40%; } .is-45 { width: 45%; min-width: 45%; } .is-50 { width: 50%; min-width: 50%; } .is-55 { width: 55%; min-width: 55%; } .is-60 { width: 60%; } .is-65 { width: 65%; } .is-66, .is-67 { width: 66.6666%; min-width: 66.6666%; } .is-70 { width: 70%; min-width: 70%; } .is-75 { width: 75%; min-width: 75%; } .is-80 { width: 80%; min-width: 80%; } .is-85 { width: 85%; min-width: 85%; } .is-90 { width: 90%; min-width: 90%; } .is-95 { width: 95%; min-width: 95%; } .is-100 { width: 100%; min-width: 100%; } @media only screen and (max-width: 767px) { .is-1, .is-2, .is-3, .is-5, .is-10, .is-15, .is-20, .is-25, .is-30, .is-33, .is-34, .is-35, .is-40, .is-45, .is-50, .is-15, .is-60, .is-65, .is-66, .is-67, .is-70, .is-75, .is-80, .is-85, .is-90, .is-95, .is-100 { width: auto; min-width: 100%; } } .is-row { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -20px; padding: 10px; } .is-row.is-padding-0 { padding: 0px; } .is-row.is-padding-10 { padding: 10px; } .is-row.is-padding-20 { padding: 20px; } .is-row.is-border { border-bottom: 1px solid #EBEBEB; margin-top: 0px; } .is-row.is-gapless, .is-row.is-gapless > .is-row { margin-left: 0; margin-top: 0; } .is-row.is-margin-0 > .is-col { margin-bottom: 0px; } .is-row.is-margin-10 > .is-col { margin-bottom: 10px; } .is-row.is-margin-20 > .is-col { margin-bottom: 20px; } .is-row > .is-col { flex: 1; margin-left: 20px; } .is-row > .is-col.is-1 { min-width: calc(1% - 20px); } .is-row > .is-col.is-2 { min-width: calc(2% - 20px); } .is-row > .is-col.is-3 { min-width: calc(3% - 20px); } .is-row > .is-col.is-5 { min-width: calc(5% - 20px); } .is-row > .is-col.is-10 { min-width: calc(10% - 20px); } .is-row > .is-col.is-15 { min-width: calc(15% - 20px); } .is-row > .is-col.is-20 { min-width: calc(20% - 20px); } .is-row > .is-col.is-25 { min-width: calc(25% - 20px); } .is-row > .is-col.is-30 { min-width: calc(30% - 20px); } .is-row > .is-col.is-33, .is-row > .is-col.is-34 { min-width: calc(33.3333% - 20px); } .is-row > .is-col.is-35 { min-width: calc(35% - 20px); } .is-row > .is-col.is-40 { min-width: calc(40% - 20px); } .is-row > .is-col.is-45 { min-width: calc(45% - 20px); } .is-row > .is-col.is-50 { min-width: calc(50% - 20px); } .is-row > .is-col.is-55 { min-width: calc(55% - 20px); } .is-row > .is-col.is-60 { min-width: calc(60% - 20px); } .is-row > .is-col.is-65 { min-width: calc(65% - 20px); } .is-row > .is-col.is-66, .is-row > .is-col.is-67 { min-width: calc(66.6666% - 20px); } .is-row > .is-col.is-70 { min-width: calc(70% - 20px); } .is-row > .is-col.is-75 { min-width: calc(75% - 20px); } .is-row > .is-col.is-80 { min-width: calc(80% - 20px); } .is-row > .is-col.is-85 { min-width: calc(85% - 20px); } .is-row > .is-col.is-90 { min-width: calc(90% - 20px); } .is-row > .is-col.is-95 { min-width: calc(95% - 20px); } .is-row.is-gapless > .is-col { margin-left: 0; } @media only screen and (max-width: 767px) { .is-row { flex-direction: column; flex-wrap: nowrap; margin-left: 0; margin-top: 0; } .is-row + .is-row { margin-top: 0; } .is-row > .is-col { flex: 0 0 100%; width: 100%; max-width: 100%; margin-left: 0; margin-bottom: 20px; } .is-row.is-gapless > .is-col { margin-left: 0; margin-bottom: 0px; } } .amm_button_block { position: fixed; bottom: 33px; right: 33px; z-index: 1000; } .amm_button_block span { background-color: rgba(255, 0, 0, 0.95); font-size: 16px; color: #fbfdff; border-radius: 20px; padding: 10px 25px 10px 25px; -webkit-animation: message_button-shake 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; animation: message_button-shake 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; box-shadow: 0 -10px 5px rgba(0,0,0,0.01), 0 1px 1px rgba(0,0,0,0.02), 0 2px 2px rgba(0,0,0,0.02), 0 4px 4px rgba(0,0,0,0.02), 0 8px 8px rgba(0,0,0,0.01), 0 16px 16px rgba(0,0,0,0.01), 0 32px 32px rgba(0,0,0,0.01); margin: 0px auto; display: inline-block; } @media (max-width: 900px){ .amm_button_block { left: 0px; right: 0px; text-align: center; } .amm_button_block span { font-size: 14px; padding: 5px 15px 5px 15px; } } .amm_button:hover { cursor: pointer; background-color: rgba(220, 0, 0, 0.95); } .amm_block_mobile { display: none; position: fixed; background: rgba(0, 0, 0, 0.7); top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1002; } .amm_block_mobile .ammcontent { position: absolute; bottom: 0px; left: 0px; right: 0px; } .amm_block_mobile .amm_cancel { display: block; padding: 16px 0; border-radius: 12px; margin: 0 10px 15px; text-align: center; background-color: #fff; color: #0076ff; font-size: 18px; font-weight: 600; font-family: sans-serif; cursor:pointer; } .amm_block_computer { display: none; position: fixed; background: rgba(0, 0, 0, 0.7); background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,0.7) 100%); top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1002; margin: 0 auto; flex-wrap: wrap; justify-content: center; align-items: center; } .amm_block_computer .ammcontent { text-align: center; } .amm_block_computer .ammcontent p { padding-bottom: 20px; } .amm_block_computer .ammcontent span { font-size: 18px; opacity: 0.8; } .amm_block_computer .amm_cancel { position: absolute; top: 50px; right: 50px; cursor:pointer; } .ammb { display: block; border-radius: 12px; margin: 0 10px 15px; text-align: center; background-color: #f2f2f2; font-size: 18px; color: #0076ff; margin: 10px 10px 8px; } .ammb div { } .ammb span { display: block; font-size: 13px; color: #949494; font-family: sans-serif; text-align: center; padding: 20px 0; border-bottom: 1px solid #dddde0; } .ammb a { display: block; text-align: center; font-size: 18px; text-decoration: none; color: #0076ff; padding: 15px 0; border-bottom: 1px solid #dddde0; } .ammb a:last-child { border-bottom: 0px solid #f2f2f2; } @-webkit-keyframes message_button-shake { 0%, 50%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 5%, 15%, 25%, 35% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 10%, 20%, 30% { -webkit-transform: translateX(2px); transform: translateX(2px); } 40% { -webkit-transform: translateX(1px); transform: translateX(1px); } 45% { -webkit-transform: translateX(-1px); transform: translateX(-1px); } } @keyframes message_button-shake { 0%, 50%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 5%, 15%, 25%, 35% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 10%, 20%, 30% { -webkit-transform: translateX(2px); transform: translateX(1px); } 40% { -webkit-transform: translateX(1px); transform: translateX(1px); } 45% { -webkit-transform: translateX(-1px); transform: translateX(-1px); } }