@font-face {
  font-family: ElegantIcons;
  src: url(../fonts/eleganticons.eot);
  src: url(../fonts/eleganticons.eot) format('embedded-opentype'), url(../fonts/eleganticons.woff) format('woff'), url(../fonts/eleganticons.ttf) format('truetype'), url(../fonts/eleganticons.svg#eleganticons) format('svg');
  font-weight: 400;
  font-style: normal;
}
[data-icon]:before {
  font-family: ElegantIcons;
  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;
}
.arrow-up-down,
.arrow_back,
.arrow_carrot-2down,
.arrow_carrot-2down_alt2,
.arrow_carrot-2dwnn_alt,
.arrow_carrot-2left,
.arrow_carrot-2left_alt,
.arrow_carrot-2left_alt2,
.arrow_carrot-2right,
.arrow_carrot-2right_alt,
.arrow_carrot-2right_alt2,
.arrow_carrot-2up,
.arrow_carrot-2up_alt,
.arrow_carrot-2up_alt2,
.arrow_carrot-down,
.arrow_carrot-down_alt,
.arrow_carrot-down_alt2,
.arrow_carrot-left,
.arrow_carrot-left_alt,
.arrow_carrot-left_alt2,
.arrow_carrot-right,
.arrow_carrot-right_alt,
.arrow_carrot-right_alt2,
.arrow_carrot-up,
.arrow_carrot-up_alt2,
.arrow_carrot_up_alt,
.arrow_condense,
.arrow_condense_alt,
.arrow_down,
.arrow_down_alt,
.arrow_expand,
.arrow_expand_alt,
.arrow_expand_alt2,
.arrow_expand_alt3,
.arrow_left,
.arrow_left-down,
.arrow_left-down_alt,
.arrow_left-right,
.arrow_left-right_alt,
.arrow_left-up,
.arrow_left-up_alt,
.arrow_left_alt,
.arrow_move,
.arrow_right,
.arrow_right-down,
.arrow_right-down_alt,
.arrow_right-up,
.arrow_right-up_alt,
.arrow_right_alt,
.arrow_triangle-down,
.arrow_triangle-down_alt,
.arrow_triangle-down_alt2,
.arrow_triangle-left,
.arrow_triangle-left_alt,
.arrow_triangle-left_alt2,
.arrow_triangle-right,
.arrow_triangle-right_alt,
.arrow_triangle-right_alt2,
.arrow_triangle-up,
.arrow_triangle-up_alt,
.arrow_triangle-up_alt2,
.arrow_up,
.arrow_up-down_alt,
.arrow_up_alt,
.icon_adjust-horiz,
.icon_adjust-vert,
.icon_archive,
.icon_archive_alt,
.icon_bag,
.icon_bag_alt,
.icon_balance,
.icon_blocked,
.icon_book,
.icon_book_alt,
.icon_box-checked,
.icon_box-empty,
.icon_box-selected,
.icon_briefcase,
.icon_briefcase_alt,
.icon_building,
.icon_building_alt,
.icon_calculator_alt,
.icon_calendar,
.icon_calulator,
.icon_camera,
.icon_camera_alt,
.icon_cart,
.icon_cart_alt,
.icon_chat,
.icon_chat_alt,
.icon_check,
.icon_check_alt,
.icon_check_alt2,
.icon_circle-empty,
.icon_circle-slelected,
.icon_clipboard,
.icon_clock,
.icon_clock_alt,
.icon_close,
.icon_close_alt,
.icon_close_alt2,
.icon_cloud,
.icon_cloud-download,
.icon_cloud-download_alt,
.icon_cloud-upload,
.icon_cloud-upload_alt,
.icon_cloud_alt,
.icon_cog,
.icon_cogs,
.icon_comment,
.icon_comment_alt,
.icon_compass,
.icon_compass_alt,
.icon_cone,
.icon_cone_alt,
.icon_contacts,
.icon_contacts_alt,
.icon_creditcard,
.icon_currency,
.icon_currency_alt,
.icon_cursor,
.icon_cursor_alt,
.icon_datareport,
.icon_datareport_alt,
.icon_desktop,
.icon_dislike,
.icon_dislike_alt,
.icon_document,
.icon_document_alt,
.icon_documents,
.icon_documents_alt,
.icon_download,
.icon_drawer,
.icon_drawer_alt,
.icon_drive,
.icon_drive_alt,
.icon_easel,
.icon_easel_alt,
.icon_error-circle,
.icon_error-circle_alt,
.icon_error-oct,
.icon_error-oct_alt,
.icon_error-triangle,
.icon_error-triangle_alt,
.icon_film,
.icon_floppy,
.icon_floppy_alt,
.icon_flowchart,
.icon_flowchart_alt,
.icon_folder,
.icon_folder-add,
.icon_folder-add_alt,
.icon_folder-alt,
.icon_folder-open,
.icon_folder-open_alt,
.icon_folder_download,
.icon_folder_upload,
.icon_genius,
.icon_gift,
.icon_gift_alt,
.icon_globe,
.icon_globe-2,
.icon_globe_alt,
.icon_grid-2x2,
.icon_grid-3x3,
.icon_group,
.icon_headphones,
.icon_heart,
.icon_heart_alt,
.icon_hourglass,
.icon_house,
.icon_house_alt,
.icon_id,
.icon_id-2,
.icon_id-2_alt,
.icon_id_alt,
.icon_image,
.icon_images,
.icon_info,
.icon_info_alt,
.icon_key,
.icon_key_alt,
.icon_laptop,
.icon_lifesaver,
.icon_lightbulb,
.icon_lightbulb_alt,
.icon_like,
.icon_like_alt,
.icon_link,
.icon_link_alt,
.icon_loading,
.icon_lock,
.icon_lock-open,
.icon_lock-open_alt,
.icon_lock_alt,
.icon_mail,
.icon_mail_alt,
.icon_map,
.icon_map_alt,
.icon_menu,
.icon_menu-circle_alt,
.icon_menu-circle_alt2,
.icon_menu-square_alt,
.icon_menu-square_alt2,
.icon_mic,
.icon_mic_alt,
.icon_minus-06,
.icon_minus-box,
.icon_minus_alt,
.icon_minus_alt2,
.icon_mobile,
.icon_mug,
.icon_mug_alt,
.icon_music,
.icon_ol,
.icon_paperclip,
.icon_pause,
.icon_pause_alt,
.icon_pause_alt2,
.icon_pencil,
.icon_pencil-edit,
.icon_pencil-edit_alt,
.icon_pencil_alt,
.icon_pens,
.icon_pens_alt,
.icon_percent,
.icon_percent_alt,
.icon_phone,
.icon_piechart,
.icon_pin,
.icon_pin_alt,
.icon_plus,
.icon_plus-box,
.icon_plus_alt,
.icon_plus_alt2,
.icon_printer,
.icon_printer-alt,
.icon_profile,
.icon_pushpin,
.icon_pushpin_alt,
.icon_puzzle,
.icon_puzzle_alt,
.icon_question,
.icon_question_alt,
.icon_question_alt2,
.icon_quotations,
.icon_quotations_alt,
.icon_quotations_alt2,
.icon_refresh,
.icon_ribbon,
.icon_ribbon_alt,
.icon_rook,
.icon_search,
.icon_search-2,
.icon_search_alt,
.icon_shield,
.icon_shield_alt,
.icon_star,
.icon_star-half,
.icon_star-half_alt,
.icon_star_alt,
.icon_stop,
.icon_stop_alt,
.icon_stop_alt2,
.icon_table,
.icon_tablet,
.icon_tag,
.icon_tag_alt,
.icon_tags,
.icon_tags_alt,
.icon_target,
.icon_tool,
.icon_toolbox,
.icon_toolbox_alt,
.icon_tools,
.icon_trash,
.icon_trash_alt,
.icon_ul,
.icon_upload,
.icon_vol-mute,
.icon_vol-mute_alt,
.icon_volume-high,
.icon_volume-high_alt,
.icon_volume-low,
.icon_volume-low_alt,
.icon_wallet,
.icon_wallet_alt,
.icon_zoom-in,
.icon_zoom-in_alt,
.icon_zoom-out,
.icon_zoom-out_alt,
.social_blogger,
.social_blogger_circle,
.social_blogger_square,
.social_delicious,
.social_delicious_circle,
.social_delicious_square,
.social_deviantart,
.social_deviantart_circle,
.social_deviantart_square,
.social_dribbble,
.social_dribbble_circle,
.social_dribbble_square,
.social_facebook,
.social_facebook_circle,
.social_facebook_square,
.social_flickr,
.social_flickr_circle,
.social_flickr_square,
.social_googledrive,
.social_googledrive_alt2,
.social_googledrive_square,
.social_googleplus,
.social_googleplus_circle,
.social_googleplus_square,
.social_instagram,
.social_instagram_circle,
.social_instagram_square,
.social_linkedin,
.social_linkedin_circle,
.social_linkedin_square,
.social_myspace,
.social_myspace_circle,
.social_myspace_square,
.social_picassa,
.social_picassa_circle,
.social_picassa_square,
.social_pinterest,
.social_pinterest_circle,
.social_pinterest_square,
.social_rss,
.social_rss_circle,
.social_rss_square,
.social_share,
.social_share_circle,
.social_share_square,
.social_skype,
.social_skype_circle,
.social_skype_square,
.social_spotify,
.social_spotify_circle,
.social_spotify_square,
.social_stumbleupon_circle,
.social_stumbleupon_square,
.social_tumbleupon,
.social_tumblr,
.social_tumblr_circle,
.social_tumblr_square,
.social_twitter,
.social_twitter_circle,
.social_twitter_square,
.social_vimeo,
.social_vimeo_circle,
.social_vimeo_square,
.social_wordpress,
.social_wordpress_circle,
.social_wordpress_square,
.social_youtube,
.social_youtube_circle,
.social_youtube_square {
  font-family: ElegantIcons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.arrow_up:before {
  content: "\21";
}
.arrow_down:before {
  content: "\22";
}
.arrow_left:before {
  content: "\23";
}
.arrow_right:before {
  content: "\24";
}
.arrow_left-up:before {
  content: "\25";
}
.arrow_right-up:before {
  content: "\26";
}
.arrow_right-down:before {
  content: "\27";
}
.arrow_left-down:before {
  content: "\28";
}
.arrow-up-down:before {
  content: "\29";
}
.arrow_up-down_alt:before {
  content: "\2a";
}
.arrow_left-right_alt:before {
  content: "\2b";
}
.arrow_left-right:before {
  content: "\2c";
}
.arrow_expand_alt2:before {
  content: "\2d";
}
.arrow_expand_alt:before {
  content: "\2e";
}
.arrow_condense:before {
  content: "\2f";
}
.arrow_expand:before {
  content: "\30";
}
.arrow_move:before {
  content: "\31";
}
.arrow_carrot-up:before {
  content: "\32";
}
.arrow_carrot-down:before {
  content: "\33";
}
.arrow_carrot-left:before {
  content: "\34";
}
.arrow_carrot-right:before {
  content: "\35";
}
.arrow_carrot-2up:before {
  content: "\36";
}
.arrow_carrot-2down:before {
  content: "\37";
}
.arrow_carrot-2left:before {
  content: "\38";
}
.arrow_carrot-2right:before {
  content: "\39";
}
.arrow_carrot-up_alt2:before {
  content: "\3a";
}
.arrow_carrot-down_alt2:before {
  content: "\3b";
}
.arrow_carrot-left_alt2:before {
  content: "\3c";
}
.arrow_carrot-right_alt2:before {
  content: "\3d";
}
.arrow_carrot-2up_alt2:before {
  content: "\3e";
}
.arrow_carrot-2down_alt2:before {
  content: "\3f";
}
.arrow_carrot-2left_alt2:before {
  content: "\40";
}
.arrow_carrot-2right_alt2:before {
  content: "\41";
}
.arrow_triangle-up:before {
  content: "\42";
}
.arrow_triangle-down:before {
  content: "\43";
}
.arrow_triangle-left:before {
  content: "\44";
}
.arrow_triangle-right:before {
  content: "\45";
}
.arrow_triangle-up_alt2:before {
  content: "\46";
}
.arrow_triangle-down_alt2:before {
  content: "\47";
}
.arrow_triangle-left_alt2:before {
  content: "\48";
}
.arrow_triangle-right_alt2:before {
  content: "\49";
}
.arrow_back:before {
  content: "\4a";
}
.icon_minus-06:before {
  content: "\4b";
}
.icon_plus:before {
  content: "\4c";
}
.icon_close:before {
  content: "\4d";
}
.icon_check:before {
  content: "\4e";
}
.icon_minus_alt2:before {
  content: "\4f";
}
.icon_plus_alt2:before {
  content: "\50";
}
.icon_close_alt2:before {
  content: "\51";
}
.icon_check_alt2:before {
  content: "\52";
}
.icon_zoom-out_alt:before {
  content: "\53";
}
.icon_zoom-in_alt:before {
  content: "\54";
}
.icon_search:before {
  content: "\55";
}
.icon_box-empty:before {
  content: "\56";
}
.icon_box-selected:before {
  content: "\57";
}
.icon_minus-box:before {
  content: "\58";
}
.icon_plus-box:before {
  content: "\59";
}
.icon_box-checked:before {
  content: "\5a";
}
.icon_circle-empty:before {
  content: "\5b";
}
.icon_circle-slelected:before {
  content: "\5c";
}
.icon_stop_alt2:before {
  content: "\5d";
}
.icon_stop:before {
  content: "\5e";
}
.icon_pause_alt2:before {
  content: "\5f";
}
.icon_pause:before {
  content: "\60";
}
.icon_menu:before {
  content: "\61";
}
.icon_menu-square_alt2:before {
  content: "\62";
}
.icon_menu-circle_alt2:before {
  content: "\63";
}
.icon_ul:before {
  content: "\64";
}
.icon_ol:before {
  content: "\65";
}
.icon_adjust-horiz:before {
  content: "\66";
}
.icon_adjust-vert:before {
  content: "\67";
}
.icon_document_alt:before {
  content: "\68";
}
.icon_documents_alt:before {
  content: "\69";
}
.icon_pencil:before {
  content: "\6a";
}
.icon_pencil-edit_alt:before {
  content: "\6b";
}
.icon_pencil-edit:before {
  content: "\6c";
}
.icon_folder-alt:before {
  content: "\6d";
}
.icon_folder-open_alt:before {
  content: "\6e";
}
.icon_folder-add_alt:before {
  content: "\6f";
}
.icon_info_alt:before {
  content: "\70";
}
.icon_error-oct_alt:before {
  content: "\71";
}
.icon_error-circle_alt:before {
  content: "\72";
}
.icon_error-triangle_alt:before {
  content: "\73";
}
.icon_question_alt2:before {
  content: "\74";
}
.icon_question:before {
  content: "\75";
}
.icon_comment_alt:before {
  content: "\76";
}
.icon_chat_alt:before {
  content: "\77";
}
.icon_vol-mute_alt:before {
  content: "\78";
}
.icon_volume-low_alt:before {
  content: "\79";
}
.icon_volume-high_alt:before {
  content: "\7a";
}
.icon_quotations:before {
  content: "\7b";
}
.icon_quotations_alt2:before {
  content: "\7c";
}
.icon_clock_alt:before {
  content: "\7d";
}
.icon_lock_alt:before {
  content: "\7e";
}
.icon_lock-open_alt:before {
  content: "\e000";
}
.icon_key_alt:before {
  content: "\e001";
}
.icon_cloud_alt:before {
  content: "\e002";
}
.icon_cloud-upload_alt:before {
  content: "\e003";
}
.icon_cloud-download_alt:before {
  content: "\e004";
}
.icon_image:before {
  content: "\e005";
}
.icon_images:before {
  content: "\e006";
}
.icon_lightbulb_alt:before {
  content: "\e007";
}
.icon_gift_alt:before {
  content: "\e008";
}
.icon_house_alt:before {
  content: "\e009";
}
.icon_genius:before {
  content: "\e00a";
}
.icon_mobile:before {
  content: "\e00b";
}
.icon_tablet:before {
  content: "\e00c";
}
.icon_laptop:before {
  content: "\e00d";
}
.icon_desktop:before {
  content: "\e00e";
}
.icon_camera_alt:before {
  content: "\e00f";
}
.icon_mail_alt:before {
  content: "\e010";
}
.icon_cone_alt:before {
  content: "\e011";
}
.icon_ribbon_alt:before {
  content: "\e012";
}
.icon_bag_alt:before {
  content: "\e013";
}
.icon_creditcard:before {
  content: "\e014";
}
.icon_cart_alt:before {
  content: "\e015";
}
.icon_paperclip:before {
  content: "\e016";
}
.icon_tag_alt:before {
  content: "\e017";
}
.icon_tags_alt:before {
  content: "\e018";
}
.icon_trash_alt:before {
  content: "\e019";
}
.icon_cursor_alt:before {
  content: "\e01a";
}
.icon_mic_alt:before {
  content: "\e01b";
}
.icon_compass_alt:before {
  content: "\e01c";
}
.icon_pin_alt:before {
  content: "\e01d";
}
.icon_pushpin_alt:before {
  content: "\e01e";
}
.icon_map_alt:before {
  content: "\e01f";
}
.icon_drawer_alt:before {
  content: "\e020";
}
.icon_toolbox_alt:before {
  content: "\e021";
}
.icon_book_alt:before {
  content: "\e022";
}
.icon_calendar:before {
  content: "\e023";
}
.icon_film:before {
  content: "\e024";
}
.icon_table:before {
  content: "\e025";
}
.icon_contacts_alt:before {
  content: "\e026";
}
.icon_headphones:before {
  content: "\e027";
}
.icon_lifesaver:before {
  content: "\e028";
}
.icon_piechart:before {
  content: "\e029";
}
.icon_refresh:before {
  content: "\e02a";
}
.icon_link_alt:before {
  content: "\e02b";
}
.icon_link:before {
  content: "\e02c";
}
.icon_loading:before {
  content: "\e02d";
}
.icon_blocked:before {
  content: "\e02e";
}
.icon_archive_alt:before {
  content: "\e02f";
}
.icon_heart_alt:before {
  content: "\e030";
}
.icon_star_alt:before {
  content: "\e031";
}
.icon_star-half_alt:before {
  content: "\e032";
}
.icon_star:before {
  content: "\e033";
}
.icon_star-half:before {
  content: "\e034";
}
.icon_tools:before {
  content: "\e035";
}
.icon_tool:before {
  content: "\e036";
}
.icon_cog:before {
  content: "\e037";
}
.icon_cogs:before {
  content: "\e038";
}
.arrow_up_alt:before {
  content: "\e039";
}
.arrow_down_alt:before {
  content: "\e03a";
}
.arrow_left_alt:before {
  content: "\e03b";
}
.arrow_right_alt:before {
  content: "\e03c";
}
.arrow_left-up_alt:before {
  content: "\e03d";
}
.arrow_right-up_alt:before {
  content: "\e03e";
}
.arrow_right-down_alt:before {
  content: "\e03f";
}
.arrow_left-down_alt:before {
  content: "\e040";
}
.arrow_condense_alt:before {
  content: "\e041";
}
.arrow_expand_alt3:before {
  content: "\e042";
}
.arrow_carrot_up_alt:before {
  content: "\e043";
}
.arrow_carrot-down_alt:before {
  content: "\e044";
}
.arrow_carrot-left_alt:before {
  content: "\e045";
}
.arrow_carrot-right_alt:before {
  content: "\e046";
}
.arrow_carrot-2up_alt:before {
  content: "\e047";
}
.arrow_carrot-2dwnn_alt:before {
  content: "\e048";
}
.arrow_carrot-2left_alt:before {
  content: "\e049";
}
.arrow_carrot-2right_alt:before {
  content: "\e04a";
}
.arrow_triangle-up_alt:before {
  content: "\e04b";
}
.arrow_triangle-down_alt:before {
  content: "\e04c";
}
.arrow_triangle-left_alt:before {
  content: "\e04d";
}
.arrow_triangle-right_alt:before {
  content: "\e04e";
}
.icon_minus_alt:before {
  content: "\e04f";
}
.icon_plus_alt:before {
  content: "\e050";
}
.icon_close_alt:before {
  content: "\e051";
}
.icon_check_alt:before {
  content: "\e052";
}
.icon_zoom-out:before {
  content: "\e053";
}
.icon_zoom-in:before {
  content: "\e054";
}
.icon_stop_alt:before {
  content: "\e055";
}
.icon_menu-square_alt:before {
  content: "\e056";
}
.icon_menu-circle_alt:before {
  content: "\e057";
}
.icon_document:before {
  content: "\e058";
}
.icon_documents:before {
  content: "\e059";
}
.icon_pencil_alt:before {
  content: "\e05a";
}
.icon_folder:before {
  content: "\e05b";
}
.icon_folder-open:before {
  content: "\e05c";
}
.icon_folder-add:before {
  content: "\e05d";
}
.icon_folder_upload:before {
  content: "\e05e";
}
.icon_folder_download:before {
  content: "\e05f";
}
.icon_info:before {
  content: "\e060";
}
.icon_error-circle:before {
  content: "\e061";
}
.icon_error-oct:before {
  content: "\e062";
}
.icon_error-triangle:before {
  content: "\e063";
}
.icon_question_alt:before {
  content: "\e064";
}
.icon_comment:before {
  content: "\e065";
}
.icon_chat:before {
  content: "\e066";
}
.icon_vol-mute:before {
  content: "\e067";
}
.icon_volume-low:before {
  content: "\e068";
}
.icon_volume-high:before {
  content: "\e069";
}
.icon_quotations_alt:before {
  content: "\e06a";
}
.icon_clock:before {
  content: "\e06b";
}
.icon_lock:before {
  content: "\e06c";
}
.icon_lock-open:before {
  content: "\e06d";
}
.icon_key:before {
  content: "\e06e";
}
.icon_cloud:before {
  content: "\e06f";
}
.icon_cloud-upload:before {
  content: "\e070";
}
.icon_cloud-download:before {
  content: "\e071";
}
.icon_lightbulb:before {
  content: "\e072";
}
.icon_gift:before {
  content: "\e073";
}
.icon_house:before {
  content: "\e074";
}
.icon_camera:before {
  content: "\e075";
}
.icon_mail:before {
  content: "\e076";
}
.icon_cone:before {
  content: "\e077";
}
.icon_ribbon:before {
  content: "\e078";
}
.icon_bag:before {
  content: "\e079";
}
.icon_cart:before {
  content: "\e07a";
}
.icon_tag:before {
  content: "\e07b";
}
.icon_tags:before {
  content: "\e07c";
}
.icon_trash:before {
  content: "\e07d";
}
.icon_cursor:before {
  content: "\e07e";
}
.icon_mic:before {
  content: "\e07f";
}
.icon_compass:before {
  content: "\e080";
}
.icon_pin:before {
  content: "\e081";
}
.icon_pushpin:before {
  content: "\e082";
}
.icon_map:before {
  content: "\e083";
}
.icon_drawer:before {
  content: "\e084";
}
.icon_toolbox:before {
  content: "\e085";
}
.icon_book:before {
  content: "\e086";
}
.icon_contacts:before {
  content: "\e087";
}
.icon_archive:before {
  content: "\e088";
}
.icon_heart:before {
  content: "\e089";
}
.icon_profile:before {
  content: "\e08a";
}
.icon_group:before {
  content: "\e08b";
}
.icon_grid-2x2:before {
  content: "\e08c";
}
.icon_grid-3x3:before {
  content: "\e08d";
}
.icon_music:before {
  content: "\e08e";
}
.icon_pause_alt:before {
  content: "\e08f";
}
.icon_phone:before {
  content: "\e090";
}
.icon_upload:before {
  content: "\e091";
}
.icon_download:before {
  content: "\e092";
}
.social_facebook:before {
  content: "\e093";
}
.social_twitter:before {
  content: "\e094";
}
.social_pinterest:before {
  content: "\e095";
}
.social_googleplus:before {
  content: "\e096";
}
.social_tumblr:before {
  content: "\e097";
}
.social_tumbleupon:before {
  content: "\e098";
}
.social_wordpress:before {
  content: "\e099";
}
.social_instagram:before {
  content: "\e09a";
}
.social_dribbble:before {
  content: "\e09b";
}
.social_vimeo:before {
  content: "\e09c";
}
.social_linkedin:before {
  content: "\e09d";
}
.social_rss:before {
  content: "\e09e";
}
.social_deviantart:before {
  content: "\e09f";
}
.social_share:before {
  content: "\e0a0";
}
.social_myspace:before {
  content: "\e0a1";
}
.social_skype:before {
  content: "\e0a2";
}
.social_youtube:before {
  content: "\e0a3";
}
.social_picassa:before {
  content: "\e0a4";
}
.social_googledrive:before {
  content: "\e0a5";
}
.social_flickr:before {
  content: "\e0a6";
}
.social_blogger:before {
  content: "\e0a7";
}
.social_spotify:before {
  content: "\e0a8";
}
.social_delicious:before {
  content: "\e0a9";
}
.social_facebook_circle:before {
  content: "\e0aa";
}
.social_twitter_circle:before {
  content: "\e0ab";
}
.social_pinterest_circle:before {
  content: "\e0ac";
}
.social_googleplus_circle:before {
  content: "\e0ad";
}
.social_tumblr_circle:before {
  content: "\e0ae";
}
.social_stumbleupon_circle:before {
  content: "\e0af";
}
.social_wordpress_circle:before {
  content: "\e0b0";
}
.social_instagram_circle:before {
  content: "\e0b1";
}
.social_dribbble_circle:before {
  content: "\e0b2";
}
.social_vimeo_circle:before {
  content: "\e0b3";
}
.social_linkedin_circle:before {
  content: "\e0b4";
}
.social_rss_circle:before {
  content: "\e0b5";
}
.social_deviantart_circle:before {
  content: "\e0b6";
}
.social_share_circle:before {
  content: "\e0b7";
}
.social_myspace_circle:before {
  content: "\e0b8";
}
.social_skype_circle:before {
  content: "\e0b9";
}
.social_youtube_circle:before {
  content: "\e0ba";
}
.social_picassa_circle:before {
  content: "\e0bb";
}
.social_googledrive_alt2:before {
  content: "\e0bc";
}
.social_flickr_circle:before {
  content: "\e0bd";
}
.social_blogger_circle:before {
  content: "\e0be";
}
.social_spotify_circle:before {
  content: "\e0bf";
}
.social_delicious_circle:before {
  content: "\e0c0";
}
.social_facebook_square:before {
  content: "\e0c1";
}
.social_twitter_square:before {
  content: "\e0c2";
}
.social_pinterest_square:before {
  content: "\e0c3";
}
.social_googleplus_square:before {
  content: "\e0c4";
}
.social_tumblr_square:before {
  content: "\e0c5";
}
.social_stumbleupon_square:before {
  content: "\e0c6";
}
.social_wordpress_square:before {
  content: "\e0c7";
}
.social_instagram_square:before {
  content: "\e0c8";
}
.social_dribbble_square:before {
  content: "\e0c9";
}
.social_vimeo_square:before {
  content: "\e0ca";
}
.social_linkedin_square:before {
  content: "\e0cb";
}
.social_rss_square:before {
  content: "\e0cc";
}
.social_deviantart_square:before {
  content: "\e0cd";
}
.social_share_square:before {
  content: "\e0ce";
}
.social_myspace_square:before {
  content: "\e0cf";
}
.social_skype_square:before {
  content: "\e0d0";
}
.social_youtube_square:before {
  content: "\e0d1";
}
.social_picassa_square:before {
  content: "\e0d2";
}
.social_googledrive_square:before {
  content: "\e0d3";
}
.social_flickr_square:before {
  content: "\e0d4";
}
.social_blogger_square:before {
  content: "\e0d5";
}
.social_spotify_square:before {
  content: "\e0d6";
}
.social_delicious_square:before {
  content: "\e0d7";
}
.icon_printer:before {
  content: "\e103";
}
.icon_calulator:before {
  content: "\e0ee";
}
.icon_building:before {
  content: "\e0ef";
}
.icon_floppy:before {
  content: "\e0e8";
}
.icon_drive:before {
  content: "\e0ea";
}
.icon_search-2:before {
  content: "\e101";
}
.icon_id:before {
  content: "\e107";
}
.icon_id-2:before {
  content: "\e108";
}
.icon_puzzle:before {
  content: "\e102";
}
.icon_like:before {
  content: "\e106";
}
.icon_dislike:before {
  content: "\e0eb";
}
.icon_mug:before {
  content: "\e105";
}
.icon_currency:before {
  content: "\e0ed";
}
.icon_wallet:before {
  content: "\e100";
}
.icon_pens:before {
  content: "\e104";
}
.icon_easel:before {
  content: "\e0e9";
}
.icon_flowchart:before {
  content: "\e109";
}
.icon_datareport:before {
  content: "\e0ec";
}
.icon_briefcase:before {
  content: "\e0fe";
}
.icon_shield:before {
  content: "\e0f6";
}
.icon_percent:before {
  content: "\e0fb";
}
.icon_globe:before {
  content: "\e0e2";
}
.icon_globe-2:before {
  content: "\e0e3";
}
.icon_target:before {
  content: "\e0f5";
}
.icon_hourglass:before {
  content: "\e0e1";
}
.icon_balance:before {
  content: "\e0ff";
}
.icon_rook:before {
  content: "\e0f8";
}
.icon_printer-alt:before {
  content: "\e0fa";
}
.icon_calculator_alt:before {
  content: "\e0e7";
}
.icon_building_alt:before {
  content: "\e0fd";
}
.icon_floppy_alt:before {
  content: "\e0e4";
}
.icon_drive_alt:before {
  content: "\e0e5";
}
.icon_search_alt:before {
  content: "\e0f7";
}
.icon_id_alt:before {
  content: "\e0e0";
}
.icon_id-2_alt:before {
  content: "\e0fc";
}
.icon_puzzle_alt:before {
  content: "\e0f9";
}
.icon_like_alt:before {
  content: "\e0dd";
}
.icon_dislike_alt:before {
  content: "\e0f1";
}
.icon_mug_alt:before {
  content: "\e0dc";
}
.icon_currency_alt:before {
  content: "\e0f3";
}
.icon_wallet_alt:before {
  content: "\e0d8";
}
.icon_pens_alt:before {
  content: "\e0db";
}
.icon_easel_alt:before {
  content: "\e0f0";
}
.icon_flowchart_alt:before {
  content: "\e0df";
}
.icon_datareport_alt:before {
  content: "\e0f2";
}
.icon_briefcase_alt:before {
  content: "\e0f4";
}
.icon_shield_alt:before {
  content: "\e0d9";
}
.icon_percent_alt:before {
  content: "\e0da";
}
.icon_globe_alt:before {
  content: "\e0de";
}
.icon_clipboard:before {
  content: "\e0e6";
}
.glyph {
  float: left;
  text-align: center;
  padding: 0.75em;
  margin: 0.4em 1.5em 0.75em 0;
  width: 6em;
  text-shadow: none;
}
.glyph_big {
  font-size: 128px;
  color: #59c5dc;
  float: left;
  margin-right: 20px;
}
.glyph div {
  padding-bottom: 10px;
}
.glyph input {
  font-family: consolas,monospace;
  font-size: 12px;
  width: 100%;
  text-align: center;
  border: 0;
  box-shadow: 0 0 0 1px #ccc;
  padding: 0.2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.centered {
  margin-left: auto;
  margin-right: auto;
}
.glyph .fs1 {
  font-size: 2em;
}
code,
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.site-header,
html {
  box-sizing: border-box;
}
.block-image,
.site-header {
  background-position: center center;
  background-size: cover;
  background-origin: border-box;
}
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
body,
button,
input,
textarea {
  font-family: "Hiragino Sans GB", "Microsoft YaHei", STHeiti, "WenQuanYi Micro Hei", Helvetica, Arial, sans-serif;
}
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
button,
input,
textarea {
  -webkit-appearance: none;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:active,
a:hover,
button:focus,
input:focus,
textarea:focus {
  outline: 0;
}
body {
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.8);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  background-color: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
td,
th {
  font-weight: 400;
  text-align: left;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}
blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}
blockquote {
  border-left: 3px solid rgba(153, 153, 153, 0.8);
  font-weight: 400;
  letter-spacing: 0.01rem;
  margin: 30px 0;
  padding-left: 20px;
}
pre {
  padding: 0 20px;
  font: 14px/22px 'courier new';
  position: relative;
  margin: 40px 0;
  background-color: #f8f8f8;
}
pre:after,
pre:before {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #2f76bb;
}
pre:before {
  content: "-- CODE --";
}
pre:after {
  content: "-- EOF --";
  text-align: right;
}
code {
  padding: 2px;
  background-color: #eee;
  word-break: break-word;
  letter-spacing: 0;
  font: 14px/26px 'courier new';
  border-radius: 3px;
}
.author-meta,
.grap em {
  font-style: italic;
}
pre code {
  padding: 0;
  background-color: #fff;
  border-radius: 0;
}
img {
  max-width: 100%;
  height: auto;
}
.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
input[disabled] {
  cursor: default;
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.05);
}
.u-textAlignCenter {
  text-align: center;
}
.surface-content {
  max-width: 900px;
  background-color: #fff;
  margin: 100px auto;
}
.site-header .avatar {
  border-radius: 100%;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
}
.block--list,
.comment-body,
.grap hr:before,
.site-description,
.site-title,
.social-links {
  position: relative;
}
@media (max-width: 600px) {
  .surface-content {
    margin: 0;
  }
  .admin-bar .site-header {
    top: 46px !important;
  }
}
.site-header.hasImage {
  color: rgba(255, 255, 255, 0.97);
}
.site-title {
  font-size: 24px;
  margin: 0 auto;
}
.logo-img {
  width: 100px;
}
.logo-img a:hover {
  opacity: 0.9;
}
.site-description {
  font-size: 9pt;
  opacity: 0.8;
}
.social-link {
  margin: 0 5px;
  opacity: 0.8;
}
.layoutSingleColumn {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.main-content {
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 600px) {
  .main-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.topNav-items {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  line-height: 50px;
  font-size: 14px;
}
.menu-item {
  display: inline-block;
  margin-right: 15px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.menu-item.current-menu-item {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
}
.block-image {
  background-color: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  display: block;
}
.button,
.grap li:before {
  box-sizing: border-box;
  display: inline-block;
}
.button {
  cursor: pointer;
  white-space: nowrap;
  vertical-align: bottom;
  background: rgba(0, 0, 0, 0);
  text-decoration: none;
  border-radius: 999em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  user-select: none;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  height: 37px;
  padding: 0 16px;
}
.button--primary {
  color: #23B175;
  border-color: #23B175;
}
.block--list {
  border-bottom: 2px rgba(0, 0, 0, 0.05) solid;
  padding: 40px 0;
}
.block--list .block-title {
  font-size: 24px;
  text-align: center;
}
.block--list:last-child {
  border-bottom: 0;
}
.block-postMetaWrap {
  color: rgba(0, 0, 0, 0.44);
  font-size: 14px;
  margin-bottom: 20px;
}
.section-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.grap ol,
.grap p,
.grap ul {
  margin-bottom: 20px;
}
.grap .wp-caption,
.grap p.with-img {
  margin-left: -60px;
  margin-right: -60px;
}
.grap strong {
  font-weight: 700;
}
.grap li {
  margin-left: 30px;
  margin-bottom: 12px;
  padding-top: 2px;
}
.grap li:before {
  -webkit-box-sizing: border-box;
  font-size: 14px;
  margin-left: -58px;
  padding-right: 15px;
  text-align: right;
  width: 58px;
}
.archive-year,
.butterBar,
.grap hr,
.page404 {
  text-align: center;
}
.grap ol {
  counter-reset: post;
}
.grap ol > li:before {
  content: counter(post, decimal) ".";
  counter-increment: post;
  padding-right: 12px;
}
.grap h3 {
  color: rgba(0, 0, 0, 0.44);
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.grap hr {
  margin-top: 32px;
  margin-bottom: 22px;
  display: block;
  border: 0;
}
.grap hr:before {
  content: '...';
  display: inline-block;
  margin-left: 0.6em;
  color: rgba(0, 0, 0, 0.6);
  top: -20px;
  font-size: 28px;
  letter-spacing: 0.6em;
}
.grap a {
  text-decoration: none;
}
.wp-caption {
  margin-left: -60px;
  margin-right: -60px;
  width: auto !important;
}
.wp-caption .wp-caption-text {
  text-align: center;
  font-size: 14px;
}
@media (max-width: 600px) {
  .grap .wp-caption,
  .grap p.with-img {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.posts-nav {
  margin: 20px 0;
}
.grap--h2 {
  font-size: 24px;
}
.postFooterinfo {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 20px;
  padding-bottom: 20px;
}
.postFooterinfo .author-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
}
.postFooterinfo .author-description {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
.postFooterinfo .avatar {
  border-radius: 100%;
  padding: 4px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.postFooterAction {
  padding: 20px 0;
}
.postFooterAction .wpl-button {
  border-color: #23B175;
  color: #23B175;
  cursor: pointer;
}
.postFooterAction .wpl-button.is-active,
.postFooterAction .wpl-button:hover {
  background-color: #23B175;
}
.site-footer {
  background: #0b0b0b;
  padding: 60px 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.block-footer {
  color: rgba(0, 0, 0, 0.44);
  font-size: 12px;
  border-left: 2px solid rgba(0, 0, 0, 0.05);
  padding-left: 10px;
}
.inputTextarea {
  resize: none;
  border: 1px solid #eee;
  width: 100%;
  padding: 10px;
}
.commentlist .comment .comment-author .avatar {
  float: left;
  border-radius: 100%;
  margin-right: 10px;
}
.commentlist .comment-metadata {
  color: rgba(0, 0, 0, 0.44);
  font-style: italic;
  font-size: 12px;
}
.commentlist .children {
  margin-left: 50px;
}
.commentlist .depth-2 .children {
  margin-left: 0;
}
.comment-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 25px;
  padding-bottom: 25px;
}
.comment-meta {
  overflow: hidden;
  font-size: 14px;
}
.comment-meta .says {
  display: none;
}
.comment-content {
  margin-top: 10px;
}
.reply {
  position: absolute;
  top: 20px;
  right: 0;
}
.reply .comment-reply-link {
  background-color: #23B175;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 2px;
}
.comment-respond {
  margin-top: 30px;
}
.comment-form {
  padding: 20px 0;
}
.comment-form label {
  display: block;
  margin-bottom: 3px;
  cursor: pointer;
}
.comment-form p {
  margin-bottom: 15px;
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
  border: 1px solid rgba(0, 0, 0, 0.05);
  height: 30px;
  padding: 0 10px;
  width: 280px;
  font-size: 14px;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.6);
}
.comment-form .comment-form-comment textarea {
  resize: none;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  padding: 10px;
  border-radius: 3px;
}
.responsesWrapper {
  margin-bottom: 30px;
}
.form-submit .submit {
  border: 2px solid #23B175;
  color: #23B175;
  background-color: #fff;
  display: inline-block;
  padding: 3px 15px;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
}
.form-submit .submit:hover {
  background-color: #23B175;
  color: #fff;
}
.comments-title {
  font-weight: 700;
  padding: 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 12px;
}
.comment-reply-title {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.44);
}
.comment-awaiting-moderation {
  background-color: #fcf8e3;
  color: #c09853;
  font-size: 12px;
  padding: 2px 6px;
}
.required {
  color: #c00;
}
.nav-links .page-numbers {
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 1px 10px;
  margin: 5px;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.44);
}
.nav-links .page-numbers.current,
.nav-links .page-numbers:hover {
  background-color: #23B175;
  color: #fff;
}
.page404 {
  padding: 200px 0;
  font-size: 36px;
}
.icon {
  fill: #fff;
  vertical-align: middle;
}
.social-links .icon:hover {
  fill: #23B175;
}
.author-meta .icon {
  fill: rgba(0, 0, 0, 0.44);
  transform: translate3d(0, -2px, 0);
  margin-right: 3px;
}
.icon-heart {
  fill: #23B175;
}
.author-meta {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.44);
  margin-top: 5px;
}
.post--keyword,
.post--keyword sup {
  font-size: 12px;
  display: inline-block;
}
.author-meta-item {
  margin: 5px;
}
.post--keywords {
  margin: 20px 0;
}
.post--keyword {
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.44);
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 2px 9px;
}
.post--keyword sup {
  transform: translate3d(0, -3px, 0);
}
.butterBar {
  margin-left: 36%;
  max-width: 640px;
  position: fixed;
  top: 0;
  width: 58%;
  z-index: 800;
}
.butterBar--center {
  left: 50%;
  margin-left: -320px;
}
.butterBar-message {
  background: rgba(255, 255, 255, 0.97);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.35);
  display: inline-block;
  font-size: 14px;
  margin-bottom: 0;
  padding: 12px 25px;
}
.back-to-top {
  position: fixed;
  width: 32px;
  height: 32px;
  right: 5%;
  bottom: 50px;
  cursor: pointer;
}
.back-to-top .icon {
  fill: rgba(218, 218, 218, 0.9);
}
.back-to-top .icon:hover {
  fill: #23B175;
}
@media (max-width: 600px) {
  .back-to-top {
    display: none;
  }
}
.comment-navigation {
  padding: 20px 0;
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous,
.comment-navigation .page-link-item {
  display: inline-block;
  background-color: #fafafa;
  padding: 3px 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  border-radius: 3px;
  margin: 0 5px;
}
.comment-navigation .nav-next:hover,
.comment-navigation .nav-previous:hover,
.comment-navigation .page-link-item:hover {
  background-color: #23B175;
  color: #fff;
}
.comment-navigation .nav-next a,
.comment-navigation .nav-previous a,
.comment-navigation .page-link-item a {
  display: block;
}
.u-hide {
  display: none;
}
.fancy-archive {
  position: relative;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.fancy-archive:before {
  content: "";
  width: 3px;
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100px;
}
.archive-year {
  display: inline-block;
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.44);
  padding: 1px 0;
  width: 120px;
  margin-left: 40px;
  position: relative;
  border-radius: 3px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.archive-month {
  position: relative;
  font-weight: 700;
  margin-bottom: 15px;
}
.archive-month:after,
.archive-month:before {
  content: "";
  background-color: #fff;
  height: 19px;
  width: 19px;
  border-radius: 100%;
  position: absolute;
  left: 92px;
  top: 3px;
}
.archive-month:after {
  height: 15px;
  width: 15px;
  background-color: #eee;
  left: 94px;
  top: 5px;
}
.archive-month:hover:after {
  background-color: #23B175;
}
.fancy-ul {
  margin-left: 100px;
  margin-bottom: 30px;
}
.fancy-ul .date {
  margin-left: -80px;
  width: 80px;
  display: inline-block;
}
.fancy-ul li {
  position: relative;
  padding-left: 15px;
}
.fancy-ul li:after,
.fancy-ul li:before {
  content: "";
  background-color: #fff;
  height: 13px;
  width: 13px;
  border-radius: 100%;
  position: absolute;
  left: -5px;
  top: 7px;
}
.fancy-ul li:after {
  height: 9px;
  width: 9px;
  background-color: #eee;
  left: -3px;
  top: 9px;
}
.fancy-ul li:hover:after {
  background-color: #23B175;
}
.friend {
  margin-top: 30px;
  font-size: 12px;
}
.friend li {
  display: inline-block;
  margin: 10px 10px 10px 0;
}
.friend a {
  display: block;
  color: #666;
  padding: 5px 13px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
hr {
  border-bottom: 1px solid #f0f0f0;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0;
  opacity: 0.2;
}
.site-banner {
  background-color: #f0f0f0;
  top: 0;
  left: 0;
  width: 100%;
  height: 210px;
  position: fixed;
  z-index: -1;
  background-image: url(/media/images/1.jpg);
  background-position: center;
  color: rgba(0, 0, 0, 0.8);
  padding: 140px 0px;
  background-size: cover;
}
.site-banner .fade-cover {
  display: none;
}
.site-banner.fade .fade-cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
}
.banner-txt {
  max-width: 900px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.85);
}
.banner-txt h2 {
  font-size: 30px;
  margin: 40px 0 20px;
}
.banner-txt * {
  display: inline-block;
  padding: 15px 30px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
}
.site-main {
  width: 100%;
  background: #fff;
  margin-top: 490px;
  position: relative;
}
.surface-content {
  margin: 0 auto;
  padding: 100px 0;
}
.site-main .surface-content {
  padding-top: 10px;
}
.site-footer {
  position: relative;
}
.site-description {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 0.6em;
  letter-spacing: 0.1em;
  font-weight: 300;
  text-transform: none;
}
.site-footer hr {
  border-color: rgba(255, 255, 255, 0.2);
  margin: 0 auto;
  width: 6em;
  opacity: 1;
}
.site-footer .footer-copy,
.social-links {
  color: rgba(255, 255, 255, 0.6);
  margin: 1em auto;
  max-width: 30em;
  text-align: center;
  font-size: 0.6em;
  letter-spacing: 0.1em;
  font-weight: 300;
  text-transform: uppercase;
}
/*--------------------------------------------------------------
12. Header
--------------------------------------------------------------*/
/* If WordPress admin bar is enabled */
.admin-bar .site-header {
  top: 32px;
}
.admin-bar .site-header.is-fixed {
  top: -52px;
}
.site-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 4;
  border-bottom: 1px solid #eee;
  background: #fff;
}
@media screen and (min-width: 40em) {
  .site-header {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .site-header.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -80px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .site-header.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .site-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
    background-color: transparent;
  }
}
.site-branding {
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.875em;
}
.site-branding img {
  display: inline-block;
  max-height: 36px;
  width: auto;
  vertical-align: middle;
}
@media screen and (min-width: 40em) {
  .site-branding {
    left: 1.6em;
  }
}
/** Branding */
.site-title {
  font-size: 1.2em;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 700;
  margin: 0;
}
.site-title a {
  color: black;
}
.site-description {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 0.6em;
  letter-spacing: 0.1em;
  font-weight: 300;
  text-transform: uppercase;
}
header.site-description {
  display: inline-block;
}
/** Menu-Icons */
.search-trigger {
  position: absolute;
  right: 40px;
  top: 28px;
  width: 40px;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .search-trigger {
    right: 60px;
  }
}
.search-trigger:before {
  width: 100%;
  display: block;
  font-family: "ElegantIcons";
  font-weight: normal;
  text-align: center;
  content: "\55";
}
.search-trigger:before::after {
  clear: both;
  content: "";
  display: table;
}
.search-trigger.search-form--active:before {
  font-size: 1.6em;
  line-height: 0.9em;
  content: "\4d";
}
.search-trigger:hover {
  color: inherit;
}
.site-header .search-form {
  position: absolute;
  right: 60px;
  top: 0;
  width: 80px;
  opacity: 0;
  display: none;
}
@media screen and (min-width: 40em) {
  .site-header .search-form {
    right: 110px;
  }
}
@media screen and (min-width: 53.75em) {
  .site-header .search-form {
    display: block;
  }
}
.site-header .search-form input.search-field {
  width: 80px;
  font-size: 0.8em;
  border-width: 0;
  padding: 0.4em 0.4em 0.4em 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.site-header .search-form input.search-field:active,
.site-header .search-form input.search-field:focus,
.site-header .search-form input.search-field:visited {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.site-header .search-form input.search-field::-webkit-input-placeholder {
  color: black;
}
.site-header .search-form input.search-field::-moz-placeholder {
  color: black;
}
.site-header .search-form input.search-field:-moz-placeholder {
  color: black;
}
.site-header .search-form input.search-field:-ms-input-placeholder {
  color: black;
}
.site-header .search-form .search-submit {
  display: none;
}
.site-header .search-form.search-form--active {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 80px;
  display: block;
  top: 28px;
  opacity: 1;
}
.primary-nav-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
}
.primary-nav-trigger .menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 4px;
  background-color: black;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.primary-nav-trigger .menu-icon::before,
.primary-nav-trigger .menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: black;
  right: 0;
  -webkit-transition: -webkit-transform 0.3s, top 0.3s, background-color 0s;
  -moz-transition: -moz-transform 0.3s, top 0.3s, background-color 0s;
  transition: transform 0.3s, top 0.3s, background-color 0s;
}
.primary-nav-trigger .menu-icon::before {
  top: -7px;
}
.primary-nav-trigger .menu-icon::after {
  top: 7px;
}
.primary-nav-trigger .menu-icon.is-clicked {
  background-color: transparent;
}
.primary-nav-trigger .menu-icon.is-clicked::before,
.primary-nav-trigger .menu-icon.is-clicked::after {
  background-color: black;
}
.primary-nav-trigger .menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.primary-nav-trigger .menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media screen and (min-width: 40em) {
  .primary-nav-trigger {
    width: 50px;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    right: 0.8em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .primary-nav-trigger .cd-menu-text {
    display: inline-block;
  }
  .primary-nav-trigger .menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}
/*--------------------------------------------------------------
13. Navigation
--------------------------------------------------------------*/
.site-navigation-wrapper {
  /* by default it's hidden - on bottom of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.92);
  z-index: 3;
  padding: 90px 0;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.site-navigation-wrapper.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
@media screen and (min-width: 40em) {
  .site-navigation-wrapper {
    padding: 120px 0;
  }
}
.main-navigation {
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.main-navigation ul {
  padding: 0 0 60px;
}
.main-navigation li {
  font-size: 1em;
  text-transform: uppercase;
  font-family: "Roboto Slab", Times, Georgia, serif;
  font-weight: 700;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 40em) {
  .main-navigation li {
    font-size: 1.6em;
  }
}
.main-navigation li:last-child {
  border: none;
}
.main-navigation a {
  color: black;
  display: inline-block;
}
.no-touch .main-navigation a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.main-navigation .children {
  padding: 0 0 0 0;
}
.main-navigation .children li {
  font-size: 0.6em;
  border: none;
  padding-bottom: 0.4em;
  padding-top: 0.4em;
}
@media screen and (min-width: 40em) {
  .main-navigation .children li {
    font-size: 0.7em;
  }
}
.main-navigation .children li ul {
  padding: 0;
}
.main-navigation .children li ul li {
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}
.main-navigation .children li:last-child {
  margin-bottom: 0;
  border: none;
}
.site-navigation-wrapper.is-visible .main-navigation {
  opacity: 1;
}
.footer-branding {
  margin-bottom: 30px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}
.footer-branding img {
  max-height: 2em;
  width: auto;
}
.footer-branding .site-title {
  font-size: 1.6em;
}
.footer-branding::after {
  clear: both;
  content: "";
  display: table;
}
.footer-copy {
  margin-top: 2px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}
.more-link {
  border: 1px solid #000;
  display: inline-block;
  padding: 2px 10px;
  font-size: 14px;
  margin: 30px 0;
}
.more-link:hover {
  background-color: #000;
  color: #fff;
}
table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5em;
  font-size: 0.96em;
  box-sizing: border-box;
  border-width: 1;
}
th,
td {
  text-align: left;
  padding: 8px;
  border: 1px solid #efefef;
}
tr:nth-child(even) {
  background-color: #F7FAFC;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
.hljs,
.hljs-tag,
.css .hljs-rules,
.css .hljs-value,
.css .hljs-function .hljs-preprocessor,
.hljs-pragma {
  color: #8B008B;
}
.hljs-strongemphasis,
.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}
.hljs-bullet,
.hljs-blockquote,
.hljs-horizontal_rule,
.hljs-number,
.hljs-regexp,
.alias .hljs-keyword,
.hljs-literal,
.hljs-hexcolor {
  color: #ae81ff;
}
.hljs-tag .hljs-value,
.hljs-code,
.hljs-title,
.css .hljs-class,
.hljs-class .hljs-title:last-child {
  color: #a6e22e;
}
.hljs-link_url {
  font-size: 80%;
}
.hljs-strong,
.hljs-strongemphasis {
  font-weight: bold;
}
.hljs-emphasis,
.hljs-strongemphasis,
.hljs-class .hljs-title:last-child {
  font-style: italic;
}
.hljs-keyword,
.hljs-function,
.hljs-change,
.hljs-winutils,
.hljs-flow,
.lisp .hljs-title,
.clojure .hljs-built_in,
.nginx .hljs-title,
.tex .hljs-special,
.hljs-header,
.hljs-attribute,
.hljs-symbol,
.hljs-symbol .hljs-string,
.hljs-tag .hljs-title,
.hljs-value,
.alias .hljs-keyword:first-child,
.css .hljs-tag,
.css .unit,
.css .hljs-important {
  color: #f92672;
}
.hljs-function .hljs-keyword,
.hljs-class .hljs-keyword:first-child,
.hljs-constant,
.css .hljs-attribute {
  color: #CD5555;
}
.hljs-variable,
.hljs-params,
.hljs-class .hljs-title {
  color: #607d8b;
}
.hljs-string,
.css .hljs-id,
.hljs-subst,
.haskell .hljs-type,
.ruby .hljs-class .hljs-parent,
.hljs-built_in,
.sql .hljs-aggregate,
.django .hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.django .hljs-filter .hljs-argument,
.smalltalk .hljs-localvars,
.smalltalk .hljs-array,
.hljs-attr_selector,
.hljs-pseudo,
.hljs-addition,
.hljs-stream,
.hljs-envvar,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.hljs-prompt,
.hljs-link_label,
.hljs-link_url {
  color: #658b00;
}
.hljs-comment,
.hljs-javadoc,
.java .hljs-annotation,
.python .hljs-decorator,
.hljs-template_comment,
.hljs-pi,
.hljs-doctype,
.hljs-deletion,
.hljs-shebang,
.apache .hljs-sqbracket,
.tex .hljs-formula {
  color: #75715e;
}