@font-face{font-family:elg;src:url(../includes/font/ElegantIcons.eot);src:url(../includes/font/ElegantIcons.eot?#iefix) format('embedded-opentype'),url(../includes/font/ElegantIcons.woff) format('woff'),url(../includes/font/ElegantIcons.ttf) format('truetype'),url(../includes/font/ElegantIcons.svg#ElegantIcons) format('svg');font-weight:400;font-style:normal}[data-icon]:before{font-family:elg;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.elg-arrow-up-down,.elg-arrow_back,.elg-arrow_carrot-2down,.elg-arrow_carrot-2down_alt2,.elg-arrow_carrot-2dwnn_alt,.elg-arrow_carrot-2left,.elg-arrow_carrot-2left_alt,.elg-arrow_carrot-2left_alt2,.elg-arrow_carrot-2right,.elg-arrow_carrot-2right_alt,.elg-arrow_carrot-2right_alt2,.elg-arrow_carrot-2up,.elg-arrow_carrot-2up_alt,.elg-arrow_carrot-2up_alt2,.elg-arrow_carrot-down,.elg-arrow_carrot-down_alt,.elg-arrow_carrot-down_alt2,.elg-arrow_carrot-left,.elg-arrow_carrot-left_alt,.elg-arrow_carrot-left_alt2,.elg-arrow_carrot-right,.elg-arrow_carrot-right_alt,.elg-arrow_carrot-right_alt2,.elg-arrow_carrot-up,.elg-arrow_carrot-up_alt2,.elg-arrow_carrot_up_alt,.elg-arrow_condense,.elg-arrow_condense_alt,.elg-arrow_down,.elg-arrow_down_alt,.elg-arrow_expand,.elg-arrow_expand_alt,.elg-arrow_expand_alt2,.elg-arrow_expand_alt3,.elg-arrow_left,.elg-arrow_left-down,.elg-arrow_left-down_alt,.elg-arrow_left-right,.elg-arrow_left-right_alt,.elg-arrow_left-up,.elg-arrow_left-up_alt,.elg-arrow_left_alt,.elg-arrow_move,.elg-arrow_right,.elg-arrow_right-down,.elg-arrow_right-down_alt,.elg-arrow_right-up,.elg-arrow_right-up_alt,.elg-arrow_right_alt,.elg-arrow_triangle-down,.elg-arrow_triangle-down_alt,.elg-arrow_triangle-down_alt2,.elg-arrow_triangle-left,.elg-arrow_triangle-left_alt,.elg-arrow_triangle-left_alt2,.elg-arrow_triangle-right,.elg-arrow_triangle-right_alt,.elg-arrow_triangle-right_alt2,.elg-arrow_triangle-up,.elg-arrow_triangle-up_alt,.elg-arrow_triangle-up_alt2,.elg-arrow_up,.elg-arrow_up-down_alt,.elg-arrow_up_alt,.elg-icon_adjust-horiz,.elg-icon_adjust-vert,.elg-icon_archive,.elg-icon_archive_alt,.elg-icon_bag,.elg-icon_bag_alt,.elg-icon_balance,.elg-icon_blocked,.elg-icon_book,.elg-icon_book_alt,.elg-icon_box-checked,.elg-icon_box-empty,.elg-icon_box-selected,.elg-icon_briefcase,.elg-icon_briefcase_alt,.elg-icon_building,.elg-icon_building_alt,.elg-icon_calculator_alt,.elg-icon_calendar,.elg-icon_calulator,.elg-icon_camera,.elg-icon_camera_alt,.elg-icon_cart,.elg-icon_cart_alt,.elg-icon_chat,.elg-icon_chat_alt,.elg-icon_check,.elg-icon_check_alt,.elg-icon_check_alt2,.elg-icon_circle-empty,.elg-icon_circle-slelected,.elg-icon_clipboard,.elg-icon_clock,.elg-icon_clock_alt,.elg-icon_close,.elg-icon_close_alt,.elg-icon_close_alt2,.elg-icon_cloud,.elg-icon_cloud-download,.elg-icon_cloud-download_alt,.elg-icon_cloud-upload,.elg-icon_cloud-upload_alt,.elg-icon_cloud_alt,.elg-icon_cog,.elg-icon_cogs,.elg-icon_comment,.elg-icon_comment_alt,.elg-icon_compass,.elg-icon_compass_alt,.elg-icon_cone,.elg-icon_cone_alt,.elg-icon_contacts,.elg-icon_contacts_alt,.elg-icon_creditcard,.elg-icon_currency,.elg-icon_currency_alt,.elg-icon_cursor,.elg-icon_cursor_alt,.elg-icon_datareport,.elg-icon_datareport_alt,.elg-icon_desktop,.elg-icon_dislike,.elg-icon_dislike_alt,.elg-icon_document,.elg-icon_document_alt,.elg-icon_documents,.elg-icon_documents_alt,.elg-icon_download,.elg-icon_drawer,.elg-icon_drawer_alt,.elg-icon_drive,.elg-icon_drive_alt,.elg-icon_easel,.elg-icon_easel_alt,.elg-icon_error-circle,.elg-icon_error-circle_alt,.elg-icon_error-oct,.elg-icon_error-oct_alt,.elg-icon_error-triangle,.elg-icon_error-triangle_alt,.elg-icon_film,.elg-icon_floppy,.elg-icon_floppy_alt,.elg-icon_flowchart,.elg-icon_flowchart_alt,.elg-icon_folder,.elg-icon_folder-add,.elg-icon_folder-add_alt,.elg-icon_folder-alt,.elg-icon_folder-open,.elg-icon_folder-open_alt,.elg-icon_folder_download,.elg-icon_folder_upload,.elg-icon_genius,.elg-icon_gift,.elg-icon_gift_alt,.elg-icon_globe,.elg-icon_globe-2,.elg-icon_globe_alt,.elg-icon_grid-2x2,.elg-icon_grid-3x3,.elg-icon_group,.elg-icon_headphones,.elg-icon_heart,.elg-icon_heart_alt,.elg-icon_hourglass,.elg-icon_house,.elg-icon_house_alt,.elg-icon_id,.elg-icon_id-2,.elg-icon_id-2_alt,.elg-icon_id_alt,.elg-icon_image,.elg-icon_images,.elg-icon_info,.elg-icon_info_alt,.elg-icon_key,.elg-icon_key_alt,.elg-icon_laptop,.elg-icon_lifesaver,.elg-icon_lightbulb,.elg-icon_lightbulb_alt,.elg-icon_like,.elg-icon_like_alt,.elg-icon_link,.elg-icon_link_alt,.elg-icon_loading,.elg-icon_lock,.elg-icon_lock-open,.elg-icon_lock-open_alt,.elg-icon_lock_alt,.elg-icon_mail,.elg-icon_mail_alt,.elg-icon_map,.elg-icon_map_alt,.elg-icon_menu,.elg-icon_menu-circle_alt,.elg-icon_menu-circle_alt2,.elg-icon_menu-square_alt,.elg-icon_menu-square_alt2,.elg-icon_mic,.elg-icon_mic_alt,.elg-icon_minus-06,.elg-icon_minus-box,.elg-icon_minus_alt,.elg-icon_minus_alt2,.elg-icon_mobile,.elg-icon_mug,.elg-icon_mug_alt,.elg-icon_music,.elg-icon_ol,.elg-icon_paperclip,.elg-icon_pause,.elg-icon_pause_alt,.elg-icon_pause_alt2,.elg-icon_pencil,.elg-icon_pencil-edit,.elg-icon_pencil-edit_alt,.elg-icon_pencil_alt,.elg-icon_pens,.elg-icon_pens_alt,.elg-icon_percent,.elg-icon_percent_alt,.elg-icon_phone,.elg-icon_piechart,.elg-icon_pin,.elg-icon_pin_alt,.elg-icon_plus,.elg-icon_plus-box,.elg-icon_plus_alt,.elg-icon_plus_alt2,.elg-icon_printer,.elg-icon_printer-alt,.elg-icon_profile,.elg-icon_pushpin,.elg-icon_pushpin_alt,.elg-icon_puzzle,.elg-icon_puzzle_alt,.elg-icon_question,.elg-icon_question_alt,.elg-icon_question_alt2,.elg-icon_quotations,.elg-icon_quotations_alt,.elg-icon_quotations_alt2,.elg-icon_refresh,.elg-icon_ribbon,.elg-icon_ribbon_alt,.elg-icon_rook,.elg-icon_search,.elg-icon_search-2,.elg-icon_search_alt,.elg-icon_shield,.elg-icon_shield_alt,.elg-icon_star,.elg-icon_star-half,.elg-icon_star-half_alt,.elg-icon_star_alt,.elg-icon_stop,.elg-icon_stop_alt,.elg-icon_stop_alt2,.elg-icon_table,.elg-icon_tablet,.elg-icon_tag,.elg-icon_tag_alt,.elg-icon_tags,.elg-icon_tags_alt,.elg-icon_target,.elg-icon_tool,.elg-icon_toolbox,.elg-icon_toolbox_alt,.elg-icon_tools,.elg-icon_trash,.elg-icon_trash_alt,.elg-icon_ul,.elg-icon_upload,.elg-icon_vol-mute,.elg-icon_vol-mute_alt,.elg-icon_volume-high,.elg-icon_volume-high_alt,.elg-icon_volume-low,.elg-icon_volume-low_alt,.elg-icon_wallet,.elg-icon_wallet_alt,.elg-icon_zoom-in,.elg-icon_zoom-in_alt,.elg-icon_zoom-out,.elg-icon_zoom-out_alt,.elg-social_blogger,.elg-social_blogger_circle,.elg-social_blogger_square,.elg-social_delicious,.elg-social_delicious_circle,.elg-social_delicious_square,.elg-social_deviantart,.elg-social_deviantart_circle,.elg-social_deviantart_square,.elg-social_dribbble,.elg-social_dribbble_circle,.elg-social_dribbble_square,.elg-social_facebook,.elg-social_facebook_circle,.elg-social_facebook_square,.elg-social_flickr,.elg-social_flickr_circle,.elg-social_flickr_square,.elg-social_googledrive,.elg-social_googledrive_alt2,.elg-social_googledrive_square,.elg-social_googleplus,.elg-social_googleplus_circle,.elg-social_googleplus_square,.elg-social_instagram,.elg-social_instagram_circle,.elg-social_instagram_square,.elg-social_linkedin,.elg-social_linkedin_circle,.elg-social_linkedin_square,.elg-social_myspace,.elg-social_myspace_circle,.elg-social_myspace_square,.elg-social_picassa,.elg-social_picassa_circle,.elg-social_picassa_square,.elg-social_pinterest,.elg-social_pinterest_circle,.elg-social_pinterest_square,.elg-social_rss,.elg-social_rss_circle,.elg-social_rss_square,.elg-social_share,.elg-social_share_circle,.elg-social_share_square,.elg-social_skype,.elg-social_skype_circle,.elg-social_skype_square,.elg-social_spotify,.elg-social_spotify_circle,.elg-social_spotify_square,.elg-social_stumbleupon_circle,.elg-social_stumbleupon_square,.elg-social_tumbleupon,.elg-social_tumblr,.elg-social_tumblr_circle,.elg-social_tumblr_square,.elg-social_twitter,.elg-social_twitter_circle,.elg-social_twitter_square,.elg-social_vimeo,.elg-social_vimeo_circle,.elg-social_vimeo_square,.elg-social_wordpress,.elg-social_wordpress_circle,.elg-social_wordpress_square,.elg-social_youtube,.elg-social_youtube_circle,.elg-social_youtube_square{font-family:elg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.elg-arrow_up:before{content:"\21"}.elg-arrow_down:before{content:"\22"}.elg-arrow_left:before{content:"\23"}.elg-arrow_right:before{content:"\24"}.elg-arrow_left-up:before{content:"\25"}.elg-arrow_right-up:before{content:"\26"}.elg-arrow_right-down:before{content:"\27"}.elg-arrow_left-down:before{content:"\28"}.elg-arrow-up-down:before{content:"\29"}.elg-arrow_up-down_alt:before{content:"\2a"}.elg-arrow_left-right_alt:before{content:"\2b"}.elg-arrow_left-right:before{content:"\2c"}.elg-arrow_expand_alt2:before{content:"\2d"}.elg-arrow_expand_alt:before{content:"\2e"}.elg-arrow_condense:before{content:"\2f"}.elg-arrow_expand:before{content:"\30"}.elg-arrow_move:before{content:"\31"}.elg-arrow_carrot-up:before{content:"\32"}.elg-arrow_carrot-down:before{content:"\33"}.elg-arrow_carrot-left:before{content:"\34"}.elg-arrow_carrot-right:before{content:"\35"}.elg-arrow_carrot-2up:before{content:"\36"}.elg-arrow_carrot-2down:before{content:"\37"}.elg-arrow_carrot-2left:before{content:"\38"}.elg-arrow_carrot-2right:before{content:"\39"}.elg-arrow_carrot-up_alt2:before{content:"\3a"}.elg-arrow_carrot-down_alt2:before{content:"\3b"}.elg-arrow_carrot-left_alt2:before{content:"\3c"}.elg-arrow_carrot-right_alt2:before{content:"\3d"}.elg-arrow_carrot-2up_alt2:before{content:"\3e"}.elg-arrow_carrot-2down_alt2:before{content:"\3f"}.elg-arrow_carrot-2left_alt2:before{content:"\40"}.elg-arrow_carrot-2right_alt2:before{content:"\41"}.elg-arrow_triangle-up:before{content:"\42"}.elg-arrow_triangle-down:before{content:"\43"}.elg-arrow_triangle-left:before{content:"\44"}.elg-arrow_triangle-right:before{content:"\45"}.elg-arrow_triangle-up_alt2:before{content:"\46"}.elg-arrow_triangle-down_alt2:before{content:"\47"}.elg-arrow_triangle-left_alt2:before{content:"\48"}.elg-arrow_triangle-right_alt2:before{content:"\49"}.elg-arrow_back:before{content:"\4a"}.elg-icon_minus-06:before{content:"\4b"}.elg-icon_plus:before{content:"\4c"}.elg-icon_close:before{content:"\4d"}.elg-icon_check:before{content:"\4e"}.elg-icon_minus_alt2:before{content:"\4f"}.elg-icon_plus_alt2:before{content:"\50"}.elg-icon_close_alt2:before{content:"\51"}.elg-icon_check_alt2:before{content:"\52"}.elg-icon_zoom-out_alt:before{content:"\53"}.elg-icon_zoom-in_alt:before{content:"\54"}.elg-icon_search:before{content:"\55"}.elg-icon_box-empty:before{content:"\56"}.elg-icon_box-selected:before{content:"\57"}.elg-icon_minus-box:before{content:"\58"}.elg-icon_plus-box:before{content:"\59"}.elg-icon_box-checked:before{content:"\5a"}.elg-icon_circle-empty:before{content:"\5b"}.elg-icon_circle-slelected:before{content:"\5c"}.elg-icon_stop_alt2:before{content:"\5d"}.elg-icon_stop:before{content:"\5e"}.elg-icon_pause_alt2:before{content:"\5f"}.elg-icon_pause:before{content:"\60"}.elg-icon_menu:before{content:"\61"}.elg-icon_menu-square_alt2:before{content:"\62"}.elg-icon_menu-circle_alt2:before{content:"\63"}.elg-icon_ul:before{content:"\64"}.elg-icon_ol:before{content:"\65"}.elg-icon_adjust-horiz:before{content:"\66"}.elg-icon_adjust-vert:before{content:"\67"}.elg-icon_document_alt:before{content:"\68"}.elg-icon_documents_alt:before{content:"\69"}.elg-icon_pencil:before{content:"\6a"}.elg-icon_pencil-edit_alt:before{content:"\6b"}.elg-icon_pencil-edit:before{content:"\6c"}.elg-icon_folder-alt:before{content:"\6d"}.elg-icon_folder-open_alt:before{content:"\6e"}.elg-icon_folder-add_alt:before{content:"\6f"}.elg-icon_info_alt:before{content:"\70"}.elg-icon_error-oct_alt:before{content:"\71"}.elg-icon_error-circle_alt:before{content:"\72"}.elg-icon_error-triangle_alt:before{content:"\73"}.elg-icon_question_alt2:before{content:"\74"}.elg-icon_question:before{content:"\75"}.elg-icon_comment_alt:before{content:"\76"}.elg-icon_chat_alt:before{content:"\77"}.elg-icon_vol-mute_alt:before{content:"\78"}.elg-icon_volume-low_alt:before{content:"\79"}.elg-icon_volume-high_alt:before{content:"\7a"}.elg-icon_quotations:before{content:"\7b"}.elg-icon_quotations_alt2:before{content:"\7c"}.elg-icon_clock_alt:before{content:"\7d"}.elg-icon_lock_alt:before{content:"\7e"}.elg-icon_lock-open_alt:before{content:"\e000"}.elg-icon_key_alt:before{content:"\e001"}.elg-icon_cloud_alt:before{content:"\e002"}.elg-icon_cloud-upload_alt:before{content:"\e003"}.elg-icon_cloud-download_alt:before{content:"\e004"}.elg-icon_image:before{content:"\e005"}.elg-icon_images:before{content:"\e006"}.elg-icon_lightbulb_alt:before{content:"\e007"}.elg-icon_gift_alt:before{content:"\e008"}.elg-icon_house_alt:before{content:"\e009"}.elg-icon_genius:before{content:"\e00a"}.elg-icon_mobile:before{content:"\e00b"}.elg-icon_tablet:before{content:"\e00c"}.elg-icon_laptop:before{content:"\e00d"}.elg-icon_desktop:before{content:"\e00e"}.elg-icon_camera_alt:before{content:"\e00f"}.elg-icon_mail_alt:before{content:"\e010"}.elg-icon_cone_alt:before{content:"\e011"}.elg-icon_ribbon_alt:before{content:"\e012"}.elg-icon_bag_alt:before{content:"\e013"}.elg-icon_creditcard:before{content:"\e014"}.elg-icon_cart_alt:before{content:"\e015"}.elg-icon_paperclip:before{content:"\e016"}.elg-icon_tag_alt:before{content:"\e017"}.elg-icon_tags_alt:before{content:"\e018"}.elg-icon_trash_alt:before{content:"\e019"}.elg-icon_cursor_alt:before{content:"\e01a"}.elg-icon_mic_alt:before{content:"\e01b"}.elg-icon_compass_alt:before{content:"\e01c"}.elg-icon_pin_alt:before{content:"\e01d"}.elg-icon_pushpin_alt:before{content:"\e01e"}.elg-icon_map_alt:before{content:"\e01f"}.elg-icon_drawer_alt:before{content:"\e020"}.elg-icon_toolbox_alt:before{content:"\e021"}.elg-icon_book_alt:before{content:"\e022"}.elg-icon_calendar:before{content:"\e023"}.elg-icon_film:before{content:"\e024"}.elg-icon_table:before{content:"\e025"}.elg-icon_contacts_alt:before{content:"\e026"}.elg-icon_headphones:before{content:"\e027"}.elg-icon_lifesaver:before{content:"\e028"}.elg-icon_piechart:before{content:"\e029"}.elg-icon_refresh:before{content:"\e02a"}.elg-icon_link_alt:before{content:"\e02b"}.elg-icon_link:before{content:"\e02c"}.elg-icon_loading:before{content:"\e02d"}.elg-icon_blocked:before{content:"\e02e"}.elg-icon_archive_alt:before{content:"\e02f"}.elg-icon_heart_alt:before{content:"\e030"}.elg-icon_star_alt:before{content:"\e031"}.elg-icon_star-half_alt:before{content:"\e032"}.elg-icon_star:before{content:"\e033"}.elg-icon_star-half:before{content:"\e034"}.elg-icon_tools:before{content:"\e035"}.elg-icon_tool:before{content:"\e036"}.elg-icon_cog:before{content:"\e037"}.elg-icon_cogs:before{content:"\e038"}.elg-arrow_up_alt:before{content:"\e039"}.elg-arrow_down_alt:before{content:"\e03a"}.elg-arrow_left_alt:before{content:"\e03b"}.elg-arrow_right_alt:before{content:"\e03c"}.elg-arrow_left-up_alt:before{content:"\e03d"}.elg-arrow_right-up_alt:before{content:"\e03e"}.elg-arrow_right-down_alt:before{content:"\e03f"}.elg-arrow_left-down_alt:before{content:"\e040"}.elg-arrow_condense_alt:before{content:"\e041"}.elg-arrow_expand_alt3:before{content:"\e042"}.elg-arrow_carrot_up_alt:before{content:"\e043"}.elg-arrow_carrot-down_alt:before{content:"\e044"}.elg-arrow_carrot-left_alt:before{content:"\e045"}.elg-arrow_carrot-right_alt:before{content:"\e046"}.elg-arrow_carrot-2up_alt:before{content:"\e047"}.elg-arrow_carrot-2dwnn_alt:before{content:"\e048"}.elg-arrow_carrot-2left_alt:before{content:"\e049"}.elg-arrow_carrot-2right_alt:before{content:"\e04a"}.elg-arrow_triangle-up_alt:before{content:"\e04b"}.elg-arrow_triangle-down_alt:before{content:"\e04c"}.elg-arrow_triangle-left_alt:before{content:"\e04d"}.elg-arrow_triangle-right_alt:before{content:"\e04e"}.elg-icon_minus_alt:before{content:"\e04f"}.elg-icon_plus_alt:before{content:"\e050"}.elg-icon_close_alt:before{content:"\e051"}.elg-icon_check_alt:before{content:"\e052"}.elg-icon_zoom-out:before{content:"\e053"}.elg-icon_zoom-in:before{content:"\e054"}.elg-icon_stop_alt:before{content:"\e055"}.elg-icon_menu-square_alt:before{content:"\e056"}.elg-icon_menu-circle_alt:before{content:"\e057"}.elg-icon_document:before{content:"\e058"}.elg-icon_documents:before{content:"\e059"}.elg-icon_pencil_alt:before{content:"\e05a"}.elg-icon_folder:before{content:"\e05b"}.elg-icon_folder-open:before{content:"\e05c"}.elg-icon_folder-add:before{content:"\e05d"}.elg-icon_folder_upload:before{content:"\e05e"}.elg-icon_folder_download:before{content:"\e05f"}.elg-icon_info:before{content:"\e060"}.elg-icon_error-circle:before{content:"\e061"}.elg-icon_error-oct:before{content:"\e062"}.elg-icon_error-triangle:before{content:"\e063"}.elg-icon_question_alt:before{content:"\e064"}.elg-icon_comment:before{content:"\e065"}.elg-icon_chat:before{content:"\e066"}.elg-icon_vol-mute:before{content:"\e067"}.elg-icon_volume-low:before{content:"\e068"}.elg-icon_volume-high:before{content:"\e069"}.elg-icon_quotations_alt:before{content:"\e06a"}.elg-icon_clock:before{content:"\e06b"}.elg-icon_lock:before{content:"\e06c"}.elg-icon_lock-open:before{content:"\e06d"}.elg-icon_key:before{content:"\e06e"}.elg-icon_cloud:before{content:"\e06f"}.elg-icon_cloud-upload:before{content:"\e070"}.elg-icon_cloud-download:before{content:"\e071"}.elg-icon_lightbulb:before{content:"\e072"}.elg-icon_gift:before{content:"\e073"}.elg-icon_house:before{content:"\e074"}.elg-icon_camera:before{content:"\e075"}.elg-icon_mail:before{content:"\e076"}.elg-icon_cone:before{content:"\e077"}.elg-icon_ribbon:before{content:"\e078"}.elg-icon_bag:before{content:"\e079"}.elg-icon_cart:before{content:"\e07a"}.elg-icon_tag:before{content:"\e07b"}.elg-icon_tags:before{content:"\e07c"}.elg-icon_trash:before{content:"\e07d"}.elg-icon_cursor:before{content:"\e07e"}.elg-icon_mic:before{content:"\e07f"}.elg-icon_compass:before{content:"\e080"}.elg-icon_pin:before{content:"\e081"}.elg-icon_pushpin:before{content:"\e082"}.elg-icon_map:before{content:"\e083"}.elg-icon_drawer:before{content:"\e084"}.elg-icon_toolbox:before{content:"\e085"}.elg-icon_book:before{content:"\e086"}.elg-icon_contacts:before{content:"\e087"}.elg-icon_archive:before{content:"\e088"}.elg-icon_heart:before{content:"\e089"}.elg-icon_profile:before{content:"\e08a"}.elg-icon_group:before{content:"\e08b"}.elg-icon_grid-2x2:before{content:"\e08c"}.elg-icon_grid-3x3:before{content:"\e08d"}.elg-icon_music:before{content:"\e08e"}.elg-icon_pause_alt:before{content:"\e08f"}.elg-icon_phone:before{content:"\e090"}.elg-icon_upload:before{content:"\e091"}.elg-icon_download:before{content:"\e092"}.elg-social_facebook:before{content:"\e093"}.elg-social_twitter:before{content:"\e094"}.elg-social_pinterest:before{content:"\e095"}.elg-social_googleplus:before{content:"\e096"}.elg-social_tumblr:before{content:"\e097"}.elg-social_tumbleupon:before{content:"\e098"}.elg-social_wordpress:before{content:"\e099"}.elg-social_instagram:before{content:"\e09a"}.elg-social_dribbble:before{content:"\e09b"}.elg-social_vimeo:before{content:"\e09c"}.elg-social_linkedin:before{content:"\e09d"}.elg-social_rss:before{content:"\e09e"}.elg-social_deviantart:before{content:"\e09f"}.elg-social_share:before{content:"\e0a0"}.elg-social_myspace:before{content:"\e0a1"}.elg-social_skype:before{content:"\e0a2"}.elg-social_youtube:before{content:"\e0a3"}.elg-social_picassa:before{content:"\e0a4"}.elg-social_googledrive:before{content:"\e0a5"}.elg-social_flickr:before{content:"\e0a6"}.elg-social_blogger:before{content:"\e0a7"}.elg-social_spotify:before{content:"\e0a8"}.elg-social_delicious:before{content:"\e0a9"}.elg-social_facebook_circle:before{content:"\e0aa"}.elg-social_twitter_circle:before{content:"\e0ab"}.elg-social_pinterest_circle:before{content:"\e0ac"}.elg-social_googleplus_circle:before{content:"\e0ad"}.elg-social_tumblr_circle:before{content:"\e0ae"}.elg-social_stumbleupon_circle:before{content:"\e0af"}.elg-social_wordpress_circle:before{content:"\e0b0"}.elg-social_instagram_circle:before{content:"\e0b1"}.elg-social_dribbble_circle:before{content:"\e0b2"}.elg-social_vimeo_circle:before{content:"\e0b3"}.elg-social_linkedin_circle:before{content:"\e0b4"}.elg-social_rss_circle:before{content:"\e0b5"}.elg-social_deviantart_circle:before{content:"\e0b6"}.elg-social_share_circle:before{content:"\e0b7"}.elg-social_myspace_circle:before{content:"\e0b8"}.elg-social_skype_circle:before{content:"\e0b9"}.elg-social_youtube_circle:before{content:"\e0ba"}.elg-social_picassa_circle:before{content:"\e0bb"}.elg-social_googledrive_alt2:before{content:"\e0bc"}.elg-social_flickr_circle:before{content:"\e0bd"}.elg-social_blogger_circle:before{content:"\e0be"}.elg-social_spotify_circle:before{content:"\e0bf"}.elg-social_delicious_circle:before{content:"\e0c0"}.elg-social_facebook_square:before{content:"\e0c1"}.elg-social_twitter_square:before{content:"\e0c2"}.elg-social_pinterest_square:before{content:"\e0c3"}.elg-social_googleplus_square:before{content:"\e0c4"}.elg-social_tumblr_square:before{content:"\e0c5"}.elg-social_stumbleupon_square:before{content:"\e0c6"}.elg-social_wordpress_square:before{content:"\e0c7"}.elg-social_instagram_square:before{content:"\e0c8"}.elg-social_dribbble_square:before{content:"\e0c9"}.elg-social_vimeo_square:before{content:"\e0ca"}.elg-social_linkedin_square:before{content:"\e0cb"}.elg-social_rss_square:before{content:"\e0cc"}.elg-social_deviantart_square:before{content:"\e0cd"}.elg-social_share_square:before{content:"\e0ce"}.elg-social_myspace_square:before{content:"\e0cf"}.elg-social_skype_square:before{content:"\e0d0"}.elg-social_youtube_square:before{content:"\e0d1"}.elg-social_picassa_square:before{content:"\e0d2"}.elg-social_googledrive_square:before{content:"\e0d3"}.elg-social_flickr_square:before{content:"\e0d4"}.elg-social_blogger_square:before{content:"\e0d5"}.elg-social_spotify_square:before{content:"\e0d6"}.elg-social_delicious_square:before{content:"\e0d7"}.elg-icon_printer:before{content:"\e103"}.elg-icon_calulator:before{content:"\e0ee"}.elg-icon_building:before{content:"\e0ef"}.elg-icon_floppy:before{content:"\e0e8"}.elg-icon_drive:before{content:"\e0ea"}.elg-icon_search-2:before{content:"\e101"}.elg-icon_id:before{content:"\e107"}.elg-icon_id-2:before{content:"\e108"}.elg-icon_puzzle:before{content:"\e102"}.elg-icon_like:before{content:"\e106"}.elg-icon_dislike:before{content:"\e0eb"}.elg-icon_mug:before{content:"\e105"}.elg-icon_currency:before{content:"\e0ed"}.elg-icon_wallet:before{content:"\e100"}.elg-icon_pens:before{content:"\e104"}.elg-icon_easel:before{content:"\e0e9"}.elg-icon_flowchart:before{content:"\e109"}.elg-icon_datareport:before{content:"\e0ec"}.elg-icon_briefcase:before{content:"\e0fe"}.elg-icon_shield:before{content:"\e0f6"}.elg-icon_percent:before{content:"\e0fb"}.elg-icon_globe:before{content:"\e0e2"}.elg-icon_globe-2:before{content:"\e0e3"}.elg-icon_target:before{content:"\e0f5"}.elg-icon_hourglass:before{content:"\e0e1"}.elg-icon_balance:before{content:"\e0ff"}.elg-icon_rook:before{content:"\e0f8"}.elg-icon_printer-alt:before{content:"\e0fa"}.elg-icon_calculator_alt:before{content:"\e0e7"}.elg-icon_building_alt:before{content:"\e0fd"}.elg-icon_floppy_alt:before{content:"\e0e4"}.elg-icon_drive_alt:before{content:"\e0e5"}.elg-icon_search_alt:before{content:"\e0f7"}.elg-icon_id_alt:before{content:"\e0e0"}.elg-icon_id-2_alt:before{content:"\e0fc"}.elg-icon_puzzle_alt:before{content:"\e0f9"}.elg-icon_like_alt:before{content:"\e0dd"}.elg-icon_dislike_alt:before{content:"\e0f1"}.elg-icon_mug_alt:before{content:"\e0dc"}.elg-icon_currency_alt:before{content:"\e0f3"}.elg-icon_wallet_alt:before{content:"\e0d8"}.elg-icon_pens_alt:before{content:"\e0db"}.elg-icon_easel_alt:before{content:"\e0f0"}.elg-icon_flowchart_alt:before{content:"\e0df"}.elg-icon_datareport_alt:before{content:"\e0f2"}.elg-icon_briefcase_alt:before{content:"\e0f4"}.elg-icon_shield_alt:before{content:"\e0d9"}.elg-icon_percent_alt:before{content:"\e0da"}.elg-icon_globe_alt:before{content:"\e0de"}.elg-icon_clipboard:before{content:"\e0e6"}.elg-glyph{float:left;text-align:center;padding:.75em;margin:.4em 1.5em .75em 0;width:6em;text-shadow:none}.elg-glyph_big{font-size:128px;color:#59c5dc;float:left;margin-right:20px}.elg-glyph div{padding-bottom:10px}.elg-glyph input{font-family:consolas,monospace;font-size:12px;width:100%;text-align:center;border:0;box-shadow:0 0 0 1px #ccc;padding:.2em;-moz-border-radius:5px;-webkit-border-radius:5px}.elg-centered{margin-left:auto;margin-right:auto}.elg-glyph .elg-fs1{font-size:2em} /************************************************************************************ css update by wdipl as 06may2016 13 Module animations *************************************************************************************/ .already-visible { opacity:1!important; transform: translate(0,0)!important; -ms-transform: translate(0,0)!important; /* IE 9 */ -webkit-transform: translate(0,0)!important; /* Safari and Chrome */ -webkit-animation:none!important; /* Safari 4+ */ -moz-animation:none!important; /* Fx 5+ */ -o-animation:none!important; /* Opera 12+ */ animation:none!important; /* IE 10+ */ visibility:visible!important; } .rda_opacity,.rda_toleft,.rda_toright,.rda_totop,.rda_tobottom,.scrollReveal,.rda_fadeIn,.rda_fadeInDown,.rda_fadeInUp,.rda_fadeInLeft,.rda_fadeInRight,.rda_bounceIn,.rda_bounceInDown,.rda_bounceInUp,.rda_bounceInLeft,.rda_bounceInRight,.rda_zoomIn,.rda_flipInX,.rda_flipInY{ /*visibility:hidden;*/ position:relative; } .animated.rda_opacity,.animated.rda_toleft,.animated.rda_toright,.animated.rda_totop,.animated.rda_tobottom,.animated.scrollReveal,.animated.rda_fadeIn,.animated.rda_fadeInDown,.animated.rda_fadeInUp,.animated.rda_fadeInLeft,.animated.rda_fadeInRight,.animated.rda_bounceIn,.animated.rda_bounceInDown,.animated.rda_bounceInUp,.animated.rda_bounceInLeft,.animated.rda_bounceInRight,.animated.rda_zoomIn,.animated.rda_flipInX,.animated.rda_flipInY{ visibility:visible; } .opacity_ani { opacity:1; -webkit-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; -moz-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; -o-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; transition:visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; } .toleft_ani { opacity:1; transform: translateX(150px); -ms-transform: translateX(150px); /* IE 9 */ -webkit-transform: translateX(150px); /* Safari and Chrome */ animation: toleft_ani 1.5s ease forwards; -webkit-animation: toleft_ani 1.5s ease forwards; /* Safari 4+ */ -moz-animation: toleft_ani 1.5s ease forwards; /* Fx 5+ */ -o-animation: toleft_ani 1.5s ease forwards; /* Opera 12+ */ animation: toleft_ani 1.5s ease forwards; /* IE 10+ */ animation-delay: 0.5s; /* W3C and Opera */ -moz-animation-delay: 0.5s; /* Firefox */ -webkit-animation-delay:0.5s; /* Safari and Chrome */ -webkit-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; -moz-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; -o-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; transition:visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; } .toleft_ani:nth-child(odd) { animation-duration: 0.6s; /* So they look staggered */ } .toright_ani { opacity:1; transform: translateX(-150px); -ms-transform: translateX(-150px); /* IE 9 */ -webkit-transform: translateX(-150px); /* Safari and Chrome */ animation: toright_ani 1.5s ease forwards; -webkit-animation: toright_ani 1.5s ease forwards; /* Safari 4+ */ -moz-animation: toright_ani 1.5s ease forwards; /* Fx 5+ */ -o-animation: toright_ani 1.5s ease forwards; /* Opera 12+ */ animation: toright_ani 1.5s ease forwards; /* IE 10+ */ animation-delay: 0.5s; /* W3C and Opera */ -moz-animation-delay: 0.5s; /* Firefox */ -webkit-animation-delay:0.5s; /* Safari and Chrome */ -webkit-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; -moz-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; -o-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; transition:visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; } .toright_ani:nth-child(odd) { animation-duration: 0.6s; /* So they look staggered */ } .totop_ani{ opacity:1; transform: translateY(150px); -ms-transform: translateY(150px); /* IE 9 */ -webkit-transform: translateY(150px); /* Safari and Chrome */ animation: totop_ani 1.5s ease forwards; -webkit-animation: totop_ani 1.5s ease forwards; /* Safari 4+ */ -moz-animation: totop_ani 1.5s ease forwards; /* Fx 5+ */ -o-animation: totop_ani 1.5s ease forwards; /* Opera 12+ */ animation: totop_ani 1.5s ease forwards; /* IE 10+ */ animation-delay: 0.5s; /* W3C and Opera */ -moz-animation-delay: 0.5s; /* Firefox */ -webkit-animation-delay:0.5s; /* Safari and Chrome */ -webkit-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; -moz-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; -o-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; transition:visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; } .totop_ani:nth-child(odd) { animation-duration: 0.6s; /* So they look staggered */ } .tobottom_ani { opacity:1; transform: translateY(-150px); -ms-transform: translateY(-150px); /* IE 9 */ -webkit-transform: translateY(-150px); /* Safari and Chrome */ animation: tobottom_ani 1.5s ease forwards; -webkit-animation: tobottom_ani 1.5s ease forwards; /* Safari 4+ */ -moz-animation: tobottom_ani 1.5s ease forwards; /* Fx 5+ */ -o-animation: tobottom_ani 1.5s ease forwards; /* Opera 12+ */ animation: tobottom_ani 1.5s ease forwards; /* IE 10+ */ animation-delay: 0.5s; /* W3C and Opera */ -moz-animation-delay: 0.5s; /* Firefox */ -webkit-animation-delay:0.5s; /* Safari and Chrome */ -webkit-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; -moz-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; -o-transition: visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; transition:visibility 0.3s linear, opacity 1.2s linear 0.5s, height 0s linear, padding 0.25s ease-out; } .tobottom_ani:nth-child(odd) { animation-duration: 0.6s; /* So they look staggered */ } /* Keyframe */ @keyframes toleft_ani { to { transform: translateX(0); transform: translateX(0px); -ms-transform: translateX(0px); /* IE 9 */ -webkit-transform: translateX(0px); /* Safari and Chrome */ } } @-webkit-keyframes toleft_ani { to { transform: translateX(0); transform: translateX(0px); -ms-transform: translateX(0px); /* IE 9 */ -webkit-transform: translateX(0px); /* Safari and Chrome */ } } @-moz-keyframes toleft_ani { to { transform: translateX(0); transform: translateX(0px); -ms-transform: translateX(0px); /* IE 9 */ -webkit-transform: translateX(0px); /* Safari and Chrome */ } } @-o-keyframes toleft_ani { to { transform: translateX(0); transform: translateX(0px); -ms-transform: translateX(0px); /* IE 9 */ -webkit-transform: translateX(0px); /* Safari and Chrome */ } } @keyframes totop_ani { to { transform: translateY(0); transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -webkit-transform: translateY(0px); /* Safari and Chrome */ } } @-webkit-keyframes totop_ani { to { transform: translateY(0); transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -webkit-transform: translateY(0px); /* Safari and Chrome */ } } @-moz-keyframes totop_ani { to { transform: translateY(0); transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -webkit-transform: translateY(0px); /* Safari and Chrome */ } } @-o-keyframes totop_ani { to { transform: translateY(0); transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -webkit-transform: translateY(0px); /* Safari and Chrome */ } } @keyframes tobottom_ani { to { transform: translateY(0); transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -webkit-transform: translateY(0px); /* Safari and Chrome */ } } @-webkit-keyframes tobottom_ani { to { transform: translateY(0); transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -webkit-transform: translateY(0px); /* Safari and Chrome */ } } @-moz-keyframes tobottom_ani { to { transform: translateY(0); transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -webkit-transform: translateY(0px); /* Safari and Chrome */ } } @-o-keyframes tobottom_ani { to { transform: translateY(0); transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -webkit-transform: translateY(0px); /* Safari and Chrome */ } } @keyframes tobottom_ani { to { transform: translateY(0); transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -webkit-transform: translateY(0px); /* Safari and Chrome */ } } @keyframes toright_ani { to { transform: translateX(0); transform: translateX(0px); -ms-transform: translateX(0px); /* IE 9 */ -webkit-transform: translateX(0px); /* Safari and Chrome */ } } @-webkit-keyframes toright_ani { to { transform: translateX(0); transform: translateX(0px); -ms-transform: translateX(0px); /* IE 9 */ -webkit-transform: translateX(0px); /* Safari and Chrome */ } } @-moz-keyframes toright_ani { to { transform: translateX(0); transform: translateX(0px); -ms-transform: translateX(0px); /* IE 9 */ -webkit-transform: translateX(0px); /* Safari and Chrome */ } } @-o-keyframes toright_ani { to { transform: translateX(0); transform: translateX(0px); -ms-transform: translateX(0px); /* IE 9 */ -webkit-transform: translateX(0px); /* Safari and Chrome */ } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity:1; } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity:1; } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1; } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); opacity:1; } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1; } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1; } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); opacity:1; } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1; } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1; } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); opacity:1; } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); opacity:1; } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); opacity:1; } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); opacity:1; } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); opacity:1; } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1; } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1; } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); opacity:1; } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); opacity:1; } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); opacity:1; } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); opacity:1; } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); opacity:1; } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1; } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity:1; } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity:1; } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); opacity:1; } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); opacity:1; } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); opacity:1; } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); opacity:1; } } @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); opacity:1; } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); opacity:1; } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); opacity:1; } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); opacity:1; } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); opacity:1; } 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); opacity:1; } 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); opacity:1; } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1; } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); opacity:1; } 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); opacity:1; } 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); opacity:1; } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:1; } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); opacity:1; } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); opacity:1; } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); opacity:1; } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); opacity:1; } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); opacity:1; } 100% { -webkit-transform: none; transform: none; opacity:1; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; opacity:1; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; opacity:1; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; opacity:1; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; opacity:1; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; opacity:1; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; opacity:1; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity:1; } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity:1; } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity:1; } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { opacity:1; -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { opacity:1; -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { opacity:1; -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { opacity:1; -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { opacity: 1; -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { opacity: 1; -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { opacity: 1; -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); opacity: 1; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } 100% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { opacity:1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { opacity:1; -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { opacity:1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { opacity:1; -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { opacity:1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { opacity:1; -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { opacity:1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { opacity:1; -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @media only screen and (min-width: 768px) and (max-width: 1035px) { .rda_opacity,.rda_toleft,.rda_toright,.rda_totop,.rda_tobottom,.scrollReveal,.rda_fadeIn,.rda_fadeInDown,.rda_fadeInUp,.rda_fadeInLeft,.rda_fadeInRight,.rda_bounceIn,.rda_bounceInDown,.rda_bounceInUp,.rda_bounceInLeft,.rda_bounceInRight,.rda_zoomIn,.rda_flipInX,.rda_flipInY{ /*CSS transitions*/ opacity:1!important; visibility:visible!important; -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } @media only screen and (max-width: 767px) { .rda_opacity,.rda_toleft,.rda_toright,.rda_totop,.rda_tobottom,.scrollReveal,.rda_fadeIn,.rda_fadeInDown,.rda_fadeInUp,.rda_fadeInLeft,.rda_fadeInRight,.rda_bounceIn,.rda_bounceInDown,.rda_bounceInUp,.rda_bounceInLeft,.rda_bounceInRight,.rda_zoomIn,.rda_flipInX,.rda_flipInY{ /*CSS transitions*/ opacity:1!important; visibility:visible!important; -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } }