column-count: 2; column-gap: 20px; @charset "UTF-8"; .cleanslate, .cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6, .cleanslate p, .cleanslate td, .cleanslate dl, .cleanslate tr, .cleanslate dt, .cleanslate ol, .cleanslate form, .cleanslate select, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate table, .cleanslate th, .cleanslate tbody, .cleanslate tfoot, .cleanslate caption, .cleanslate thead, .cleanslate ul, .cleanslate li, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate li, .cleanslate iframe, .cleanslate strong, .cleanslate legend, .cleanslate em, .cleanslate s, .cleanslate cite, .cleanslate span, .cleanslate input, .cleanslate sup, .cleanslate label, .cleanslate dfn, .cleanslate object, .cleanslate big, .cleanslate q, .cleanslate font, .cleanslate samp, .cleanslate acronym, .cleanslate small, .cleanslate img, .cleanslate strike, .cleanslate code, .cleanslate sub, .cleanslate ins, .cleanslate textarea, .cleanslate var, .cleanslate a, .cleanslate abbr, .cleanslate applet, .cleanslate del, .cleanslate kbd, .cleanslate tt, .cleanslate b, .cleanslate i, .cleanslate hr, .cleanslate article, .cleanslate aside, .cleanslate dialog, .cleanslate figure, .cleanslate footer, .cleanslate header, .cleanslate hgroup, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate time, .cleanslate mark, .cleanslate audio, .cleanslate video { background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border-color: black !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; color: inherit !important; counter-increment: none !important; counter-reset: none !important; cursor: auto !important; direction: inherit !important; display: inline !important; float: none !important; font-family: inherit !important; font-size: inherit !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: invert none medium !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: inherit !important; text-decoration: inherit !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; text-shadow: none !important; } .cleanslate, .cleanslate h3, .cleanslate h5, .cleanslate p, .cleanslate h1, .cleanslate dl, .cleanslate dt, .cleanslate h6, .cleanslate ol, .cleanslate form, .cleanslate select, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate h2, .cleanslate caption, .cleanslate h4, .cleanslate ul, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate textarea, .cleanslate hr, .cleanslate article, .cleanslate aside, .cleanslate dialog, .cleanslate figure, .cleanslate footer, .cleanslate header, .cleanslate hgroup, .cleanslate menu, .cleanslate nav, .cleanslate section { display: block !important; } .cleanslate table { display: table !important; } .cleanslate thead { display: table-header-group !important; } .cleanslate tbody { display: table-row-group !important; } .cleanslate tfoot { display: table-footer-group !important; } .cleanslate tr { display: table-row !important; } .cleanslate th, .cleanslate td { display: table-cell !important; } .cleanslate nav ul, .cleanslate nav ol { list-style-type: none !important; } .cleanslate ul, .cleanslate menu { list-style-type: disc !important; } .cleanslate ol { list-style-type: decimal !important; } .cleanslate ol ul, .cleanslate ul ul, .cleanslate menu ul, .cleanslate ol menu, .cleanslate ul menu, .cleanslate menu menu { list-style-type: circle !important; } .cleanslate ol ol ul, .cleanslate ol ul ul, .cleanslate ol menu ul, .cleanslate ol ol menu, .cleanslate ol ul menu, .cleanslate ol menu menu, .cleanslate ul ol ul, .cleanslate ul ul ul, .cleanslate ul menu ul, .cleanslate ul ol menu, .cleanslate ul ul menu, .cleanslate ul menu menu, .cleanslate menu ol ul, .cleanslate menu ul ul, .cleanslate menu menu ul, .cleanslate menu ol menu, .cleanslate menu ul menu, .cleanslate menu menu menu { list-style-type: square !important; } .cleanslate li { display: list-item !important; min-height: auto !important; min-width: auto !important; } .cleanslate strong { font-weight: bold !important; } .cleanslate em { font-style: italic !important; } .cleanslate kbd, .cleanslate samp, .cleanslate code { font-family: monospace !important; } .cleanslate a, .cleanslate a *, .cleanslate input[type=submit], .cleanslate input[type=radio], .cleanslate input[type=checkbox], .cleanslate select { cursor: pointer !important; } .cleanslate a:hover { text-decoration: underline !important; } .cleanslate button, .cleanslate input[type=submit] { text-align: center !important; } .cleanslate input[type=hidden] { display: none !important; } .cleanslate abbr[title], .cleanslate acronym[title], .cleanslate dfn[title] { cursor: help !important; border-bottom-width: 1px !important; border-bottom-style: dotted !important; } .cleanslate ins { background-color: #ff9 !important; color: black !important; } .cleanslate del { text-decoration: line-through !important; } .cleanslate blockquote, .cleanslate q { quotes: none !important; } .cleanslate blockquote:before, .cleanslate blockquote:after, .cleanslate q:before, .cleanslate q:after, .cleanslate li:before, .cleanslate li:after { content: "" !important; } .cleanslate input, .cleanslate select { vertical-align: middle !important; } .cleanslate select, .cleanslate textarea, .cleanslate input { border: 1px solid #ccc !important; } .cleanslate table { border-collapse: collapse !important; border-spacing: 0 !important; } .cleanslate hr { display: block !important; height: 1px !important; border: 0 !important; border-top: 1px solid #ccc !important; margin: 1em 0 !important; } .cleanslate *[dir=rtl] { direction: rtl !important; } .cleanslate mark { background-color: #ff9 !important; color: black !important; font-style: italic !important; font-weight: bold !important; } .cleanslate { font-size: medium !important; line-height: 1 !important; direction: ltr !important; text-align: left !important; font-family: "Times New Roman", Times, serif !important; color: black !important; font-style: normal !important; font-weight: normal !important; text-decoration: none !important; list-style-type: disc !important; } .cleanslate ul { margin: 20px 0px 20px 0px !important; padding-left: 30px !important; } .orange { color: #FFAA55 !important; } .orange_bg { background-color: #FFC070; } .weak { opacity: 0.3; } .two_cols3 { display: -webkit-flex; display: flex; flex-wrap: wrap; } .overflow_hidden { overflow: hidden !important; } .filter_tr { transition: 0.5s; } .selected_key { background-color: #E3F4F8; } .ui-slider { border: none !important; background: none !important; } .slider-range { margin: 3px 13px 3px 13px !important; } .slider_int { text-align: center; line-height: 100%; padding-top: 5px; font-weight: normal; } .fullscreen { width: 100% !important; height: 100% !important; } .fullscreen_element { position: fixed !important; z-index: 100; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #000000; box-shadow: none !important; border-radius: 0px !important; } .fullscreen_element > div { box-shadow: none !important; border-radius: 0px !important; } .no_padding_top { padding-top: 0px !important; } .no_padding_bottom { padding-bottom: 0px !important; } #color_header_text { position: absolute; bottom: 0px; left: 0px; right: 0px; } .popup_info { background-color: #FFDDAD; border-bottom: 1px solid #FFC070; padding: 9px; width: 100%; } .popup_icon { position: relative; float: right; width: 24px; height: 24px; padding: 10px 10px 10px 7px; } .or .list_row { position: relative !important; float: left !important; width: 100% !important; clear: both !important; } .two_cols { position: relative; float: left; width: 100%; overflow: hidden; } .properties { position: relative; float: left; } .half_width { position: relative; float: left; width: 50% !important; } .third_width { position: relative; float: left; width: 33% !important; } #image_boxes, #stream_boxes, #report_boxes { position: relative; float: left; width: 100%; } body.or { position: relative; margin: 0px; padding: 0px 0px 0px 0px; font-family: Verdana; font-size: 14px; background-color: #EEEEEE; text-size-adjust: none !important; height: 100%; } .no_scrolling { margin: 0; height: 100%; overflow: hidden; } html { position: relative; text-size-adjust: none !important; height: 100%; } .or input, .or select, .or option, .or textarea { font-family: Verdana; font-size: 14px; resize: none; line-height: 140%; } .or a { text-decoration: none !important; color: #000000 !important; color: inherit !important; } .or .nobottomborder { border-bottom: none !important; } .or *:focus { outline: none; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .or .clickable-div { cursor: pointer; } } .or img { border: 0px; vertical-align: top; } .or .popup_row_icon img.icon { float: left; } .or p { clear: both; font-weight: normal; text-align: inherit; margin: 0px 0px 0px 0px; } .or ul { margin-top: 0px; margin-left: 2px; padding-left: 15px; margin-bottom: 5px; } .or li { margin: 0px 0px 0px 0px !important; } .or code { position: relative; float: left; font-family: Courier; word-break: break-all; margin: 0px 3px 7px 3px !important; } .blur { filter: blur(2px); transition: all 0.2s; } #action_bar { position: absolute; top: 0px; right: 0px; bottom: 0px; min-width: 90px; box-shadow: 0px 0px 15px 10px #444444; background-color: #444444; transition: all 0.5s; transition-delay: 0.5s; } #action_bar.searched { min-width: 100%; transition: all 0.5s; } #action_bar #action_bar2 { position: relative; float: right; transition: all 0.5s; transition-delay: 0.5s; } #action_bar.searched #action_bar2 { opacity: 0; transition: all 0.5s; } #search_form { position: absolute; top: 0px; left: 42px; right: 0px; opacity: 0; transition: all 0.5s; } #action_bar.searched #search_form { opacity: 1 !important; z-index: 2; transition: all 0.5s; transition-delay: 0.5s; } #search_result { position: relative; float: right; width: 100%; max-height: 90%; transition: all 0.5s; background-color: #FFFFFF; box-shadow: 0px 0px 5px 2px #888888; } .header_menu { position: absolute; top: 45px; right: 0px; left: 0px; bottom: 0px; z-index: -1; opacity: 0; transition: opacity 0.5s, z-index 0s 0.5s; } .header_menu.searched, .header_menu.fade_in { z-index: 30; opacity: 1; transition: z-index 0s, opacity 0.5s 0.5s; } .popup_window_small { transition: 0.5s; } .fade_in { z-index: 30 !important; opacity: 1 !important; transition: z-index 0s, opacity 0.5s; } .search_menu { position: absolute; z-index: 30; top: 45px; right: 0px; left: 0px; bottom: 0px; opacity: 0; transition: all 0.5s; } .popup_row_wrapper { display: -webkit-flex; display: flex; clear: both; position: relative; overflow: hidden; min-height: 44px; } .popup_row_wrapper .col_sep { border-left-color: #DDDDDD !important; } .popup_row_wrapper .col_sep_right { border-right-color: #DDDDDD !important; } .popup_row_indent { border-left: 5px solid #CCCCCC; } .popup_row_button { flex-grow: 1; flex-basis: 0; padding: 14px !important; text-align: center; background-color: #EEEEEE; cursor: pointer; z-index: 2; } .popup_row_button_flex { padding: 3px 3px 2px 3px !important; min-height: 34px; text-align: center; flex-direction: column; display: flex; justify-content: center; align-content: center; white-space: nowrap !important; z-index: 2; } .popup_row_button.popup_row_button_flex { white-space: normal !important; padding: 5px 7px 5px 7px !important; } .popup_row_actions { position: relative; overflow: hidden; text-align: right; width: 100%; box-sizing: border-box; padding: 3px; background-color: #EEEEEE; } .popup_row_shadow { box-shadow: 0px 1px 5px 1px #CCCCCC; } .popup_row_icon { padding: 14px 9px 12px 15px !important; text-align: center; width: 18px !important; height: 18px !important; font-size: 18px !important; vertical-align: text-top !important; } i.popup_row_icon { box-sizing: border-box; width: 0px !important; height: 44px !important; padding: 14px 26px 12px 16px !important; } .popup_row_icon_right { position: relative; padding: 14px 14px 14px 14px !important; text-align: center; vertical-align: top !important; width: 16px !important; height: 16px !important; vertical-align: text-top !important; } .small .popup_row_icon { padding: 5px 10px 5px 16px !important; } .popup_row { width: 100%; color: inherit; } div.popup_row { padding: 3px; } .hide_overflow { overflow: hidden; } #sub_menu::-webkit-scrollbar { display: none; } #sub_menu { scrollbar-width: none; } #sub_menu_wrapper { position: relative; float: left; width: 100%; height: 40px; z-index: 3; background-color: #EEEEEE; transition: 0.5s; } #header.shadow { box-shadow: 0px 0px 5px 2px #222222 !important; transition: 0.5s; } #sub_menu_wrapper.shadow { box-shadow: 0px 0px 6px 0px #444444; transition: 0.5s; } #presentation_media.shadow { box-shadow: 0px 0px 5px 2px #888888; transition: 0.5s; } .shadow { box-shadow: 0px 0px 5px 2px #444444 !important; transition: 0.5s; } #page_image, #content_header { opacity: 1; } .content_header::-webkit-scrollbar { display: none; } .content_header_bg { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background-color: #000000; opacity: 0.5; } .content_header_content { position: relative; float: right; min-height: 45px; overflow: hidden; } .or td.td_bar_wrapper { overflow: hidden; vertical-align: bottom !important; height: 20px; transition: 0.5s 0.2s; } .or td.td_bar_wrapper.td_bar_visible { height: 46px; transition: 0.5s; } .td_bar { position: absolute; left: 20%; right: 20%; bottom: 0px; min-height: 3px; border-radius: 3px 3px 0px 0px; background-color: #99ddee; opacity: 0 !important; transition: opacity 0.5s; } .td_bar.visible { opacity: 1 !important; transition: opacity 0.5s 0.2s; } #myElement { touch-action: pan-x pan-y !important; } .or #wrapper { position: relative; float: left; width: 100%; min-height: 100%; padding-top: 45px; box-sizing: border-box; margin-left: auto; margin-right: auto; } @media all and (max-width: 800px) { #sponsors { opacity: 0; right: -160px; transition: all 0.5s; } #wrapper { right: 0px !important; transition: all 0.5s; } } @media all and (min-width: 801px) { #ads_bottom { opacity: 0; bottom: -100px !important; transition: all 0.5s; } } .or #header { position: fixed; right: 0px; top: 0px; left: 0px; white-space: nowrap; z-index: 31; height: 45px; background-color: #444444; overflow: hidden; margin-left: auto; margin-right: auto; box-sizing: border-box; transition: 0.5s; } .fixed { position: fixed !important; } .presentation_blocks_fixed, .presentation_blocks_table_header { position: fixed !important; top: 165px; } .presentation_blocks_fixed2, .presentation_blocks_table_header2 { position: fixed !important; top: 129px; } .presentation_blocks_fixed, .areas_table_header { position: fixed !important; top: 165px; } .presentation_blocks_fixed2, .areas_table_header2 { position: fixed !important; top: 129px; } .or #login_btn { position: relative; float: right; margin: 5px 5px 5px 1px; line-height: 140%; } .or .right_popup { display: inline-block; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 0px; background-color: #FFFFFF; z-index: 10; transition: all 0.5s; } #right_popup_wrapper { position: absolute; top: 0px; right: 0px; bottom: 0px; visibility: 0; z-index: -1; max-width: 500px; min-width: 260px; width: 70%; transition-delay: 0.5s; } #right_popup_wrapper.expanded { visibility: 1; z-index: 3; transition: all 0s; } #right_popup { position: fixed; top: 45px; right: 0px; bottom: 0px; width: 0px; min-width: 0px; background-color: #FFFFFF; transition: all 0.5s; z-index: 3; } #right_popup.expanded { min-width: 310px; width: 50%; box-shadow: 0px 0px 5px 2px #AAAAAA; border-left: 1px solid #AAAAAA; transition-delay: 0s; transition: all 0.5s; } #right_popup_close.expanded { opacity: 0; transition: all 0.5s; } #right_popup_close.expanded.init { opacity: 1; transition: all 0.5s; } #right_popup_close2.expanded { right: 9px !important; transition: all 0.5s; } #right_popup_close2.expanded.init { opacity: 0; transition: all 0.5s; } .or .search_field { position: relative; border: 1px solid transparent; background-color: #FFFFFF; font-size: 16px; height: 23px; width: 30px; margin: 0px 0px 0px 0px; padding: 5px 28px 5px 8px; } .or .header_account { position: relative; float: left; font-size: 14px; cursor: pointer; height: 40px; padding: 5px 7px 5px 7px; margin: 0px 0px 0px 0px; } .or .header_account:hover { background-color: #E8E8E8; } .or .header_account_sel { position: relative; float: left; font-size: 14px; cursor: pointer; height: 40px; padding: 5px 7px 5px 7px; margin: 0px 10px 0px 0px; background-color: #000000; color: #FFFFFF; z-index: 11; } .or .popup_window { position: absolute; display: none; z-index: 100; line-height: 100%; font-size: 14px; background-color: #EEEEEE; border: 1px solid #AAAAAA; box-shadow: 0px 3px 6px 1px #DDDDDD; } .or .autocomplete_popup { position: relative; float: left; clear: left; } .or .popup_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100; } .or .popup_window_row { position: relative; float: left; clear: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; color: #000000; padding: 12px 10px 12px 10px; cursor: pointer; } .or .popup_window_row_sel { background-color: #EEEEEE; } .or .content_popup_bg { position: fixed !important; top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; background-color: rgba(0,0,0,0.5) !important; backdrop-filter: blur(1.5px) !important; } .or .content_popup_wrapper { position: fixed; width: 90%; min-width: 90%; min-height: 80px; z-index: 100; max-width: 550px; max-height: 90%; background-color: #FFFFFF; -webkit-overflow-scrolling: touch; overflow: hidden; line-height: 100%; font-size: 14px; border-radius: 3px; } .or .content_popup_wrapper2 { z-index: 102; } .or .content_popup_header { position: relative; height: 45px; box-sizing: border-box; padding: 11px 45px 13px 10px; font-size: 20px; z-index: 1; background-color: #FFC070; color: #000000; line-height: 100%; transition: 0.5s; } .or .content_popup, .or .content_popup2 { position: relative; min-width: 340px; overflow: hidden; border-radius: 3px; } .or #image_popup { position: absolute; display: none; z-index: 100; } .or .image_popup_header { position: absolute; left: 10px; right: 10px; bottom: 0px; height: 40px; color: #FFFFFF; font-size: 20px; } .or .image_popup_owner { position: absolute; right: 10px; bottom: 0px; height: 35px; color: #FFFFFF; font-size: 16px; } .or .image_popup_bg { position: absolute; left: 0px; right: 0px; height: 45px; background-color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } .or #alert_popup { max-width: 510px; } @media all and (min-width: 900px) { .or .cols .list_row_left { width: 50% !important; float: left !important; } .or .cols .list_row_right { width: 50% !important; float: right !important; } .or .cols .last_row { border-bottom: 0px !important; } .or .cols .list_row_sep { display: block; } } @media all and (max-width: 899px) { .or .list_row_left, .or .list_row_right { width: 100% !important; float: left; } .or .list_row_sep { display: none; } } .list_row_sep { display: none; position: absolute; top: 0px; left: 0px; bottom: 0px; border-left: 1px solid #AAAAAA; z-index: 2; } .two_cols_sep { position: absolute; left: 50%; border-left: 1px solid #CCCCCC; } .or #search_popup { max-width: 1000px !important; } @media all and (max-width: 1001px) { .or #search_popup { width: 85% !important; } } @media all and (max-width: 701px) { .or #search_popup { width: 90% !important; } } @media all and (max-width: 401px) { .or #search_popup { width: 95% !important; } } @media all and (min-width: 601px) { .or .search_col { width: 49%; } .or .search_sep { width: 2%; } } @media all and (max-width: 600px) { .or .search_col { width: 100%; } .or .search_sep { display: none; } } .or .popup_content { position: relative; clear: left; overflow: auto; } .or .popup_content_height { position: relative; } .or .hidden { display: none; } .or .inline { display: inline; } .or .icon { width: 16px !important; height: 16px !important; vertical-align: text-top !important; } .or i.icon { position: relative; float: left; text-align: center; width: 18px !important; height: 18px !important; font-size: 18px !important; padding: 14px 9px 13px 9px; transition: all 0.5s; } .or img.icon { position: relative; float: left; text-align: center; width: 18px !important; height: 18px !important; font-size: 18px !important; padding: 14px 6px 14px 11px; transition: all 0.5s; } .or .button img.icon { position: relative; float: left; text-align: center; width: 18px !important; height: 18px !important; font-size: 18px !important; padding: 0px 6px 0px 0px; transition: all 0.5s; } .or i.icon2 { position: relative; float: left; text-align: center; width: 16px !important; height: 16px !important; font-size: 16px !important; } .or .small_icon { width: 12px !important; height: 12px !important; vertical-align: text-top !important; margin-top: 1px; } .or .list_description { margin-right: 6px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .or .list_icon { width: 12px !important; vertical-align: text-top; text-align: center; margin-top: 1px; opacity: 0.6; } .or .inv { -webkit-filter: invert(100%) !important; } .or .image { border: 1px solid #555555; border-radius: 2px; } .or .border0 { border-bottom: 0px !important; } .or .missing_image { position: relative !important; width: 40px !important; height: 40px !important; padding-top: 4px; vertical-align: middle !important; display: table-cell !important; font-size: 30px !important; text-align: center !important; color: #888888 !important; opacity: 0.6; } .or .property_edit { position: absolute !important; border-radius: 0px !important; height: 23px !important; top: -1px; right: -4px; } .or .pointer { cursor: pointer; } .move_cursor, .move_cursor:hover { cursor: move !important; } .ns_resize_cursor { cursor: ns-resize; } .ew_resize_cursor { cursor: ew-resize; } .nw_resize_cursor { cursor: nw-resize; } .n_resize_cursor { cursor: n-resize; } .ne_resize_cursor { cursor: ne-resize; } .e_resize_cursor { cursor: e-resize; } .se_resize_cursor { cursor: se-resize; } .s_resize_cursor { cursor: s-resize; } .sw_resize_cursor { cursor: sw-resize; } .w_resize_cursor { cursor: w-resize; } .or .cursor_default * { cursor: default !important; } .or .popup_window_content { position: relative; float: left; width: 100%; } .or .popup_window_wrapper { position: relative; float: left; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; } @media all and (max-width: 1300px) { .or .list_wide { display: none; } } @media all and (min-width: 1301px) { .or .list_normal { display: none; } } .or .discussion_tab_sel { background-color: #FFC070 !important; } #carousel { position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-transform-style: preserve-3d; } #container.animate { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .animate { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #container { transform: translate3d(0%,0,0) scale3d(1,1,1); -o-transform: translate3d(0%,0,0) scale3d(1,1,1); -ms-transform: translate3d(0%,0,0) scale3d(1,1,1); -moz-transform: translate3d(0%,0,0) scale3d(1,1,1); -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } #container { position: relative; height: 100%; } #carousel .pane { position: relative; height: 100%; float: left; -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0,0,0); } .image_info_wrapper { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .image_header { position: absolute; left: 0px; right: 0px; top: 0px; } .images_bg { background-color: #FFF0CC; padding: 10px !important; } @media all and (max-width: 1600px) { #threads { left: 15% !important; } #messages { left: 30% !important; } } @media all and (max-width: 1400px) { #threads { left: 10% !important; } #messages { left: 20% !important; } } @media all and (max-width: 1200px) { #threads { left: 5% !important; } #messages { left: 10% !important; } } @media all and (max-width: 1000px) { #threads { left: 30px !important; } #messages { left: 60px !important; } } .jqplot-target canvas { padding: 0px 0px 0px 20px; } .jqplot-axis { font-size: 11px; } .jqplot-xaxis { left: 20px !important; bottom: 5px !important; } .jqplot-yaxis { left: 10px !important; top: 0px !important; } .jqplot-yaxis-tick { right: 0px !important; } .jqplot-point-label { margin-left: 40px; } .two_text_cols { column-count: 2; column-gap: 20px; text-align: justify; } @media all and (max-width: 800px) { .two_text_cols { column-count: 1; } } .grid_wrapper_100p { position: relative; float: left; width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: 1fr; grid-gap: 10px; justify-content: space-between; } .grid_wrapper { position: relative; float: left; width: 100%; padding: 0px 10px 10px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: repeat(auto-fill,minmax(340px,1fr)); grid-gap: 10px; justify-content: space-between; } .grid_wrapper150 { position: relative; float: left; width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); grid-gap: 10px; justify-content: space-between; } .grid_wrapper165 { position: relative; float: left; width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: repeat(auto-fill,minmax(165px,1fr)); grid-gap: 10px; justify-content: space-between; } .grid_wrapper200 { position: relative; float: left; width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); grid-gap: 10px; justify-content: space-between; } .grid_wrapper250 { position: relative; float: left; width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); grid-gap: 10px; justify-content: space-between; } .grid_wrapper300 { position: relative; float: left; width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); grid-gap: 10px; justify-content: space-between; } .grid_wrapper400 { position: relative; float: left; width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: repeat(auto-fill,minmax(340px,1fr)); grid-gap: 10px; justify-content: space-between; } .grid_wrapper_65_35 { position: relative; float: left; width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: 2fr 1fr; grid-gap: 10px; justify-content: space-between; } @media all and (max-width: 600px) { .grid_wrapper_65_35 { grid-template-columns: 1fr; } } .grid_wrapper_75_25 { position: relative; float: left; width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: 3fr 1fr; grid-gap: 10px; justify-content: space-between; } @media all and (max-width: 600px) { .grid_wrapper_75_25 { grid-template-columns: 1fr; } } .grid_wrapper_25_75 { position: relative; float: left; width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: 1fr 3fr; grid-gap: 10px; justify-content: space-between; } .grid_wrapper_25_1_75 { position: relative; float: left; width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: 1fr 1px 3fr; grid-gap: 10px; justify-content: space-between; } @media all and (max-width: 600px) { .grid_wrapper_25_75, .grid_wrapper_25_1_75 { grid-template-columns: 1fr; } } .grid2 { position: relative; width: 100%; overflow: hidden; padding: 0px 8px 8px 8px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 5px; justify-content: space-between; } @media all and (max-width: 1800px) { .grid2 { position: relative; width: 100%; overflow: hidden; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; justify-content: space-between; } } @media all and (max-width: 900px) { .grid2 { position: relative; width: 100%; overflow: hidden; padding: 0px 10px 0px 10px; box-sizing: border-box; margin-bottom: 0px; display: grid; grid-template-columns: 1fr; grid-gap: 10px; justify-content: space-between; } } .grid_box { background-color: #FFFFFF; box-shadow: 0px 0.5px 2px 0px #888888; border-radius: 3px; } .slidecontainer { position: relative; max-width: 800px; width: 95%; box-sizing: border-box; padding: 5px 0px 5px 0px; margin: auto; } .slider { appearance: none; width: 100%; height: 25px; margin: 0px; background: #CCCCCC; outline: none; border-radius: 3px; box-sizing: border-box; cursor: pointer; } .slider::-webkit-slider-thumb { appearance: none; position: relative; width: 105px; height: 45px; background: transparent; cursor: pointer; z-index: 2; } #info { position: relative; float: left; width: 100%; padding-top: 10px; padding-bottom: 10px; z-index: 3; background-color: #EEEEEE; } .opacity0 { opacity: 0; } .or .account_image { position: relative; float: left; width: 24px; height: 24px; padding: 6px 6px 7px 6px; background-color: #CCCCCC; } .or .menu_button { text-align: center; } .or .menu_sel { background-color: #FFC070 !important; } .or .scrollbar2::-webkit-scrollbar { width: 10px; height: 0px; } .or .scrollbar2::-webkit-scrollbar-thumb { background: #666666; } .or .scrollbar2::-webkit-scrollbar { width: 10px; } .or .scrollbar { overflow: auto; } .or .scrollbar_x::-webkit-scrollbar { width: 0px; height: 5px; } .or .scrollbar_x::-webkit-scrollbar-thumb { background: #999999; } .or .scrollbar_x::-webkit-scrollbar-track-piece { background: #DDDDDD; } .or .scrollbar_xy::-webkit-scrollbar { width: 5px; height: 5px; } .or .scrollbar_xy::-webkit-scrollbar-thumb { background: #999999; } .or .scrollbar_xy::-webkit-scrollbar-track-piece { background: #DDDDDD; } .or textarea { overflow: hidden; } .or textarea.scrollbar::-webkit-scrollbar, .or #last_menu_scroll::-webkit-scrollbar, .or .menu_hide::-webkit-scrollbar, .or .scrollbar::-webkit-scrollbar { width: 5px; height: 0px; transition: 0.5s; } .or #menu_test ::-webkit-scrollbar { width: 3px; } .or #menu_test ::-webkit-scrollbar-track-piece { background: #CCCCCC; } .or textarea.scrollbar::-webkit-scrollbar-thumb, .or #last_menu_scroll::-webkit-scrollbar-thumb, .or .menu_hide::-webkit-scrollbar-thumb, .or .scrollbar::-webkit-scrollbar-thumb { background: #999999; } .or .scrollbar.bracket::-webkit-scrollbar-thumb, .or .scrollbar.orange_sb::-webkit-scrollbar-thumb { background: #FFC070; } .or textarea.scrollbar:focus::-webkit-scrollbar-thumb, .or .scrollbar.orange_sb::-webkit-scrollbar-thumb { background: #FFC070; } .or textarea.scrollbar:focus::-webkit-scrollbar-track-piece { background: #FFEEDD; } .or .scrollbar.bracket::-webkit-scrollbar-track-piece { background: #FFEEDD; } .or textarea.scrollbar::-webkit-scrollbar-track-piece, .or .scrollbar::-webkit-scrollbar-track-piece, .or .popup_window_wrapper::-webkit-scrollbar-track-piece { background: #DDDDDD; } .or .popup_window_wrapper::-webkit-scrollbar { width: 5px; } .or .popup_window_wrapper::-webkit-scrollbar-thumb { background: #999999; } .or .menu_shadow_wrapper { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; } .or .menu_header_shadow { position: absolute; top: 0px; right: -8px; bottom: 0px; box-shadow: 0px -5px 10px 10px #222222; } .or .menu_shadow { position: absolute; top: 0px; right: 0px; bottom: 0px; box-shadow: 0px 0px 5px 2px #AAAAAA; } .or .menu_shadow_sel { position: absolute; top: 0px; right: 0px; bottom: 0px; box-shadow: 0px 0px 5px 2px #BB9966; } .or .small_menu_shadow_sel { position: absolute; left: 0px; bottom: -8px; right: 0px; z-index: 21; box-shadow: 0px 0 10px 10px #BB9966; } .or .menu_shadow_right { position: absolute; top: 0px; left: -8px; bottom: 0px; box-shadow: 0px 0px 10px 10px #BBBBBB; } .or .menu_shadow_right_sel { position: absolute; top: 0px; left: -8px; bottom: 0px; z-index: 21; box-shadow: 0px 0px 10px 10px #BB9966; } .or .menu_shadow_right_small { position: absolute; left: 0px; bottom: -8px; right: 0px; box-shadow: 0px 0px 10px 10px #BBBBBB; } .or .menu_shadow_right_small_sel { position: absolute; left: 0px; bottom: -8px; right: 0px; z-index: 21; box-shadow: 0px 0px 10px 10px #BB9966; } .or .header_name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; float: left; font-size: 20px; min-width: 125px; max-width: 100%; color: #FFAA55; padding: 10px 10px 11px 0px; } .or .menu_big_image { position: relative; float: left; border-radius: 0px; z-index: 10; width: 100%px; transition: all 0.5s; } .or .menu_image { position: relative; float: left; padding: 0px 7px 0px 12px; width: 20px; height: 20px; } .or .menu_image_or { position: relative; float: left; padding: 7px 0px 0px 5px; width: 36px; } .menu_last { transition: all 0.5s; } .or .menu_text { position: relative; font-size: 16px; } .or .menu_row { position: relative; float: left; font-size: 20px; } .or .views { position: relative; float: left; width: 189px; background-color: #DDDDDD; top: -1px; border-top: 1px solid #CCCCCC; color: #FFAA55; } .or .views_arrow { position: absolute; width: 0; height: 0; } .or .views_row { position: relative; float: left; width: 100%; cursor: pointer; } .or table { table-layout: fixed !important; } .or td { position: relative !important; vertical-align: middle !important; } .or .form_table { padding: 6px 5px 6px 5px !important; width: 100% !important; border-spacing: 0px !important; } .or .form_table td { padding: 3px 3px 3px 3px; } .or .form_table_input { padding-right: 23px !important; } .or .form_table_autocomplete { padding-right: 54px !important; } .or .form_table_select { padding-right: 7px !important; } .or .form_table_button { padding-right: 25px !important; } .or .form_text, .or .form_table_text { padding: 2px 4px 2px 4px !important; } .or .tr_button { padding-right: 150px !important; } .or .padding_form { margin: 5px 0px 5px 0px; } .or .padding_form td { padding: 4px 8px 4px 8px; } .or .property_child { padding-left: 10px !important; border-left: 5px solid #CCCCCC !important; color: #888888; } .or span.property_name { position: relative !important; float: left !important; padding: 3px 0px 3px 5px !important; } .or .property_value { position: relative !important; float: right !important; padding: 3px 0px 3px 5px !important; } .or .property_spinner { position: absolute; right: 0px; bottom: 0px; height: 0px; width: 0px; border-top: 10px dashed transparent; border-right: 10px solid #CCCCCC; } .or table.padding7 { border-spacing: 0px !important; width: 100% !important; } .or table.padding7 td { font-size: 14px; padding: 9px 10px 9px 10px !important; } .or .padding5 td { padding: 5px 8px 5px 8px; } .or .padding4 td { padding: 4px 6px 4px 6px; } .or .padding3 td { padding: 3px 4px 3px 4px; } .or .padding2 td { padding: 2px 4px 2px 4px; } .or .padding1 td { padding: 1px; } .or table.padding0 td { padding: 0px !important; } .or table.spacing { border-spacing: 0px !important; } .or .tb0 td { padding: 0px 4px 0px 4px; line-height: 130%; } .or .col_sep { border-left: 1px solid #CCCCCC; } .or .col_sep_right { border-right: 1px solid #CCCCCC; } .or .col_sep.white { border-left: 1px solid #444444 !important; } .or .row_sep { border-top: 1px solid #CCCCCC !important; } .or .row_sep.white { border-top: 1px solid #444444 !important; } .or .row_sep_bottom, .or .row_sep_bottom:hover { border-bottom: 1px solid #CCCCCC; } .or .left_sep { position: absolute; left: 0px; top: 7px; bottom: 7px; border-left: 1px solid #CCCCCC; } .or .black_row_sep { border-top: 1px solid #444444; } .or .black_row { cursor: pointer; } .or .black_row:hover { background-color: #333333; } .or .table_header { position: absolute; top: 0px; left: 0px; right: 0px !important; height: 35px; font-size: 14px; padding-right: 16px; color: #FFAA55; border-bottom: 1px solid #FFAA55; z-index: 20; } .or .table_header_small { position: absolute; top: -50px; left: 277px; height: 20px; font-size: 20px; padding: 14px 5px 15px 5px; background-color: #FFE0B0; border-left: 2px solid #FFAA55; border-right: 1px solid #FFAA55; z-index: 20; } .or .table_header_float { position: relative; width: 998px; clear: both; font-weight: bold; background-color: #F0F0F0; border-bottom: 2px solid #DDEEFF; padding: 2px 0px 2px 0px; } .or .row1 { background-color: #FFFFFF; } .or .row2 { background-color: #F8F8F8; } .or .row1:hover, .or .row2:hover { background-color: #F0F0F0; } .or .playoff_box { display: block !important; height: 50px !important; margin-right: -1px !important; border-top: 1px solid #CCCCCC !important; border-bottom: 1px solid #CCCCCC !important; border-right: 1px solid #CCCCCC !important; } .or .playoff_box:hover { border-bottom: 1px solid #CCCCCC !important; } .or .playoff_empty_box { position: relative !important; height: 50px !important; border-bottom: 1px solid transparent !important; } .or .playoff_bracket1 { position: absolute !important; top: 0px !important; left: -2px !important; width: 2px !important; border-top: 2px solid #000000 !important; } .or .playoff_bracket2 { position: absolute !important; bottom: 0px !important; left: -2px !important; width: 2px !important; border-bottom: 2px solid #000000 !important; } .or .playoff_bracket3 { position: absolute !important; top: 0px !important; bottom: 0px !important; left: 0px !important; border-right: 2px solid #000000 !important; z-index: 2 !important; } .or .playoff_bracket4 { position: absolute !important; top: 50% !important; left: 2px !important; width: 2px !important; margin-top: -1px !important; border-top: 2px solid #000000 !important; z-index: 2 !important; } .or b { font-weight: bold !important; } .or h1, .or .h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; float: left; font-size: 20px; min-width: 125px; max-width: 100%; color: #FFAA55; padding: 9px 10px 5px 0px; font-weight: normal; margin: 0px; } .or h2 { position: relative !important; display: block !important; clear: left !important; height: 20px !important; padding: 16px 0px 0px 8px !important; font-size: 20px !important; color: #FFAA55 !important; font-weight: normal; margin: 0px; } .or h2.border { padding-bottom: 11px !important; border-bottom: 1px solid #FFAA55 !important; } .or h3 { clear: left; font-size: 14px; font-weight: normal; color: #FF8F05; padding-bottom: 1px; margin: 0px; } .or h4 { clear: left; font-size: 13px; font-weight: normal; color: #FF8F05; margin: 0px; } .or hb { clear: left; font-weight: bold; color: #FFAA44; } .or .line { border-bottom: 1px solid #FFC055; padding: 5px 6px 2px 6px; } .or .normal_text { color: #000000; font-size: 14px; } .or .red { color: #FF0000 !important; } .or .green { color: #00FF00 !important; } .or .black { color: #000000 !important; } .or .light_gray { color: #BBBBBB !important; } .or .gray { color: #888888 !important; } .or .gray img, .or img.gray { opacity: 0.5 !important; } .or .disabled { color: #B0B0B0 !important; } .or .disabled img { opacity: 0.2 !important; } .or .gray a { color: #888888 !important; } .or .light_gray { color: #BBBBBB !important; } .or .light_gray a { color: #BBBBBB !important; } .or .white { color: #FFFFFF !important; } .or .white a { color: #FFFFFF !important; } .or .orange { color: #FFAA55; } .or .orange a { color: #FFAA55 !important; } a.orange { color: #FFAA55 !important; } .or td.small, .or span.small, .or div.small, .or a.small { font-size: 12px !important; line-height: 140% !important; } .large { font-size: 20px !important; padding-bottom: 3px; line-height: 110%; } .or .large { font-size: 20px; padding-bottom: 3px; line-height: 110%; } .xlarge { font-size: 26px; padding-bottom: 6px; margin-top: 0px; line-height: 110%; } .or .bold { font-weight: bold; } .or .ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .or .spinner { position: absolute; right: 5px; bottom: 5px; height: 0px; width: 0px; border-top: 8px solid transparent; border-right: 8px solid #888888; } .or .justify { text-align: justify; } .or .center { text-align: center; } .or .middle { vertical-align: middle !important; } .or .box_wrapper { position: relative; float: left; clear: both; padding: 0px; display: none; width: 100%; } .or .box_header2 { position: relative !important; padding: 10px 10px 6px 10px !important; clear: both; text-align: center; font-size: 28px; margin-top: -2px; line-height: 110%; color: #FFAA55; } .or .box_cover { border-bottom: 1px solid #CCCCCC; position: relative; padding-top: 102px; height: 50px; background-image: url('/images/icons/128/basic1-098_image_photo.png'); background-color: #70AFFF; background-repeat: no-repeat !important; background-position: center center !important; } .or .box_cover_bg { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 50px; background-color: #000000; opacity: 0.5; } .or .box_cols_sep { position: relative; float: left; width: 2%; height: 1px; } .box_flex { transition: 0.5s; display: -webkit-flex; display: flex; clear: both; position: relative; overflow: hidden; margin: 0px 10px 10px 10px; padding-top: 10px; visibility: hidden; } .column { transition: 0.5s; flex-direction: column !important; } .box_flex2, .box_flex3 { box-sizing: border-box; width: 50% !important; overflow: hidden; } .box_flex2 { margin: 0px 7px 0px 0px !important; } .box_flex3 { margin: 0px 0px 0px 7px !important; } .box_flex.column .box_flex2, .box_flex.column .box_flex3 { width: 100% !important; margin: 0px !important; } .box_flex.column .box_flex3 { margin-top: 10px !important; } .or .box_2cols { position: relative; float: left; overflow: hidden; width: 49%; display: none; } .or .var_column_sep { position: relative; float: left; width: 2%; height: 1px; display: none; } .or div.box_header_widget { position: relative !important; display: block !important; clear: left !important; height: 18px !important; border-bottom: 1px solid #FFAA55 !important; padding: 14px 0px 11px 10px !important; font-size: 18px !important; color: #FFAA55 !important; background-color: #FFFFFF; } .or a.box_header, .or div.box_header { clear: both; height: 44px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #FFAA55; } .box_header_title { float: left; padding: 15px 10px 8px 10px !important; } .box_header_item { float: right; padding: 19px 10px 10px 10px; min-width: 100px; } .box_header_icon { position: relative; float: right; text-align: center; width: 18px !important; height: 18px !important; font-size: 18px !important; padding: 16px 10px 10px 10px; transition: all 0.5s; } .or .box_description { position: relative !important; display: block !important; clear: both; padding: 10px 10px 5px 10px !important; } .or .box_description.bg { padding-bottom: 8px !important; background-color: #FFDDAD !important; } .or .box_description.bg.gray, .or .box_description.bg_gray { background-color: #EEEEEE !important; } .or .box_description_left { position: absolute; left: 0px; top: 0px; height: 15px !important; padding: 10px 10px 10px 10px !important; } .or .box_description_right { position: absolute; right: 0px; top: 0px; height: 15px !important; padding: 10px 10px 10px 10px !important; } .or .box_tabs { display: -webkit-flex; display: flex; clear: both; width: 100%; background-color: #F5F5F5; color: #888888; cursor: pointer; } .or .box_tabs.hidden { display: none; } .or .box_tab { flex-grow: 1; flex-basis: 0; padding: 7px 10px 4px 10px !important; min-height: 33px; text-align: center; border-bottom: 1px solid #FFAA55; flex-direction: column; display: flex; justify-content: center; align-content: center; } .or .box_tab.tab_sel { border-bottom: 4px solid #FFAA55 !important; padding: 7px 10px 1px 10px !important; color: #EE9933; } .or .box_tab.col_sep { border-left-color: #DDDDDD; } .or .box_tab img { width: 12px; height: 12px; vertical-align: text-top; margin-top: 2px; } .or .box_tabs_shadow { position: absolute; top: -5px; left: -5px; right: -5px; background-color: #CCCCCC; height: 5px; box-shadow: 0px 2px 6px 0px #CCCCCC; z-index: 1; } .or .tab_content { position: relative; overflow: hidden; } .or .box_content { position: relative !important; padding: 10px 10px 10px 10px !important; line-height: 140%; clear: both; box-sizing: border-box; } .or .box_item { position: relative; float: left; cursor: pointer; } .or .box_image { width: 100%; vertical-align: top; } .or .box_background { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 30px; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); } .or .box_title { position: absolute; bottom: 0px; height: 25px; left: 10px; right: 10px; color: #FFFFFF; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .or .image_box, .or .folder_box, .or .video_box, .or .stream_box, .or .report_box { position: relative; float: left; left: 0px; overflow: hidden; } .image_info { opacity: 1; z-index: 2; transition: z-index 0s, opacity 0.5s; } .image_info.expanded { opacity: 0; z-index: -1; transition: opacity 0.5s, z-index 0s 0.5s; } .popup_video { transition: 0.5s; overflow: hidden; } .popup_video.expanded { top: 0px !important; bottom: 0px !important; transition: 0.5s; } .popup_report { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 5px; width: 80%; min-width: 300px; max-width: 600px; opacity: 1; transition: opacity 0.5s; } .popup_report.hide { height: 0px; margin-bottom: 0px; opacity: 0; transition: opacity 0.5s, height 0s 0.5s, margin-bottom 0s 0.5s; } #popup_report_wrapper { transition: 0.5s; } #popup_report_wrapper.hide { opacity: 0; transition: 0.5s; } #scoreboard { transition: 0.5s; } #scoreboard.hide { opacity: 0; transition: 0.5s; } .vjs-loading-spinner { display: none !important; } .vjs-control { display: none !important; } @keyframes recording { 0% { opacity: 0.4; } 50% { opacity: 1; } 100% { opacity: 0.4; } } .popup_video.paused { bottom: 0px !important; } .popup_report_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.8; border-radius: 3px; } :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(2); animation-iteration-count: calc(2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(3); animation-iteration-count: calc(3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(2s); animation-delay: calc(2s); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(3s); animation-delay: calc(3s); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(4s); animation-delay: calc(4s); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(5s); animation-delay: calc(5s); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(0.5s); animation-duration: calc(0.5s); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(0.8s); animation-duration: calc(0.8s); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(2s); animation-duration: calc(2s); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(3s); animation-duration: calc(3s); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print,(prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translate3d(0,0,0) scaleY(0.95); transform: translate3d(0,0,0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translate3d(0,0,0) scaleY(0.95); transform: translate3d(0,0,0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1); } 40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1); } 65% { -webkit-transform: scale3d(0.95,1.05,1); transform: scale3d(0.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,0.95,1); transform: scale3d(1.05,0.95,1); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1); } 40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1); } 65% { -webkit-transform: scale3d(0.95,1.05,1); transform: scale3d(0.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,0.95,1); transform: scale3d(1.05,0.95,1); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%, 20% { -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%, 20% { -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes wobble { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1.3s); animation-duration: calc(1.3s); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97); } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97); } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } .animate__bounceIn { -webkit-animation-duration: calc(0.75s); animation-duration: calc(0.75s); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(0.9); transform: translate3d(0,25px,0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(0.95); transform: translate3d(0,-10px,0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(0.985); transform: translate3d(0,5px,0) scaleY(0.985); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(0.9); transform: translate3d(0,25px,0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(0.95); transform: translate3d(0,-10px,0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(0.985); transform: translate3d(0,5px,0) scaleY(0.985); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(0.98); transform: translate3d(-10px,0,0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(0.995); transform: translate3d(5px,0,0) scaleX(0.995); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(0.98); transform: translate3d(-10px,0,0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(0.995); transform: translate3d(5px,0,0) scaleX(0.995); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1); } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(0.98); transform: translate3d(10px,0,0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(0.995); transform: translate3d(-5px,0,0) scaleX(0.995); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1); } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(0.98); transform: translate3d(10px,0,0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(0.995); transform: translate3d(-5px,0,0) scaleX(0.995); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(0.9); transform: translate3d(0,-20px,0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(0.95); transform: translate3d(0,10px,0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(0.985); transform: translate3d(0,-5px,0) scaleY(0.985); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(0.9); transform: translate3d(0,-20px,0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(0.95); transform: translate3d(0,10px,0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(0.985); transform: translate3d(0,-5px,0) scaleY(0.985); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(0.75s); animation-duration: calc(0.75s); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(0.985); transform: translate3d(0,10px,0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(0.9); transform: translate3d(0,-20px,0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(0.985); transform: translate3d(0,10px,0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(0.9); transform: translate3d(0,-20px,0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(0.9); transform: translate3d(20px,0,0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(0.9); transform: translate3d(20px,0,0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(0.9); transform: translate3d(-20px,0,0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(0.9); transform: translate3d(-20px,0,0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(0.985); transform: translate3d(0,-10px,0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(0.9); transform: translate3d(0,20px,0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(0.985); transform: translate3d(0,-10px,0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(0.9); transform: translate3d(0,20px,0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) scale3d(1,1,1) 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) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg); transform: perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) scale3d(1,1,1) 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) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg); transform: perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(0.75s); animation-duration: calc(0.75s); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(0.75s); animation-duration: calc(0.75s); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes hinge { 0% { -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-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-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } } @keyframes hinge { 0% { -webkit-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-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-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(2s); animation-duration: calc(2s); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px,0,0); transform: scale(0.1) translate3d(-2000px,0,0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px,0,0); transform: scale(0.1) translate3d(-2000px,0,0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px,0,0); transform: scale(0.1) translate3d(2000px,0,0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px,0,0); transform: scale(0.1) translate3d(2000px,0,0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .or .button_checkbox { border: 1px solid #FFC090; background-color: #FFEABA; color: #606060; cursor: pointer; margin: 1px 0px 1px 0px; box-shadow: inset 0px -5px 10px #FFD070; } .or .button_checkbox:active { background-color: #FFE0B0; box-shadow: inset 0px 5px 6px #FFCA60; } @media all and (max-width: 700px) { } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } .or .btn_sel { background-color: #FF9933 !important; color: #FFFFFF !important; box-shadow: inset 0px 3px 5px #BB7700 !important; } .or .button, .or_button { position: relative; float: left; height: 35px; font-size: 14px; padding: 7px 9px 9px 9px; box-sizing: border-box; border: 1px solid #FFB030; border-radius: 3px; background-color: #FFE0A0; color: #000000; cursor: pointer; margin: 2px 2px 2px 2px; box-shadow: inset 0px -5px 10px #FFC070; white-space: nowrap !important; } .or .button.small, .or_button.small { position: relative; float: left; height: 35px; font-size: 14px; padding: 9px 9px 9px 9px; box-sizing: border-box; border: 1px solid #FFB030; border-radius: 3px; background-color: #FFE0A0; color: #000000; cursor: pointer; margin: 2px 2px 2px 2px; box-shadow: inset 0px -5px 10px #FFC070; white-space: nowrap !important; } .or .bw_button { position: relative; float: left; font-size: 10px !important; box-sizing: border-box; cursor: pointer; white-space: nowrap !important; margin: 6px 1px 0px 1px; background-color: inherit !important; padding: 4px 6px 5px 6px; height: 23px; color: #000000 !important; border: 1px solid #000000; } .or .bw_btn_left { padding: 4px 6px 5px 8px; border-radius: 20px 0px 0px 20px; } .or .bw_btn_right { padding: 4px 8px 5px 6px; border-radius: 0px 20px 20px 0px; } .or .bw_btn_sel { background-color: #000000 !important; color: #EEEEEE !important; } .or .button.right { float: right !important; } .or .btn_dis { border: 1px solid #CCCCCC !important; background-color: #F0F0F0 !important; box-shadow: none !important; color: #BBBBBB !important; cursor: default !important; } .or .btn_sel.btn_dis { box-shadow: inset 0px 3px 5px #BBBBBB !important; } .or .dis { opacity: 0.5; } .or .button:active { background-color: #FFD58A; -moz-box-shadow: inset 0px 5px 6px #FFB050; -webkit-box-shadow: inset 0px 5px 6px #FFB050; } .or .form { position: relative; float: left; border: 1px solid #BBBBBB; background-color: #FFFFFF; font-family: Verdana; font-size: 14px; height: 19px; padding: 7px 6px 7px 6px; margin: 2px 2px 2px 2px; border-radius: 0px; } .form::-webkit-outer-spin-button, .form::-webkit-inner-spin-button { display: none; } .payment_form > :-webkit-autofill { -webkit-text-fill-color: #FFFFFF !important; } ::-webkit-input-placeholder { color: #888888; } :-moz-placeholder { color: #888888; } ::-moz-placeholder { color: #888888; } :-ms-input-placeholder { color: #888888; } .or .popup_row_form { position: relative; float: left; border: 0px; background-color: inherit; font-family: Verdana; font-size: 14px; height: 44px; padding: 13px 7px 13px 5px; margin: 0px 0px 0px 0px; border-radius: 0px; width: 100%; color: inherit; z-index: 2; box-sizing: border-box; } .color_input { padding: 0px !important; margin: 5px !important; border: 0px solid #000000 !important; height: 34px !important; border-radius: 3px !important; } .or .popup_row_text { padding: 13px 10px 8px 10px; line-height: 130%; } .or select.popup_row_form { height: 44px !important; padding: 10px 7px 10px 3px; margin-right: 10px; } .or textarea.popup_row_form:not(.scrollbar) { width: 100%; padding: 13px 7px 11px 7px; } .or select.form { height: 38px !important; padding: 7px 7px 7px 3px; background-color: #FFFFFF; } .or textarea.form:not(.scrollbar) { width: 100%; height: 116px; } .or .form.blur { color: #999; } .or .blur { color: #999; } .or .form_sel { } .or .form:focus { border-color: #FFC070; } .or .select { line-height: 140%; position: absolute; display: none; left: 1px; right: 0px; border: 2px solid #EEDD9A; border-top: 0px; background-color: #F8F0D0; border-radius: 0px 0px 4px 4px; z-index: 10; } .or .option { position: relative; display: block; padding: 2px 4px 2px 4px; cursor: pointer; } .or .option:hover { background-color: #EEDD9A; } .or .form_btn { position: absolute; right: 6px; top: 6px; height: 19px; padding: 8px; border-left: 1px solid #CCCCCC; background-color: #EEEEEE; cursor: pointer; } .or .ui-slider { position: relative; text-align: left; margin: 0px 10px 0px 10px !important; } .or .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 35px; cursor: pointer; } .or .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .or .ui-slider.ui-state-disabled .ui-slider-handle, .or .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .or .ui-slider-horizontal { height: 35px; } .or .ui-slider-horizontal .ui-slider-handle { top: -1px; margin-left: -11px; } .or .ui-slider-horizontal .ui-slider-range { top: -1px; height: 100%; border: 1px solid #FFC090; } .or .ui-slider-horizontal .ui-slider-range-min { left: 0; } .or .ui-slider-horizontal .ui-slider-range-max { right: 0; } .or .ui-widget-content { border: 1px solid #CCCCCC; background-color: #EEEEEE; color: #222222; } .or .ui-widget-content a { color: #222222; } .or .ui-widget-header { border: 1px solid #aaaaaa; background: #FFE0B0; color: #222222; font-weight: bold; } .or .ui-widget-header a { color: #222222; } .or .ui-state-default, .or .ui-widget-content .ui-state-default, .or .ui-widget-header .ui-state-default { border: 1px solid #FFC090; background-color: #FFE0A0; box-shadow: inset 0px -5px 10px #FFC070; font-weight: normal; color: #555555; }.or .loading { position: relative; float: left; padding: 10px; } .or .filter_button_click { position: relative; float: left; padding: 0px 5px 5px 0px; } .or .headlines_padding { top: 36px !important; } .or #filter_result { position: relative; float: left; } .or #right { position: absolute; right: 0px; top: 45px; bottom: 0px; z-index: 2; background-color: #FFFFFF; } .or .right_line { position: relative; float: left; width: 18px; height: 100%; z-index: 2; cursor: pointer; background-color: #E0E0E0; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } .or .right_line:hover { background-color: #D5D5D5; } .or #right_arrow_right { position: relative; margin: auto auto auto auto; top: 50%; left: 1px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #AAAAAA; } .or #right_arrow_left { position: relative; margin: auto auto auto auto; top: 50%; left: 1px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #AAAAAA; } .or #right_content { position: relative; float: left; width: 380px; height: 100%; z-index: 20; background-color: #FFFFFF; overflow: auto; -webkit-overflow-scrolling: touch; } .or #right_content2 { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 20; background-color: #FFFFFF; overflow: auto; -webkit-overflow-scrolling: touch; } @media all and (min-width: 701px) { .or .filter_narrow { display: none; } } @media all and (max-width: 600px) { .or .filter_col { width: 200px; color: #888888; } .or .filter_col.filter_col { border-left: 0px; } .or #right { top: 90px; } } @media all and (max-width: 700px) { .or .col1, .or .col2 { display: none; } .or .filter_cols { width: auto !important; } .or .filter_col { width: auto !important; } .or .col3 { width: 30px !important; } } @media all and (min-width: 481px) { .or .filter_size_small { display: none; } } @media all and (max-width: 480px), (min-width: 881px) { .or .filter_size_medium { display: none; } } @media all and (max-width: 880px) { .or .filter_size_large { display: none; } } @media all and (max-width: 700px) { .or .filter { display: none; } } @media all and (max-width: 700px) and (min-width: 400px) { .or .table_header { display: none; } .or .headlines_padding { top: 0px !important; } } .or .leftright { float: left; } @media all and (max-width: 1000px) { .or .hideifnarrowerthan1000 { display: none; } } @media all and (min-width: 1001px) { .or .showifnarrowerthan1000 { display: none; } } @media all and (max-width: 900px) { .or .hideifnarrowerthan900 { display: none; } } @media all and (min-width: 901px) { .or .showifnarrowerthan900 { display: none; } } @media all and (max-width: 800px) { .or .hideifnarrowerthan800 { display: none; } } @media all and (min-width: 801px) { .or .showifnarrowerthan800 { display: none; } } @media all and (max-width: 700px) { .or .hideifnarrowerthan700 { display: none; } } @media all and (min-width: 701px) { .or .showifnarrowerthan700 { display: none; } } @media all and (max-width: 600px) { .or .hideifnarrowerthan600 { display: none; } } @media all and (min-width: 601px) { .or .showifnarrowerthan600 { display: none; } } @media all and (max-width: 500px) { .or .hideifnarrowerthan500 { display: none; } } @media all and (min-width: 501px) { .or .showifnarrowerthan500 { display: none; } } @media all and (max-width: 400px) { .or .hideifnarrowerthan400 { display: none; } } @media all and (min-width: 401px) { .or .showifnarrowerthan400 { display: none; } } @media all and (max-width: 600px) { .or .hideifnarrow { display: none; } .or .width_auto { width: auto !important; } .or .leftright { float: right; } .or .hideifwide { width: auto !important; } } @media all and (min-width: 601px) { .or #views_small { display: none; } .or .table_header_small { display: none; } .or .hideifwide { display: none; } } @media all and (max-width: 480px), (min-width: 601px) { .or .hideifnarrowmobile { display: none; } } @media all and (max-width: 480px) { .or .hideifnarrowmobile2 { display: none; } } @media all and (min-width: 481px) { .or .hideifwidemobile { display: none; } } .or #filter_wrapper { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .or .filter_image_view { position: relative; float: left; width: 20%; } @media all and (min-width: 1920px) { .or .filter_image_view { width: 16.6%; } } @media all and (min-width: 1600px) and (max-width: 1919px) { .or .filter_image_view { width: 20%; } } @media all and (min-width: 1280px) and (max-width: 1599px) { .or .filter_image_view { width: 25%; } } @media all and (max-width: 1279px) { .or .filter_image_view { width: 33.34%; } } @media all and (max-width: 700px) { .or .filter_column5 { display: none !important; } } @media all and (max-width: 500px) { .or .filter_column4 { display: none !important; } } @media all and (max-width: 350px) { .or .filter_column3 { display: none !important; } }