@import url('styles-blessed1.css?z=1498815771555');


.icon-bluetooth_disabled:before {
  content: "\e099";
}

.icon-bluetooth_searching:before {
  content: "\e09a";
}

.icon-brightness_auto:before {
  content: "\e09b";
}

.icon-brightness_high:before {
  content: "\e09c";
}

.icon-brightness_low:before {
  content: "\e09d";
}

.icon-brightness_medium:before {
  content: "\e09e";
}

.icon-data_usage:before {
  content: "\e09f";
}

.icon-developer_mode:before {
  content: "\e0a0";
}

.icon-devices:before {
  content: "\e0a1";
}

.icon-dvr:before {
  content: "\e0a2";
}

.icon-gps_fixed:before {
  content: "\e0a3";
}

.icon-gps_not_fixed:before {
  content: "\e0a4";
}

.icon-gps_off:before {
  content: "\e0a5";
}

.icon-location_disabled:before {
  content: "\e0a6";
}

.icon-location_searching:before {
  content: "\e0a7";
}

.icon-graphic_eq:before {
  content: "\e0a8";
}

.icon-network_cell:before {
  content: "\e0a9";
}

.icon-network_wifi:before {
  content: "\e0aa";
}

.icon-nfc:before {
  content: "\e0ab";
}

.icon-now_wallpaper:before {
  content: "\e0ac";
}

.icon-now_widgets:before {
  content: "\e0ad";
}

.icon-screen_lock_landscape:before {
  content: "\e0ae";
}

.icon-screen_lock_portrait:before {
  content: "\e0af";
}

.icon-screen_lock_rotation:before {
  content: "\e0b0";
}

.icon-screen_rotation:before {
  content: "\e0b1";
}

.icon-sd_storage:before {
  content: "\e0b2";
}

.icon-settings_system_daydream:before {
  content: "\e0b3";
}

.icon-signal_cellular_4_bar:before {
  content: "\e0b4";
}

.icon-signal_cellular_connected_no_internet_4_bar:before {
  content: "\e0b5";
}

.icon-signal_cellular_no_sim:before {
  content: "\e0b6";
}

.icon-signal_cellular_null:before {
  content: "\e0b7";
}

.icon-signal_cellular_off:before {
  content: "\e0b8";
}

.icon-signal_wifi_4_bar:before {
  content: "\e0b9";
}

.icon-signal_wifi_4_bar_lock:before {
  content: "\e0ba";
}

.icon-signal_wifi_off:before {
  content: "\e0bb";
}

.icon-storage:before {
  content: "\e0bc";
}

.icon-usb:before {
  content: "\e0bd";
}

.icon-wifi_lock:before {
  content: "\e0be";
}

.icon-wifi_tethering:before {
  content: "\e0bf";
}

.icon-attach_file:before {
  content: "\e0c0";
}

.icon-attach_money:before {
  content: "\e0c1";
}

.icon-border_all:before {
  content: "\e0c2";
}

.icon-border_bottom:before {
  content: "\e0c3";
}

.icon-border_clear:before {
  content: "\e0c4";
}

.icon-border_color:before {
  content: "\e0c5";
}

.icon-border_horizontal:before {
  content: "\e0c6";
}

.icon-border_inner:before {
  content: "\e0c7";
}

.icon-border_left:before {
  content: "\e0c8";
}

.icon-border_outer:before {
  content: "\e0c9";
}

.icon-border_right:before {
  content: "\e0ca";
}

.icon-border_style:before {
  content: "\e0cb";
}

.icon-border_top:before {
  content: "\e0cc";
}

.icon-border_vertical:before {
  content: "\e0cd";
}

.icon-format_align_center:before {
  content: "\e0ce";
}

.icon-format_align_justify:before {
  content: "\e0cf";
}

.icon-format_align_left:before {
  content: "\e0d0";
}

.icon-format_align_right:before {
  content: "\e0d1";
}

.icon-format_bold:before {
  content: "\e0d2";
}

.icon-format_clear:before {
  content: "\e0d3";
}

.icon-format_color_fill:before {
  content: "\e0d4";
}

.icon-format_color_reset:before {
  content: "\e0d5";
}

.icon-format_color_text:before {
  content: "\e0d6";
}

.icon-format_indent_decrease:before {
  content: "\e0d7";
}

.icon-format_indent_increase:before {
  content: "\e0d8";
}

.icon-format_italic:before {
  content: "\e0d9";
}

.icon-format_line_spacing:before {
  content: "\e0da";
}

.icon-format_list_bulleted:before {
  content: "\e0db";
}

.icon-format_list_numbered:before {
  content: "\e0dc";
}

.icon-format_paint:before {
  content: "\e0dd";
}

.icon-format_quote:before {
  content: "\e0de";
}

.icon-format_size:before {
  content: "\e0df";
}

.icon-format_strikethrough:before {
  content: "\e0e0";
}

.icon-format_textdirection_l_to_r:before {
  content: "\e0e1";
}

.icon-format_textdirection_r_to_l:before {
  content: "\e0e2";
}

.icon-format_underlined:before {
  content: "\e0e3";
}

.icon-functions:before {
  content: "\e0e4";
}

.icon-insert_chart:before {
  content: "\e0e5";
}

.icon-insert_comment:before {
  content: "\e0e6";
}

.icon-insert_drive_file:before {
  content: "\e0e7";
}

.icon-insert_emoticon:before {
  content: "\e0e8";
}

.icon-insert_invitation:before {
  content: "\e0e9";
}

.icon-insert_link:before {
  content: "\e0ea";
}

.icon-insert_photo:before {
  content: "\e0eb";
}

.icon-merge_type:before {
  content: "\e0ec";
}

.icon-mode_comment:before {
  content: "\e0ed";
}

.icon-mode_edit:before {
  content: "\e0ee";
}

.icon-publish:before {
  content: "\e0ef";
}

.icon-space_bar:before {
  content: "\e0f0";
}

.icon-strikethrough_s:before {
  content: "\e0f1";
}

.icon-vertical_align_bottom:before {
  content: "\e0f2";
}

.icon-vertical_align_center:before {
  content: "\e0f3";
}

.icon-vertical_align_top:before {
  content: "\e0f4";
}

.icon-wrap_text:before {
  content: "\e0f5";
}

.icon-money_off:before {
  content: "\e0f6";
}

.icon-attachment:before {
  content: "\e0f7";
}

.icon-cloud:before {
  content: "\e0f8";
}

.icon-cloud_circle:before {
  content: "\e0f9";
}

.icon-cloud_done:before {
  content: "\e0fa";
}

.icon-cloud_download:before {
  content: "\e0fb";
}

.icon-cloud_off:before {
  content: "\e0fc";
}

.icon-cloud_queue:before {
  content: "\e0fd";
}

.icon-cloud_upload:before {
  content: "\e0fe";
}

.icon-file_download:before {
  content: "\e0ff";
}

.icon-file_upload:before {
  content: "\e100";
}

.icon-folder:before {
  content: "\e101";
}

.icon-folder_open:before {
  content: "\e102";
}

.icon-folder_shared:before {
  content: "\e103";
}

.icon-cast:before {
  content: "\e104";
}

.icon-cast_connected:before {
  content: "\e105";
}

.icon-computer:before {
  content: "\e106";
}

.icon-desktop_mac:before {
  content: "\e107";
}

.icon-desktop_windows:before {
  content: "\e108";
}

.icon-developer_board:before {
  content: "\e109";
}

.icon-dock:before {
  content: "\e10a";
}

.icon-gamepad:before {
  content: "\e10b";
}

.icon-headset:before {
  content: "\e10c";
}

.icon-headset_mic:before {
  content: "\e10d";
}

.icon-keyboard:before {
  content: "\e10e";
}

.icon-keyboard_arrow_down:before {
  content: "\e10f";
}

.icon-keyboard_arrow_left:before {
  content: "\e110";
}

.icon-keyboard_arrow_right:before {
  content: "\e111";
}

.icon-keyboard_arrow_up:before {
  content: "\e112";
}

.icon-keyboard_backspace:before {
  content: "\e113";
}

.icon-keyboard_capslock:before {
  content: "\e114";
}

.icon-keyboard_hide:before {
  content: "\e115";
}

.icon-keyboard_return:before {
  content: "\e116";
}

.icon-keyboard_tab:before {
  content: "\e117";
}

.icon-keyboard_voice:before {
  content: "\e118";
}

.icon-laptop:before {
  content: "\e119";
}

.icon-laptop_chromebook:before {
  content: "\e11a";
}

.icon-laptop_mac:before {
  content: "\e11b";
}

.icon-laptop_windows:before {
  content: "\e11c";
}

.icon-memory:before {
  content: "\e11d";
}

.icon-mouse:before {
  content: "\e11e";
}

.icon-phone_android:before {
  content: "\e11f";
}

.icon-phone_iphone:before {
  content: "\e120";
}

.icon-phonelink:before {
  content: "\e121";
}

.icon-phonelink_off:before {
  content: "\e122";
}

.icon-router:before {
  content: "\e123";
}

.icon-scanner:before {
  content: "\e124";
}

.icon-security:before {
  content: "\e125";
}

.icon-sim_card:before {
  content: "\e126";
}

.icon-smartphone:before {
  content: "\e127";
}

.icon-speaker:before {
  content: "\e128";
}

.icon-speaker_group:before {
  content: "\e129";
}

.icon-tablet:before {
  content: "\e12a";
}

.icon-tablet_android:before {
  content: "\e12b";
}

.icon-tablet_mac:before {
  content: "\e12c";
}

.icon-toys:before {
  content: "\e12d";
}

.icon-tv:before {
  content: "\e12e";
}

.icon-watch:before {
  content: "\e12f";
}

.icon-device_hub:before {
  content: "\e130";
}

.icon-power_input:before {
  content: "\e131";
}

.icon-add_to_photos:before {
  content: "\e132";
}

.icon-adjust:before {
  content: "\e133";
}

.icon-assistant:before {
  content: "\e134";
}

.icon-assistant_photo:before {
  content: "\e135";
}

.icon-audiotrack:before {
  content: "\e136";
}

.icon-blur_circular:before {
  content: "\e137";
}

.icon-blur_linear:before {
  content: "\e138";
}

.icon-blur_off:before {
  content: "\e139";
}

.icon-blur_on:before {
  content: "\e13a";
}

.icon-brightness_1:before {
  content: "\e13b";
}

.icon-brightness_2:before {
  content: "\e13c";
}

.icon-brightness_3:before {
  content: "\e13d";
}

.icon-brightness_4:before {
  content: "\e13e";
}

.icon-brightness_5:before {
  content: "\e13f";
}

.icon-brightness_6:before {
  content: "\e140";
}

.icon-brightness_7:before {
  content: "\e141";
}

.icon-broken_image:before {
  content: "\e142";
}

.icon-brush:before {
  content: "\e143";
}

.icon-camera:before {
  content: "\e144";
}

.icon-camera_alt:before {
  content: "\e145";
}

.icon-camera_front:before {
  content: "\e146";
}

.icon-camera_rear:before {
  content: "\e147";
}

.icon-camera_roll:before {
  content: "\e148";
}

.icon-center_focus_strong:before {
  content: "\e149";
}

.icon-center_focus_weak:before {
  content: "\e14a";
}

.icon-collections:before {
  content: "\e14b";
}

.icon-color_lens:before {
  content: "\e14c";
}

.icon-colorize:before {
  content: "\e14d";
}

.icon-compare:before {
  content: "\e14e";
}

.icon-control_point:before {
  content: "\e14f";
}

.icon-control_point_duplicate:before {
  content: "\e150";
}

.icon-crop_16_9:before {
  content: "\e151";
}

.icon-crop_3_2:before {
  content: "\e152";
}

.icon-crop:before {
  content: "\e153";
}

.icon-crop_5_4:before {
  content: "\e154";
}

.icon-crop_7_5:before {
  content: "\e155";
}

.icon-crop_din:before {
  content: "\e156";
}

.icon-crop_free:before {
  content: "\e157";
}

.icon-crop_landscape:before {
  content: "\e158";
}

.icon-crop_original:before {
  content: "\e159";
}

.icon-crop_portrait:before {
  content: "\e15a";
}

.icon-crop_square:before {
  content: "\e15b";
}

.icon-dehaze:before {
  content: "\e15c";
}

.icon-details:before {
  content: "\e15d";
}

.icon-edit:before {
  content: "\e15e";
}

.icon-exposure:before {
  content: "\e15f";
}

.icon-exposure_minus_1:before {
  content: "\e160";
}

.icon-exposure_minus_2:before {
  content: "\e161";
}

.icon-exposure_plus_1:before {
  content: "\e162";
}

.icon-exposure_plus_2:before {
  content: "\e163";
}

.icon-exposure_zero:before {
  content: "\e164";
}

.icon-filter_1:before {
  content: "\e165";
}

.icon-filter_2:before {
  content: "\e166";
}

.icon-filter_3:before {
  content: "\e167";
}

.icon-filter:before {
  content: "\e168";
}

.icon-filter_4:before {
  content: "\e169";
}

.icon-filter_5:before {
  content: "\e16a";
}

.icon-filter_6:before {
  content: "\e16b";
}

.icon-filter_7:before {
  content: "\e16c";
}

.icon-filter_8:before {
  content: "\e16d";
}

.icon-filter_9:before {
  content: "\e16e";
}

.icon-filter_9_plus:before {
  content: "\e16f";
}

.icon-filter_b_and_w:before {
  content: "\e170";
}

.icon-filter_center_focus:before {
  content: "\e171";
}

.icon-filter_drama:before {
  content: "\e172";
}

.icon-filter_frames:before {
  content: "\e173";
}

.icon-filter_hdr:before {
  content: "\e174";
}

.icon-filter_none:before {
  content: "\e175";
}

.icon-filter_tilt_shift:before {
  content: "\e176";
}

.icon-filter_vintage:before {
  content: "\e177";
}

.icon-flare:before {
  content: "\e178";
}

.icon-flash_auto:before {
  content: "\e179";
}

.icon-flash_off:before {
  content: "\e17a";
}

.icon-flash_on:before {
  content: "\e17b";
}

.icon-flip:before {
  content: "\e17c";
}

.icon-gradient:before {
  content: "\e17d";
}

.icon-grain:before {
  content: "\e17e";
}

.icon-grid_off:before {
  content: "\e17f";
}

.icon-grid_on:before {
  content: "\e180";
}

.icon-hdr_off:before {
  content: "\e181";
}

.icon-hdr_on:before {
  content: "\e182";
}

.icon-hdr_strong:before {
  content: "\e183";
}

.icon-hdr_weak:before {
  content: "\e184";
}

.icon-healing:before {
  content: "\e185";
}

.icon-image:before {
  content: "\e186";
}

.icon-image_aspect_ratio:before {
  content: "\e187";
}

.icon-iso:before {
  content: "\e188";
}

.icon-landscape:before {
  content: "\e189";
}

.icon-leak_add:before {
  content: "\e18a";
}

.icon-leak_remove:before {
  content: "\e18b";
}

.icon-lens:before {
  content: "\e18c";
}

.icon-looks_3:before {
  content: "\e18d";
}

.icon-looks:before {
  content: "\e18e";
}

.icon-looks_4:before {
  content: "\e18f";
}

.icon-looks_5:before {
  content: "\e190";
}

.icon-looks_6:before {
  content: "\e191";
}

.icon-looks_one:before {
  content: "\e192";
}

.icon-looks_two:before {
  content: "\e193";
}

.icon-loupe:before {
  content: "\e194";
}

.icon-monochrome_photos:before {
  content: "\e195";
}

.icon-movie_creation:before {
  content: "\e196";
}

.icon-music_note:before {
  content: "\e197";
}

.icon-nature:before {
  content: "\e198";
}

.icon-nature_people:before {
  content: "\e199";
}

.icon-navigate_before:before {
  content: "\e19a";
}

.icon-navigate_next:before {
  content: "\e19b";
}

.icon-palette:before {
  content: "\e19c";
}

.icon-panorama:before {
  content: "\e19d";
}

.icon-panorama_fish_eye:before {
  content: "\e19e";
}

.icon-panorama_horizontal:before {
  content: "\e19f";
}

.icon-panorama_vertical:before {
  content: "\e1a0";
}

.icon-panorama_wide_angle:before {
  content: "\e1a1";
}

.icon-photo:before {
  content: "\e1a2";
}

.icon-photo_album:before {
  content: "\e1a3";
}

.icon-photo_camera:before {
  content: "\e1a4";
}

.icon-photo_library:before {
  content: "\e1a5";
}

.icon-picture_as_pdf:before {
  content: "\e1a6";
}

.icon-portrait:before {
  content: "\e1a7";
}

.icon-remove_red_eye:before {
  content: "\e1a8";
}

.icon-rotate_90_degrees_ccw:before {
  content: "\e1a9";
}

.icon-rotate_left:before {
  content: "\e1aa";
}

.icon-rotate_right:before {
  content: "\e1ab";
}

.icon-slideshow:before {
  content: "\e1ac";
}

.icon-straighten:before {
  content: "\e1ad";
}

.icon-style:before {
  content: "\e1ae";
}

.icon-switch_camera:before {
  content: "\e1af";
}

.icon-switch_video:before {
  content: "\e1b0";
}

.icon-tag_faces:before {
  content: "\e1b1";
}

.icon-texture:before {
  content: "\e1b2";
}

.icon-timelapse:before {
  content: "\e1b3";
}

.icon-timer_10:before {
  content: "\e1b4";
}

.icon-timer_3:before {
  content: "\e1b5";
}

.icon-timer:before {
  content: "\e1b6";
}

.icon-timer_off:before {
  content: "\e1b7";
}

.icon-tonality:before {
  content: "\e1b8";
}

.icon-transform:before {
  content: "\e1b9";
}

.icon-tune:before {
  content: "\e1ba";
}

.icon-view_comfortable:before {
  content: "\e1bb";
}

.icon-view_compact:before {
  content: "\e1bc";
}

.icon-wb_auto:before {
  content: "\e1bd";
}

.icon-wb_cloudy:before {
  content: "\e1be";
}

.icon-wb_incandescent:before {
  content: "\e1bf";
}

.icon-wb_sunny:before {
  content: "\e1c0";
}

.icon-collections_bookmark:before {
  content: "\e1c1";
}

.icon-photo_size_select_actual:before {
  content: "\e1c2";
}

.icon-photo_size_select_large:before {
  content: "\e1c3";
}

.icon-photo_size_select_small:before {
  content: "\e1c4";
}

.icon-vignette:before {
  content: "\e1c5";
}

.icon-wb_iridescent:before {
  content: "\e1c6";
}

.icon-beenhere:before {
  content: "\e1c7";
}

.icon-directions:before {
  content: "\e1c8";
}

.icon-directions_bike:before {
  content: "\e1c9";
}

.icon-directions_bus:before {
  content: "\e1ca";
}

.icon-directions_car:before {
  content: "\e1cb";
}

.icon-directions_ferry:before {
  content: "\e1cc";
}

.icon-directions_subway:before {
  content: "\e1cd";
}

.icon-directions_railway:before {
  content: "\e1ce";
}

.icon-directions_transit:before {
  content: "\e1cf";
}

.icon-directions_walk:before {
  content: "\e1d0";
}

.icon-flight:before {
  content: "\e1d1";
}

.icon-hotel:before {
  content: "\e1d2";
}

.icon-layers:before {
  content: "\e1d3";
}

.icon-layers_clear:before {
  content: "\e1d4";
}

.icon-local_airport:before {
  content: "\e1d5";
}

.icon-local_atm:before {
  content: "\e1d6";
}

.icon-local_attraction:before {
  content: "\e1d7";
}

.icon-local_bar:before {
  content: "\e1d8";
}

.icon-local_cafe:before {
  content: "\e1d9";
}

.icon-local_car_wash:before {
  content: "\e1da";
}

.icon-local_convenience_store:before {
  content: "\e1db";
}

.icon-local_drink:before {
  content: "\e1dc";
}

.icon-local_florist:before {
  content: "\e1dd";
}

.icon-local_gas_station:before {
  content: "\e1de";
}

.icon-local_grocery_store:before {
  content: "\e1df";
}

.icon-local_hospital:before {
  content: "\e1e0";
}

.icon-local_hotel:before {
  content: "\e1e1";
}

.icon-local_laundry_service:before {
  content: "\e1e2";
}

.icon-local_library:before {
  content: "\e1e3";
}

.icon-local_mall:before {
  content: "\e1e4";
}

.icon-local_movies:before {
  content: "\e1e5";
}

.icon-local_offer:before {
  content: "\e1e6";
}

.icon-local_parking:before {
  content: "\e1e7";
}

.icon-local_pharmacy:before {
  content: "\e1e8";
}

.icon-local_phone:before {
  content: "\e1e9";
}

.icon-local_pizza:before {
  content: "\e1ea";
}

.icon-local_play:before {
  content: "\e1eb";
}

.icon-local_post_office:before {
  content: "\e1ec";
}

.icon-local_print_shop:before {
  content: "\e1ed";
}

.icon-local_restaurant:before {
  content: "\e1ee";
}

.icon-local_see:before {
  content: "\e1ef";
}

.icon-local_shipping:before {
  content: "\e1f0";
}

.icon-local_taxi:before {
  content: "\e1f1";
}

.icon-location_history:before {
  content: "\e1f2";
}

.icon-map:before {
  content: "\e1f3";
}

.icon-my_location:before {
  content: "\e1f4";
}

.icon-navigation:before {
  content: "\e1f5";
}

.icon-pin_drop:before {
  content: "\e1f6";
}

.icon-place:before {
  content: "\e1f7";
}

.icon-rate_review:before {
  content: "\e1f8";
}

.icon-restaurant_menu:before {
  content: "\e1f9";
}

.icon-satellite:before {
  content: "\e1fa";
}

.icon-store_mall_directory:before {
  content: "\e1fb";
}

.icon-terrain:before {
  content: "\e1fc";
}

.icon-traffic:before {
  content: "\e1fd";
}

.icon-directions_run:before {
  content: "\e1fe";
}

.icon-apps:before {
  content: "\e1ff";
}

.icon-arrow_back:before {
  content: "\e200";
}

.icon-arrow_drop_down:before {
  content: "\e201";
}

.icon-arrow_drop_down_circle:before {
  content: "\e202";
}

.icon-arrow_drop_up:before {
  content: "\e203";
}

.icon-arrow_forward:before {
  content: "\e204";
}

.icon-cancel:before {
  content: "\e205";
}

.icon-check:before {
  content: "\e206";
}

.icon-chevron_left:before {
  content: "\e207";
}

.icon-chevron_right:before {
  content: "\e208";
}

.icon-close:before {
  content: "\e209";
}

.icon-expand_less:before {
  content: "\e20a";
}

.icon-expand_more:before {
  content: "\e20b";
}

.icon-fullscreen:before {
  content: "\e20c";
}

.icon-fullscreen_exit:before {
  content: "\e20d";
}

.icon-menu:before {
  content: "\e20e";
}

.icon-keyboard_control:before {
  content: "\e20f";
}

.icon-more_vert:before {
  content: "\e210";
}

.icon-refresh:before {
  content: "\e211";
}

.icon-unfold_less:before {
  content: "\e212";
}

.icon-unfold_more:before {
  content: "\e213";
}

.icon-adb:before {
  content: "\e214";
}

.icon-bluetooth_audio:before {
  content: "\e215";
}

.icon-disc_full:before {
  content: "\e216";
}

.icon-do_not_disturb_alt:before {
  content: "\e217";
}

.icon-do_not_disturb:before {
  content: "\e218";
}

.icon-drive_eta:before {
  content: "\e219";
}

.icon-event_available:before {
  content: "\e21a";
}

.icon-event_busy:before {
  content: "\e21b";
}

.icon-event_note:before {
  content: "\e21c";
}

.icon-folder_special:before {
  content: "\e21d";
}

.icon-mms:before {
  content: "\e21e";
}

.icon-more:before {
  content: "\e21f";
}

.icon-network_locked:before {
  content: "\e220";
}

.icon-phone_bluetooth_speaker:before {
  content: "\e221";
}

.icon-phone_forwarded:before {
  content: "\e222";
}

.icon-phone_in_talk:before {
  content: "\e223";
}

.icon-phone_locked:before {
  content: "\e224";
}

.icon-phone_missed:before {
  content: "\e225";
}

.icon-phone_paused:before {
  content: "\e226";
}

.icon-sd_card:before {
  content: "\e227";
}

.icon-sim_card_alert:before {
  content: "\e228";
}

.icon-sms:before {
  content: "\e229";
}

.icon-sms_failed:before {
  content: "\e22a";
}

.icon-sync:before {
  content: "\e22b";
}

.icon-sync_disabled:before {
  content: "\e22c";
}

.icon-sync_problem:before {
  content: "\e22d";
}

.icon-system_update:before {
  content: "\e22e";
}

.icon-tap_and_play:before {
  content: "\e22f";
}

.icon-time_to_leave:before {
  content: "\e230";
}

.icon-vibration:before {
  content: "\e231";
}

.icon-voice_chat:before {
  content: "\e232";
}

.icon-vpn_lock:before {
  content: "\e233";
}

.icon-airline_seat_flat:before {
  content: "\e234";
}

.icon-airline_seat_flat_angled:before {
  content: "\e235";
}

.icon-airline_seat_individual_suite:before {
  content: "\e236";
}

.icon-airline_seat_legroom_extra:before {
  content: "\e237";
}

.icon-airline_seat_legroom_normal:before {
  content: "\e238";
}

.icon-airline_seat_legroom_reduced:before {
  content: "\e239";
}

.icon-airline_seat_recline_extra:before {
  content: "\e23a";
}

.icon-airline_seat_recline_normal:before {
  content: "\e23b";
}

.icon-confirmation_number:before {
  content: "\e23c";
}

.icon-live_tv:before {
  content: "\e23d";
}

.icon-ondemand_video:before {
  content: "\e23e";
}

.icon-personal_video:before {
  content: "\e23f";
}

.icon-power:before {
  content: "\e240";
}

.icon-wc:before {
  content: "\e241";
}

.icon-wifi:before {
  content: "\e242";
}

.icon-cake:before {
  content: "\e243";
}

.icon-domain:before {
  content: "\e244";
}

.icon-group:before {
  content: "\e245";
}

.icon-group_add:before {
  content: "\e246";
}

.icon-location_city:before {
  content: "\e247";
}

.icon-mood:before {
  content: "\e248";
}

.icon-mood_bad:before {
  content: "\e249";
}

.icon-notifications:before {
  content: "\e24a";
}

.icon-notifications_none:before {
  content: "\e24b";
}

.icon-notifications_off:before {
  content: "\e24c";
}

.icon-notifications_active:before {
  content: "\e24d";
}

.icon-notifications_paused:before {
  content: "\e24e";
}

.icon-pages:before {
  content: "\e24f";
}

.icon-party_mode:before {
  content: "\e250";
}

.icon-people:before {
  content: "\e251";
}

.icon-people_outline:before {
  content: "\e252";
}

.icon-person:before {
  content: "\e253";
}

.icon-person_add:before {
  content: "\e254";
}

.icon-person_outline:before {
  content: "\e255";
}

.icon-plus_one:before {
  content: "\e256";
}

.icon-poll:before {
  content: "\e257";
}

.icon-public:before {
  content: "\e258";
}

.icon-school:before {
  content: "\e259";
}

.icon-share:before {
  content: "\e25a";
}

.icon-whatshot:before {
  content: "\e25b";
}

.icon-check_box:before {
  content: "\e25c";
}

.icon-check_box_outline_blank:before {
  content: "\e25d";
}

.icon-radio_button_unchecked:before {
  content: "\e25e";
}

.icon-radio_button_checked:before {
  content: "\e25f";
}

.icon-star:before {
  content: "\e260";
}

.icon-star_half:before {
  content: "\e261";
}

.icon-star_outline:before {
  content: "\e262";
}

.icon-3d_rotation:before {
  content: "\e263";
}

.icon-accessibility:before {
  content: "\e264";
}

.icon-account_balance:before {
  content: "\e265";
}

.icon-account_balance_wallet:before {
  content: "\e266";
}

.icon-account_box:before {
  content: "\e267";
}

.icon-account_circle:before {
  content: "\e268";
}

.icon-add_shopping_cart:before {
  content: "\e269";
}

.icon-alarm:before {
  content: "\e26a";
}

.icon-alarm_add:before {
  content: "\e26b";
}

.icon-alarm_off:before {
  content: "\e26c";
}

.icon-alarm_on:before {
  content: "\e26d";
}

.icon-android:before {
  content: "\e26e";
}

.icon-announcement:before {
  content: "\e26f";
}

.icon-aspect_ratio:before {
  content: "\e270";
}

.icon-assessment:before {
  content: "\e271";
}

.icon-assignment:before {
  content: "\e272";
}

.icon-assignment_ind:before {
  content: "\e273";
}

.icon-assignment_late:before {
  content: "\e274";
}

.icon-assignment_return:before {
  content: "\e275";
}

.icon-assignment_returned:before {
  content: "\e276";
}

.icon-assignment_turned_in:before {
  content: "\e277";
}

.icon-autorenew:before {
  content: "\e278";
}

.icon-backup:before {
  content: "\e279";
}

.icon-book2:before {
  content: "\e27a";
}

.icon-bookmark:before {
  content: "\e27b";
}

.icon-bookmark_outline:before {
  content: "\e27c";
}

.icon-bug_report:before {
  content: "\e27d";
}

.icon-build:before {
  content: "\e27e";
}

.icon-cached:before {
  content: "\e27f";
}

.icon-change_history:before {
  content: "\e280";
}

.icon-check_circle:before {
  content: "\e281";
}

.icon-chrome_reader_mode:before {
  content: "\e282";
}

.icon-class:before {
  content: "\e283";
}

.icon-code:before {
  content: "\e284";
}

.icon-credit_card:before {
  content: "\e285";
}

.icon-dashboard:before {
  content: "\e286";
}

.icon-delete:before {
  content: "\e287";
}

.icon-description:before {
  content: "\e288";
}

.icon-dns:before {
  content: "\e289";
}

.icon-done:before {
  content: "\e28a";
}

.icon-done_all:before {
  content: "\e28b";
}

.icon-event:before {
  content: "\e28c";
}

.icon-exit_to_app:before {
  content: "\e28d";
}

.icon-explore:before {
  content: "\e28e";
}

.icon-extension:before {
  content: "\e28f";
}

.icon-face:before {
  content: "\e290";
}

.icon-favorite:before {
  content: "\e291";
}

.icon-favorite_outline:before {
  content: "\e292";
}

.icon-feedback:before {
  content: "\e293";
}

.icon-find_in_page:before {
  content: "\e294";
}

.icon-find_replace:before {
  content: "\e295";
}

.icon-flip_to_back:before {
  content: "\e296";
}

.icon-flip_to_front:before {
  content: "\e297";
}

.icon-get_app:before {
  content: "\e298";
}

.icon-grade:before {
  content: "\e299";
}

.icon-group_work:before {
  content: "\e29a";
}

.icon-help:before {
  content: "\e29b";
}

.icon-highlight_remove:before {
  content: "\e29c";
}

.icon-history:before {
  content: "\e29d";
}

.icon-home:before {
  content: "\e29e";
}

.icon-hourglass_empty:before {
  content: "\e29f";
}

.icon-hourglass_full:before {
  content: "\e2a0";
}

.icon-https:before {
  content: "\e2a1";
}

.icon-info:before {
  content: "\e2a2";
}

.icon-info_outline:before {
  content: "\e2a3";
}

.icon-input:before {
  content: "\e2a4";
}

.icon-invert_colors_on:before {
  content: "\e2a5";
}

.icon-label:before {
  content: "\e2a6";
}

.icon-label_outline:before {
  content: "\e2a7";
}

.icon-language:before {
  content: "\e2a8";
}

.icon-launch:before {
  content: "\e2a9";
}

.icon-list:before {
  content: "\e2aa";
}

.icon-lock:before {
  content: "\e2ab";
}

.icon-lock_open:before {
  content: "\e2ac";
}

.icon-lock_outline:before {
  content: "\e2ad";
}

.icon-loyalty:before {
  content: "\e2ae";
}

.icon-markunread_mailbox:before {
  content: "\e2af";
}

.icon-note_add:before {
  content: "\e2b0";
}

.icon-open_in_browser:before {
  content: "\e2b1";
}

.icon-open_in_new:before {
  content: "\e2b2";
}

.icon-open_with:before {
  content: "\e2b3";
}

.icon-pageview:before {
  content: "\e2b4";
}

.icon-payment:before {
  content: "\e2b5";
}

.icon-perm_camera_mic:before {
  content: "\e2b6";
}

.icon-perm_contact_calendar:before {
  content: "\e2b7";
}

.icon-perm_data_setting:before {
  content: "\e2b8";
}

.icon-perm_device_information:before {
  content: "\e2b9";
}

.icon-perm_identity:before {
  content: "\e2ba";
}

.icon-perm_media:before {
  content: "\e2bb";
}

.icon-perm_phone_msg:before {
  content: "\e2bc";
}

.icon-perm_scan_wifi:before {
  content: "\e2bd";
}

.icon-picture_in_picture:before {
  content: "\e2be";
}

.icon-polymer:before {
  content: "\e2bf";
}

.icon-power_settings_new:before {
  content: "\e2c0";
}

.icon-print:before {
  content: "\e2c1";
}

.icon-query_builder:before {
  content: "\e2c2";
}

.icon-question_answer:before {
  content: "\e2c3";
}

.icon-receipt:before {
  content: "\e2c4";
}

.icon-redeem:before {
  content: "\e2c5";
}

.icon-report_problem:before {
  content: "\e2c6";
}

.icon-restore:before {
  content: "\e2c7";
}

.icon-room:before {
  content: "\e2c8";
}

.icon-schedule:before {
  content: "\e2c9";
}

.icon-search:before {
  content: "\e2ca";
}

.icon-settings:before {
  content: "\e2cb";
}

.icon-settings_applications:before {
  content: "\e2cc";
}

.icon-settings_backup_restore:before {
  content: "\e2cd";
}

.icon-settings_bluetooth:before {
  content: "\e2ce";
}

.icon-settings_cell:before {
  content: "\e2cf";
}

.icon-settings_brightness:before {
  content: "\e2d0";
}

.icon-settings_ethernet:before {
  content: "\e2d1";
}

.icon-settings_input_antenna:before {
  content: "\e2d2";
}

.icon-settings_input_component:before {
  content: "\e2d3";
}

.icon-settings_input_composite:before {
  content: "\e2d4";
}

.icon-settings_input_hdmi:before {
  content: "\e2d5";
}

.icon-settings_input_svideo:before {
  content: "\e2d6";
}

.icon-settings_overscan:before {
  content: "\e2d7";
}

.icon-settings_phone:before {
  content: "\e2d8";
}

.icon-settings_power:before {
  content: "\e2d9";
}

.icon-settings_remote:before {
  content: "\e2da";
}

.icon-settings_voice:before {
  content: "\e2db";
}

.icon-shop:before {
  content: "\e2dc";
}

.icon-shop_two:before {
  content: "\e2dd";
}

.icon-shopping_basket:before {
  content: "\e2de";
}

.icon-shopping_cart:before {
  content: "\e2df";
}

.icon-speaker_notes:before {
  content: "\e2e0";
}

.icon-spellcheck:before {
  content: "\e2e1";
}

.icon-stars:before {
  content: "\e2e2";
}

.icon-store:before {
  content: "\e2e3";
}

.icon-subject:before {
  content: "\e2e4";
}

.icon-supervisor_account:before {
  content: "\e2e5";
}

.icon-swap_horiz:before {
  content: "\e2e6";
}

.icon-swap_vert:before {
  content: "\e2e7";
}

.icon-swap_vertical_circle:before {
  content: "\e2e8";
}

.icon-system_update_alt:before {
  content: "\e2e9";
}

.icon-tab:before {
  content: "\e2ea";
}

.icon-tab_unselected:before {
  content: "\e2eb";
}

.icon-theaters:before {
  content: "\e2ec";
}

.icon-thumb_down:before {
  content: "\e2ed";
}

.icon-thumb_up:before {
  content: "\e2ee";
}

.icon-thumbs_up_down:before {
  content: "\e2ef";
}

.icon-toc:before {
  content: "\e2f0";
}

.icon-today:before {
  content: "\e2f1";
}

.icon-toll:before {
  content: "\e2f2";
}

.icon-track_changes:before {
  content: "\e2f3";
}

.icon-translate:before {
  content: "\e2f4";
}

.icon-trending_down:before {
  content: "\e2f5";
}

.icon-trending_neutral:before {
  content: "\e2f6";
}

.icon-trending_up:before {
  content: "\e2f7";
}

.icon-turned_in:before {
  content: "\e2f8";
}

.icon-turned_in_not:before {
  content: "\e2f9";
}

.icon-verified_user:before {
  content: "\e2fa";
}

.icon-view_agenda:before {
  content: "\e2fb";
}

.icon-view_array:before {
  content: "\e2fc";
}

.icon-view_carousel:before {
  content: "\e2fd";
}

.icon-view_column:before {
  content: "\e2fe";
}

.icon-view_day:before {
  content: "\e2ff";
}

.icon-view_headline:before {
  content: "\e300";
}

.icon-view_list:before {
  content: "\e301";
}

.icon-view_module:before {
  content: "\e302";
}

.icon-view_quilt:before {
  content: "\e303";
}

.icon-view_stream:before {
  content: "\e304";
}

.icon-view_week:before {
  content: "\e305";
}

.icon-visibility:before {
  content: "\e306";
}

.icon-visibility_off:before {
  content: "\e307";
}

.icon-card_giftcard:before {
  content: "\e308";
}

.icon-card_membership:before {
  content: "\e309";
}

.icon-card_travel:before {
  content: "\e30a";
}

.icon-work:before {
  content: "\e30b";
}

.icon-youtube_searched_for:before {
  content: "\e30c";
}

.icon-eject:before {
  content: "\e30d";
}

.icon-camera_enhance:before {
  content: "\e30e";
}

.icon-help_outline:before {
  content: "\e30f";
}

.icon-reorder:before {
  content: "\e310";
}

.icon-zoom_in:before {
  content: "\e311";
}

.icon-zoom_out:before {
  content: "\e312";
}

.icon-http:before {
  content: "\e313";
}

.icon-event_seat:before {
  content: "\e314";
}

.icon-flight_land:before {
  content: "\e315";
}

.icon-flight_takeoff:before {
  content: "\e316";
}

.icon-play_for_work:before {
  content: "\e317";
}

.icon-gif:before {
  content: "\e318";
}

.icon-indeterminate_check_box:before {
  content: "\e319";
}

.icon-offline_pin:before {
  content: "\e31a";
}

.icon-tinder:before {
  content: "\e600";
}

.icon-emw:before {
  content: "\e614";
}

.icon-calculator:before {
  content: "\e900";
}

.icon-briefcase-check:before {
  content: "\e901";
}

.icon-heart-pulse:before {
  content: "\e902";
}

.icon-web2:before {
  content: "\e903";
}

.icon-package:before {
  content: "\e905";
}

.icon-course:before {
  content: "\e906";
}

.icon-topic:before {
  content: "\e907";
}

.icon-resources:before {
  content: "\e908";
}

.icon-nhs:before {
  content: "\e909";
}

.icon-home-variant:before {
  content: "\e90a";
}

.icon-facebook:before {
  content: "\e90b";
}

.icon-online-plus:before {
  content: "\e90c";
}

.icon-online-basics:before {
  content: "\e90d";
}

.icon-starting-online-logo:before {
  content: "\e90e";
}

.icon-chart:before {
  content: "\e90f";
}

.icon-chat2:before {
  content: "\e910";
}

.icon-love:before {
  content: "\e911";
}

.icon-marker:before {
  content: "\e912";
}

.icon-network:before {
  content: "\e914";
}

.icon-project:before {
  content: "\e915";
}

.icon-thought:before {
  content: "\e916";
}

.icon-newspaper:before {
  content: "\e904";
}

.icon-film:before {
  content: "\e913";
}

.icon-book:before {
  content: "\e91f";
}

.icon-file-text:before {
  content: "\e922";
}

.icon-profile:before {
  content: "\e923";
}

.icon-file-empty:before {
  content: "\e924";
}

.icon-file-text2:before {
  content: "\e926";
}

.icon-file-video:before {
  content: "\e92a";
}

.icon-file-zip:before {
  content: "\e92b";
}

.icon-first:before {
  content: "\ea21";
}

.icon-last:before {
  content: "\ea22";
}

.icon-previous2:before {
  content: "\ea23";
}

.icon-next2:before {
  content: "\ea24";
}

.icon-insert-template:before {
  content: "\ea72";
}

.icon-indent-increase:before {
  content: "\ea7b";
}

.icon-indent-decrease:before {
  content: "\ea7c";
}

.icon-libreoffice:before {
  content: "\eae3";
}

/*------------------------------------*    #LAYOUT / #GRID
\*------------------------------------*/
/**
 * Tweaking the Foundation grid/layout system a little 
 * to avoid awkward padding and inconsistent row widths
 * .row is now ONLY used to contain a layout/grid. 
 * Use .container for a generic page wrapper (see global/_elements.scss)
 */
.row {
  margin-left: -32px;
  width: auto;
  max-width: none;
}

.row:after {
  clear: both;
  content: '';
  display: table;
}

.columns {
  padding-left: 32px;
  padding-right: 0;
  box-sizing: border-box;
  display: block;
  float: left;
}

.row .row {
  margin: 0 0 0 -16px;
}

.row .row > .columns {
  padding-left: 16px;
}

.column + .column:last-child,
.columns + .columns:last-child {
  float: left;
}

.row--gutterless {
  margin-left: 0 !important;
}

.row--gutterless > .columns {
  padding-left: 0 !important;
}

/* Widths (useful for table cell widths, etc) */
.full-width {
  width: 100%;
}

/**
 * Halves
 */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%;
}

/**
 * Thirds
 */
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%;
}

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%;
}

/**
 * Quarters
 */
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%;
}

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%;
}

/**
 * Fifths
 */
.one-fifth, .two-tenths {
  width: 20%;
}

.two-fifths, .four-tenths {
  width: 40%;
}

.three-fifths, .six-tenths {
  width: 60%;
}

.four-fifths, .eight-tenths {
  width: 80%;
}

/**
 * Sixths
 */
.one-sixth, .two-twelfths {
  width: 16.666%;
}

.five-sixths, .ten-twelfths {
  width: 83.333%;
}

/**
 * Eighths
 */
.one-eighth {
  width: 12.5%;
}

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

/**
 * Tenths
 */
.one-tenth {
  width: 10%;
}

.three-tenths {
  width: 30%;
}

.seven-tenths {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

/**
 * Twelfths
 */
.one-twelfth {
  width: 8.333%;
}

.five-twelfths {
  width: 41.666%;
}

.seven-twelfths {
  width: 58.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

/*------------------------------------*    #LISTS / #MENUS
\*------------------------------------*/
/* Horizontal/inline list */
.inline-list li {
  display: inline-block;
  margin: 0 4px 0;
  float: none;
}

/* No style list */
.no-style-list {
  margin-left: 0;
  list-style-type: none;
}

/* List with a check/tick icon */
.checks {
  list-style-type: none;
  margin-left: 2em;
}

.checks > li {
  margin-bottom: 8px;
  position: relative;
}

.checks > li:before {
  content: '\e206';
  position: absolute;
  left: -1.25em;
  color: #00dbff;
  font-weight: bold;
  font-size: 24px;
  top: -2px;
}

/* Button lists */
.button-list {
  margin: 0 0 32px 0;
  list-style-type: none;
}

.button-list li {
  position: relative;
  margin: 0 0 2px 0;
  overflow: hidden;
}

.button-list .external,
.button-list .pop-up,
.button-list .doc,
.button-list .video {
  padding-right: 200px !important;
}

.button-list .external:after {
  content: "\e2b2" !important;
  font-size: 24px;
  height: 24px;
}

.button-list .external:before {
  content: "Opens in a new window";
  font-size: 12px;
  height: 12px;
  color: #333;
  right: 48px;
}

.button-list .doc:after {
  content: "\e014" !important;
  font-size: 24px;
  height: 24px;
}

.button-list .doc:before {
  content: "Links to a document";
  font-size: 12px;
  height: 12px;
  color: #333;
  right: 48px;
}

.button-list .pop-up:after {
  content: "\e175" !important;
  font-size: 24px;
  height: 24px;
}

.button-list .pop-up:before {
  content: "Opens in a pop-up window";
  font-size: 12px;
  height: 12px;
  color: #333;
  right: 48px;
}

.button-list .video:after {
  content: "\e23e" !important;
  font-size: 24px;
  height: 24px;
}

.button-list .video:before {
  content: "Plays a video";
  font-size: 12px;
  height: 12px;
  color: #333;
  right: 48px;
}

.button-list__inner {
  display: block;
  padding: 24px 32px 24px 24px;
  font-size: 20px;
  line-height: 1.1;
  background: #F0F0F0;
  position: relative;
}

.button-list__inner:after, .button-list__inner:before {
  position: absolute !important;
  top: 0;
  bottom: 0;
  margin: auto 0;
  text-decoration: none;
}

.button-list__inner.has-icon {
  padding-left: 144px;
}

.button-list__inner:focus {
  outline-offset: -4px;
}

.button-list__inner.no-click:after {
  content: '';
}

.button-list__inner.no-click .button-list__link-text {
  text-decoration: none;
}

.button-list__link-text {
  text-decoration: underline;
}

a.button-list__inner:hover {
  background: #E5E5E5;
}

a.button-list__inner:after {
  content: "\e111";
  right: 16px;
  width: 24px;
  font-size: 32px;
  height: 32px;
}

.button-list__icon {
  left: 0;
  margin: 0;
  font-size: 24px;
  padding: 8px 0 0 0;
  width: 128px;
  height: 100%;
  position: absolute;
  top: 0;
  background: #00dbff;
  color: #FFFFFF;
  font-style: normal;
}

.button-list__icon .icon, .button-list__icon .button-play:after, .button-list__icon .collapsible-panel__title:before, .button-list__icon .checks > li:before, .button-list__icon a.button-list__inner:after, .button-list__icon .alert-box:before, .button-list__icon .messages:before, .button-list__icon .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .button-list__icon a.active-trail:first-child:after, .button-list__icon
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .button-list__icon a.active:after {
  font-size: 42.24px;
  height: 42.24px;
  width: 100%;
  text-align: center;
  padding: 0;
  position: absolute !important;
  top: 0px;
  bottom: 0px;
  margin: auto 0px;
}

.button-list__icon .icon.number, .button-list__icon .number.button-play:after, .button-list__icon .number.collapsible-panel__title:before, .button-list__icon .checks > li.number:before, .button-list__icon a.number.button-list__inner:after, .button-list__icon .number.alert-box:before, .button-list__icon .number.messages:before, .button-list__icon .sidebar .menu .menu li a.number.active-trail:first-child:after, .sidebar .menu .menu li .button-list__icon a.number.active-trail:first-child:after, .button-list__icon
.sidebar .menu .menu li.expanded li a.number.active:after,
.sidebar .menu .menu li.expanded li .button-list__icon a.number.active:after {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  height: 24px;
}

.button-list__tag {
  float: right;
  padding-right: 32px;
  font-size: 14px;
  color: #58585b;
  position: relative;
  top: -3px;
}

.button-list__tag .icon, .button-list__tag .button-play:after, .button-list__tag .collapsible-panel__title:before, .button-list__tag .checks > li:before, .button-list__tag a.button-list__inner:after, .button-list__tag .alert-box:before, .button-list__tag .messages:before, .button-list__tag .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .button-list__tag a.active-trail:first-child:after, .button-list__tag
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .button-list__tag a.active:after {
  font-size: 20px;
  padding-left: 8px;
  top: 3px;
  color: #00dbff;
}

.button-list__tag img {
  width: 32px;
}

.button-list--small li a:not(.button):not(.hide-til-focus),
.button-list--small .button-list__inner {
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px;
}

.button-list--small .button-list__icon .icon, .button-list--small .button-list__icon .button-play:after, .button-list--small .button-list__icon .collapsible-panel__title:before, .button-list--small .button-list__icon .checks > li:before, .button-list--small .button-list__icon a.button-list__inner:after, .button-list--small .button-list__icon .alert-box:before, .button-list--small .button-list__icon .messages:before, .button-list--small .button-list__icon .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .button-list--small .button-list__icon a.active-trail:first-child:after, .button-list--small .button-list__icon
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .button-list--small .button-list__icon a.active:after {
  font-size: 32px;
  height: 32px;
}

.button-list--small .button-list__tag {
  top: -6px;
}

/* Content list */
.content-list__item {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E5E5E5;
}

.content-list__item .button, .content-list__item .hide-til-focus {
  width: 100%;
  margin-top: 5px;
}

.content-list__item:last-of-type {
  border-bottom: 0;
}

.content-list__item .button-list {
  margin: 0;
}

.content-list__title {
  margin-bottom: 32px;
}

.content-list__item__header {
  position: relative;
  padding: 16px 16px 16px 144px;
  min-height: 128px;
  margin-bottom: 2px;
  background: #E5E5E5;
  overflow: hidden;
}

.content-list__item__header .left {
  border-right: 1px solid #CCC;
  padding-right: 16px;
  min-height: 96px;
}

.content-list__item__header p {
  margin: 0;
}

.content-list__item__header .read-more .icon, .content-list__item__header .read-more .button-play:after, .content-list__item__header .read-more .collapsible-panel__title:before, .content-list__item__header .read-more .checks > li:before, .content-list__item__header .read-more a.button-list__inner:after, .content-list__item__header .read-more .alert-box:before, .content-list__item__header .read-more .messages:before, .content-list__item__header .read-more .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .content-list__item__header .read-more a.active-trail:first-child:after, .content-list__item__header .read-more
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .content-list__item__header .read-more a.active:after {
  top: 2px;
}

.content-list__item__header .loader--small:after {
  background: #E5E5E5;
}

.content-list__item__header .progress-bar {
  background: #FFFFFF;
}

.content-list__item__progress {
  margin-top: 16px;
}

.content-list__item__title {
  margin-bottom: 8px;
}

.content-list__item__icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  height: 384px;
  width: 128px;
  background: #00dbff;
}

/* Modifiers */
.content-list--order-parent {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
}

.content-list--order-parent .content-list__item.order-1 {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.content-list--order-parent .content-list__item.order-2 {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.content-list--order-parent .content-list__item.order-3 {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.content-list--order-parent .content-list__item.order-4 {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

.content-list--order-parent .content-list__item.order-5 {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

.content-list--order-parent .content-list__item.order-6 {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

.content-list--order-parent .content-list__item.order-7 {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}

.content-list--order-parent .content-list__item.order-8 {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}

.content-list--order-parent .content-list__item.order-9 {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}

.content-list--order-parent .content-list__item.order-10 {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}

.content-list--order-parent .content-list__item.order-11 {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}

.content-list--order-parent .content-list__item.order-12 {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}

.content-list--order-parent .content-list__item.order-13 {
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13;
}

.content-list--order-parent .content-list__item.order-14 {
  -webkit-order: 14;
      -ms-flex-order: 14;
          order: 14;
}

.content-list--order-parent .content-list__item.order-15 {
  -webkit-order: 15;
      -ms-flex-order: 15;
          order: 15;
}

.content-list--order-parent .content-list__item.order-16 {
  -webkit-order: 16;
      -ms-flex-order: 16;
          order: 16;
}

.content-list__item__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
}

.content-list__item__bg img {
  height: 48px;
  width: auto;
}

.content-list__item__bg:after {
  content: '';
  width: 2000px;
  background: #FFFFFF;
  height: 48px;
  display: block;
  position: absolute;
  top: 0;
  left: 128px;
}

.content-list__item--tight {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}

.content-list__item--certificate {
  margin-bottom: 16px;
  padding-bottom: 0;
  border: 0;
}

.content-list__item--certificate .content-list__item__header {
  padding-bottom: 64px;
}

/* Responsive */
@media screen and (max-width: 48.125em) {
  .button-list li a {
    padding-right: 48px;
  }
  .button-list .external:before,
  .button-list .pop-up:before,
  .button-list .doc:before {
    width: 80px;
    height: 24px;
  }
  .button-list .external,
  .button-list .pop-up,
  .button-list .doc {
    padding-right: 150px !important;
  }
  .content-list__item__header .read-more {
    display: block;
    margin-top: 8px;
  }
}

@media screen and (max-width: 48.125em) {
  .button-list__inner.has-icon {
    padding-left: 80px;
  }
  .button-list__icon {
    width: 64px;
  }
  .button-list__icon.icon, .button-list__icon.button-play:after, .button-list__icon.collapsible-panel__title:before, .checks > li.button-list__icon:before, a.button-list__icon.button-list__inner:after, .button-list__icon.alert-box:before, .button-list__icon.messages:before, .sidebar .menu .menu li a.button-list__icon.active-trail:first-child:after,
  .sidebar .menu .menu li.expanded li a.button-list__icon.active:after {
    font-size: 42.24px;
  }
  .button-list__inner .button.float-right, .button-list__inner .float-right.hide-til-focus {
    display: block;
    float: none !important;
    margin-top: 12px !important;
  }
  .content-list__item__header {
    position: relative;
    padding-left: 80px;
  }
  .content-list__item__header .left {
    border-right: 0;
  }
  .content-list__item__header .right {
    padding-top: 16px;
  }
  .content-list__item__icon {
    width: 64px;
  }
  .content-list__item__bg {
    height: 24px;
  }
  .content-list__item__bg img {
    height: 24px;
  }
  .content-list__item__bg:after {
    left: 64px;
  }
}

@media screen and (max-width: 31.25em) {
  .button-list__tag {
    float: none;
    display: block;
    margin-top: 8px;
    top: 0;
  }
}

/*------------------------------------*    #MESSAGING
\*------------------------------------*/
/* Top message */
.top-message {
  background: #999;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 0 12px 0;
}

.top-message h1 {
  color: #FFFFFF;
  font-size: 20px;
}

.top-message h3, .top-message p, .top-message a {
  color: #FFFFFF;
  text-transform: none;
  font-size: 12.8px;
  font-family: "Open Sans", sans-serif;
}

.top-message a:not(.button):not(.hide-til-focus) {
  text-decoration: underline;
  color: #FFFFFF;
}

.top-message p:last-child {
  margin-bottom: 0;
}

/* Labels */
.label {
  line-height: 32px;
  height: 32px;
  font-family: Arial, Helvetica, Roboto, sans-serif;
}

.label.secondary {
  background: #eaeaea;
  color: #333;
}

.label .icon, .label .button-play:after, .label .collapsible-panel__title:before, .label .checks > li:before, .label a.button-list__inner:after, .label .alert-box:before, .label .messages:before, .label .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .label a.active-trail:first-child:after, .label
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .label a.active:after {
  padding-left: 8px;
  font-size: 20px;
  position: relative;
  top: 4px;
}

/* Tooltip-style message */
.message-container {
  overflow: hidden;
}

.has-message {
  position: relative;
  cursor: help;
  z-index: 2;
  /* Display .message on hover */
}

.has-message:hover + .message {
  left: 0;
  opacity: 1;
}

.message {
  transition: all 300ms ease-out;
  display: inline-block;
  font-size: 12px;
  padding: 0 12px;
  line-height: 32px;
  height: 32px;
  font-family: Arial, Helvetica, Roboto, sans-serif;
  margin-left: 4px;
  border-radius: 4px;
  border: 1px solid #CCC;
  position: relative;
  z-index: 1;
  left: -1000px;
  top: 1px;
  opacity: 0;
}

.message:before, .message:after {
  content: '';
  position: absolute;
  left: -16px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 8px solid #CCC;
  border-bottom: 8px solid transparent;
}

.message:after {
  left: -14px;
  border-right: 8px solid #FFFFFF;
}

.message--form {
  width: 48%;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-color: #ebac16;
  position: absolute;
  padding: 12px;
  height: 62px;
}

.message--form:before {
  border-color: transparent #ebac16 transparent transparent;
}

/* LMW-style tooltip */
.tooltip {
  transition: all 300ms ease-out;
  display: block;
  font-size: 16px;
  padding: 0 12px;
  line-height: 32px;
  height: 32px;
  font-family: Arial, Helvetica, Roboto, sans-serif;
  border-radius: 4px;
  border: 1px solid #7e3f8f;
  color: #7e3f8f;
  position: relative;
  z-index: 1;
  left: 0;
  top: -1000px;
  opacity: 0;
  text-align: center;
}

.tooltip:before, .tooltip:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #7e3f8f;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
}

.tooltip:after {
  top: -15px;
  border-bottom: 8px solid #FFFFFF;
}

/* Display .message on hover */
.tooltip-parent:focus + .tooltip {
  top: 8px;
  opacity: 1;
}

/* Alerts / Alert boxes */
.alert-box, .messages {
  border: 1px solid #CCC;
  padding: 12px;
  border-radius: 4px;
  background: #eaeaea;
  margin-bottom: 16px;
}

.alert-box .icon, .messages .icon, .alert-box .button-play:after, .messages .button-play:after, .alert-box .collapsible-panel__title:before, .messages .collapsible-panel__title:before, .alert-box .checks > li:before, .messages .checks > li:before, .alert-box a.button-list__inner:after, .messages a.button-list__inner:after, .alert-box .alert-box:before, .messages .alert-box:before, .alert-box .messages:before, .messages .messages:before, .alert-box .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .alert-box a.active-trail:first-child:after, .messages .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .messages a.active-trail:first-child:after, .alert-box
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .alert-box a.active:after, .messages
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .messages a.active:after, .alert-box:before, .messages:before {
  font-size: 24px;
  position: relative;
  top: 4px;
}

.alert-box:before, .messages:before {
  padding-right: 8px;
}

/* Error */
.alert-box--error, .messages.error {
  border-color: #e13c3b !important;
  background-color: #fbe3e3 !important;
}

.alert-box--error:before, .messages.error:before {
  content: '\e001';
}

.alert-box--error .icon, .messages.error .icon, .alert-box--error .button-play:after, .messages.error .button-play:after, .alert-box--error .collapsible-panel__title:before, .messages.error .collapsible-panel__title:before, .alert-box--error .checks > li:before, .messages.error .checks > li:before, .alert-box--error a.button-list__inner:after, .messages.error a.button-list__inner:after, .alert-box--error .alert-box:before, .messages.error .alert-box:before, .alert-box--error .messages:before, .messages.error .messages:before, .alert-box--error .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .alert-box--error a.active-trail:first-child:after, .messages.error .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .messages.error a.active-trail:first-child:after, .alert-box--error
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .alert-box--error a.active:after, .messages.error
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .messages.error a.active:after,
.alert-box--error a, .messages.error a, .alert-box--error:before, .messages.error:before {
  color: #d72221 !important;
}

.alert-box--error .icon:hover, .messages.error .icon:hover, .alert-box--error .button-play:hover:after, .messages.error .button-play:hover:after, .alert-box--error .collapsible-panel__title:hover:before, .messages.error .collapsible-panel__title:hover:before, .alert-box--error .checks > li:hover:before, .messages.error .checks > li:hover:before, .alert-box--error a.button-list__inner:hover:after, .messages.error a.button-list__inner:hover:after, .alert-box--error .alert-box:hover:before, .messages.error .alert-box:hover:before, .alert-box--error .messages:hover:before, .messages.error .messages:hover:before, .alert-box--error .sidebar .menu .menu li a.active-trail:hover:first-child:after, .sidebar .menu .menu li .alert-box--error a.active-trail:hover:first-child:after, .messages.error .sidebar .menu .menu li a.active-trail:hover:first-child:after, .sidebar .menu .menu li .messages.error a.active-trail:hover:first-child:after, .alert-box--error
.sidebar .menu .menu li.expanded li a.active:hover:after,
.sidebar .menu .menu li.expanded li .alert-box--error a.active:hover:after, .messages.error
.sidebar .menu .menu li.expanded li a.active:hover:after,
.sidebar .menu .menu li.expanded li .messages.error a.active:hover:after,
.alert-box--error a:hover, .messages.error a:hover {
  color: #ca201f !important;
}

/* Warning */
.alert-box--warning, .messages.warning {
  border-color: #f09000 !important;
  background-color: #fff5e6 !important;
}

.alert-box--warning:before, .messages.warning:before {
  content: '\e2a2';
}

.alert-box--warning .icon, .messages.warning .icon, .alert-box--warning .button-play:after, .messages.warning .button-play:after, .alert-box--warning .collapsible-panel__title:before, .messages.warning .collapsible-panel__title:before, .alert-box--warning .checks > li:before, .messages.warning .checks > li:before, .alert-box--warning a.button-list__inner:after, .messages.warning a.button-list__inner:after, .alert-box--warning .alert-box:before, .messages.warning .alert-box:before, .alert-box--warning .messages:before, .messages.warning .messages:before, .alert-box--warning .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .alert-box--warning a.active-trail:first-child:after, .messages.warning .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .messages.warning a.active-trail:first-child:after, .alert-box--warning
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .alert-box--warning a.active:after, .messages.warning
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .messages.warning a.active:after,
.alert-box--warning a, .messages.warning a, .alert-box--warning:before, .messages.warning:before {
  color: #cc7a00 !important;
}

.alert-box--warning .icon:hover, .messages.warning .icon:hover, .alert-box--warning .button-play:hover:after, .messages.warning .button-play:hover:after, .alert-box--warning .collapsible-panel__title:hover:before, .messages.warning .collapsible-panel__title:hover:before, .alert-box--warning .checks > li:hover:before, .messages.warning .checks > li:hover:before, .alert-box--warning a.button-list__inner:hover:after, .messages.warning a.button-list__inner:hover:after, .alert-box--warning .alert-box:hover:before, .messages.warning .alert-box:hover:before, .alert-box--warning .messages:hover:before, .messages.warning .messages:hover:before, .alert-box--warning .sidebar .menu .menu li a.active-trail:hover:first-child:after, .sidebar .menu .menu li .alert-box--warning a.active-trail:hover:first-child:after, .messages.warning .sidebar .menu .menu li a.active-trail:hover:first-child:after, .sidebar .menu .menu li .messages.warning a.active-trail:hover:first-child:after, .alert-box--warning
.sidebar .menu .menu li.expanded li a.active:hover:after,
.sidebar .menu .menu li.expanded li .alert-box--warning a.active:hover:after, .messages.warning
.sidebar .menu .menu li.expanded li a.active:hover:after,
.sidebar .menu .menu li.expanded li .messages.warning a.active:hover:after,
.alert-box--warning a:hover, .messages.warning a:hover {
  color: #bd7100 !important;
}

/* Good/Success/Ok */
.alert-box--success, .messages.status {
  border-color: #5c9151 !important;
  background-color: #d9e8d6 !important;
}

.alert-box--success:before, .messages.status:before {
  content: '\e281';
}

.alert-box--success .icon, .messages.status .icon, .alert-box--success .button-play:after, .messages.status .button-play:after, .alert-box--success .collapsible-panel__title:before, .messages.status .collapsible-panel__title:before, .alert-box--success .checks > li:before, .messages.status .checks > li:before, .alert-box--success a.button-list__inner:after, .messages.status a.button-list__inner:after, .alert-box--success .alert-box:before, .messages.status .alert-box:before, .alert-box--success .messages:before, .messages.status .messages:before, .alert-box--success .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .alert-box--success a.active-trail:first-child:after, .messages.status .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .messages.status a.active-trail:first-child:after, .alert-box--success
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .alert-box--success a.active:after, .messages.status
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .messages.status a.active:after,
.alert-box--success a, .messages.status a, .alert-box--success:before, .messages.status:before {
  color: #4d7a45 !important;
}

.alert-box--success .icon:hover, .messages.status .icon:hover, .alert-box--success .button-play:hover:after, .messages.status .button-play:hover:after, .alert-box--success .collapsible-panel__title:hover:before, .messages.status .collapsible-panel__title:hover:before, .alert-box--success .checks > li:hover:before, .messages.status .checks > li:hover:before, .alert-box--success a.button-list__inner:hover:after, .messages.status a.button-list__inner:hover:after, .alert-box--success .alert-box:hover:before, .messages.status .alert-box:hover:before, .alert-box--success .messages:hover:before, .messages.status .messages:hover:before, .alert-box--success .sidebar .menu .menu li a.active-trail:hover:first-child:after, .sidebar .menu .menu li .alert-box--success a.active-trail:hover:first-child:after, .messages.status .sidebar .menu .menu li a.active-trail:hover:first-child:after, .sidebar .menu .menu li .messages.status a.active-trail:hover:first-child:after, .alert-box--success
.sidebar .menu .menu li.expanded li a.active:hover:after,
.sidebar .menu .menu li.expanded li .alert-box--success a.active:hover:after, .messages.status
.sidebar .menu .menu li.expanded li a.active:hover:after,
.sidebar .menu .menu li.expanded li .messages.status a.active:hover:after,
.alert-box--success a:hover, .messages.status a:hover {
  color: #47713f !important;
}

/* Drupal messages */
.messages {
  padding-left: 16px !important;
  background-image: none !important;
}

/* Progress bar */
.progress-bar {
  border: 1px solid #CCC;
  height: 32px;
  background: #f2f2f2;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.progress-bar.completed {
  background: #9cc395;
}

.progress {
  background: #ffe0b3;
  width: 0;
  height: 100%;
  border-right: 1px solid #CCC;
  position: relative;
  left: -1px;
  display: block;
}

.completed .progress {
  display: none;
}

.progress-bar__text {
  font-size: 12px;
  position: absolute;
  left: 8px;
  top: 0;
  z-index: 5;
  display: block;
  line-height: 32px;
}

/* Loading message/animation (aka spinny gif), inspired from http://projects.lukehaas.me/css-loaders */
.loader {
  font-size: 8px;
  margin: 24px auto;
  text-indent: -9999em;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #FFFFFF;
  background: linear-gradient(to right, #999 10%, rgba(153, 153, 153, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
}

.loader:before {
  width: 50%;
  height: 50%;
  background: #999;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.loader:after {
  background: #FFFFFF;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.loader--small {
  margin: 0;
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-right: 16px;
  top: 2px;
}

/* Responsive */
@media only screen and (max-width: 60em) {
  .message {
    margin: 16px 0 1px 0;
    display: none;
    left: 0;
    opacity: 1;
  }
  .message:before, .message:after {
    content: none;
  }
  .has-message:hover + .message {
    display: block;
  }
}

/*------------------------------------*    #PANELS
\*------------------------------------*/
/**
 * Instead of Foundation panels
 */
.panel {
  min-height: 90px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 8px;
  border-radius: 4px;
  border: 1px solid #CCC;
  background: #fcfcfc;
  width: 100%;
  text-align: center;
  margin: 0 16px 16px 0;
  position: relative;
  z-index: 2;
  transition: all 300ms ease-out;
}

.panel > ul:last-child,
.panel > p:last-child {
  margin-bottom: 0;
}

.panel--info {
  background: #fdf7e9;
  border-color: #a6790e;
}

.panel--link:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.panel__title {
  text-decoration: none;
  font-size: 14px;
  display: block;
}

.panel__annotation {
  margin-top: 4px;
  font-size: 12px;
  color: #999;
  text-decoration: none;
  display: block;
}

.panel__side-label {
  font-size: 10px;
  color: #00dbff;
  display: block;
  position: absolute;
  float: left;
  background: #E5E5E5;
  padding: 0 8px;
  left: 16px;
  top: 6px;
  height: 20px;
  line-height: 20px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), inset 4px 0 4px -4px rgba(0, 0, 0, 0.5);
  z-index: 3;
}

.panel .progress-bar {
  border-width: 1px 0 0 0;
  margin: 8px -8px -16px -8px;
  overflow: hidden;
  height: 24px;
  z-index: 4;
}

.panel .progress {
  z-index: 5;
}

.panel .progress-bar__text {
  height: 24px;
  line-height: 24px;
}

/* Split panels */
.split-panel {
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
}

.split-panel__title {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: #00dbff;
  color: white;
  padding: 8px;
  margin: 0 0 1px 0;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px 4px 0 0;
}

.split-panel__section {
  background: #fcfcfc;
  padding: 8px;
  margin-bottom: 1px;
}

/*------------------------------------*    #SIDE NAVIGATION / #SIDEBAR
\*------------------------------------*/
/* Side nav - used in Tinder Core, extends Foundation object */
.side-nav {
  padding: 0;
  /* Fixed */
}

.side-nav ul {
  list-style-type: none;
  margin: 0;
}

.side-nav a {
  text-transform: uppercase;
}

.side-nav.fixed {
  top: 50px;
  padding-right: 24px;
  width: auto;
  min-width: 240px;
}

/* Sidebar - used in LMW, uses Drupal classes */
.sidebar {
  height: 100%;
  padding: 24px;
}

.sidebar .menu {
  padding: 0;
  margin: -24px -24px 24px -24px;
  list-style-type: none;
}

.sidebar .menu .menu {
  margin: 0;
  border: 0;
}

.sidebar .menu a {
  padding: 8px 8px 8px 12px;
  display: block;
  font-size: 14px;
  color: #00dbff;
  border-bottom: 1px solid #CCC;
  text-decoration: none;
  background: #F0F0F0;
}

.sidebar .menu a:hover {
  padding-left: 20px;
}

.sidebar .menu li {
  font-family: "Open Sans", sans-serif;
  list-style-image: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
}

.sidebar .menu li ul {
  padding-left: 24px;
}

.sidebar .menu li a.active {
  color: #FFFFFF;
}

.sidebar .menu li a.active-trail:first-child,
.sidebar .menu li.expanded li a.active {
  background: #00dbff;
  color: #FFFFFF;
  border-bottom: 0;
  font-size: 16px;
  font-weight: bold;
}

.sidebar .menu .menu li a.active-trail:first-child,
.sidebar .menu .menu li.expanded li a.active {
  font-size: 14px;
  padding: 9px 24px 9px 12px;
  background: #FFFFFF;
  color: #00dbff;
  border-bottom: 1px solid #CCC;
}

.sidebar .menu .menu li a.active-trail:first-child:after,
.sidebar .menu .menu li.expanded li a.active:after {
  content: "\e111";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  font-size: 32px;
}

/*------------------------------------*    #TABLES
\*------------------------------------*/
/**
 * Unstyled tables
 */
table {
  margin: 0 0 24px 0;
}

th, td {
  padding: 4px;
  border: 1px solid #CCC;
  font-size: 14px;
  text-align: left;
}

/**
 * Our own tables
 */
.table {
  width: 100%;
  margin: 0 0 24px 0;
  font-family: Arial, Helvetica, Roboto, sans-serif;
  font-size: 14px;
  border-collapse: collapse;
  border-spacing: 0;
}

.table tr {
  transition: all 300ms ease-out;
}

.table tr.active {
  background: #fdffc8 !important;
}

.table tbody tr:nth-child(even) {
  background: #f9f9f9;
}

.table tbody:not(:last-child) {
  border-bottom: 1px solid #CCC;
}

.table td, .table th {
  padding: 6px 8px;
  border: none;
  height: 32px;
  border: 1px solid #CCC;
  color: #333;
  font-size: 1em;
  /* This makes the progress bar display correctly in FF */
  /* Table cell where text doesn't wrap + 1 big 'main' column */
}

.table td .progress-bar__container, .table th .progress-bar__container {
  position: relative;
  height: 100%;
  width: 100%;
}

.table td.progress-bar, .table th.progress-bar {
  padding: 0;
  position: static;
}

.table td.progress-bar:not(.completed), .table th.progress-bar:not(.completed) {
  background: transparent;
}

.table td .progress, .table th .progress {
  height: 120%;
  top: -3px;
}

.table td .progress-bar__text, .table th .progress-bar__text {
  line-height: 35.2px;
}

.table td.no-wrap, .table th.no-wrap {
  white-space: nowrap;
}

.table td.main-column, .table th.main-column {
  white-space: normal;
  -ms-word-break: break-all;
  word-break: break-all;
}

.table th {
  background: #e8e8e8;
}

.table a {
  display: block;
  position: relative;
}

.table input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]) {
  padding: 4px;
  width: 100%;
}

.table tr[ng-click]:hover {
  cursor: pointer;
  background: #fdffc8;
}

.table .switch {
  margin: 0;
}

.table .switch label {
  margin: 0;
}

.table-sort {
  padding-right: 16px;
}

.table-sort .icon, .table-sort .button-play:after, .table-sort .collapsible-panel__title:before, .table-sort .checks > li:before, .table-sort a.button-list__inner:after, .table-sort .alert-box:before, .table-sort .messages:before, .table-sort .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .table-sort a.active-trail:first-child:after, .table-sort
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .table-sort a.active:after {
  font-size: 32px;
  position: absolute;
  right: -10px;
  top: -5px;
  bottom: 0;
  margin: auto 0;
}

.table--fixed {
  table-layout: fixed;
}

/* Responsive */
@media only screen and (max-width: 48.125em) {
  .table {
    font-size: 12px;
  }
  .table-sort .icon, .table-sort .button-play:after, .table-sort .collapsible-panel__title:before, .table-sort .checks > li:before, .table-sort a.button-list__inner:after, .table-sort .alert-box:before, .table-sort .messages:before, .table-sort .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .table-sort a.active-trail:first-child:after, .table-sort
  .sidebar .menu .menu li.expanded li a.active:after,
  .sidebar .menu .menu li.expanded li .table-sort a.active:after {
    font-size: 24px;
    top: 0;
  }
}

@media only screen and (max-width: 31.25em) {
  .table {
    font-size: 10px;
  }
}

/*------------------------------------*    #TABS
\*------------------------------------*/
/**
 * Instead of Foundation tabs
 */
.tabs {
  margin: 0;
  padding: 0;
  /* Drupal override */
}

.tabs.active {
  border-bottom: 1px solid #CCC;
  margin: 0 0 24px 0;
}

.tabs .primary {
  border-bottom: none;
  margin: 0;
  padding: 0;
  line-height: inherit;
}

.tabs li,
.tabs .primary li {
  margin: 0 8px 0 0;
  padding: 0;
  font-size: 14px;
  float: left;
  list-style-image: none;
  list-style-type: none;
}

.tabs li a,
.tabs .primary li a {
  position: relative;
  display: block;
  text-align: center;
  margin: 0;
  padding: 4px 12px;
  border-radius: 4px 4px 0 0;
  background: #E5E5E5;
  color: #00dbff;
  text-decoration: none !important;
  border: 1px solid #CCC;
  border-bottom: none;
  top: 1px;
}

.tabs li a:hover,
.tabs .primary li a:hover {
  text-decoration: underline !important;
}

.tabs li.active a.active,
.tabs li.active a.active-trail, .tabs li.active-trail a.active,
.tabs li.active-trail a.active-trail,
.tabs .primary li.active a.active,
.tabs .primary li.active a.active-trail,
.tabs .primary li.active-trail a.active,
.tabs .primary li.active-trail a.active-trail {
  color: #333;
  background: #FFFFFF;
}

.tabs li:last-child,
.tabs .primary li:last-child {
  margin-right: 0;
}

/* Drupal fix */
.page-content .tabs li a,
.page-content .tabs .primary li a {
  top: 0;
}

/* Large/big tabs */
.tabs--big li,
.tabs--big .primary li {
  margin: 0 16px 0 0;
  font-size: 20px;
}

.tabs--big li a,
.tabs--big .primary li a {
  padding: 12px 32px;
  background: #58585b;
  color: #FFFFFF !important;
  border: 1px solid #58585b;
  top: 0;
  letter-spacing: 1px;
  transition: background .2s ease;
}

.tabs--big li a:hover,
.tabs--big .primary li a:hover {
  text-decoration: none !important;
  background: #00dbff;
  border: 1px solid #00dbff;
  border-bottom-color: #58585b;
}

.tabs--big li.active a.active,
.tabs--big li.active a.active-trail,
.tabs--big li.active a, .tabs--big li.active-trail a.active,
.tabs--big li.active-trail a.active-trail,
.tabs--big li.active-trail a,
.tabs--big .primary li.active a.active,
.tabs--big .primary li.active a.active-trail,
.tabs--big .primary li.active a,
.tabs--big .primary li.active-trail a.active,
.tabs--big .primary li.active-trail a.active-trail,
.tabs--big .primary li.active-trail a {
  color: #58585b !important;
  background: #FFFFFF;
  border: 1px solid #58585b;
  border-bottom-color: #FFFFFF !important;
}

.tabs--big li:last-child,
.tabs--big .primary li:last-child {
  margin-right: 0;
}

/* Responsive */
@media screen and (max-width: 48.125em) {
  .tabs li,
  .tabs.primary li {
    float: none;
    display: block;
    margin: 0;
  }
  .tabs li:not(:first-child) a,
  .tabs.primary li:not(:first-child) a {
    border-radius: 0;
  }
  .tabs li:first-child a,
  .tabs.primary li:first-child a {
    border-left: 0 !important;
    border-right: 1px solid #FFFFFF !important;
  }
  .tabs a,
  .tabs.primary a {
    padding: 3.2px 8px;
    font-size: 12px;
    top: 0;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

/*------------------------------------*    #UI DEFINITIONS
\*------------------------------------*/
/**
 * Specific definition of UI elements, based on above objects
 */
/*@import "../../common/bower_components/tinder-core/app/scss/ui/tabbed-header";*/
/*------------------------------------*    #OVERRIDE
\*------------------------------------*/
/**
 * Overriding helper classes, responsive layout, IE8, application-specific styles
 */
/*------------------------------------*    #HELPERS
\*------------------------------------*/
/**
 * Helper classes. Only use these if there is not
 * already a class on the element you wish to target, 
 * or to avoid unnecessarily specific styling rules.
 *
 * It's ok to use !important here
 * See http://cssguidelin.es/#important
 */
/**
 * Micro clearfix, as per: nicolasgallagher.com/micro-clearfix-hack
 */
.cf, .button-group, .content-header, .tabs {
  zoom: 1;
}

.cf:before, .button-group:before, .content-header:before, .tabs:before, .cf:after, .button-group:after, .content-header:after, .tabs:after {
  content: " ";
  display: table;
}

.cf:after, .button-group:after, .content-header:after, .tabs:after {
  clear: both;
}

/** 
 * Outline (useful for dev)
 */
.outline {
  outline: 1px dotted red;
}

/** 
 * Full-width already exists in objects/_layout.less 
 */
.full-height {
  height: 100%;
}

/** 
 * Font
 */
.primary,
.primary-color {
  color: #333 !important;
}

.secondary,
.secondary-color {
  color: #999 !important;
}

.big-font,
.big-font li,
.big-font p {
  font-size: 20px !important;
}

.normal-weight {
  font-weight: normal;
}

/**
 * Element display type.
 */
.display-inline {
  display: inline !important;
}

.display-block {
  display: block !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-none {
  display: none !important;
}

.visibility-hidden {
  visibility: hidden !important;
}

/**
 * Floats
 */
.float-none {
  float: none !important;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

/**
 * Margins.
 */
.margin-top {
  margin-top: 16px !important;
}

.margin-top--small {
  margin-top: 8px !important;
}

.margin-right {
  margin-right: 16px !important;
}

.margin-right--small {
  margin-right: 8px !important;
}

.margin-bottom {
  margin-bottom: 16px !important;
}

.margin-bottom--small {
  margin-bottom: 8px !important;
}

.margin-bottom--large {
  margin-bottom: 64px !important;
}

.margin-left {
  margin-left: 16px !important;
}

.margin-left--small {
  margin-left: 8px !important;
}

.no-margin {
  margin: 0 !important;
}

/**
 * Paddings.
 */
.padding-top {
  padding-top: 16px !important;
}

.padding-top--small {
  padding-top: 8px !important;
}

.padding-right {
  padding-right: 16px !important;
}

.padding-right--small {
  padding-right: 8px !important;
}

.padding-bottom {
  padding-bottom: 16px !important;
}

.padding-bottom--small {
  padding-bottom: 8px !important;
}

.padding-left {
  padding-left: 16px !important;
}

.padding-left--small {
  padding-left: 8px !important;
}

.no-padding {
  padding: 0 !important;
}

/**
 * Borders.
 */
.border {
  border: 1px solid #CCC !important;
}

.border-top {
  border: 0 !important;
  border-top: 1px solid #CCC !important;
}

.border-right {
  border: 0 !important;
  border-right: 1px solid #CCC !important;
}

.border-bottom {
  border: 0 !important;
  border-bottom: 1px solid #CCC !important;
}

.border-left {
  border: 0 !important;
  border-left: 1px solid #CCC !important;
}

.border--secondary {
  border: 1px solid #CCC !important;
}

.border-top--secondary {
  border: 0 !important;
  border-top: 1px solid #E5E5E5 !important;
}

.border-right--secondary {
  border: 0 !important;
  border-right: 1px solid #E5E5E5 !important;
}

.border-bottom--secondary {
  border: 0 !important;
  border-bottom: 1px solid #E5E5E5 !important;
}

.border-left--secondary {
  border: 0 !important;
  border-left: 1px solid #E5E5E5 !important;
}

.no-border {
  border: 0 !important;
}

/**
 * Text align
 */
.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;
}

/**
 * Text transform
 */
.transform-none {
  text-transform: none !important;
}

.transform-uppercase {
  text-transform: uppercase !important;
}

.transform-lowercase {
  text-transform: lowercase !important;
}

.transform-capitalize {
  text-transform: capitalize !important;
}

/**
 * Text decoration
 */
.underline {
  text-decoration: underline !important;
}

.overline {
  text-decoration: overline !important;
}

.line-through {
  text-decoration: line-through !important;
}

.no-decoration {
  text-decoration: none !important;
}

/*
 * Text-indent (to replace text with a background image. See http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/)
 */
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/**
 * Disabled
 */
.disabled {
  opacity: .4;
}

/**
 * Crop circle
 */
.crop-circle {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}

/**
 * No clicks/action
 */
.no-click {
  pointer-events: none !important;
}

/**
 * Hide til focused
 */
.hide-til-focus {
  position: absolute;
  /* clip only relevant on absolutely positioned elements */
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* For IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.hide-til-focus:focus {
  height: auto;
  width: auto;
  clip: auto;
}

/**
 * Hide Angular items before ng-hide can kick-in
 */
[ng-cloak] {
  display: none !important;
}

/**
 * Responsive video iframe container
 */
.iframe-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}

.iframe-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------*    #RESPONSIVE
\*------------------------------------*/
/**
 * Custom responsive styling - where Foundation alone isn't enough
 */
@media screen and (max-width: 48.125em) {
  /* Header */
  .top-bar-section ul li > a {
    padding: 8px 0;
  }
  .top-bar-section li:not(.has-form) {
    border-top: solid 1px #7e7e82;
  }
  .top-bar-section li:not(.has-form) a {
    width: 100%;
    display: block;
  }
  .top-bar-section li:not(.has-form):not(.divider) {
    margin: 0;
  }
  .top-bar-section li:not(.has-form):not(.divider) a:not(.button):not(.hide-til-focus) {
    height: auto;
    font-size: 14px;
    padding: 0.375 16px 4%;
    line-height: 1.6;
    background: #656568;
  }
  /* Header secondary */
  .contain-to-grid--secondary .top-bar {
    height: 48px;
  }
  .contain-to-grid--secondary .top-bar .title-area .name {
    font-size: 32px;
  }
  .contain-to-grid--secondary .top-bar .title-area .name a {
    height: 48px;
  }
  .contain-to-grid--secondary .top-bar li:not(.has-form) a:not(.button):not(.hide-til-focus) {
    height: 48px;
  }
  .contain-to-grid--secondary .top-bar .title-area .name a {
    font-size: 28px;
  }
  .contain-to-grid--secondary .top-bar.expanded {
    height: auto;
  }
  .contain-to-grid--secondary .top-bar .title-area {
    background: transparent;
  }
  .contain-to-grid--secondary .top-bar ul.menu {
    margin: 0;
    padding: 0;
    float: none !important;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section {
    /* Nested menus */
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li:not(.has-form) {
    border-top: 1px solid #E5E5E5;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li:not(.has-form) a {
    width: 100%;
    display: block;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li:not(.has-form):not(.divider) {
    margin: 0;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li:not(.has-form):not(.divider) a:not(.button):not(.hide-til-focus) {
    height: auto;
    font-size: 14px;
    padding: 0.375 16px 4%;
    line-height: 1.6;
    background: #CCC;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li:not(.has-form):not(.divider) a:not(.button):not(.hide-til-focus):hover {
    color: #666666;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li.active:not(.has-form) a:not(.button):not(.hide-til-focus),
  .contain-to-grid--secondary .top-bar .top-bar-section li.active-trail:not(.has-form) a:not(.button):not(.hide-til-focus) {
    border: none;
    border-left: 4px solid #00dbff;
    background: #CCC;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li.expanded:not(.has-form) {
    margin-bottom: -1px;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li.expanded > ul {
    display: block;
    margin: 0;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li.expanded > ul li:not(.has-form):not(.divider) {
    border-top: none;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li.expanded > ul li:not(.has-form):not(.divider) a:not(.button):not(.hide-til-focus) {
    font-size: 80%;
    background: transparent;
    border-bottom: 1px solid #CCC;
    border-left: none;
    padding: 0.375 16px 4% 0.375 16px 6%;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li.expanded > ul li:not(.has-form):not(.divider):last {
    border-bottom: none;
  }
  .contain-to-grid--secondary .top-bar .top-bar-section li.expanded > ul li:not(.has-form):not(.divider).active-trail a {
    font-weight: bold;
  }
  /* Search */
  .top-bar .fs-only {
    display: none;
  }
  .contain-to-grid .sc-only {
    display: block;
  }
  /* Side nav */
  .side-nav {
    display: none;
  }
}

.extendLeft {
  padding-left: 3000px;
  margin-left: -3000px;
}

.extendRight {
  padding-right: 3000px;
  margin-right: -3000px;
}

.intro-text {
  margin-top: 16px;
}

.text-shadow__primary-color {
  text-shadow: -1px 0 #D73759, 0 1px #D73759, 1px 0 #D73759, 0 -1px #D73759;
}

.text-shadow__secondary-color {
  text-shadow: -1px 0 #4397AC, 0 1px #4397AC, 1px 0 #4397AC, 0 -1px #4397AC;
}

.text-shadow__black {
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

@media print {
  .no-print, .no-print * {
    display: none !important;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href]:after {
    content: none !important;
  }
}

.font__weight--500 {
  font-weight: 500 !important;
}

.font__weight--600 {
  font-weight: 600 !important;
}

.font__weight--700 {
  font-weight: 700 !important;
}

.font__weight--800 {
  font-weight: 800 !important;
}

strong, b {
  font-weight: 500 !important;
}

.jamie-accordion {
  background-color: #4397AC;
}

.jamie-accordion .accordion-navigation a {
  text-decoration: none;
}

input.secondary-nav--search {
  width: 100% !important;
}

a {
  text-decoration: underline;
}

ul {
  font-size: 16px;
}

li {
  font-size: 16px;
}

.view-id-resources .view-content {
  padding: 16px;
  border: 2px solid #713f88;
  border-top: 0;
}

.nav--top-bar {
  width: 100%;
  border-bottom: 1px solid #434544;
  color: #FFFFFF;
  background-color: #4397AC;
  padding: 4px 0px;
  height: 35px;
  position: relative;
  z-index: 1000;
}

.nav--top-bar a {
  color: #FFFFFF;
  text-decoration: none;
}

.nav--top-bar a:hover {
  color: #CCC;
  text-decoration: none;
}

.nav--top-bar .f-dropdown {
  z-index: 1000;
  list-style: none;
  top: 28px !important;
  left: -3px !important;
  border: 1px solid #434544;
  border-top: 1px solid #4397AC;
  background-color: #4397AC;
}

.nav--top-bar .f-dropdown:before {
  content: none;
  border: none;
}

.nav--top-bar .f-dropdown:after {
  content: none;
  border: none;
}

.nav--top-bar .f-dropdown:focus {
  outline: none !important;
}

.nav--top-bar .f-dropdown li {
  display: block;
}

.nav--top-bar .f-dropdown li:hover {
  background-color: currentColor;
  text-decoration: none;
}

.nav--top-bar .f-dropdown li a {
  color: currentColor;
}

.nav--top-bar .f-dropdown li a:hover {
  color: #4F4F4D;
  text-decoration: none;
}

.nav--top-bar #drop2 {
  left: 0px !important;
}

.nav--top-bar .nav--top-bar--mobilelogin {
  margin-bottom: 0px;
}

.nav--top-bar i {
  font-size: 19.2px;
  margin: 0px 7px;
  position: relative;
  top: 4px;
  text-decoration: none;
}

.nav--top-bar__login {
  margin: 0;
}

.nav--top-bar__login i {
  top: 2px !important;
}

.nav--top-bar__login li {
  display: inline-block;
}

.nav--top-bar__login li .user {
  border-right: 1px solid #FFFFFF;
  margin-right: 14px;
  padding: 0 14px 0 0;
  color: #FFFFFF;
  text-decoration: none;
}

.nav--top-bar__login li a {
  color: #FFFFFF !important;
}

#views-exposed-form-resources-embed-1 {
  background-color: #CCC;
  border: 2px solid #713f88;
  border-bottom: 1px solid #333;
}

#views-exposed-form-resources-embed-1 .widget-title {
  padding-top: 16px;
  margin-bottom: 0px;
}

#views-exposed-form-resources-embed-1 select {
  height: auto !important;
  color: #4F4F4D;
  border: 1px solid #4F4F4D;
}

.bef-checkboxes .form-type-bef-checkbox {
  width: 33%;
  float: left;
  padding: 5px;
}

.bef-checkboxes .form-type-bef-checkbox input {
  margin-right: 5px;
}

.bef-checkboxes .form-type-bef-checkbox label {
  text-transform: none;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  margin-left: 0px;
}

.overlay--tracker {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

section, main {
  margin: 32px 0;
}

section.view-our-thinking-page, main.view-our-thinking-page {
  margin-top: 0;
}

section.section-bordertopbottom, main.section-bordertopbottom {
  border-top: 1px #434544 solid;
  border-bottom: 1px #434544 solid;
}

section.section--no-top-margin, main.section--no-top-margin {
  margin-top: 0 !important;
}

section.section--no-bottom-margin, main.section--no-bottom-margin {
  margin-bottom: 0 !important;
}

section .section--title, main .section--title {
  font-family: "Rubik", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.img--circle {
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.block--chart {
  padding: 0 2em;
}

div.password-strength, div.password-confirm {
  font-size: 14.08px;
  float: left !important;
}

div.password-strength span.error, div.password-confirm span.error {
  background-color: #D73759;
  color: #FFFFFF;
}

.outline--circle {
  width: 67px;
  height: 67px;
  border-radius: 50px;
  border: 2px solid #FFFFFF;
}

article .resource--teaser {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #9C7CAD;
}

article .resource--teaser h3 {
  font-size: 24px !important;
}

article.article--teaser {
  padding: 0 5px;
}

article.article--teaser .article--teaser-image {
  overflow: hidden;
  height: 100px;
  margin-top: 5px;
}

article.article--teaser .article--teaser-image img {
  width: 100%;
  position: relative;
  top: -50%;
}

article.article--teaser .article--teaser-largeimage {
  overflow: hidden;
  height: 150px;
  margin-top: 5px;
}

article.article--teaser .article--teaser-largeimage.border-bottom--blue {
  border-bottom: 2px solid #4397AC;
}

.container--jumpbutton {
  text-align: center;
}

.container--jumpbutton .outline--circle {
  margin: auto;
}

.container--jumpbutton a {
  color: transparent;
}

.views-exposed-form {
  padding-left: 15px;
  padding-bottom: 30px;
}

.views-exposed-form label {
  font-weight: bold;
  font-size: 1.8em;
  color: #434544;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  padding: 2px 15px 0 0;
}

.views-exposed-form select {
  margin-right: 40px;
  height: 44px;
  padding: 5px;
  font-size: 19.2px;
  width: 100%;
  overflow: hidden;
  font-family: "Rubik", sans-serif;
  color: #4397AC;
  background: url(../images/select_drop_arrow.jpg) no-repeat right #FFFFFF;
  border: 1px solid #4397AC;
}

body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

body p {
  font-size: 16px !important;
}

.section--hero {
  margin-top: 0px !important;
  min-height: 400px;
  box-sizing: content-box;
  color: #FFFFFF;
}

@media only screen and (min-width: 31.25em) {
  .section--hero {
    margin-top: 0px !important;
  }
  .section--hero h1 {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 772px) {
  .section--hero {
    margin-top: -6px !important;
  }
  .section--hero h1 {
    padding-top: 2.5rem;
  }
}

@media only screen and (min-width: 60em) {
  .section--hero {
    margin-top: -6px !important;
  }
  .section--hero h1 {
    padding-top: 4.5rem;
    font-size: 2rem;
  }
}

.section--hero .tech-img {
  height: 18rem;
  width: 18rem;
}

.section--hero h1 {
  color: #fff;
  text-transform: uppercase;
}

.section--hero .cta-padded {
  padding: 32px, 0 0 0;
}

.section--hero .cta-padded .button, .section--hero .cta-padded .hide-til-focus {
  font-size: 19.2px;
  text-transform: none;
  padding: 12px;
}

.section--hero .cta-padded .button .icon, .section--hero .cta-padded .hide-til-focus .icon, .section--hero .cta-padded .button .button-play:after, .section--hero .cta-padded .hide-til-focus .button-play:after, .section--hero .cta-padded .button .collapsible-panel__title:before, .section--hero .cta-padded .hide-til-focus .collapsible-panel__title:before, .section--hero .cta-padded .button .checks > li:before, .section--hero .cta-padded .hide-til-focus .checks > li:before, .section--hero .cta-padded .button a.button-list__inner:after, .section--hero .cta-padded .hide-til-focus a.button-list__inner:after, .section--hero .cta-padded .button .alert-box:before, .section--hero .cta-padded .hide-til-focus .alert-box:before, .section--hero .cta-padded .button .messages:before, .section--hero .cta-padded .hide-til-focus .messages:before, .section--hero .cta-padded .button .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .section--hero .cta-padded .button a.active-trail:first-child:after, .section--hero .cta-padded .hide-til-focus .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .section--hero .cta-padded .hide-til-focus a.active-trail:first-child:after, .section--hero .cta-padded .button
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .section--hero .cta-padded .button a.active:after, .section--hero .cta-padded .hide-til-focus
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .section--hero .cta-padded .hide-til-focus a.active:after {
  font-size: 16px;
}

.section--hero .cta-padded .button.last, .section--hero .cta-padded .last.hide-til-focus {
  margin-left: 32px;
}

.staff-photo {
  padding: 0 5px;
}

.staff-photo .staff-photo-photo img {
  border-bottom: 3px solid #4397AC;
}

.staff-photo .fingerprint {
  visibility: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.staff-photo a:hover .staff-photo-photo img {
  visibility: hidden;
}

.staff-photo a:hover .fingerprint {
  visibility: visible;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.staff-member-full-name-job-title {
  padding: 0 5px;
}

.staff-member-full-name h2 {
  font-size: 1.2em;
  line-height: 1.3em;
}

.staff-member-full-name a {
  color: #434544;
}

.our-reach .subheading {
  font-size: 0.8em;
  font-weight: 600;
  margin: 0px;
  text-transform: lowercase;
}

.our-reach .container > .row:first-child {
  border-top: 1px solid #434544;
}

.block--homepage {
  padding: 5px;
}

.quotation {
  margin-top: 2.5em;
  text-align: center;
}

iframe {
  width: 100%;
  border: 0;
}

ol {
  font-size: 16px;
}

.red {
  color: #D73759;
}

.blue {
  color: #4397AC;
}

.light-blue-grey {
  color: #acf8fc;
}

.purple {
  color: #713f88;
}

.green {
  color: #006E61;
}

.light-blue {
  color: #d7f7ff;
}

.grey {
  color: #434544;
}

h2 {
  font-size: 1.5rem;
  font-family: "Rubik", sans-serif;
  color: #444;
}

.split-panel {
  padding-left: 5px !important;
}

.no-border-right {
  border-right: 0px !important;
}

section.latest-news article h3 {
  font-family: "Rubik", sans-serif;
  font-size: 1.25rem;
  padding: 10px 0;
  margin: 0px;
}

section.latest-news article hr {
  margin: 0 15px;
  border-color: #434544;
}

section.latest-news article p.article--teaser {
  padding: 0 0;
}

section.latest-news article .article--link-read-more {
  margin: 10px 0;
}

section.latest-news article .article--link-read-more a,
section.latest-news article .article--link-read-more a:hover {
  color: #D73759;
}

.chicklets {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
}

.article--type {
  display: table;
  background-color: #D73759;
  color: #FFFFFF;
  height: 1.14em;
  width: 100%;
  padding: 0 5px;
  font-family: "Rubik", sans-serif;
  text-transform: uppercase;
}

.article--type p {
  display: table-cell;
  vertical-align: middle;
  font-size: 0.8em;
}

.tinder2016-search {
  z-index: 1000;
}

.tinder2016-search div {
  padding: 0px;
}

.tinder2016-search .custom-search-box {
  width: 100%;
  height: 26px;
  padding: 0 5px 0 5px;
  border: 1px solid #444;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 12.8px;
}

.tinder2016-search .custom-search-box.error {
  border-color: #D73759;
  margin-top: 0px !important;
}

.tinder2016-search input.button--search {
  display: none;
}

.tinder2016-search label {
  display: table;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #434544;
  margin: 0px;
  width: 100%;
}

.tinder2016-search i {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 1.3em;
  display: table-cell;
  width: 100%;
  text-align: center;
  height: 26px;
}

.tinder2016-search .search-form {
  margin-bottom: 0;
}

.tinder2016-search .search-form .form-item {
  margin: 0 0 0.7rem 0 !important;
  overflow: visible;
}

@media only screen and (max-width: 48.125em) {
  .tinder2016-search .search-form {
    height: 40px;
  }
  .tinder2016-search .search-form div {
    margin: 0px;
  }
  .tinder2016-search .search-form label {
    height: 35px;
  }
  .tinder2016-search .search-form label i {
    font-size: 1.5em;
    display: table-cell;
    vertical-align: middle;
  }
  .tinder2016-search .search-form input {
    height: 35px;
  }
}

.tinder2016-search.tinder-mobile-search {
  margin-top: 4px;
}

.block--homepage-vertical-middle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 5px;
}

header {
  padding: 0px 30px;
  box-shadow: 0 0 10px #434544;
  z-index: 999;
  top: -6px;
  position: relative;
}

header .header--primary {
  height: 140px;
}

header .container--logoheader {
  padding: 0 0;
  position: absolute;
  bottom: 1px;
}

.nav--container__mobile {
  box-sizing: border-box;
  width: 100%;
  /* hide the link until viewport size is reached */
  /* when under viewport size, .mean-container is added to body */
  /* Fix for box sizing on Foundation Framework etc. */
}

@media only screen and (max-width: 48.125em) {
  .nav--container__mobile {
    border-bottom: 1px solid #434544;
    min-height: 46px;
  }
}

.nav--container__mobile a.meanmenu-reveal {
  display: none;
}

.nav--container__mobile .mean-bar .logo {
  width: 33%;
}

.nav--container__mobile .mean-container .mean-bar {
  font-size: 16px;
  width: 100%;
  position: relative;
  background: #FFFFFF;
}

.nav--container__mobile .mean-container .mean-bar .mean-bar--controls {
  float: right;
  font-size: 1.5rem;
  margin: 6px 0px;
  font-weight: 500;
}

.nav--container__mobile .mean-container .mean-bar .mean-bar--controls .mobile-search {
  margin-right: 12px;
}

.nav--container__mobile .mean-container .mean-bar .mean-bar--controls .mobile-search i {
  font-weight: 500;
}

.nav--container__mobile .mean-container .mean-bar #mobilemenu a {
  font-size: 1rem;
}

.nav--container__mobile .mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}

.nav--container__mobile .mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #fff;
}

.nav--container__mobile .mean-container .mean-nav i {
  position: absolute;
  top: 8px;
}

.nav--container__mobile .mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.nav--container__mobile .mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid #7A7975;
}

.nav--container__mobile .mean-container .mean-nav ul li:last-of-type {
  border-bottom: 0px;
}

.nav--container__mobile .mean-container .mean-nav ul li a {
  color: #4F4F4D;
  display: block;
  float: left;
  width: 90%;
  padding: 0.5em;
  margin: 0;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  font-size: 1.5em;
  font-family: "Rubik", sans-serif;
}

.nav--container__mobile .mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 0.5em 1.3em;
  border-top: 1px solid #333;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  text-shadow: none !important;
  visibility: visible;
}

.nav--container__mobile .mean-container .mean-nav ul li li a i {
  position: absolute;
}

.nav--container__mobile .mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.nav--container__mobile .mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

.nav--container__mobile .mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.nav--container__mobile .mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.nav--container__mobile .mean-container .mean-nav ul li a:hover {
  background: #888888;
  background: rgba(255, 255, 255, 0.1);
}

.nav--container__mobile .mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 31px;
  padding: 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.1);
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.nav--container__mobile .mean-container .mean-nav ul li a.mean-expand:hover {
  /*background: rgba(213,213,213,0.9);*/
}

.nav--container__mobile .mean-container .mean-nav ul.subnav li {
  border: 0px;
}

.nav--container__mobile .mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.nav--container__mobile .mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

.nav--container__mobile .mean-container .mean-bar, .nav--container__mobile .mean-container .mean-bar * {
  box-sizing: content-box;
}

.nav--container__mobile .mean-remove {
  display: none !important;
}

.latest-news--moreinfo {
  padding: 40px 0;
}

.footer-logos {
  padding: 16px 0 16px 0;
}

.footer-logos li {
  list-style-type: none;
  float: left;
}

.footer-logos li .footer-link {
  display: none;
}

.field-collection-view {
  margin: 0;
}

.good-things .footer {
  font-size: 12.8px;
  color: #FFFFFF;
  padding: 16px 0 80px 0;
  background: #4397AC;
}

.good-things .footer .footer__image {
  width: 83.2px;
}

.good-things .footer .footer__image_ocn {
  width: 144px;
}

.good-things .footer .footer__social {
  width: 36px;
}

.good-things .footer .charity-number {
  padding-top: 40px;
}

@media only screen and (max-width: 48.125em) {
  .good-things .footer .columns {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 48.125em) {
  .good-things .footer .margin-0-mobile {
    margin-top: 0;
  }
}

.good-things .footer ul, .good-things .footer form {
  font-size: inherit;
  margin: 0;
}

.good-things .footer ul li, .good-things .footer form li {
  display: block;
  list-style-type: none;
  margin: 0;
}

.good-things .footer ul li.expanded, .good-things .footer form li.expanded {
  display: block;
  float: left;
}

.good-things .footer ul li.expanded:not(:first-child), .good-things .footer form li.expanded:not(:first-child) {
  margin: 0 0 0 32px;
}

.good-things .footer ul li a, .good-things .footer form li a {
  color: #FFFFFF;
  text-decoration: none;
}

.good-things .footer ul li a:hover, .good-things .footer form li a:hover {
  color: #FFFFFF !important;
}

.good-things .footer ul li a.active, .good-things .footer form li a.active {
  color: #FFFFFF;
}

.good-things .footer ul label, .good-things .footer ul input, .good-things .footer form label, .good-things .footer form input {
  font-size: inherit !important;
  color: #FFFFFF;
}

.good-things .footer ul label#mc-embedded-subscribe, .good-things .footer ul input#mc-embedded-subscribe, .good-things .footer form label#mc-embedded-subscribe, .good-things .footer form input#mc-embedded-subscribe {
  padding: 11.2px 16px;
  border-radius: 0px;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  background-color: #FFFFFF;
}

.good-things .footer ul.menu, .good-things .footer form.menu {
  text-align: inherit;
}

.page--subtitle {
  font-size: 1.5rem;
  color: #4397AC;
  text-transform: none;
}

.page--intro-blue {
  font-family: "Rubik", sans-serif;
  color: #4397AC;
  line-height: 1.3em;
  font-size: 1.5rem !important;
}

.page--intro-blue a {
  text-decoration: underline;
}

.workarea {
  margin: 16px 0;
}

.workarea .workarea--introduction {
  text-align: center;
  padding-bottom: 2em;
}

.workarea .workarea--image {
  overflow: hidden;
  padding-bottom: 10px;
}

.workarea .workarea--image:not(:first-child) {
  padding-top: 25px;
}

.workarea .workarea--button-sources {
  border: 1px solid 8px;
  border-radius: 4px;
  margin: 0 16px 0 0;
  color: 8px;
  padding: 8px 16px;
  background-color: #FFFFFF;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
  border-radius: 4px;
  padding: 8px 16px;
  border: 1px solid #4397AC;
  border-radius: 4px;
  margin: 0 16px 0 0;
  color: #4397AC;
  padding: 8px 16px;
  background-color: #FFFFFF;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
  width: 70%;
}

.workarea .workarea--button-sources:visited {
  color: 8px;
}

.workarea .workarea--button-sources:hover, .workarea .workarea--button-sources:focus, .workarea .workarea--button-sources:active {
  color: true;
  background-color: false;
  border: 1px true solid;
  text-decoration: none !important;
}

.workarea .workarea--button-sources:visited {
  color: #4397AC;
}

.workarea .workarea--button-sources:hover, .workarea .workarea--button-sources:focus, .workarea .workarea--button-sources:active {
  color: #FFFFFF;
  background-color: #4397AC;
  border: 1px #FFFFFF solid;
  text-decoration: none !important;
}

.workarea .workarea--statistic {
  font-family: "Rubik", sans-serif;
  font-size: 1.25rem;
  border-bottom: 1px solid #4397AC;
  padding: 16px 0;
  line-height: 36px;
}

.workarea .workarea--statistic:first-of-type {
  border-top: 1px solid #4397AC;
}

.workarea .workarea--statistic:last-of-type {
  margin-bottom: 1em;
}

.close-reveal-modal {
  position: absolute;
  top: -20px;
  right: -10px;
  color: #000000;
  text-decoration: none;
  background: #D73759;
}

h3 {
  font-family: "Rubik", sans-serif;
  font-size: 1.25rem;
}

h3 a {
  color: currentColor;
}

h3 a:hover {
  color: #D73759;
  text-decoration: underline;
}

.block--centered {
  text-align: center;
  color: #FFFFFF;
}

.block--centered.block--centered-project {
  padding: 0 3em;
}

.block--centered.block--centered-project .icon, .block--centered.block--centered-project .button-play:after, .block--centered.block--centered-project .collapsible-panel__title:before, .block--centered.block--centered-project .checks > li:before, .block--centered.block--centered-project a.button-list__inner:after, .block--centered.block--centered-project .alert-box:before, .block--centered.block--centered-project .messages:before, .block--centered.block--centered-project .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li .block--centered.block--centered-project a.active-trail:first-child:after, .block--centered.block--centered-project
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li .block--centered.block--centered-project a.active:after {
  font-size: 48px;
}

.container--project {
  padding: 2.5em 0;
}

.icon--large {
  font-size: 1.5rem;
}

.white {
  color: #FFFFFF;
}

.container--red {
  background-color: #D73759;
}

.container--red h3 a {
  color: #FFFFFF;
}

.section--fullwidth-green {
  background-color: #D6F7FF;
  color: #434544;
}

.section--fullwidth-green .container {
  padding: 2.5em 0;
}

.section--fullwidth-green h3 {
  color: currentColor;
}

.font-med-large {
  font-size: 16px;
}

.uppercase {
  text-transform: uppercase;
}

.engschrift {
  font-family: "Rubik", sans-serif;
}

.section--fullwidth-red {
  background-color: #D73759;
  color: #FFFFFF;
}

.section--fullwidth-red.project .section--title {
  font-size: 16px;
}

.section--fullwidth-red .container {
  padding: 2.5em 0;
}

.section--fullwidth-red .section--title {
  font-size: 2rem;
  color: currentColor;
}

.section--fullwidth-red h3 {
  color: currentColor;
}

.section--fullwidth-red h3 a, .section--fullwidth-red h3 a:hover, .section--fullwidth-red h3 a:visited, .section--fullwidth-red h3 a:focus {
  color: currentColor;
}

.section--fullwidth-red h3 a:hover {
  text-decoration: none;
}

.section--fullwidth-red .featured-publications--listing-report {
  padding-top: 2.5em;
}

.border--bottom-grey {
  border-bottom: 1px #434544 solid;
}

.link--red a {
  color: #D73759;
  text-decoration: underline;
}

.padding-top {
  padding-top: 32px;
}

.button--solid-red {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  margin: 0 16px 0 0;
  color: #FFFFFF;
  padding: 8px 16px;
  background-color: #D73759;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
}

.button--solid-red:visited {
  color: #FFFFFF;
}

.button--solid-red:hover, .button--solid-red:focus, .button--solid-red:active {
  color: #D73759;
  background-color: #FFFFFF;
  border: 1px #D73759 solid;
  text-decoration: none !important;
}

.button--solid-purple {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  margin: 0 16px 0 0;
  color: #FFFFFF;
  padding: 8px 16px;
  background-color: #794F8F;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
}

.button--solid-purple:visited {
  color: #FFFFFF;
}

.button--solid-purple:hover, .button--solid-purple:focus, .button--solid-purple:active {
  color: #794F8F;
  background-color: #FFFFFF;
  border: 1px #794F8F solid;
  text-decoration: none !important;
}

.button--solid-green {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  margin: 0 16px 0 0;
  color: #FFFFFF;
  padding: 8px 16px;
  background-color: #46B9AC;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
}

.button--solid-green:visited {
  color: #FFFFFF;
}

.button--solid-green:hover, .button--solid-green:focus, .button--solid-green:active {
  color: #46B9AC;
  background-color: #FFFFFF;
  border: 1px #46B9AC solid;
  text-decoration: none !important;
}

.button--outline-red {
  border: 1px solid #D73759;
  border-radius: 4px;
  margin: 0 16px 0 0;
  color: #D73759;
  padding: 8px 16px;
  background-color: #FFFFFF;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
}

.button--outline-red:visited {
  color: #D73759;
}

.button--outline-red:hover, .button--outline-red:focus, .button--outline-red:active {
  color: #FFFFFF;
  background-color: #D73759;
  border: 1px #FFFFFF solid;
  text-decoration: none !important;
}

.button--outline-blue {
  border: 1px solid #4397AC;
  border-radius: 4px;
  margin: 0 16px 0 0;
  color: #4397AC;
  padding: 8px 16px;
  background-color: #FFFFFF;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
}

.button--outline-blue:visited {
  color: #4397AC;
}

.button--outline-blue:hover, .button--outline-blue:focus, .button--outline-blue:active {
  color: #FFFFFF;
  background-color: #4397AC;
  border: 1px #FFFFFF solid;
  text-decoration: none !important;
}

.button--outline-purple {
  border: 1px solid #713f88;
  border-radius: 4px;
  margin: 0 16px 0 0;
  color: #713f88;
  padding: 8px 16px;
  background-color: #FFFFFF;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
}

.button--outline-purple:visited {
  color: #713f88;
}

.button--outline-purple:hover, .button--outline-purple:focus, .button--outline-purple:active {
  color: #FFFFFF;
  background-color: #713f88;
  border: 1px #FFFFFF solid;
  text-decoration: none !important;
}

.button--outline-green {
  border: 1px solid #46B9AC;
  border-radius: 4px;
  margin: 0 16px 0 0;
  color: #46B9AC;
  padding: 8px 16px;
  background-color: #FFFFFF;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
}

.button--outline-green:visited {
  color: #46B9AC;
}

.button--outline-green:hover, .button--outline-green:focus, .button--outline-green:active {
  color: #FFFFFF;
  background-color: #46B9AC;
  border: 1px #FFFFFF solid;
  text-decoration: none !important;
}

.button--solid-blue {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  margin: 0 16px 0 0;
  color: #FFFFFF;
  padding: 8px 16px;
  background-color: #4397AC;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
}

.button--solid-blue:visited {
  color: #FFFFFF;
}

.button--solid-blue:hover, .button--solid-blue:focus, .button--solid-blue:active {
  color: #4397AC;
  background-color: #FFFFFF;
  border: 1px #4397AC solid;
  text-decoration: none !important;
}

.button--projects_white {
  border: 1px solid #434544;
  border-radius: 4px;
  margin: 0 0 0 0;
  color: #434544;
  padding: 8px 16px;
  background-color: #FFFFFF;
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
  font-size: 16px;
  border: 1px solid #434544;
  box-sizing: border-box;
  border-radius: 0;
  text-decoration: none;
  padding: 16px 20px;
  color: #434544;
}

.button--projects_white:visited {
  color: #434544;
}

.button--projects_white:hover, .button--projects_white:focus, .button--projects_white:active {
  color: #434544;
  background-color: #FFFFFF;
  border: 1px #434544 solid;
  text-decoration: none !important;
}

.button--projects_secondary {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  margin: 0 0 0 0;
  color: #FFFFFF;
  padding: 8px 16px;
  background-color: rgba(67, 151, 172, 0.85);
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
  font-size: 16px;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 0;
  text-decoration: none;
  padding: 16px 20px;
  color: #FFFFFF;
}

.button--projects_secondary:visited {
  color: #FFFFFF;
}

.button--projects_secondary:hover, .button--projects_secondary:focus, .button--projects_secondary:active {
  color: #434544;
  background-color: #FFFFFF;
  border: 1px #434544 solid;
  text-decoration: none !important;
}

.button--projects_primary {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  margin: 0 0 0 0;
  color: #FFFFFF;
  padding: 8px 16px;
  background-color: rgba(215, 55, 89, 0.85);
  width: 100%;
  font-family: "Rubik", sans-serif;
  font-size: 1.2em;
  font-size: 16px;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 0;
  text-decoration: none;
  padding: 16px 20px;
  color: #FFFFFF;
}

.button--projects_primary:visited {
  color: #FFFFFF;
}

.button--projects_primary:hover, .button--projects_primary:focus, .button--projects_primary:active {
  color: #434544;
  background-color: #FFFFFF;
  border: 1px #434544 solid;
  text-decoration: none !important;
}

hr {
  margin: 5px;
}

hr.hr--with-margin {
  margin: 0 32px 17.6px 32px;
}

hr.hr--heavy {
  border: 2px solid;
}

hr.hr--red {
  border-color: #D73759 !important;
}

hr.hr--blue {
  border-color: #4397AC !important;
}

hr.hr--grey {
  border-color: #434544 !important;
}

.border-top-thickblue {
  border-top: 3px solid #4397AC;
}

.border-bottom-blue {
  border-bottom: 1px solid #4397AC;
}

.jumpmenu .extendLeft {
  padding-left: 0px;
  margin-left: 0px;
}

.jumpmenu .extendRight {
  padding-right: 0px;
  margin-right: 0px;
}

.jumpmenu ul {
  overflow: hidden;
}

.jumpmenu li {
  display: inline-block;
}

.jumpmenu li:not(:last-of-type) {
  padding: 0 16px 0 0;
}

.jumpmenu li a {
  font-size: 1.25rem;
  color: #4397AC;
  display: block;
  border-bottom: 1.5px solid #4397AC;
  text-decoration: none;
}

.jumpmenu li a:hover {
  color: #7A7975;
  border-bottom: 1.5px solid #7A7975;
  text-decoration: none;
}

.jumpmenu li a:focus {
  color: #7A7975;
  border-bottom: 1.5px solid #7A7975;
  text-decoration: none;
}

@media only screen and (min-width: 48.125em) {
  .fix-jump-menu {
    background: #FFFFFF;
    position: fixed;
    top: 0;
    padding-right: 3000px;
    margin-right: -3000px;
    padding-left: 3000px;
    margin-left: -3000px;
    left: 0;
    right: 0;
    z-index: 100;
  }
}

@media only screen and (min-width: 48.125em) and (max-width: 48.125em) {
  .fix-jump-menu {
    display: none;
  }
}

.arrow-up--border {
  width: 0px;
  height: 0px;
  position: relative;
  top: -35px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #7A7975;
  z-index: 50;
}

.arrow-up {
  position: relative;
  top: 2px;
  left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #E5E5E5;
  z-index: 50;
}

#megamenu_placeholder {
  position: absolute;
  bottom: 0;
  right: 0;
}

.megamenu_container {
  width: 100%;
  height: 46px;
  *height: 44px;
  margin: 0 auto;
  position: relative;
  z-index: 1000;
  border-radius: 3px;
}

a.active {
  color: #316E7D;
}

.megamenu_fixed {
  width: inherit;
  position: fixed;
  top: 0;
  border-radius: 0 0 3px 3px;
}

.megamenu {
  list-style: none;
  padding: 0;
  position: relative;
  /* For IE7 */
  margin: 0;
  top: 24px;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  line-height: 1;
}

.megamenu > li {
  float: left;
  margin: 0;
  border: none;
  transition: background 0.5s ease;
}

.megamenu > li > a {
  font-size: 14.08px;
  text-transform: uppercase;
  outline: 0;
  text-decoration: none;
  display: block;
  padding: 0 0 0 0.8rem;
  color: #434544;
}

.megamenu > li > a:visited, .megamenu > li > a:active {
  color: #434544;
}

.megamenu > li > a.active, .megamenu > li > a:hover {
  color: #316E7D;
  text-decoration: none;
}

.megamenu li.megamenu_button {
  display: none;
  transition: none;
}

/* Right aligned menu item */
.megamenu li.megamenu_right {
  float: right;
  margin-right: -1px;
}

.megamenu li.megamenu_right a {
  margin-right: 5px;
}

/*  _______________________________________________

    02 MEGA MENU CONTAINERS
    _______________________________________________  */
.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
  position: absolute;
  margin: 0;
  padding-top: 24px;
  padding-bottom: 10px;
  left: -9999em;
  top: 22.4px !important;
  display: block;
  zoom: 1;
  z-index: 9998;
  float: left;
  box-shadow: 0 10px 8px -11px #434544;
}

.megamenu li .dropdown_container:before,
.megamenu li .dropdown_fullwidth:before,
.megamenu li .dropdown_multilevel:before {
  content: " ";
  width: 4000px;
  box-shadow: 0 10px 8px -11px #434544;
  content: '';
  position: absolute;
  left: -2000px;
  top: 0;
  height: 100%;
  background-color: #E5E5E5;
}

.megamenu li .dropdown_container:after,
.megamenu li .dropdown_fullwidth:after,
.megamenu li .dropdown_multilevel:after {
  width: 500px;
}

.megamenu li .dropdown_first {
  margin-left: -1px;
}

.megamenu li .droplast_right {
  margin-right: -1px;
}

/* Showing Drop Down on Mouse Hover */
.megamenu li:hover .dropdown_container {
  top: 45px;
  left: auto;
}

.megamenu li:hover .dropdown_fullwidth {
  top: 45px;
  left: -1px;
}

.megamenu li .dropdown_right {
  right: 0;
}

.megamenu li:hover .dropdown_right {
  top: 45px;
  left: auto;
  right: 0;
}

/*
	Bigger containers need smaller padding values and
	on the opposite, smaller containers will have
	higher paddings.
	This makes the content within each kind of drop down
	equally distant from the left edge.
*/
.megamenu .dropdown_1column {
  width: 8.3334%;
  padding-left: 2%;
  padding-right: 2%;
}

.megamenu .dropdown_2columns {
  width: 16.6667%;
  padding-left: 1.8333%;
  padding-right: 1.8333%;
}

.megamenu .dropdown_3columns {
  width: 25%;
  padding-left: 1.5%;
  padding-right: 1.5%;
}

.megamenu .dropdown_4columns {
  width: 33.3334%;
  padding-left: 1.333%;
  padding-right: 1.333%;
}

.megamenu .dropdown_5columns {
  width: 41.6667%;
  padding-left: 1.166%;
  padding-right: 1.166%;
}

.megamenu .dropdown_6columns {
  width: 50%;
  padding-left: 1%;
  padding-right: 1%;
}

.megamenu .dropdown_7columns {
  width: 58.3334%;
  padding-left: 0.833%;
  padding-right: 0.833%;
}

.megamenu .dropdown_8columns {
  width: 66.6667%;
  padding-left: 0.666%;
  padding-right: 0.666%;
}

.megamenu .dropdown_9columns {
  width: 75%;
  padding-left: 0.5%;
  padding-right: 0.5%;
}

.megamenu .dropdown_10columns {
  width: 83.3334%;
  padding-left: 0.333%;
  padding-right: 0.333%;
}

.megamenu .dropdown_11columns {
  width: 91.6667%;
  padding-left: 0.1666%;
  padding-right: 0.1666%;
}

.megamenu .dropdown_12columns,
.megamenu .dropdown_fullwidth {
  width: 100%;
}

/*  _______________________________________________

    03 DROP DOWN COLUMNS GRID
    _______________________________________________  */
.megamenu .col_1,
.megamenu .col_2,
.megamenu .col_3,
.megamenu .col_4,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12 {
  float: left;
  display: inline;
  position: relative;
  margin-left: 2%;
  margin-right: 2%;
  /*
  Rounding error with IE7.
  Lower margin values will absorb the difference.
  */
  *margin-left: 1.9%;
  *margin-right: 1.9%;
}

.megamenu .col_1 {
  width: 4.33%;
}

.megamenu .col_2 {
  width: 12.66%;
}

.megamenu .col_3 {
  width: 21%;
}

.megamenu .col_4 {
  width: 29.33%;
}

.megamenu .col_5 {
  width: 37.66%;
}

.megamenu .col_6 {
  width: 46%;
}

.megamenu .col_7 {
  width: 54.33%;
}

.megamenu .col_8 {
  width: 62.66%;
}

.megamenu .col_9 {
  width: 71%;
}

.megamenu .col_10 {
  width: 79.33%;
}

.megamenu .col_11 {
  width: 87.66%;
}

.megamenu .col_12 {
  width: 96%;
}

.megamenu .rowcontent {
  clear: left;
  /*
  IE7 clear issue.
  Display inline required.
  */
  *display: inline;
}

.row--padded-bottom {
  padding-bottom: 1rem;
}

/* 1. General Typography */
.megamenu p,
.megamenu h1,
.megamenu h2,
.megamenu h3,
.megamenu h4,
.megamenu h5,
.megamenu h6 {
  padding: 0;
  margin: 0 0 20px;
}

.megamenu > li > div a {
  text-decoration: none;
  outline: none;
}

.megamenu > li > div a:hover {
  color: #316E7D;
}

.megamenu > li > div a:hover {
  transition: color 0.3s;
  color: #316E7D;
}

.megamenu li ul,
.megamenu li ol {
  padding: 0;
  margin: 0 0 18px 20px;
}

.megamenu li ul {
  list-style: none;
}

.megamenu li ul li {
  font-size: 1.15em;
  line-height: 21px;
  position: relative;
  padding: 10px 0px;
  margin: 0;
  float: none;
  text-align: left;
}

.megamenu_light .megamenu li .dropdown_fullwidth {
  box-shadow: 0 10px 8px -11px #434544;
  background: #FFFFFF;
  color: #434544;
}

.megamenu_light .megamenu > li > div a,
.megamenu_light .megamenu li ul li {
  color: #434544;
}

.megamenu_light .megamenu > li > div a:hover {
  color: #316E7D;
}

.megamenu li a.link--your-centre {
  border-left: 2px solid #316E7D;
  margin-left: 12px;
  color: #434544;
  font-weight: 500;
  padding: 0px 0px 0px 12px;
}

.megamenu li a.link--your-centre:hover {
  color: #316E7D;
  text-decoration: none;
}

.megamenu li a.link--your-centre.active {
  color: #316E7D;
}

.block {
  box-sizing: border-box;
  padding: 8px;
  height: 200px;
  margin: 3px;
  overflow: hidden;
  position: relative;
}

.block span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 50;
}

.block span.tint-blue {
  z-index: -1;
  background-color: rgba(91, 227, 255, 0.5);
}

.block p {
  margin: 0px;
}

.block.block--accessible-blue {
  background-color: #4397AC;
  color: #4397AC;
  border-color: currentColor;
}

.block.block--light-blue-grey {
  background-color: #acf8fc;
  color: #4397AC;
  border-color: currentColor;
}

.block.block--mid-blue {
  background-color: #9eeffe;
  color: #4397AC;
  border-color: currentColor;
}

.block.block--light-blue {
  background-color: #d7f7ff;
  color: #4397AC;
  border-color: currentColor;
}

.block.block--red {
  background-color: #D73759;
  color: #FFFFFF;
  border-color: currentColor;
}

.block.block--red h3 {
  color: currentColor;
}

.block.block--red .block--maintext-hover p {
  color: #FFFFFF;
}

.block.block--white {
  background-color: "none";
  color: #FFFFFF;
  border-color: currentColor;
}

.block.block--white h3 {
  color: currentColor;
}

.block.block--outline-red {
  border: 1px solid #D73759;
  color: #D73759;
}

.block.block--tall {
  height: 400px;
}

@media only screen and (max-width: 48.125em) {
  .block.block--tall {
    height: 200px;
  }
  .block.block--tall .block--image-bottom {
    display: none;
  }
}

.block .block--maintext {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

.block .block--maintext .icons {
  font-size: 33.6px;
}

.block .block--maintext .block--smalltext {
  text-transform: none;
  font-family: "Open Sans", sans-serif;
}

.block .block--maintext h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  line-height: 32px;
}

.block .block--maintext-hover {
  display: none;
  height: 100%;
  background-width: 100%;
  background-height: 100%;
}

.block .block--maintext-hover p {
  font-size: 1.5rem !important;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  line-height: 32px;
  color: #434544;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.block .block--maintext-bottom-left {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 33%;
}

.block .block--maintext-bottom-left h3 {
  font-size: 5em;
  line-height: 1em;
}

.block .block--image-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -10;
}

body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  color: #434544;
}

body a, body a:visited, body a:active, body a:focus {
  color: #3A8294;
  text-decoration: underline;
}

body a:hover {
  text-decoration: underline;
  color: #434544;
}

body .big-section {
  position: relative;
}

body .big-section .article--type {
  display: none;
}

body .big-section .article--teaser-largeimage img {
  margin-top: 16px;
  border-bottom: 4px white solid;
}

body .big-section .article--teaser-heading {
  margin: 0 0;
  text-transform: none;
}

body .big-section .article--teaser-heading h2 {
  font-size: 1.25rem;
}

body .big-section .article--teaser-heading a {
  text-decoration: none;
  color: white;
}

body .projects--title {
  margin: 0 0;
  text-transform: none;
}

body .projects--title h2 {
  font-size: 1.25rem;
}

body .projects--title a {
  text-decoration: none;
  color: white;
}

body.node-type-paragraph-page h1.page--title {
  color: #4397AC;
}

body .projects--title-2 {
  margin: 0 0;
  text-transform: none;
}

body .projects--title-2 h2 {
  font-size: 1.25rem;
}

body .projects--title-2 a {
  text-decoration: none;
  color: #4397AC;
}

body .section-title {
  position: absolute;
  top: 40px;
}

body .learn-more--button {
  position: absolute;
  bottom: 20px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}

body .about-section {
  background-color: #4397AC;
}

body .about-section-padding {
  padding: 16px;
}

body .background-color-secondary {
  background-color: #4397AC;
}

body .background-color-secondary p {
  color: white;
}

body .background-color-secondary h2 {
  color: white;
}

body .hidden-section {
  display: none;
}

body .hidden-section__background-color-secondary-light {
  background-color: #cfe6ec;
}

body .hidden-section__background-color-secondary-light p {
  color: #4397AC;
  padding: 16px;
}

body .hidden-section__background-color-secondary-light h3 {
  color: #4397AC;
  padding: 16px 16px 0 16px;
  margin-bottom: 0;
}

body .background-color-primary {
  background-color: #D73759;
}

body .background-color-primary p {
  color: white;
}

body .background-color-primary h2 {
  color: white;
}

body .hidden-section {
  display: none;
}

body .hidden-section__background-color-primary-light {
  background-color: #f9e1e6;
}

body .hidden-section__background-color-primary-light p {
  color: #D73759;
  padding: 16px;
}

body .hidden-section__background-color-primary-light h3 {
  color: #D73759;
  padding: 16px 16px 0 16px;
  margin-bottom: 0;
}

body .background-color-white {
  background-color: white;
}

body .background-color-white p {
  color: #434544;
}

body .background-color-white h2 {
  color: #434544;
}

body .visible-section {
  display: block;
  background-color: #e3f0f6;
}

body .article--image {
  border-bottom: 4px white solid;
}

body .article--image-2 {
  border-bottom: 4px #4397AC solid;
}

body .expand-section {
  position: relative;
}

body .expand-section .icon-keyboard_arrow_down {
  margin: auto;
  font-size: 32px;
}

@media only screen and (min-width: 31.25em) {
  body .about-section--border {
    border-right: 1px solid white;
  }
  body .about-section--1 {
    padding-right: 16px;
  }
  body .about-section--2 {
    padding-left: 16px;
  }
}

body .fade-container {
  position: relative;
  overflow: hidden;
}

body .fade-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

body .quote-container em {
  color: #434544;
}

body .quote-container.secondary {
  color: #4397AC !important;
}

body .quote-container.primary {
  color: #D73759 !important;
}

body .quote-container .quote-border {
  position: relative;
  border: 3px solid currentColor;
  border-radius: 25px;
  padding: 10px 20px 10px 65px;
}

body .quote-container .icon, body .quote-container .button-play:after, body .quote-container .collapsible-panel__title:before, body .quote-container .checks > li:before, body .quote-container a.button-list__inner:after, body .quote-container .alert-box:before, body .quote-container .messages:before, body .quote-container .sidebar .menu .menu li a.active-trail:first-child:after, .sidebar .menu .menu li body .quote-container a.active-trail:first-child:after, body .quote-container
.sidebar .menu .menu li.expanded li a.active:after,
.sidebar .menu .menu li.expanded li body .quote-container a.active:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  display: inline-block;
  background-color: #FFFFFF;
  position: absolute;
  top: -3px;
  left: -3px;
  font-size: 4em;
}

body .quote-column {
  position: relative;
}

body #map {
  width: 320px;
  height: 320px;
}

#admin-menu {
  z-index: 5000;
}

#admin-menu ul {
  font-size: 0.8em !important;
}

.view-research-publications {
  margin-bottom: 5em;
}