@charset "UTF-8";
.fade-in.mui-enter,
.fade-out.mui-leave,
.hinge-out-from-left.mui-leave,
.slide-in-down.mui-enter,
.slide-in-left.mui-enter,
.slide-in-right.mui-enter,
.slide-in-up.mui-enter,
.slide-out-down.mui-leave,
.slide-out-left.mui-leave,
.slide-out-right.mui-leave,
.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear
}

h3,
h4,
h5 {
    line-height: 27px
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    text-rendering: optimizeLegibility
}

img,
legend {
    max-width: 100%
}

audio,
canvas,
h2.page-subhead,
img,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

.account-bar .ab-search .input-group-btn .btn i,
.account-bar .ab-signin-up .ab-contact i,
.desktop-links ul li a,
.nav-table-cell,
img {
    vertical-align: middle
}

pre,
textarea {
    overflow: auto
}

button,
hr,
input {
    overflow: visible
}

.clearfix::after,
.row::after,
hr {
    clear: both
}

.breadcrumb,
.nav-box .desktop-links ul,
.no-bullet {
    list-style: none
}

html,
legend,
select {
    box-sizing: border-box
}

@font-face {
    font-family: 'Roboto black';
    src: url(../../fonts/roboto/Roboto-Black.ttf), url(../../fonts/roboto/roboto-black-webfont.woff), url(../../fonts/roboto/roboto-black-webfont.woff2)
}

@font-face {
    font-family: 'Roboto blackitalic';
    src: url(../../fonts/roboto/Roboto-BlackItalic.ttf), url(../../fonts/roboto/roboto-blackitalic-webfont.woff), url(../../fonts/roboto/roboto-blackitalic-webfont.woff2)
}

@font-face {
    font-family: 'Roboto bold';
    src: url(../../fonts/roboto/Roboto-Bold.ttf), url(../../fonts/roboto/roboto-bold-webfont.woff), url(../../fonts/roboto/roboto-bold-webfont.woff2)
}

@font-face {
    font-family: 'Roboto bolditalic';
    src: url(../../fonts/roboto/Roboto-BoldItalic.ttf), url(../../fonts/roboto/roboto-bolditalic-webfont.woff), url(../../fonts/roboto/roboto-bolditalic-webfont.woff2)
}

@font-face {
    font-family: 'Roboto italic';
    src: url(../../fonts/roboto/Roboto-Italic.ttf), url(../../fonts/roboto/roboto-italic-webfont.woff), url(../../fonts/roboto/roboto-italic-webfont.woff2)
}

@font-face {
    font-family: 'Roboto light';
    src: url(../../fonts/roboto/Roboto-Light.ttf), url(../../fonts/roboto/roboto-light-webfont.woff), url(../../fonts/roboto/roboto-light-webfont.woff2)
}

@font-face {
    font-family: 'Roboto lightitalic';
    src: url(../../fonts/roboto/Roboto-LightItalic.ttf), url(../../fonts/roboto/roboto-lightitalic-webfont.woff), url(../../fonts/roboto/roboto-lightitalic-webfont.woff2)
}

@font-face {
    font-family: 'Roboto medium';
    src: url(../../fonts/roboto/Roboto-Medium.ttf), url(../../fonts/roboto/roboto-medium-webfont.woff), url(../../fonts/roboto/roboto-medium-webfont.woff2)
}

@font-face {
    font-family: 'Roboto mediumitalic';
    src: url(../../fonts/roboto/Roboto-MediumItalic.ttf), url(../../fonts/roboto/roboto-mediumitalic-webfont.woff), url(../../fonts/roboto/roboto-mediumitalic-webfont.woff2)
}

@font-face {
    font-family: Roboto;
    src: url(../../fonts/roboto/Roboto-Regular.ttf), url(../../fonts/roboto/roboto-regular-webfont.woff), url(../../fonts/roboto/roboto-regular-webfont.woff2)
}

@font-face {
    font-family: 'Roboto thin';
    src: url(../../fonts/roboto/Roboto-Thin.ttf), url(../../fonts/roboto/roboto-thin-webfont.woff), url(../../fonts/roboto/roboto-thin-webfont.woff2)
}

@font-face {
    font-family: 'Roboto thinitalic';
    src: url(../../fonts/roboto/Roboto-ThinItalic.ttf), url(../../fonts/roboto/roboto-thinitalic-webfont.woff), url(../../fonts/roboto/roboto-thinitalic-webfont.woff2)
}

@font-face {
    font-family: icomoon;
    src: url(../../fonts/icomoon.eot?yboenz);
    src: url(../../fonts/icomoon.eot?yboenz#iefix) format("embedded-opentype"), url(../../fonts/icomoon.ttf?yboenz) format("truetype"), url(../../fonts/icomoon.woff?yboenz) format("woff"), url(../../fonts/icomoon.svg?yboenz#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

blockquote,
ol,
p,
pre,
table,
td,
tr,
ul {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
}

blockquote,
dfn {
    font-style: italic
}

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

.icon-ac_unit:before {
    content: "\eb3b"
}

.icon-alarm:before {
    content: "\e855"
}

.icon-access_alarms:before {
    content: "\e191"
}

.icon-schedule:before {
    content: "\e8b5"
}

.icon-accessibility:before {
    content: "\e84e"
}

.icon-accessible:before {
    content: "\e914"
}

.icon-account_balance:before {
    content: "\e84f"
}

.icon-account_balance_wallet:before {
    content: "\e850"
}

.icon-account_box:before {
    content: "\e851"
}

.icon-account_circle:before {
    content: "\e853"
}

.icon-adb:before {
    content: "\e60e"
}

.icon-add:before {
    content: "\e145"
}

.icon-add_a_photo:before {
    content: "\e439"
}

.icon-alarm_add:before {
    content: "\e856"
}

.icon-add_alert:before {
    content: "\e003"
}

.icon-add_box:before {
    content: "\e146"
}

.icon-add_circle:before {
    content: "\e147"
}

.icon-control_point:before {
    content: "\e3ba"
}

.icon-add_location:before {
    content: "\e567"
}

.icon-add_shopping_cart:before {
    content: "\e854"
}

.icon-queue:before {
    content: "\e03c"
}

.icon-add_to_queue:before {
    content: "\e05c"
}

.icon-adjust:before {
    content: "\e39e"
}

.icon-airline_seat_flat:before {
    content: "\e630"
}

.icon-airline_seat_flat_angled:before {
    content: "\e631"
}

.icon-airline_seat_individual_suite:before {
    content: "\e632"
}

.icon-airline_seat_legroom_extra:before {
    content: "\e633"
}

.icon-airline_seat_legroom_normal:before {
    content: "\e634"
}

.icon-airline_seat_legroom_reduced:before {
    content: "\e635"
}

.icon-airline_seat_recline_extra:before {
    content: "\e636"
}

.icon-airline_seat_recline_normal:before {
    content: "\e637"
}

.icon-flight:before {
    content: "\e539"
}

.icon-airplanemode_inactive:before {
    content: "\e194"
}

.icon-airplay:before {
    content: "\e055"
}

.icon-airport_shuttle:before {
    content: "\eb3c"
}

.icon-alarm_off:before {
    content: "\e857"
}

.icon-alarm_on:before {
    content: "\e858"
}

.icon-album:before {
    content: "\e019"
}

.icon-all_inclusive:before {
    content: "\eb3d"
}

.icon-all_out:before {
    content: "\e90b"
}

.icon-android:before {
    content: "\e859"
}

.icon-announcement:before {
    content: "\e85a"
}

.icon-apps:before {
    content: "\e5c3"
}

.icon-archive:before {
    content: "\e149"
}

.icon-arrow_back:before {
    content: "\e5c4"
}

.icon-arrow_downward:before {
    content: "\e5db"
}

.icon-arrow_drop_down:before {
    content: "\e5c5"
}

.icon-arrow_drop_down_circle:before {
    content: "\e5c6"
}

.fa-arrow-down:before,
.icon-arrow_drop_up:before {
    content: "\e5c7"
}

.icon-arrow_forward:before {
    content: "\e5c8"
}

.icon-arrow_upward:before {
    content: "\e5d8"
}

.icon-art_track:before {
    content: "\e060"
}

.icon-aspect_ratio:before {
    content: "\e85b"
}

.icon-poll:before {
    content: "\e801"
}

.icon-assignment:before {
    content: "\e85d"
}

.icon-assignment_ind:before {
    content: "\e85e"
}

.icon-assignment_late:before {
    content: "\e85f"
}

.icon-assignment_return:before {
    content: "\e860"
}

.icon-assignment_returned:before {
    content: "\e861"
}

.icon-assignment_turned_in:before {
    content: "\e862"
}

.icon-assistant:before {
    content: "\e39f"
}

.icon-flag:before {
    content: "\e153"
}

.icon-attach_file:before {
    content: "\e226"
}

.icon-attach_money:before {
    content: "\e227"
}

.icon-attachment:before {
    content: "\e2bc"
}

.icon-audiotrack:before {
    content: "\e3a1"
}

.icon-autorenew:before {
    content: "\e863"
}

.icon-av_timer:before {
    content: "\e01b"
}

.icon-backspace:before {
    content: "\e14a"
}

.icon-cloud_upload:before {
    content: "\e2c3"
}

.icon-battery_alert:before {
    content: "\e19c"
}

.icon-battery_charging_full:before {
    content: "\e1a3"
}

.icon-battery_std:before {
    content: "\e1a5"
}

.icon-battery_unknown:before {
    content: "\e1a6"
}

.icon-beach_access:before {
    content: "\eb3e"
}

.icon-beenhere:before {
    content: "\e52d"
}

.icon-block:before {
    content: "\e14b"
}

.icon-bluetooth:before {
    content: "\e1a7"
}

.icon-bluetooth_searching:before {
    content: "\e1aa"
}

.icon-bluetooth_connected:before {
    content: "\e1a8"
}

.icon-bluetooth_disabled:before {
    content: "\e1a9"
}

.icon-blur_circular:before {
    content: "\e3a2"
}

.icon-blur_linear:before {
    content: "\e3a3"
}

.icon-blur_off:before {
    content: "\e3a4"
}

.icon-blur_on:before {
    content: "\e3a5"
}

.icon-class:before {
    content: "\e86e"
}

.icon-turned_in:before {
    content: "\e8e6"
}

.icon-turned_in_not:before {
    content: "\e8e7"
}

.icon-border_all:before {
    content: "\e228"
}

.icon-border_bottom:before {
    content: "\e229"
}

.icon-border_clear:before {
    content: "\e22a"
}

.icon-border_color:before {
    content: "\e22b"
}

.icon-border_horizontal:before {
    content: "\e22c"
}

.icon-border_inner:before {
    content: "\e22d"
}

.icon-border_left:before {
    content: "\e22e"
}

.icon-border_outer:before {
    content: "\e22f"
}

.icon-border_right:before {
    content: "\e230"
}

.icon-border_style:before {
    content: "\e231"
}

.icon-border_top:before {
    content: "\e232"
}

.icon-border_vertical:before {
    content: "\e233"
}

.icon-branding_watermark:before {
    content: "\e06b"
}

.icon-brightness_1:before {
    content: "\e3a6"
}

.icon-brightness_2:before {
    content: "\e3a7"
}

.icon-brightness_3:before {
    content: "\e3a8"
}

.icon-brightness_4:before {
    content: "\e3a9"
}

.icon-brightness_low:before {
    content: "\e1ad"
}

.icon-brightness_medium:before {
    content: "\e1ae"
}

.icon-brightness_high:before {
    content: "\e1ac"
}

.icon-brightness_auto:before {
    content: "\e1ab"
}

.icon-broken_image:before {
    content: "\e3ad"
}

.icon-brush:before {
    content: "\e3ae"
}

.icon-bubble_chart:before {
    content: "\e6dd"
}

.icon-bug_report:before {
    content: "\e868"
}

.icon-build:before {
    content: "\e869"
}

.icon-burst_mode:before {
    content: "\e43c"
}

.icon-domain:before {
    content: "\e7ee"
}

.icon-business_center:before {
    content: "\eb3f"
}

.icon-cached:before {
    content: "\e86a"
}

.icon-cake:before {
    content: "\e7e9"
}

.icon-phone:before {
    content: "\e0cd"
}

.icon-call_end:before {
    content: "\e0b1"
}

.icon-call_made:before {
    content: "\e0b2"
}

.icon-merge_type:before {
    content: "\e252"
}

.icon-call_missed:before {
    content: "\e0b4"
}

.icon-call_missed_outgoing:before {
    content: "\e0e4"
}

.icon-call_received:before {
    content: "\e0b5"
}

.icon-call_split:before {
    content: "\e0b6"
}

.icon-call_to_action:before {
    content: "\e06c"
}

.icon-camera:before {
    content: "\e3af"
}

.icon-photo_camera:before {
    content: "\e412"
}

.icon-camera_enhance:before {
    content: "\e8fc"
}

.icon-camera_front:before {
    content: "\e3b1"
}

.icon-camera_rear:before {
    content: "\e3b2"
}

.icon-camera_roll:before {
    content: "\e3b3"
}

.icon-cancel:before {
    content: "\e5c9"
}

.icon-redeem:before {
    content: "\e8b1"
}

.icon-card_membership:before {
    content: "\e8f7"
}

.icon-card_travel:before {
    content: "\e8f8"
}

.icon-casino:before {
    content: "\eb40"
}

.icon-cast:before {
    content: "\e307"
}

.icon-cast_connected:before {
    content: "\e308"
}

.icon-center_focus_strong:before {
    content: "\e3b4"
}

.icon-center_focus_weak:before {
    content: "\e3b5"
}

.icon-change_history:before {
    content: "\e86b"
}

.icon-chat:before {
    content: "\e0b7"
}

.icon-chat_bubble:before {
    content: "\e0ca"
}

.icon-chat_bubble_outline:before {
    content: "\e0cb"
}

.icon-check:before {
    content: "\e5ca"
}

.icon-check_box:before {
    content: "\e834"
}

.icon-check_box_outline_blank:before {
    content: "\e835"
}

.icon-check_circle:before {
    content: "\e86c"
}

.icon-navigate_before:before {
    content: "\e408"
}

.icon-navigate_next:before {
    content: "\e409"
}

.icon-child_care:before {
    content: "\eb41"
}

.icon-child_friendly:before {
    content: "\eb42"
}

.icon-chrome_reader_mode:before {
    content: "\e86d"
}

.icon-close:before {
    content: "\e5cd"
}

.icon-clear_all:before {
    content: "\e0b8"
}

.icon-closed_caption:before {
    content: "\e01c"
}

.icon-wb_cloudy:before {
    content: "\e42d"
}

.icon-cloud_circle:before {
    content: "\e2be"
}

.icon-cloud_done:before {
    content: "\e2bf"
}

.icon-cloud_download:before {
    content: "\e2c0"
}

.icon-cloud_off:before {
    content: "\e2c1"
}

.icon-cloud_queue:before {
    content: "\e2c2"
}

.icon-code:before {
    content: "\e86f"
}

.icon-photo_library:before {
    content: "\e413"
}

.icon-collections_bookmark:before {
    content: "\e431"
}

.icon-palette:before {
    content: "\e40a"
}

.icon-colorize:before {
    content: "\e3b8"
}

.icon-comment:before {
    content: "\e0b9"
}

.icon-compare:before {
    content: "\e3b9"
}

.icon-compare_arrows:before {
    content: "\e915"
}

.icon-laptop:before {
    content: "\e31e"
}

.icon-confirmation_number:before {
    content: "\e638"
}

.icon-contact_mail:before {
    content: "\e0d0"
}

.icon-contact_phone:before {
    content: "\e0cf"
}

.icon-contacts:before {
    content: "\e0ba"
}

.icon-content_copy:before {
    content: "\e14d"
}

.icon-content_cut:before {
    content: "\e14e"
}

.icon-content_paste:before {
    content: "\e14f"
}

.icon-control_point_duplicate:before {
    content: "\e3bb"
}

.icon-copyright:before {
    content: "\e90c"
}

.icon-mode_edit:before {
    content: "\e254"
}

.icon-create_new_folder:before {
    content: "\e2cc"
}

.icon-payment:before {
    content: "\e8a1"
}

.icon-crop:before {
    content: "\e3be"
}

.icon-crop_16_9:before {
    content: "\e3bc"
}

.icon-crop_3_2:before {
    content: "\e3bd"
}

.icon-crop_landscape:before {
    content: "\e3c3"
}

.icon-crop_7_5:before {
    content: "\e3c0"
}

.icon-crop_din:before {
    content: "\e3c1"
}

.icon-crop_free:before {
    content: "\e3c2"
}

.icon-crop_original:before {
    content: "\e3c4"
}

.icon-crop_portrait:before {
    content: "\e3c5"
}

.icon-crop_rotate:before {
    content: "\e437"
}

.icon-crop_square:before {
    content: "\e3c6"
}

.icon-dashboard:before {
    content: "\e871"
}

.icon-data_usage:before {
    content: "\e1af"
}

.icon-date_range:before {
    content: "\e916"
}

.icon-dehaze:before {
    content: "\e3c7"
}

.icon-delete:before {
    content: "\e872"
}

.icon-delete_forever:before {
    content: "\e92b"
}

.icon-delete_sweep:before {
    content: "\e16c"
}

.icon-description:before {
    content: "\e873"
}

.icon-desktop_mac:before {
    content: "\e30b"
}

.icon-desktop_windows:before {
    content: "\e30c"
}

.icon-details:before {
    content: "\e3c8"
}

.icon-developer_board:before {
    content: "\e30d"
}

.icon-developer_mode:before {
    content: "\e1b0"
}

.icon-device_hub:before {
    content: "\e335"
}

.icon-phonelink:before {
    content: "\e326"
}

.icon-devices_other:before {
    content: "\e337"
}

.icon-dialer_sip:before {
    content: "\e0bb"
}

.icon-dialpad:before {
    content: "\e0bc"
}

.icon-directions:before {
    content: "\e52e"
}

.icon-directions_bike:before {
    content: "\e52f"
}

.icon-directions_boat:before {
    content: "\e532"
}

.icon-directions_bus:before {
    content: "\e530"
}

.icon-directions_car:before {
    content: "\e531"
}

.icon-directions_railway:before {
    content: "\e534"
}

.icon-directions_run:before {
    content: "\e566"
}

.icon-directions_transit:before {
    content: "\e535"
}

.icon-directions_walk:before {
    content: "\e536"
}

.icon-disc_full:before {
    content: "\e610"
}

.icon-dns:before {
    content: "\e875"
}

.icon-not_interested:before {
    content: "\e033"
}

.icon-do_not_disturb_alt:before {
    content: "\e611"
}

.icon-do_not_disturb_off:before {
    content: "\e643"
}

.icon-remove_circle:before {
    content: "\e15c"
}

.icon-dock:before {
    content: "\e30e"
}

.icon-done:before {
    content: "\e876"
}

.icon-done_all:before {
    content: "\e877"
}

.icon-donut_large:before {
    content: "\e917"
}

.icon-donut_small:before {
    content: "\e918"
}

.icon-drafts:before {
    content: "\e151"
}

.icon-drag_handle:before {
    content: "\e25d"
}

.icon-time_to_leave:before {
    content: "\e62c"
}

.icon-dvr:before {
    content: "\e1b2"
}

.icon-edit_location:before {
    content: "\e568"
}

.icon-eject:before {
    content: "\e8fb"
}

.icon-markunread:before {
    content: "\e159"
}

.icon-enhanced_encryption:before {
    content: "\e63f"
}

.icon-equalizer:before {
    content: "\e01d"
}

.icon-error:before {
    content: "\e000"
}

.icon-error_outline:before {
    content: "\e001"
}

.icon-euro_symbol:before {
    content: "\e926"
}

.icon-ev_station:before {
    content: "\e56d"
}

.icon-insert_invitation:before {
    content: "\e24f"
}

.icon-event_available:before {
    content: "\e614"
}

.icon-event_busy:before {
    content: "\e615"
}

.icon-event_note:before {
    content: "\e616"
}

.icon-event_seat:before {
    content: "\e903"
}

.icon-exit_to_app:before {
    content: "\e879"
}

.icon-expand_less:before {
    content: "\e5ce"
}

.icon-expand_more:before {
    content: "\e5cf"
}

.icon-explicit:before {
    content: "\e01e"
}

.icon-explore:before {
    content: "\e87a"
}

.icon-exposure:before {
    content: "\e3ca"
}

.icon-exposure_neg_1:before {
    content: "\e3cb"
}

.icon-exposure_neg_2:before {
    content: "\e3cc"
}

.icon-exposure_plus_1:before {
    content: "\e3cd"
}

.icon-exposure_plus_2:before {
    content: "\e3ce"
}

.icon-exposure_zero:before {
    content: "\e3cf"
}

.icon-extension:before {
    content: "\e87b"
}

.icon-face:before {
    content: "\e87c"
}

.icon-fast_forward:before {
    content: "\e01f"
}

.icon-fast_rewind:before {
    content: "\e020"
}

.icon-favorite:before {
    content: "\e87d"
}

.icon-favorite_border:before {
    content: "\e87e"
}

.icon-featured_play_list:before {
    content: "\e06d"
}

.icon-featured_video:before {
    content: "\e06e"
}

.icon-sms_failed:before {
    content: "\e626"
}

.icon-fiber_dvr:before {
    content: "\e05d"
}

.icon-fiber_manual_record:before {
    content: "\e061"
}

.icon-fiber_new:before {
    content: "\e05e"
}

.icon-fiber_pin:before {
    content: "\e06a"
}

.icon-fiber_smart_record:before {
    content: "\e062"
}

.icon-get_app:before {
    content: "\e884"
}

.icon-file_upload:before {
    content: "\e2c6"
}

.icon-filter:before {
    content: "\e3d3"
}

.icon-filter_1:before {
    content: "\e3d0"
}

.icon-filter_2:before {
    content: "\e3d1"
}

.icon-filter_3:before {
    content: "\e3d2"
}

.icon-filter_4:before {
    content: "\e3d4"
}

.icon-filter_5:before {
    content: "\e3d5"
}

.icon-filter_6:before {
    content: "\e3d6"
}

.icon-filter_7:before {
    content: "\e3d7"
}

.icon-filter_8:before {
    content: "\e3d8"
}

.icon-filter_9:before {
    content: "\e3d9"
}

.icon-filter_9_plus:before {
    content: "\e3da"
}

.icon-filter_b_and_w:before {
    content: "\e3db"
}

.icon-filter_center_focus:before {
    content: "\e3dc"
}

.icon-filter_drama:before {
    content: "\e3dd"
}

.icon-filter_frames:before {
    content: "\e3de"
}

.icon-terrain:before {
    content: "\e564"
}

.icon-filter_list:before {
    content: "\e152"
}

.icon-filter_none:before {
    content: "\e3e0"
}

.icon-filter_tilt_shift:before {
    content: "\e3e2"
}

.icon-filter_vintage:before {
    content: "\e3e3"
}

.icon-find_in_page:before {
    content: "\e880"
}

.icon-find_replace:before {
    content: "\e881"
}

.icon-fingerprint:before {
    content: "\e90d"
}

.icon-first_page:before {
    content: "\e5dc"
}

.icon-fitness_center:before {
    content: "\eb43"
}

.icon-flare:before {
    content: "\e3e4"
}

.icon-flash_auto:before {
    content: "\e3e5"
}

.icon-flash_off:before {
    content: "\e3e6"
}

.icon-flash_on:before {
    content: "\e3e7"
}

.icon-flight_land:before {
    content: "\e904"
}

.icon-flight_takeoff:before {
    content: "\e905"
}

.icon-flip:before {
    content: "\e3e8"
}

.icon-flip_to_back:before {
    content: "\e882"
}

.icon-flip_to_front:before {
    content: "\e883"
}

.icon-folder:before {
    content: "\e2c7"
}

.icon-folder_open:before {
    content: "\e2c8"
}

.icon-folder_shared:before {
    content: "\e2c9"
}

.icon-folder_special:before {
    content: "\e617"
}

.icon-font_download:before {
    content: "\e167"
}

.icon-format_align_center:before {
    content: "\e234"
}

.icon-format_align_justify:before {
    content: "\e235"
}

.icon-format_align_left:before {
    content: "\e236"
}

.icon-format_align_right:before {
    content: "\e237"
}

.icon-format_bold:before {
    content: "\e238"
}

.icon-format_clear:before {
    content: "\e239"
}

.icon-format_color_fill:before {
    content: "\e23a"
}

.icon-format_color_reset:before {
    content: "\e23b"
}

.icon-format_color_text:before {
    content: "\e23c"
}

.icon-format_indent_decrease:before {
    content: "\e23d"
}

.icon-format_indent_increase:before {
    content: "\e23e"
}

.icon-format_italic:before {
    content: "\e23f"
}

.icon-format_line_spacing:before {
    content: "\e240"
}

.icon-format_list_bulleted:before {
    content: "\e241"
}

.icon-format_list_numbered:before {
    content: "\e242"
}

.icon-format_paint:before {
    content: "\e243"
}

.icon-format_quote:before {
    content: "\e244"
}

.icon-format_shapes:before {
    content: "\e25e"
}

.icon-format_size:before {
    content: "\e245"
}

.icon-format_strikethrough:before {
    content: "\e246"
}

.icon-format_textdirection_l_to_r:before {
    content: "\e247"
}

.icon-format_textdirection_r_to_l:before {
    content: "\e248"
}

.icon-format_underlined:before {
    content: "\e249"
}

.icon-question_answer:before {
    content: "\e8af"
}

.icon-forward:before {
    content: "\e154"
}

.icon-forward_10:before {
    content: "\e056"
}

.icon-forward_30:before {
    content: "\e057"
}

.icon-forward_5:before {
    content: "\e058"
}

.icon-free_breakfast:before {
    content: "\eb44"
}

.icon-fullscreen:before {
    content: "\e5d0"
}

.icon-fullscreen_exit:before {
    content: "\e5d1"
}

.icon-functions:before {
    content: "\e24a"
}

.icon-g_translate:before {
    content: "\e927"
}

.icon-games:before {
    content: "\e021"
}

.icon-gavel:before {
    content: "\e90e"
}

.icon-gesture:before {
    content: "\e155"
}

.icon-gif:before {
    content: "\e908"
}

.icon-goat:before {
    content: "\e900"
}

.icon-golf_course:before {
    content: "\eb45"
}

.icon-my_location:before {
    content: "\e55c"
}

.icon-location_searching:before {
    content: "\e1b7"
}

.icon-location_disabled:before {
    content: "\e1b6"
}

.icon-star:before {
    content: "\e838"
}

.icon-gradient:before {
    content: "\e3e9"
}

.icon-grain:before {
    content: "\e3ea"
}

.icon-graphic_eq:before {
    content: "\e1b8"
}

.icon-grid_off:before {
    content: "\e3eb"
}

.icon-grid_on:before {
    content: "\e3ec"
}

.icon-people:before {
    content: "\e7fb"
}

.icon-group_add:before {
    content: "\e7f0"
}

.icon-group_work:before {
    content: "\e886"
}

.icon-hd:before {
    content: "\e052"
}

.icon-hdr_off:before {
    content: "\e3ed"
}

.icon-hdr_on:before {
    content: "\e3ee"
}

.icon-hdr_strong:before {
    content: "\e3f1"
}

.icon-hdr_weak:before {
    content: "\e3f2"
}

.icon-headset:before {
    content: "\e310"
}

.icon-headset_mic:before {
    content: "\e311"
}

.icon-healing:before {
    content: "\e3f3"
}

.icon-hearing:before {
    content: "\e023"
}

.icon-help:before {
    content: "\e887"
}

.icon-help_outline:before {
    content: "\e8fd"
}

.icon-high_quality:before {
    content: "\e024"
}

.icon-highlight:before {
    content: "\e25f"
}

.icon-highlight_off:before {
    content: "\e888"
}

.icon-restore:before {
    content: "\e8b3"
}

.icon-home:before {
    content: "\e88a"
}

.icon-hot_tub:before {
    content: "\eb46"
}

.icon-local_hotel:before {
    content: "\e549"
}

.icon-hourglass_empty:before {
    content: "\e88b"
}

.icon-hourglass_full:before {
    content: "\e88c"
}

.icon-http:before {
    content: "\e902"
}

.icon-lock:before {
    content: "\e897"
}

.icon-photo:before {
    content: "\e410"
}

.icon-image_aspect_ratio:before {
    content: "\e3f5"
}

.icon-import_contacts:before {
    content: "\e0e0"
}

.icon-import_export:before {
    content: "\e0c3"
}

.icon-important_devices:before {
    content: "\e912"
}

.icon-inbox:before {
    content: "\e156"
}

.icon-indeterminate_check_box:before {
    content: "\e909"
}

.icon-info:before {
    content: "\e88e"
}

.icon-info_outline:before {
    content: "\e88f"
}

.icon-input:before {
    content: "\e890"
}

.icon-insert_comment:before {
    content: "\e24c"
}

.icon-insert_drive_file:before {
    content: "\e24d"
}

.icon-tag_faces:before {
    content: "\e420"
}

.icon-link:before {
    content: "\e157"
}

.icon-invert_colors:before {
    content: "\e891"
}

.icon-invert_colors_off:before {
    content: "\e0c4"
}

.icon-iso:before {
    content: "\e3f6"
}

.icon-keyboard:before {
    content: "\e312"
}

.icon-keyboard_arrow_down:before {
    content: "\e313"
}

.icon-keyboard_arrow_left:before {
    content: "\e314"
}

.icon-keyboard_arrow_right:before {
    content: "\e315"
}

.icon-keyboard_arrow_up:before {
    content: "\e316"
}

.icon-keyboard_backspace:before {
    content: "\e317"
}

.icon-keyboard_capslock:before {
    content: "\e318"
}

.icon-keyboard_hide:before {
    content: "\e31a"
}

.icon-keyboard_return:before {
    content: "\e31b"
}

.icon-keyboard_tab:before {
    content: "\e31c"
}

.icon-keyboard_voice:before {
    content: "\e31d"
}

.icon-kitchen:before {
    content: "\eb47"
}

.icon-label:before {
    content: "\e892"
}

.icon-label_outline:before {
    content: "\e893"
}

.icon-language:before {
    content: "\e894"
}

.icon-laptop_chromebook:before {
    content: "\e31f"
}

.icon-laptop_mac:before {
    content: "\e320"
}

.icon-laptop_windows:before {
    content: "\e321"
}

.icon-last_page:before {
    content: "\e5dd"
}

.icon-open_in_new:before {
    content: "\e89e"
}

.icon-layers:before {
    content: "\e53b"
}

.icon-layers_clear:before {
    content: "\e53c"
}

.icon-leak_add:before {
    content: "\e3f8"
}

.icon-leak_remove:before {
    content: "\e3f9"
}

.icon-lens:before {
    content: "\e3fa"
}

.icon-library_books:before {
    content: "\e02f"
}

.icon-library_music:before {
    content: "\e030"
}

.icon-lightbulb_outline:before {
    content: "\e90f"
}

.icon-line_style:before {
    content: "\e919"
}

.icon-line_weight:before {
    content: "\e91a"
}

.icon-linear_scale:before {
    content: "\e260"
}

.icon-linked_camera:before {
    content: "\e438"
}

.icon-list:before {
    content: "\e896"
}

.icon-live_help:before {
    content: "\e0c6"
}

.icon-live_tv:before {
    content: "\e639"
}

.icon-local_play:before {
    content: "\e553"
}

.icon-local_airport:before {
    content: "\e53d"
}

.icon-local_atm:before {
    content: "\e53e"
}

.icon-local_bar:before {
    content: "\e540"
}

.icon-local_cafe:before {
    content: "\e541"
}

.icon-local_car_wash:before {
    content: "\e542"
}

.icon-local_convenience_store:before {
    content: "\e543"
}

.icon-restaurant_menu:before {
    content: "\e561"
}

.icon-local_drink:before {
    content: "\e544"
}

.icon-local_florist:before {
    content: "\e545"
}

.icon-local_gas_station:before {
    content: "\e546"
}

.icon-shopping_cart:before {
    content: "\e8cc"
}

.icon-local_hospital:before {
    content: "\e548"
}

.icon-local_laundry_service:before {
    content: "\e54a"
}

.icon-local_library:before {
    content: "\e54b"
}

.icon-local_mall:before {
    content: "\e54c"
}

.icon-theaters:before {
    content: "\e8da"
}

.icon-local_offer:before {
    content: "\e54e"
}

.icon-local_parking:before {
    content: "\e54f"
}

.icon-local_pharmacy:before {
    content: "\e550"
}

.icon-local_pizza:before {
    content: "\e552"
}

.icon-print:before {
    content: "\e8ad"
}

.icon-local_shipping:before {
    content: "\e558"
}

.icon-local_taxi:before {
    content: "\e559"
}

.icon-location_city:before {
    content: "\e7f1"
}

.icon-location_off:before {
    content: "\e0c7"
}

.icon-room:before {
    content: "\e8b4"
}

.icon-lock_open:before {
    content: "\e898"
}

.icon-lock_outline:before {
    content: "\e899"
}

.icon-looks:before {
    content: "\e3fc"
}

.icon-looks_3:before {
    content: "\e3fb"
}

.icon-looks_4:before {
    content: "\e3fd"
}

.icon-looks_5:before {
    content: "\e3fe"
}

.icon-looks_6:before {
    content: "\e3ff"
}

.icon-looks_one:before {
    content: "\e400"
}

.icon-looks_two:before {
    content: "\e401"
}

.icon-sync:before {
    content: "\e627"
}

.icon-loupe:before {
    content: "\e402"
}

.icon-low_priority:before {
    content: "\e16d"
}

.icon-loyalty:before {
    content: "\e89a"
}

.icon-mail_outline:before {
    content: "\e0e1"
}

.icon-map:before {
    content: "\e55b"
}

.icon-markunread_mailbox:before {
    content: "\e89b"
}

.icon-memory:before {
    content: "\e322"
}

.icon-menu:before {
    content: "\e5d2"
}

.icon-message:before {
    content: "\e0c9"
}

.icon-mic:before {
    content: "\e029"
}

.icon-mic_none:before {
    content: "\e02a"
}

.icon-mic_off:before {
    content: "\e02b"
}

.icon-mms:before {
    content: "\e618"
}

.icon-mode_comment:before {
    content: "\e253"
}

.icon-monetization_on:before {
    content: "\e263"
}

.icon-money_off:before {
    content: "\e25c"
}

.icon-monochrome_photos:before {
    content: "\e403"
}

.icon-mood_bad:before {
    content: "\e7f3"
}

.icon-more:before {
    content: "\e619"
}

.icon-more_horiz:before {
    content: "\e5d3"
}

.icon-more_vert:before {
    content: "\e5d4"
}

.icon-motorcycle:before {
    content: "\e91b"
}

.icon-mouse:before {
    content: "\e323"
}

.icon-move_to_inbox:before {
    content: "\e168"
}

.icon-movie_creation:before {
    content: "\e404"
}

.icon-movie_filter:before {
    content: "\e43a"
}

.icon-multiline_chart:before {
    content: "\e6df"
}

.icon-music_note:before {
    content: "\e405"
}

.icon-music_video:before {
    content: "\e063"
}

.icon-nature:before {
    content: "\e406"
}

.icon-nature_people:before {
    content: "\e407"
}

.icon-navigation:before {
    content: "\e55d"
}

.icon-near_me:before {
    content: "\e569"
}

.icon-network_cell:before {
    content: "\e1b9"
}

.icon-network_check:before {
    content: "\e640"
}

.icon-network_locked:before {
    content: "\e61a"
}

.icon-network_wifi:before {
    content: "\e1ba"
}

.icon-new_releases:before {
    content: "\e031"
}

.icon-next_week:before {
    content: "\e16a"
}

.icon-nfc:before {
    content: "\e1bb"
}

.icon-no_encryption:before {
    content: "\e641"
}

.icon-signal_cellular_no_sim:before {
    content: "\e1ce"
}

.icon-note:before {
    content: "\e06f"
}

.icon-note_add:before {
    content: "\e89c"
}

.icon-notifications:before {
    content: "\e7f4"
}

.icon-notifications_active:before {
    content: "\e7f7"
}

.icon-notifications_none:before {
    content: "\e7f5"
}

.icon-notifications_off:before {
    content: "\e7f6"
}

.icon-notifications_paused:before {
    content: "\e7f8"
}

.icon-offline_pin:before {
    content: "\e90a"
}

.icon-ondemand_video:before {
    content: "\e63a"
}

.icon-opacity:before {
    content: "\e91c"
}

.icon-open_in_browser:before {
    content: "\e89d"
}

.icon-open_with:before {
    content: "\e89f"
}

.icon-pages:before {
    content: "\e7f9"
}

.icon-pageview:before {
    content: "\e8a0"
}

.icon-pan_tool:before {
    content: "\e925"
}

.icon-panorama:before {
    content: "\e40b"
}

.icon-radio_button_unchecked:before {
    content: "\e836"
}

.icon-panorama_horizontal:before {
    content: "\e40d"
}

.icon-panorama_vertical:before {
    content: "\e40e"
}

.icon-panorama_wide_angle:before {
    content: "\e40f"
}

.icon-party_mode:before {
    content: "\e7fa"
}

.icon-pause:before {
    content: "\e034"
}

.icon-pause_circle_filled:before {
    content: "\e035"
}

.icon-pause_circle_outline:before {
    content: "\e036"
}

.icon-people_outline:before {
    content: "\e7fc"
}

.icon-perm_camera_mic:before {
    content: "\e8a2"
}

.icon-perm_contact_calendar:before {
    content: "\e8a3"
}

.icon-perm_data_setting:before {
    content: "\e8a4"
}

.icon-perm_device_information:before {
    content: "\e8a5"
}

.icon-person_outline:before {
    content: "\e7ff"
}

.icon-perm_media:before {
    content: "\e8a7"
}

.icon-perm_phone_msg:before {
    content: "\e8a8"
}

.icon-perm_scan_wifi:before {
    content: "\e8a9"
}

.icon-person:before {
    content: "\e7fd"
}

.icon-person_add:before {
    content: "\e7fe"
}

.icon-person_pin:before {
    content: "\e55a"
}

.icon-person_pin_circle:before {
    content: "\e56a"
}

.icon-personal_video:before {
    content: "\e63b"
}

.icon-pets:before {
    content: "\e91d"
}

.icon-phone_android:before {
    content: "\e324"
}

.icon-phone_bluetooth_speaker:before {
    content: "\e61b"
}

.icon-phone_forwarded:before {
    content: "\e61c"
}

.icon-phone_in_talk:before {
    content: "\e61d"
}

.icon-phone_iphone:before {
    content: "\e325"
}

.icon-phone_locked:before {
    content: "\e61e"
}

.icon-phone_missed:before {
    content: "\e61f"
}

.icon-phone_paused:before {
    content: "\e620"
}

.icon-phonelink_erase:before {
    content: "\e0db"
}

.icon-phonelink_lock:before {
    content: "\e0dc"
}

.icon-phonelink_off:before {
    content: "\e327"
}

.icon-phonelink_ring:before {
    content: "\e0dd"
}

.icon-phonelink_setup:before {
    content: "\e0de"
}

.icon-photo_album:before {
    content: "\e411"
}

.icon-photo_filter:before {
    content: "\e43b"
}

.icon-photo_size_select_actual:before {
    content: "\e432"
}

.icon-photo_size_select_large:before {
    content: "\e433"
}

.icon-photo_size_select_small:before {
    content: "\e434"
}

.icon-picture_as_pdf:before {
    content: "\e415"
}

.icon-picture_in_picture:before {
    content: "\e8aa"
}

.icon-picture_in_picture_alt:before {
    content: "\e911"
}

.icon-pie_chart:before {
    content: "\e6c4"
}

.icon-pie_chart_outlined:before {
    content: "\e6c5"
}

.icon-pin_drop:before {
    content: "\e55e"
}

.icon-play_arrow:before {
    content: "\e037"
}

.icon-play_circle_filled:before {
    content: "\e038"
}

.icon-play_circle_outline:before {
    content: "\e039"
}

.icon-play_for_work:before {
    content: "\e906"
}

.icon-playlist_add:before {
    content: "\e03b"
}

.icon-playlist_add_check:before {
    content: "\e065"
}

.icon-playlist_play:before {
    content: "\e05f"
}

.icon-plus_one:before {
    content: "\e800"
}

.icon-polymer:before {
    content: "\e8ab"
}

.icon-pool:before {
    content: "\eb48"
}

.icon-portable_wifi_off:before {
    content: "\e0ce"
}

.icon-portrait:before {
    content: "\e416"
}

.icon-power:before {
    content: "\e63c"
}

.icon-power_input:before {
    content: "\e336"
}

.icon-power_settings_new:before {
    content: "\e8ac"
}

.icon-pregnant_woman:before {
    content: "\e91e"
}

.icon-present_to_all:before {
    content: "\e0df"
}

.icon-priority_high:before {
    content: "\e645"
}

.icon-public:before {
    content: "\e80b"
}

.icon-publish:before {
    content: "\e255"
}

.icon-queue_music:before {
    content: "\e03d"
}

.icon-queue_play_next:before {
    content: "\e066"
}

.icon-radio:before {
    content: "\e03e"
}

.icon-radio_button_checked:before {
    content: "\e837"
}

.icon-rate_review:before {
    content: "\e560"
}

.icon-receipt:before {
    content: "\e8b0"
}

.icon-recent_actors:before {
    content: "\e03f"
}

.icon-record_voice_over:before {
    content: "\e91f"
}

.icon-redo:before {
    content: "\e15a"
}

.icon-refresh:before {
    content: "\e5d5"
}

.icon-remove:before {
    content: "\e15b"
}

.icon-remove_circle_outline:before {
    content: "\e15d"
}

.icon-remove_from_queue:before {
    content: "\e067"
}

.icon-visibility:before {
    content: "\e8f4"
}

.icon-remove_shopping_cart:before {
    content: "\e928"
}

.icon-reorder:before {
    content: "\e8fe"
}

.icon-repeat:before {
    content: "\e040"
}

.icon-repeat_one:before {
    content: "\e041"
}

.icon-replay:before {
    content: "\e042"
}

.icon-replay_10:before {
    content: "\e059"
}

.icon-replay_30:before {
    content: "\e05a"
}

.icon-replay_5:before {
    content: "\e05b"
}

.icon-reply:before {
    content: "\e15e"
}

.icon-reply_all:before {
    content: "\e15f"
}

.icon-report:before {
    content: "\e160"
}

.icon-warning:before {
    content: "\e002"
}

.icon-restaurant:before {
    content: "\e56c"
}

.icon-restore_page:before {
    content: "\e929"
}

.icon-ring_volume:before {
    content: "\e0d1"
}

.icon-room_service:before {
    content: "\eb49"
}

.icon-rotate_90_degrees_ccw:before {
    content: "\e418"
}

.icon-rotate_left:before {
    content: "\e419"
}

.icon-rotate_right:before {
    content: "\e41a"
}

.icon-rounded_corner:before {
    content: "\e920"
}

.icon-router:before {
    content: "\e328"
}

.icon-rowing:before {
    content: "\e921"
}

.icon-rss_feed:before {
    content: "\e0e5"
}

.icon-rv_hookup:before {
    content: "\e642"
}

.icon-satellite:before {
    content: "\e562"
}

.icon-save:before {
    content: "\e161"
}

.icon-scanner:before {
    content: "\e329"
}

.icon-school:before {
    content: "\e80c"
}

.icon-screen_lock_landscape:before {
    content: "\e1be"
}

.icon-screen_lock_portrait:before {
    content: "\e1bf"
}

.icon-screen_lock_rotation:before {
    content: "\e1c0"
}

.icon-screen_rotation:before {
    content: "\e1c1"
}

.icon-screen_share:before {
    content: "\e0e2"
}

.icon-sd_storage:before {
    content: "\e1c2"
}

.icon-search:before {
    content: "\e8b6"
}

.icon-security:before {
    content: "\e32a"
}

.icon-select_all:before {
    content: "\e162"
}

.icon-send:before {
    content: "\e163"
}

.icon-sentiment_dissatisfied:before {
    content: "\e811"
}

.icon-sentiment_neutral:before {
    content: "\e812"
}

.icon-sentiment_satisfied:before {
    content: "\e813"
}

.icon-sentiment_very_dissatisfied:before {
    content: "\e814"
}

.icon-sentiment_very_satisfied:before {
    content: "\e815"
}

.icon-settings:before {
    content: "\e8b8"
}

.icon-settings_applications:before {
    content: "\e8b9"
}

.icon-settings_backup_restore:before {
    content: "\e8ba"
}

.icon-settings_bluetooth:before {
    content: "\e8bb"
}

.icon-settings_brightness:before {
    content: "\e8bd"
}

.icon-settings_cell:before {
    content: "\e8bc"
}

.icon-settings_ethernet:before {
    content: "\e8be"
}

.icon-settings_input_antenna:before {
    content: "\e8bf"
}

.icon-settings_input_composite:before {
    content: "\e8c1"
}

.icon-settings_input_hdmi:before {
    content: "\e8c2"
}

.icon-settings_input_svideo:before {
    content: "\e8c3"
}

.icon-settings_overscan:before {
    content: "\e8c4"
}

.icon-settings_phone:before {
    content: "\e8c5"
}

.icon-settings_power:before {
    content: "\e8c6"
}

.icon-settings_remote:before {
    content: "\e8c7"
}

.icon-settings_system_daydream:before {
    content: "\e1c3"
}

.icon-settings_voice:before {
    content: "\e8c8"
}

.icon-share:before {
    content: "\e80d"
}

.icon-shop:before {
    content: "\e8c9"
}

.icon-shop_two:before {
    content: "\e8ca"
}

.icon-shopping_basket:before {
    content: "\e8cb"
}

.icon-short_text:before {
    content: "\e261"
}

.icon-show_chart:before {
    content: "\e6e1"
}

.icon-shuffle:before {
    content: "\e043"
}

.icon-signal_cellular_4_bar:before {
    content: "\e1c8"
}

.icon-signal_cellular_connected_no_internet_4_bar:before {
    content: "\e1cd"
}

.icon-signal_cellular_null:before {
    content: "\e1cf"
}

.icon-signal_cellular_off:before {
    content: "\e1d0"
}

.icon-signal_wifi_4_bar:before {
    content: "\e1d8"
}

.icon-signal_wifi_4_bar_lock:before {
    content: "\e1d9"
}

.icon-signal_wifi_off:before {
    content: "\e1da"
}

.icon-sim_card:before {
    content: "\e32b"
}

.icon-sim_card_alert:before {
    content: "\e624"
}

.icon-skip_next:before {
    content: "\e044"
}

.icon-skip_previous:before {
    content: "\e045"
}

.icon-slideshow:before {
    content: "\e41b"
}

.icon-slow_motion_video:before {
    content: "\e068"
}

.icon-stay_primary_portrait:before {
    content: "\e0d6"
}

.icon-smoke_free:before {
    content: "\eb4a"
}

.icon-smoking_rooms:before {
    content: "\eb4b"
}

.icon-textsms:before {
    content: "\e0d8"
}

.icon-snooze:before {
    content: "\e046"
}

.icon-sort:before {
    content: "\e164"
}

.icon-sort_by_alpha:before {
    content: "\e053"
}

.icon-spa:before {
    content: "\eb4c"
}

.icon-space_bar:before {
    content: "\e256"
}

.icon-speaker:before {
    content: "\e32d"
}

.icon-speaker_group:before {
    content: "\e32e"
}

.icon-speaker_notes:before {
    content: "\e8cd"
}

.icon-speaker_notes_off:before {
    content: "\e92a"
}

.icon-speaker_phone:before {
    content: "\e0d2"
}

.icon-spellcheck:before {
    content: "\e8ce"
}

.icon-star_border:before {
    content: "\e83a"
}

.icon-star_half:before {
    content: "\e839"
}

.icon-stars:before {
    content: "\e8d0"
}

.icon-stay_primary_landscape:before {
    content: "\e0d5"
}

.icon-stop:before {
    content: "\e047"
}

.icon-stop_screen_share:before {
    content: "\e0e3"
}

.icon-storage:before {
    content: "\e1db"
}

.icon-store_mall_directory:before {
    content: "\e563"
}

.icon-straighten:before {
    content: "\e41c"
}

.icon-streetview:before {
    content: "\e56e"
}

.icon-strikethrough_s:before {
    content: "\e257"
}

.icon-style:before {
    content: "\e41d"
}

.icon-subdirectory_arrow_left:before {
    content: "\e5d9"
}

.icon-subdirectory_arrow_right:before {
    content: "\e5da"
}

.icon-subject:before {
    content: "\e8d2"
}

.icon-subscriptions:before {
    content: "\e064"
}

.icon-subtitles:before {
    content: "\e048"
}

.icon-subway:before {
    content: "\e56f"
}

.icon-supervisor_account:before {
    content: "\e8d3"
}

.icon-surround_sound:before {
    content: "\e049"
}

.icon-swap_calls:before {
    content: "\e0d7"
}

.icon-swap_horiz:before {
    content: "\e8d4"
}

.icon-swap_vert:before {
    content: "\e8d5"
}

.icon-swap_vertical_circle:before {
    content: "\e8d6"
}

.icon-switch_camera:before {
    content: "\e41e"
}

.icon-switch_video:before {
    content: "\e41f"
}

.icon-sync_disabled:before {
    content: "\e628"
}

.icon-sync_problem:before {
    content: "\e629"
}

.icon-system_update:before {
    content: "\e62a"
}

.icon-system_update_alt:before {
    content: "\e8d7"
}

.icon-tab:before {
    content: "\e8d8"
}

.icon-tab_unselected:before {
    content: "\e8d9"
}

.icon-tablet:before {
    content: "\e32f"
}

.icon-tablet_android:before {
    content: "\e330"
}

.icon-tablet_mac:before {
    content: "\e331"
}

.icon-tap_and_play:before {
    content: "\e62b"
}

.icon-text_fields:before {
    content: "\e262"
}

.icon-text_format:before {
    content: "\e165"
}

.icon-texture:before {
    content: "\e421"
}

.icon-thumb_down:before {
    content: "\e8db"
}

.icon-thumb_up:before {
    content: "\e8dc"
}

.icon-thumbs_up_down:before {
    content: "\e8dd"
}

.icon-timelapse:before {
    content: "\e422"
}

.icon-timeline:before {
    content: "\e922"
}

.icon-timer:before {
    content: "\e425"
}

.icon-timer_10:before {
    content: "\e423"
}

.icon-timer_3:before {
    content: "\e424"
}

.icon-timer_off:before {
    content: "\e426"
}

.icon-title:before {
    content: "\e264"
}

.icon-toc:before {
    content: "\e8de"
}

.icon-today:before {
    content: "\e8df"
}

.icon-toll:before {
    content: "\e8e0"
}

.icon-tonality:before {
    content: "\e427"
}

.icon-touch_app:before {
    content: "\e913"
}

.icon-toys:before {
    content: "\e332"
}

.icon-track_changes:before {
    content: "\e8e1"
}

.icon-traffic:before {
    content: "\e565"
}

.icon-train:before {
    content: "\e570"
}

.icon-tram:before {
    content: "\e571"
}

.icon-transfer_within_a_station:before {
    content: "\e572"
}

.icon-transform:before {
    content: "\e428"
}

.icon-translate:before {
    content: "\e8e2"
}

.icon-trending_down:before {
    content: "\e8e3"
}

.icon-trending_flat:before {
    content: "\e8e4"
}

.icon-trending_up:before {
    content: "\e8e5"
}

.icon-tune:before {
    content: "\e429"
}

.icon-tv:before {
    content: "\e333"
}

.icon-unarchive:before {
    content: "\e169"
}

.icon-undo:before {
    content: "\e166"
}

.icon-unfold_less:before {
    content: "\e5d6"
}

.icon-unfold_more:before {
    content: "\e5d7"
}

.icon-update:before {
    content: "\e923"
}

.icon-usb:before {
    content: "\e1e0"
}

.icon-verified_user:before {
    content: "\e8e8"
}

.icon-vertical_align_bottom:before {
    content: "\e258"
}

.icon-vertical_align_center:before {
    content: "\e259"
}

.icon-vertical_align_top:before {
    content: "\e25a"
}

.icon-vibration:before {
    content: "\e62d"
}

.icon-video_call:before {
    content: "\e070"
}

.icon-video_label:before {
    content: "\e071"
}

.icon-video_library:before {
    content: "\e04a"
}

.icon-videocam:before {
    content: "\e04b"
}

.icon-videocam_off:before {
    content: "\e04c"
}

.icon-videogame_asset:before {
    content: "\e338"
}

.icon-view_agenda:before {
    content: "\e8e9"
}

.icon-view_array:before {
    content: "\e8ea"
}

.icon-view_carousel:before {
    content: "\e8eb"
}

.icon-view_column:before {
    content: "\e8ec"
}

.icon-view_comfy:before {
    content: "\e42a"
}

.icon-view_compact:before {
    content: "\e42b"
}

.icon-view_day:before {
    content: "\e8ed"
}

.icon-view_headline:before {
    content: "\e8ee"
}

.icon-view_list:before {
    content: "\e8ef"
}

.icon-view_module:before {
    content: "\e8f0"
}

.icon-view_quilt:before {
    content: "\e8f1"
}

.icon-view_stream:before {
    content: "\e8f2"
}

.icon-view_week:before {
    content: "\e8f3"
}

.icon-vignette:before {
    content: "\e435"
}

.icon-visibility_off:before {
    content: "\e8f5"
}

.icon-voice_chat:before {
    content: "\e62e"
}

.icon-voicemail:before {
    content: "\e0d9"
}

.icon-volume_down:before {
    content: "\e04d"
}

.icon-volume_mute:before {
    content: "\e04e"
}

.icon-volume_off:before {
    content: "\e04f"
}

.icon-volume_up:before {
    content: "\e050"
}

.icon-vpn_key:before {
    content: "\e0da"
}

.icon-vpn_lock:before {
    content: "\e62f"
}

.icon-wallpaper:before {
    content: "\e1bc"
}

.icon-watch:before {
    content: "\e334"
}

.icon-watch_later:before {
    content: "\e924"
}

.icon-wb_auto:before {
    content: "\e42c"
}

.icon-wb_incandescent:before {
    content: "\e42e"
}

.icon-wb_iridescent:before {
    content: "\e436"
}

.icon-wb_sunny:before {
    content: "\e430"
}

.icon-wc:before {
    content: "\e63d"
}

.icon-web:before {
    content: "\e051"
}

.icon-web_asset:before {
    content: "\e069"
}

.icon-weekend:before {
    content: "\e16b"
}

.icon-whatshot:before {
    content: "\e80e"
}

.icon-widgets:before {
    content: "\e1bd"
}

.icon-wifi:before {
    content: "\e63e"
}

.icon-wifi_lock:before {
    content: "\e1e1"
}

.icon-wifi_tethering:before {
    content: "\e1e2"
}

.icon-work:before {
    content: "\e8f9"
}

.icon-wrap_text:before {
    content: "\e25b"
}

.icon-youtube_searched_for:before {
    content: "\e8fa"
}

.icon-zoom_in:before {
    content: "\e8ff"
}

.icon-zoom_out:before {
    content: "\e901"
}

.icon-zoom_out_map:before {
    content: "\e56b"
}

h1 {
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase
}

@media (min-width:240px) and (max-width:680px) {
    h1 {
        font-size: 1.75rem;
        line-height: 40px
    }
}

h2 {
    font-size: 1.875rem
}

h2.page-subhead {
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 4px solid #009688;
    margin-left: 16px
}

@media (min-width:240px) and (max-width:680px) {
    h2 {
        font-size: 1rem
    }
    h2.page-subhead {
        font-size: 1.125rem
    }
}

h3 {
    font-size: 1.375rem
}

h4,
h5 {
    font-size: 1rem
}

h5 {
    margin-top: 27px;
    margin-bottom: 0
}

.card.banner-card p,
.introduction {
    font-size: 1.125rem;
    line-height: 28px
}

span.attribution {
    font-size: .75rem;
    color: #9B9B9B
}

@media (min-width:240px) and (max-width:680px) {
    span.attribution {
        font-size: .625rem;
        color: #9B9B9B
    }
}

blockquote,
ol,
p,
pre,
table,
ul {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 27px
}

ol ol,
ol ul,
ul ol,
ul ul {
    line-height: 27px;
    margin-top: 0
}

p.light {
    color: #fff
}

p.dark,
td,
tr {
    color: #4A4A4A
}

td,
tr {
    font-size: .625rem
}

blockquote {
    font-family: "Roboto italic", Helvetica, Arial, sans-serif;
    font-size: 1.5rem
}

.caption,
.label,
.text-caption,
caption,
label {
    font-family: "Roboto medium", "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width:240px) and (max-width:680px) {
    blockquote {
        font-size: 1.125rem;
        line-height: 32px
    }
}

.caption,
.text-caption,
caption {
    font-size: .75rem;
    color: rgba(0, 0, 0, .26)
}

@media (min-width:240px) and (max-width:680px) {
    .caption,
    .text-caption,
    caption {
        font-size: .625rem
    }
}

.header-links,
.nav-box .desktop-links .business,
.nav-box .desktop-links .community,
.nav-box .desktop-links .council,
.nav-box .desktop-links .home {
    font-family: "Roboto medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #fff
}

footer h3 {
    margin-bottom: 27px
}

footer .footer-links,
footer li a span {
    font-size: .875rem
}

@media (min-width:240px) and (max-width:680px) {
    .header-links,
    .nav-box .desktop-links .business,
    .nav-box .desktop-links .community,
    .nav-box .desktop-links .council,
    .nav-box .desktop-links .home {
        font-size: .875rem
    }
    footer .footer-links,
    footer li a span {
        font-size: .75rem
    }
}

.label,
label {
    font-size: 1rem;
    color: rgba(0, 0, 0, .54)
}

abbr,
body,
code,
kbd {
    color: #0a0a0a
}

@media (min-width:240px) and (max-width:680px) {
    .label,
    label {
        font-size: .75rem
    }
}

.cbc-home-action .cbc-inner-container .cbc-action-text,
.tile-title {
    font-family: "Roboto bold", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.25rem
}

@media (min-width:240px) and (max-width:680px) {
    .cbc-home-action .cbc-inner-container .cbc-action-text,
    .tile-title {
        font-size: 1rem;
        line-height: 40px
    }
}

b,
code,
em,
i,
small,
strong,
sub,
sup {
    line-height: 0
}

.button-text,
.more-btn,
.raised-button,
button {
    font-family: "Roboto medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem
}

.hr,
hr {
    border: 1px solid;
    margin: -1px 0
}


/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block
}

h1 {
    font-size: 2em
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none;
    height: auto;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

li,
p {
    font-size: inherit
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

a,
b,
em,
i,
small,
strong {
    line-height: inherit
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

select,
textarea {
    border-radius: 3px
}

legend {
    display: table;
    padding: 0;
    color: inherit;
    white-space: normal
}

textarea {
    height: auto;
    min-height: 50px
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

*,
::after,
::before {
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

b,
dl dt,
strong {
    font-weight: 700
}

select {
    width: 100%
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none!important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 3px;
    background: 0 0;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

.is-visible {
    display: block!important
}

.is-hidden {
    display: none!important
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

ol,
ul {
    margin-left: 1.25rem
}

dl,
ol,
p,
ul {
    line-height: 1.6;
    margin-bottom: 1rem
}

em,
i {
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: inherit
}

code,
kbd {
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #cacaca
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #2ba6cb;
    text-decoration: none;
    cursor: pointer
}

a:focus,
a:hover {
    color: #258faf
}

a img {
    border: 0
}

hr {
    box-sizing: content-box;
    max-width: 62.5rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

dl,
ol,
ul {
    list-style-position: outside
}

ul {
    list-style-type: disc
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem
}

.subheader,
code {
    font-weight: 400
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: "— "
}

abbr {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    border-radius: 3px
}

.homepage-banner-custom h1,
.homepage-banner-custom h2 {
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0
}

.float-center,
.row {
    margin-right: auto;
    margin-left: auto
}

.text-left {
    text-align: left
}

.nav-box .desktop-links,
.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.show-for-print {
    display: none!important
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        box-shadow: none!important;
        color: #000!important;
        text-shadow: none!important
    }
    .show-for-print {
        display: block!important
    }
    .hide-for-print {
        display: none!important
    }
    table.show-for-print {
        display: table!important
    }
    thead.show-for-print {
        display: table-header-group!important
    }
    tbody.show-for-print {
        display: table-row-group!important
    }
    tr.show-for-print {
        display: table-row!important
    }
    td.show-for-print,
    th.show-for-print {
        display: table-cell!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    .ir a:after,
    a[href^='javascript:']:after,
    a[href^='#']:after {
        content: ''
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    blockquote,
    pre {
        border: 1px solid #8a8a8a
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.row.expanded,
.row:not(.expanded) .row {
    max-width: none
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-center {
    display: block
}

.clearfix::after,
.clearfix::before {
    display: table;
    content: ' '
}

.hide {
    display: none!important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:0em),
screen and (min-width:40em) {
    .show-for-small-only {
        display: none!important
    }
}

@media print,
screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }
    .medium-text-right {
        text-align: right
    }
    .medium-text-center {
        text-align: center
    }
    .medium-text-justify {
        text-align: justify
    }
    .hide-for-medium {
        display: none!important
    }
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (max-width:39.9375em) {
    .hide-for-small-only,
    .show-for-medium {
        display: none!important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none!important
    }
}

@media screen and (max-width:39.9375em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none!important
    }
}

@media print,
screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }
    .large-text-right {
        text-align: right
    }
    .large-text-center {
        text-align: center
    }
    .large-text-justify {
        text-align: justify
    }
    .hide-for-large {
        display: none!important
    }
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none!important
    }
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none!important
    }
}

@media screen and (max-width:63.9375em),
screen and (min-width:75em) {
    .show-for-large-only {
        display: none!important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute!important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static!important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto
}

.small-pull-1,
.small-pull-10,
.small-pull-11,
.small-pull-2,
.small-pull-3,
.small-pull-4,
.small-pull-5,
.small-pull-6,
.small-pull-7,
.small-pull-8,
.small-pull-9,
.small-push-1,
.small-push-10,
.small-push-11,
.small-push-2,
.small-push-3,
.small-push-4,
.small-push-5,
.small-push-6,
.small-push-7,
.small-push-8,
.small-push-9 {
    position: relative
}

.nav-box,
.search-box,
.sr-only {
    overflow: hidden
}

.hide-for-portrait,
.show-for-landscape {
    display: block!important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: block!important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none!important
}

@media screen and (orientation:portrait) {
    .hide-for-portrait,
    .show-for-landscape {
        display: none!important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: block!important
    }
}

.row::after,
.row::before {
    display: table;
    content: ' '
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row .row {
    margin-right: -.9375rem;
    margin-left: -.9375rem
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.column,
.columns {
    width: 100%;
    float: left;
    padding-right: .9375rem;
    padding-left: .9375rem
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: right
}

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

.column.row.row,
.row.row.columns {
    float: none
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    left: 8.33333%
}

.small-pull-1 {
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    left: 16.66667%
}

.small-pull-2 {
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    left: 25%
}

.small-pull-3 {
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    left: 33.33333%
}

.small-pull-4 {
    left: -33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    left: 41.66667%
}

.small-pull-5 {
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    left: 50%
}

.small-pull-6 {
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    left: 58.33333%
}

.small-pull-7 {
    left: -58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    left: 66.66667%
}

.small-pull-8 {
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    left: 75%
}

.small-pull-9 {
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    left: 83.33333%
}

.small-pull-10 {
    left: -83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    left: 91.66667%
}

.small-pull-11 {
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1>.column,
.small-up-1>.columns {
    float: left;
    width: 100%
}

.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column,
.small-up-2>.columns {
    float: left;
    width: 50%
}

.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-2>.column:nth-of-type(2n+1),
.small-up-2>.columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column,
.small-up-3>.columns {
    float: left;
    width: 33.33333%
}

.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column,
.small-up-4>.columns {
    float: left;
    width: 25%
}

.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column,
.small-up-5>.columns {
    float: left;
    width: 20%
}

.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column,
.small-up-6>.columns {
    float: left;
    width: 16.66667%
}

.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column,
.small-up-7>.columns {
    float: left;
    width: 14.28571%
}

.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column,
.small-up-8>.columns {
    float: left;
    width: 12.5%
}

.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
    float: left
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.expanded.row .small-collapse.row,
.small-collapse .row {
    margin-right: 0;
    margin-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.small-centered {
    margin-right: auto;
    margin-left: auto
}

.small-centered,
.small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}

.small-pull-0,
.small-push-0,
.small-uncentered {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

@media print,
screen and (min-width:40em) {
    .medium-pull-1,
    .medium-pull-10,
    .medium-pull-11,
    .medium-pull-2,
    .medium-pull-3,
    .medium-pull-4,
    .medium-pull-5,
    .medium-pull-6,
    .medium-pull-7,
    .medium-pull-8,
    .medium-pull-9,
    .medium-push-1,
    .medium-push-10,
    .medium-push-11,
    .medium-push-2,
    .medium-push-3,
    .medium-push-4,
    .medium-push-5,
    .medium-push-6,
    .medium-push-7,
    .medium-push-8,
    .medium-push-9 {
        position: relative
    }
    .medium-1 {
        width: 8.33333%
    }
    .medium-push-1 {
        left: 8.33333%
    }
    .medium-pull-1 {
        left: -8.33333%
    }
    .medium-offset-0 {
        margin-left: 0
    }
    .medium-2 {
        width: 16.66667%
    }
    .medium-push-2 {
        left: 16.66667%
    }
    .medium-pull-2 {
        left: -16.66667%
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .medium-3 {
        width: 25%
    }
    .medium-push-3 {
        left: 25%
    }
    .medium-pull-3 {
        left: -25%
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .medium-4 {
        width: 33.33333%
    }
    .medium-push-4 {
        left: 33.33333%
    }
    .medium-pull-4 {
        left: -33.33333%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-5 {
        width: 41.66667%
    }
    .medium-push-5 {
        left: 41.66667%
    }
    .medium-pull-5 {
        left: -41.66667%
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .medium-6 {
        width: 50%
    }
    .medium-push-6 {
        left: 50%
    }
    .medium-pull-6 {
        left: -50%
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .medium-7 {
        width: 58.33333%
    }
    .medium-push-7 {
        left: 58.33333%
    }
    .medium-pull-7 {
        left: -58.33333%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-8 {
        width: 66.66667%
    }
    .medium-push-8 {
        left: 66.66667%
    }
    .medium-pull-8 {
        left: -66.66667%
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .medium-9 {
        width: 75%
    }
    .medium-push-9 {
        left: 75%
    }
    .medium-pull-9 {
        left: -75%
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .medium-10 {
        width: 83.33333%
    }
    .medium-push-10 {
        left: 83.33333%
    }
    .medium-pull-10 {
        left: -83.33333%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-11 {
        width: 91.66667%
    }
    .medium-push-11 {
        left: 91.66667%
    }
    .medium-pull-11 {
        left: -91.66667%
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .medium-12 {
        width: 100%
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .medium-up-1>.column,
    .medium-up-1>.columns {
        float: left;
        width: 100%
    }
    .medium-up-1>.column:nth-of-type(1n),
    .medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-1>.column:nth-of-type(1n+1),
    .medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }
    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child {
        float: left
    }
    .medium-up-2>.column,
    .medium-up-2>.columns {
        float: left;
        width: 50%
    }
    .medium-up-2>.column:nth-of-type(1n),
    .medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-2>.column:nth-of-type(2n+1),
    .medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }
    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child {
        float: left
    }
    .medium-up-3>.column,
    .medium-up-3>.columns {
        float: left;
        width: 33.33333%
    }
    .medium-up-3>.column:nth-of-type(1n),
    .medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }
    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child {
        float: left
    }
    .medium-up-4>.column,
    .medium-up-4>.columns {
        float: left;
        width: 25%
    }
    .medium-up-4>.column:nth-of-type(1n),
    .medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }
    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child {
        float: left
    }
    .medium-up-5>.column,
    .medium-up-5>.columns {
        float: left;
        width: 20%
    }
    .medium-up-5>.column:nth-of-type(1n),
    .medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }
    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child {
        float: left
    }
    .medium-up-6>.column,
    .medium-up-6>.columns {
        float: left;
        width: 16.66667%
    }
    .medium-up-6>.column:nth-of-type(1n),
    .medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }
    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child {
        float: left
    }
    .medium-up-7>.column,
    .medium-up-7>.columns {
        float: left;
        width: 14.28571%
    }
    .medium-up-7>.column:nth-of-type(1n),
    .medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }
    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child {
        float: left
    }
    .medium-up-8>.column,
    .medium-up-8>.columns {
        float: left;
        width: 12.5%
    }
    .medium-up-8>.column:nth-of-type(1n),
    .medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }
    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child {
        float: left
    }
    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }
    .expanded.row .medium-collapse.row,
    .medium-collapse .row {
        margin-right: 0;
        margin-left: 0
    }
    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }
    .medium-centered,
    .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }
    .medium-pull-0,
    .medium-push-0,
    .medium-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:64em) {
    .large-pull-1,
    .large-pull-10,
    .large-pull-11,
    .large-pull-2,
    .large-pull-3,
    .large-pull-4,
    .large-pull-5,
    .large-pull-6,
    .large-pull-7,
    .large-pull-8,
    .large-pull-9,
    .large-push-1,
    .large-push-10,
    .large-push-11,
    .large-push-2,
    .large-push-3,
    .large-push-4,
    .large-push-5,
    .large-push-6,
    .large-push-7,
    .large-push-8,
    .large-push-9 {
        position: relative
    }
    .large-1 {
        width: 8.33333%
    }
    .large-push-1 {
        left: 8.33333%
    }
    .large-pull-1 {
        left: -8.33333%
    }
    .large-offset-0 {
        margin-left: 0
    }
    .large-2 {
        width: 16.66667%
    }
    .large-push-2 {
        left: 16.66667%
    }
    .large-pull-2 {
        left: -16.66667%
    }
    .large-offset-1 {
        margin-left: 8.33333%
    }
    .large-3 {
        width: 25%
    }
    .large-push-3 {
        left: 25%
    }
    .large-pull-3 {
        left: -25%
    }
    .large-offset-2 {
        margin-left: 16.66667%
    }
    .large-4 {
        width: 33.33333%
    }
    .large-push-4 {
        left: 33.33333%
    }
    .large-pull-4 {
        left: -33.33333%
    }
    .large-offset-3 {
        margin-left: 25%
    }
    .large-5 {
        width: 41.66667%
    }
    .large-push-5 {
        left: 41.66667%
    }
    .large-pull-5 {
        left: -41.66667%
    }
    .large-offset-4 {
        margin-left: 33.33333%
    }
    .large-6 {
        width: 50%
    }
    .large-push-6 {
        left: 50%
    }
    .large-pull-6 {
        left: -50%
    }
    .large-offset-5 {
        margin-left: 41.66667%
    }
    .large-7 {
        width: 58.33333%
    }
    .large-push-7 {
        left: 58.33333%
    }
    .large-pull-7 {
        left: -58.33333%
    }
    .large-offset-6 {
        margin-left: 50%
    }
    .large-8 {
        width: 66.66667%
    }
    .large-push-8 {
        left: 66.66667%
    }
    .large-pull-8 {
        left: -66.66667%
    }
    .large-offset-7 {
        margin-left: 58.33333%
    }
    .large-9 {
        width: 75%
    }
    .large-push-9 {
        left: 75%
    }
    .large-pull-9 {
        left: -75%
    }
    .large-offset-8 {
        margin-left: 66.66667%
    }
    .large-10 {
        width: 83.33333%
    }
    .large-push-10 {
        left: 83.33333%
    }
    .large-pull-10 {
        left: -83.33333%
    }
    .large-offset-9 {
        margin-left: 75%
    }
    .large-11 {
        width: 91.66667%
    }
    .large-push-11 {
        left: 91.66667%
    }
    .large-pull-11 {
        left: -91.66667%
    }
    .large-offset-10 {
        margin-left: 83.33333%
    }
    .large-12 {
        width: 100%
    }
    .large-offset-11 {
        margin-left: 91.66667%
    }
    .large-up-1>.column,
    .large-up-1>.columns {
        float: left;
        width: 100%
    }
    .large-up-1>.column:nth-of-type(1n),
    .large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-1>.column:nth-of-type(1n+1),
    .large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }
    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child {
        float: left
    }
    .large-up-2>.column,
    .large-up-2>.columns {
        float: left;
        width: 50%
    }
    .large-up-2>.column:nth-of-type(1n),
    .large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-2>.column:nth-of-type(2n+1),
    .large-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }
    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child {
        float: left
    }
    .large-up-3>.column,
    .large-up-3>.columns {
        float: left;
        width: 33.33333%
    }
    .large-up-3>.column:nth-of-type(1n),
    .large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }
    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child {
        float: left
    }
    .large-up-4>.column,
    .large-up-4>.columns {
        float: left;
        width: 25%
    }
    .large-up-4>.column:nth-of-type(1n),
    .large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }
    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child {
        float: left
    }
    .large-up-5>.column,
    .large-up-5>.columns {
        float: left;
        width: 20%
    }
    .large-up-5>.column:nth-of-type(1n),
    .large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }
    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child {
        float: left
    }
    .large-up-6>.column,
    .large-up-6>.columns {
        float: left;
        width: 16.66667%
    }
    .large-up-6>.column:nth-of-type(1n),
    .large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }
    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child {
        float: left
    }
    .large-up-7>.column,
    .large-up-7>.columns {
        float: left;
        width: 14.28571%
    }
    .large-up-7>.column:nth-of-type(1n),
    .large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }
    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child {
        float: left
    }
    .large-up-8>.column,
    .large-up-8>.columns {
        float: left;
        width: 12.5%
    }
    .large-up-8>.column:nth-of-type(1n),
    .large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }
    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child {
        float: left
    }
    .large-collapse>.column,
    .large-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }
    .expanded.row .large-collapse.row,
    .large-collapse .row {
        margin-right: 0;
        margin-left: 0
    }
    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
    .large-centered {
        margin-right: auto;
        margin-left: auto
    }
    .large-centered,
    .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }
    .large-pull-0,
    .large-push-0,
    .large-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

.column-block {
    margin-bottom: 1.875rem
}

.column-block>:last-child {
    margin-bottom: 0
}

.slide-in-down.mui-enter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter,
.slide-in-up.mui-enter {
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.slide-in-down.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter,
.slide-out-down.mui-leave {
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.slide-in-up.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave,
.slide-out-up.mui-leave {
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.slide-out-down.mui-leave.mui-leave-active {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fade-in.mui-enter,
.fade-out.mui-leave {
    transition-property: opacity
}

.slide-out-left.mui-leave.mui-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    opacity: 0
}

.fade-in.mui-enter.mui-enter-active,
.fade-out.mui-leave {
    opacity: 1
}

.hinge-in-from-bottom.mui-enter,
.hinge-in-from-left.mui-enter,
.hinge-in-from-middle-x.mui-enter,
.hinge-in-from-middle-y.mui-enter,
.hinge-in-from-right.mui-enter,
.hinge-in-from-top.mui-enter,
.hinge-out-from-bottom.mui-leave,
.hinge-out-from-middle-x.mui-leave,
.hinge-out-from-middle-y.mui-leave,
.hinge-out-from-right.mui-leave,
.hinge-out-from-top.mui-leave,
.scale-in-down.mui-enter,
.scale-in-up.mui-enter,
.scale-out-down.mui-leave,
.scale-out-up.mui-leave,
.spin-in-ccw.mui-enter,
.spin-in.mui-enter,
.spin-out-ccw.mui-leave,
.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,
.hinge-out-from-top.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    -webkit-transform-origin: top;
    transform-origin: top
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active,
.scale-out-up.mui-leave {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    -webkit-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active,
.spin-out.mui-leave {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-in-ccw.mui-enter,
.spin-out.mui-leave.mui-leave-active {
    -webkit-transform: rotate(.75turn);
    transform: rotate(.75turn);
    opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active,
.spin-out-ccw.mui-leave {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
    -webkit-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    opacity: 0
}

.linear {
    transition-timing-function: linear!important;
    -webkit-animation-timing-function: linear!important;
    animation-timing-function: linear!important
}

.ease {
    transition-timing-function: ease!important;
    -webkit-animation-timing-function: ease!important;
    animation-timing-function: ease!important
}

.ease-in {
    transition-timing-function: ease-in!important;
    -webkit-animation-timing-function: ease-in!important;
    animation-timing-function: ease-in!important
}

.ease-out {
    transition-timing-function: ease-out!important;
    -webkit-animation-timing-function: ease-out!important;
    animation-timing-function: ease-out!important
}

.ease-in-out {
    transition-timing-function: ease-in-out!important;
    -webkit-animation-timing-function: ease-in-out!important;
    animation-timing-function: ease-in-out!important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important;
    -webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important;
    animation-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485, .155, .515, .845)!important;
    -webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845)!important;
    animation-timing-function: cubic-bezier(.485, .155, .515, .845)!important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important;
    -webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important;
    animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important
}

.short-delay {
    transition-delay: .3s!important;
    -webkit-animation-delay: .3s!important;
    animation-delay: .3s!important
}

.long-delay {
    transition-delay: .7s!important;
    -webkit-animation-delay: .7s!important;
    animation-delay: .7s!important
}

.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7
}

.spin-ccw,
.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

@-webkit-keyframes shake-7 {
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }
    15%,
    25%,
    35%,
    45%,
    5%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@keyframes shake-7 {
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }
    15%,
    25%,
    35%,
    45%,
    5%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@-webkit-keyframes spin-cw-1turn {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin-cw-1turn {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg
}

@-webkit-keyframes wiggle-7deg {
    40%,
    50%,
    60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }
    35%,
    45%,
    55%,
    65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
    0%,
    100%,
    30%,
    70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes wiggle-7deg {
    40%,
    50%,
    60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }
    35%,
    45%,
    55%,
    65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
    0%,
    100%,
    30%,
    70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.shake,
.spin-ccw,
.spin-cw,
.wiggle {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slow {
    transition-duration: 750ms!important;
    -webkit-animation-duration: 750ms!important;
    animation-duration: 750ms!important
}

.fast {
    transition-duration: 250ms!important;
    -webkit-animation-duration: 250ms!important;
    animation-duration: 250ms!important
}

.nav-table {
    display: table
}

.nav-table-cell {
    display: table-cell
}

.inner-container .cbc-menu-close-text,
.inner-container .cbc-menu-open-text {
    position: absolute;
    margin-left: 13px;
    margin-top: -12px;
    text-transform: uppercase
}

.logo-and-menu-toggle {
    float: left
}

#back-button {
    float: left;
    padding: 7px 0
}

@media (min-width:240px) and (max-width:1024px) {
    #back-button {
        display: inline
    }
}

@media (min-width:1024px) {
    #back-button {
        display: none
    }
}

#back-button i {
    color: #fff;
    font-size: 1.875rem
}

.cbc-mobile-title span.text {
    color: #fff
}

@media (min-width:681px) and (max-width:1023px) {
    .cbc-mobile-title {
        padding-top: 1.3vh
    }
}

@media (min-width:240px) and (max-width:680px) {
    .cbc-mobile-title {
        padding-top: 1.3vh
    }
    .cbc-menu-box,
    .mobile-logo {
        margin-left: 16px
    }
    .search-expanded {
        height: 54px;
        margin-top: -50px
    }
    #expand-search {
        display: inline-block;
        padding: 8px 8px 0;
        margin-top: 8px
    }
    #page {
        margin-top: 40px!important
    }
    .cbc-menu-box {
        margin-top: 3px
    }
    .nav-box .desktop-links ul li {
        width: 46px!important
    }
    .search-box .search {
        overflow: hidden
    }
}

@media (min-width:681px) and (max-width:1023px) {
    .cbc-menu-box,
    .mobile-logo {
        margin-left: 16px
    }
    #expand-search {
        display: inline-block;
        padding: 8px 8px 0;
        margin-top: 8px
    }
    #page {
        margin-top: 68px!important
    }
    .cbc-menu-box {
        margin-top: 3px
    }
}

.nav-box {
    float: right
}

.nav-box a,
.nav-box div,
.nav-box li,
.nav-box ul {
    height: inherit
}

.nav-slider {
    display: inline-block
}

.desktop-links {
    float: right;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear
}

@media (min-width:1023px) and (max-width:1120px) {
    .desktop-links {
        display: none
    }
}

.desktop-links ul {
    margin: 0
}

@media (min-width:1021px) and (max-width:1137px) {
    .desktop-links ul {
        display: none
    }
}

.desktop-links li {
    display: table
}

.desktop-links ul li a {
    display: table-cell;
    padding: 0
}

.search-box {
    float: left
}

.search-box .form-container {
    width: 100%
}

.search-box form {
    background: #006054;
    position: relative;
    height: 70px
}

.search-box .search-input {
    padding-left: 65px
}

.search-box a {
    font-size: 40px;
    color: #fff
}

.search-box .fake-placeholder {
    display: none
}

@media screen and (max-width:379px) {
    .search-expanded .nav-box,
    .search-expanded .search-box {
        max-width: 220px;
        min-width: 130px
    }
}

@media screen and (min-width:380px) and (max-width:499px) {
    .search-expanded .nav-box,
    .search-expanded .search-box {
        max-width: 280px;
        min-width: 280px
    }
}

@media screen and (min-width:500px) and (max-width:599px) {
    .search-expanded .nav-box,
    .search-expanded .search-box {
        max-width: 400px;
        min-width: 400px
    }
}

@media screen and (min-width:600px) and (max-width:1023px) {
    .search-expanded .nav-box,
    .search-expanded .search-box {
        max-width: 700px;
        min-width: 500px
    }
}

@media screen and (max-width:1023px) {
    .cbc-menu-box,
    .mobile-logo {
        float: left
    }
    #expand-nav {
        margin-top: 5px;
        margin-left: 0!important
    }
    .desktop-components,
    .desktop-links li {
        display: none!important
    }
    .desktop-links {
        height: 70px!important
    }
    .desktop-links li:last-of-type {
        display: inline-block!important
    }
    .mobile-logo img {
        display: inline;
        float: left!important;
        margin-right: 10px
    }
    .form-container {
        float: left
    }
    .form-container form {
        margin-right: -500px
    }
    .search-expanded .cbc-mobile-title,
    .search-expanded .desktop-links {
        width: 0;
        overflow: hidden
    }
    .search-expanded form {
        margin-right: 0
    }
    .search-box {
        transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        display: inline-block!important;
        max-width: 0;
        overflow: hidden
    }
}

@media screen and (max-width:1023px) and (min-width:240px) and (max-width:420px) {
    #expand-nav {
        margin-top: 3px
    }
}

@media screen and (min-width:1024px) {
    .logo-and-menu-toggle,
    .nav-box {
        height: 100px
    }
    .mobile-components {
        display: none!important
    }
    .mobile-components.table-cell {
        display: none
    }
    .logo-and-menu-toggle a {
        display: inline-block;
        padding: 0 10px
    }
    .logo-and-menu-toggle #expand-nav .cbc-menu-text {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 0;
        margin-top: 20px;
        color: #fff
    }
    .nav-box {
        width: 610px;
        overflow: hidden
    }
    .nav-box .nav-slider {
        margin-left: -100%;
        width: 200%;
        transition: margin .2s linear;
        -webkit-transition: margin .2s linear;
        -moz-transition: margin .2s linear
    }
    .nav-box.search-expanded .nav-slider {
        margin-left: 0
    }
    .nav-box .desktop-links,
    .nav-box .search-box {
        float: left;
        width: 50%;
        display: inline-block
    }
    .nav-box .search-box .form-container {
        width: 610px
    }
    .nav-box .desktop-links-home {
        width: 45%!important
    }
}

@media screen and (max-width:480px) {
    .cbc-mobile-title {
        padding-top: 0
    }
}

@media screen and (min-width:670px) and (max-width:767px) {
    .cbc-menu-box {
        float: left
    }
    .cbc-mobile-title .text {
        display: inline-block;
        max-width: 100%;
        min-width: 0!important
    }
}

@media screen and (max-width:669px) {
    .cbc-mobile-title {
        max-width: 160px
    }
    .cbc-mobile-title .text {
        display: inline-block;
        max-width: 100%;
        min-width: 0!important
    }
    .search-box .fake-placeholder {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 65px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 40px;
        pointer-events: none
    }
    .search-box::-webkit-input-placeholder {
        color: transparent!important
    }
    .search-box:-moz-placeholder {
        color: transparent!important
    }
    .search-box::-moz-placeholder {
        color: transparent!important
    }
    .search-box:-ms-input-placeholder {
        color: transparent!important
    }
    .search-box .search-input {
        padding-left: 40px
    }
    .search-box .search-input:focus+.fake-placeholder {
        display: none
    }
    #close-search,
    #submit,
    #submit i {
        font-size: 30px
    }
}

.search-expanded .cbc-mobile-title {
    width: 0
}

.search-expanded .cbc-mobile-title .text {
    margin-left: -300px
}

.mobile-components a {
    display: table
}

.mobile-components .cbc-mobile-title .text {
    min-width: 300px
}

.mobile-components .cbc-mobile-title,
.mobile-components .text {
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear
}

@media (min-width:0px) and (max-width:1023px) {
    body #sidebar {
        margin-left: -83.333%
    }
    nav#cbc-topbar.small-12 {
        padding-top: 15px
    }
    .cbc-menu-close-text,
    .cbc-menu-open-text {
        display: none
    }
}

.search-box .search {
    display: inline-block;
    font-size: 30px
}

nav#cbc-topbar {
    position: fixed;
    right: 0;
    background-color: #00796B;
    color: #fff;
    z-index: 1100;
    height: 80px
}

@media (min-width:1024px) {
    .search-box .search {
        font-size: 64px;
        margin-top: -30px;
        margin-left: 20px
    }
    .cbc-mobile-title,
    .icon {
        display: none
    }
    nav#cbc-topbar {
        height: 97px
    }
}

@media (min-width:240px) and (max-width:680px) {
    nav#cbc-topbar {
        height: 56px;
        padding: 7px 8px!important
    }
}

@media (min-width:681px) and (max-width:1023px) {
    nav#cbc-topbar {
        height: 67px;
        padding: 7px 8px!important
    }
}

@media (min-width:0px) and (max-width:1024px) {
    nav#cbc-topbar {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12), 0 4px 4px 0 rgba(0, 0, 0, .24);
        -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12), 0 4px 4px 0 rgba(0, 0, 0, .24);
        -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12), 0 4px 4px 0 rgba(0, 0, 0, .24)
    }
}

#sidebar {
    height: 100%;
    margin-left: -75%;
    z-index: 2000;
    background-color: #fff;
    position: fixed
}

#page,
#sidebar,
nav#cbc-topbar {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear
}

.navbar-expanded #sidebar {
    margin-left: 0;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear
}

#expand-nav {
    display: inline-block;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 32px;
    height: 32px;
    position: relative;
    cursor: pointer
}

@media (min-width:1024px) {
    #expand-nav {
        width: 43px;
        height: 50px
    }
}

#expand-nav:focus {
    outline: 0
}

#expand-nav .icon-br {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff
}

#expand-nav .icon-br:nth-child(1) {
    top: 5px
}

#expand-nav .icon-br:nth-child(2) {
    top: 14px
}

#expand-nav .icon-br:nth-child(3) {
    top: 23px
}

@-webkit-keyframes secondline-in {
    0% {
        top: 14px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    40% {
        top: 20px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    50% {
        top: 20px;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        top: 22px;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        top: 14px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes secondline-in {
    0% {
        top: 14px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    40% {
        top: 20px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    50% {
        top: 20px;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        top: 22px;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        top: 14px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes thirdline-in {
    0% {
        top: 14px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    40% {
        top: 20px;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    50% {
        top: 22px;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    100% {
        top: 23px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes thirdline-in {
    0% {
        top: 14px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    40% {
        top: 20px;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    50% {
        top: 22px;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    100% {
        top: 23px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes firstline-out {
    0% {
        top: 5px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    20% {
        top: 2px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        top: 9px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    60% {
        top: 15px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        top: -40px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes firstline-out {
    0% {
        top: 5px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    20% {
        top: 2px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        top: 9px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    60% {
        top: 15px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        top: -40px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes secondline-out {
    0% {
        top: 14px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        top: 18px;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
    60% {
        top: 22px;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    100% {
        top: 14px;
        left: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes secondline-out {
    0% {
        top: 14px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        top: 18px;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
    60% {
        top: 22px;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    100% {
        top: 14px;
        left: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes thirdline-out {
    0% {
        top: 23px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        top: 18px;
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    60% {
        top: 22px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    100% {
        top: 14px;
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes thirdline-out {
    0% {
        top: 23px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        top: 18px;
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    60% {
        top: 22px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    100% {
        top: 14px;
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media (min-width:1024px) {
    #mobile-header-links {
        display: none
    }
    .nav-box .search-box .search-input {
        font-size: 1.9rem
    }
}

@media (min-width:200px) and (max-width:1023px) {
    .nav-box {
        margin-top: -10px
    }
}

.nav-box .desktop-links ul li {
    width: 115px;
    display: inline-block
}

.nav-box .desktop-links ul li a {
    color: #fff;
    text-decoration: none
}

.nav-box .desktop-links ul li a img {
    display: block;
    margin: 0 auto
}

.nav-box .desktop-links ul li a span {
    text-align: center;
    display: block
}

.nav-box .desktop-links .business,
.nav-box .desktop-links .community,
.nav-box .desktop-links .council,
.nav-box .desktop-links .home {
    color: #fff;
    text-transform: uppercase
}

.nav-box .search-box {
    position: relative;
    overflow: hidden
}

.nav-box .search-box .search-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    width: 100%;
    height: 67px;
    color: #fff
}

@media (min-width:681px) and (max-width:1023px) {
    .nav-box .search-box .search-input {
        font-size: 1.6rem
    }
}

.nav-box .search-box .search-input::-webkit-input-placeholder {
    color: #fff
}

.nav-box .search-box .search-input:-moz-placeholder {
    color: #fff
}

.nav-box .search-box .search-input::-moz-placeholder {
    color: #fff
}

.nav-box .search-box .search-input:-ms-input-placeholder {
    color: #fff
}

.nav-box .search-box #submit {
    display: block;
    position: absolute;
    top: 16px;
    margin-left: 5px
}

.nav-box .search-box .icon-search {
    font-size: 40px;
    color: #fff
}

.nav-box .search-box .icon-close {
    position: absolute;
    top: 16px;
    margin-right: 5px;
    right: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0
}

@media (min-width:1024px) {
    .cbc-menu-close-text {
        display: none
    }
    .navbar-expanded .cbc-menu-close-text {
        display: inline-block
    }
    .navbar-expanded .cbc-menu-open-text {
        display: none
    }
    .desktop-links .icon-search {
        font-size: 64px
    }
    .mobile-search {
        display: none!important
    }
}

@media (min-width:0px) and (max-width:1023px) {
    .mobile-search span {
        font-size: 2.8125rem
    }
}

.account-bar {
    background: #4DB6AC;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12), 0 4px 4px 0 rgba(0, 0, 0, .24);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12), 0 4px 4px 0 rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .12), 0 4px 4px 0 rgba(0, 0, 0, .24);
    position: fixed;
    top: 97px;
    width: 100%;
    color: #fff;
    z-index: 15;
    text-align: left
}

.account-bar .columns {
    padding: 6px 8px
}

.account-bar .ab-search {
    width: 40%;
    float: left;
    display: inline
}

.account-bar .ab-search form {
    display: inline
}

.account-bar .ab-search .form-control {
    float: left;
    display: block;
    width: 80%;
    padding: .6rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 137, 123, .15);
    border-radius: .25rem 0 0 .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    position: relative;
    height: auto
}

.account-bar .ab-search .form-control:focus {
    border-color: rgba(178, 223, 219, .8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(126, 239, 104, .6);
    outline: 0
}

.account-bar .ab-search .input-group-btn {
    float: left;
    width: 20%
}

.account-bar .ab-search .input-group-btn .btn {
    vertical-align: middle;
    display: block;
    padding: .6rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: 0 .25rem .25rem 0;
    border: 1px solid rgba(0, 0, 0, .15);
    border-left: 0;
    background: #00897B;
    color: #fff;
    height: auto
}

.account-bar .ab-signin-up {
    float: left;
    width: 60%;
    position: relative;
    height: 45px
}

.account-bar .ab-signin-up .ab-contact {
    color: #fff;
    display: inline-block;
    margin-right: 0;
    background: #FF9800;
    padding: 6px 8px;
    margin-left: 0;
    border: 2px solid #FB8C00;
    font-size: 1.125rem;
    cursor: pointer
}

.account-bar .ab-signin-up .ab-contact i {
    font-size: 1.625rem
}

.account-bar .ab-signin-up ul.ab-dropdown-hide {
    display: none
}

.account-bar .ab-signin-up ul.ab-dropdown {
    position: absolute;
    background: #fff;
    padding: 8px 16px;
    margin: 0
}

.account-bar .ab-signin-up ul.ab-dropdown li {
    border-bottom: 1px solid #B2DFDB
}

.account-bar .ab-signin-up ul.ab-dropdown li a {
    color: #009688;
    padding: 12px 24px 12px 8px;
    display: block;
    cursor: pointer
}

.account-bar .ab-signin-up ul.ab-dropdown li:last-of-type {
    border-bottom: none
}

@media (min-width:0px) and (max-width:1023px) {
    .account-bar {
        display: none
    }
}

@media (min-width:1024px) {
    .cbc-sigin-register {
        position: absolute;
        margin-left: 64%;
        width: 70%;
        height: 97px;
        background: #E28A0A
    }
    .cbc-sigin-register img {
        margin-top: 20px
    }
}

@media (min-width:681px) and (max-width:1023px) {
    .cbc-sigin-register,
    .cbc-sigin-register a,
    .cbc-user-icon {
        display: none
    }
}

@media (min-width:240px) and (max-width:680px) {
    .cbc-sigin-register,
    .cbc-sigin-register a,
    .cbc-user-icon {
        display: none
    }
}

@media (min-width:1024px) and (max-width:1120px) {
    .cbc-sigin-register,
    .cbc-sigin-register a,
    .cbc-user-icon,
    .desktop-links-home {
        display: none
    }
}

@media (min-width:1023px) and (max-width:1120px) {
    .cbc-menu-close-text,
    .cbc-sign-register,
    .cbc-sign-register a,
    .cbc-user-icon,
    .mobile-components,
    .search-box {
        display: none
    }
    .cbc-menu-open-text {
        color: #fff
    }
    .cbc-logo.menu-closed {
        height: 86px!important
    }
    .homepage-banner-custom {
        margin-top: -51px!important
    }
}

@media (min-width:1121px) and (max-width:1429px) {
    .cbc-sigin-register {
        margin-left: 77%
    }
}

.cbc-sigin-register {
    margin: 0;
    width: 16.66667%;
    position: absolute;
    right: 0
}

@media (min-width:1023px) and (max-width:1440px) {
    .cbc-sigin-register .cbc-sign-register {
        right: 10px
    }
    .cbc-sigin-register .cbc-user-icon {
        left: 5px
    }
    .cbc-sigin-register .cbc-user-icon>i.icon-person {
        font-size: 55px
    }
}

@media (min-width:1023px) and (max-width:1350px) {
    .cbc-sigin-register .cbc-user-icon>i.icon-person {
        font-size: 50px
    }
}

@media (min-width:1023px) and (max-width:1300px) {
    .cbc-sigin-register .cbc-user-icon {
        display: none
    }
    .cbc-sigin-register .cbc-sign-register {
        right: 0;
        left: 20px
    }
}

.cbc-sign-register,
.cbc-user-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cbc-sign-register {
    right: 20px;
    left: 80px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cbc-sign-register a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.125rem;
    letter-spacing: .96px
}

.cbc-sign-register__hidden {
    display: none
}

@media screen and (min-width:1600px) {
    .cbc-sign-register__hidden {
        display: block
    }
}

.cbc-user-icon {
    width: 100px;
    font-size: 60px;
    left: 10px
}

#sidebar {
    padding: 0;
    overflow-y: scroll;
    box-shadow: 0 0 7px 0 rgba(117, 117, 117, .5), 0 7px 7px 0 rgba(119, 119, 119, .5);
    -webkit-box-shadow: 0 0 7px 0 rgba(117, 117, 117, .5), 0 7px 7px 0 rgba(119, 119, 119, .5);
    -moz-box-shadow: 0 0 7px 0 rgba(117, 117, 117, .5), 0 7px 7px 0 rgba(119, 119, 119, .5)
}

#sidebar h3 {
    font-size: 1.125rem
}

#sidebar #close-nav {
    float: right;
    margin-top: 28px;
    font-size: 25px;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer
}

#sidebar .cbc-logo {
    display: inline-block;
    height: 91px;
    padding: 3% 2%
}

#sidebar .cbc-logo img {
    max-height: 100%;
    vertical-align: top
}

@media (min-width:0px) and (max-width:1023px) {
    #sidebar .cbc-logo {
        height: 74px;
        padding: 10px 16px
    }
    #sidebar .cbc-logo img {
        vertical-align: top
    }
}

#sidebar .member-card {
    background: url(https://cbc-dev-dotgovresources.azurewebsites.net/assets/images/Castle_tulips-1.jpg) no-repeat;
    background-size: cover;
    height: 200px;
    position: relative;
    width: 100%;
    margin-bottom: 3%
}

#sidebar .member-card #profile-action,
#sidebar .member-card .signin-profile {
    color: #fff;
    font-size: 1.125rem
}

@media (min-width:240px) and (max-width:680px) {
    #sidebar .member-card #profile-action,
    #sidebar .member-card .signin-profile {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

#sidebar .member-card #cbc-profile-action {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    cursor: pointer
}

#sidebar .member-card #cbc-profile-action #profile-action {
    padding-left: 16px;
    margin-bottom: 0
}

#sidebar .member-card #cbc-profile-action .dropdown {
    position: absolute;
    width: 100%;
    margin-left: 0
}

#sidebar .member-card #cbc-profile-action .dropdown li {
    padding: 8px 12px
}

#sidebar .member-card #cbc-profile-action .dropdown li a {
    color: #fff;
    display: block;
    cursor: pointer
}

#sidebar .member-card #cbc-profile-action .dropdown li a i {
    font-size: 2.375rem;
    vertical-align: middle
}

#sidebar .member-card #cbc-profile-action .dropdown li a .sb-link {
    font-size: 1.125rem;
    margin-left: 8px
}

#sidebar .member-card #cbc-profile-action .dropdown-hide {
    display: none
}

#sidebar .member-card #cbc-profile-action.profile-active {
    top: 0;
    background: rgba(0, 150, 136, .7);
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear
}

#sidebar nav {
    padding: 0 3%
}

#sidebar nav ul li {
    list-style: none;
    padding: 3% 0
}

@media screen and (max-width 1023px) {
    #sidebar nav ul li {
        padding: 2% 0
    }
}

#sidebar nav ul li a {
    color: #4A4A4A;
    font-size: sp 16
}

#sidebar nav ul li a span.sb-icon {
    width: 40px;
    display: inline-block;
    margin-right: 3%
}

#sidebar #other-links {
    padding: 16px
}

#sidebar #other-links h3 {
    border-top: 1px solid rgba(0, 0, 0, .12);
    padding-top: 16px
}

#sidebar #header-links {
    background: #009688
}

#sidebar #header-links ul li a {
    color: #fff
}

.navbar-expanded .menu-closed {
    display: none
}

.cbc-logo.menu-closed {
    height: 100px;
    margin-left: 3%
}

@media (min-width:200px) and (max-width:1023px) {
    #sidebar .member-card {
        min-height: 160px;
        margin-bottom: 0
    }
    .cbc-logo.menu-closed {
        display: none
    }
}

.card {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
    border: 1px solid #e6e6e6
}

@media (min-width:1024px) {
    #sidebar #header-links {
        display: none
    }
    .card.cbc-card-large {
        height: 500px
    }
}

.card .btn,
.card .card-button,
.card button {
    height: 40px;
    padding: 0 40px;
    margin-top: 30px;
    background-color: #009688;
    border: 1px solid #979797;
    color: #FFF;
    text-transform: uppercase
}

.card .card-content,
.card .feedback-inner,
.card .main-content,
.card h2,
.card p {
    width: 100%
}

.animate-link {
    position: relative;
    overflow: hidden;
    transition: all .2s ease;
    z-index: 0
}

.animate-link:focus,
.animate-link:hover {
    z-index: 1000;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.pointer {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.animate {
    -webkit-animation: ripple .65s linear;
    animation: ripple .65s linear
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

header.page-title {
    display: inline-block;
    width: 100%;
    margin-top: -100px
}

.card.banner-card {
    min-height: 120px;
    margin-bottom: 1rem;
    padding: 16px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff
}

.card.banner-card .page-copy {
    margin-bottom: 0;
    color: #747474
}

.homepage-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 500px;
    margin-bottom: 40px;
    padding: 30px 0 20px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .homepage-banner {
        display: block
    }
}

.homepage-banner h1 {
    color: #fff;
    text-align: center
}

@media (min-width:1024px) {
    .homepage-banner h1 {
        font-size: 3.75rem;
        margin: 40px 0 30px
    }
}

@media (min-width:240px) and (max-width:680px) {
    .homepage-banner {
        height: 290px
    }
    .homepage-banner h1 {
        margin-top: 20px
    }
}

.homepage-banner h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 30px
}

.homepage-banner a.btn {
    margin-top: 20px;
    clear: both
}

.homepage-banner a.btn:hover {
    color: #fff
}

.homepage-banner-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 450px;
    margin-top: -35px;
    margin-bottom: 40px;
    padding: 30px 0 20px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .homepage-banner-custom {
        display: block
    }
}

.homepage-banner-custom .cbc-welcome {
    text-transform: uppercase!important
}

@media (min-width:1024px) {
    .homepage-banner-custom .cbc-welcome {
        display: block;
        margin-bottom: -42px;
        font-size: 14px;
        letter-spacing: 1px
    }
}

.sw,
.sw form,
.sw-custom {
    display: -webkit-box;
    display: -ms-flexbox
}

.sw,
.sw form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:240px) and (max-width:680px) {
    .homepage-banner-custom {
        height: 455px
    }
    .homepage-banner-custom .cbc-welcome {
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 300
    }
}

.homepage-banner-custom h1 {
    color: #fff;
    text-align: center;
    text-transform: capitalize!important;
    font-weight: 300;
    line-height: 44px!important
}

@media (min-width:1024px) {
    .homepage-banner-custom h1 {
        font-size: 2.5rem;
        margin: 40px 0 30px
    }
}

@media (min-width:240px) and (max-width:680px) {
    .homepage-banner-custom h1 {
        margin-top: 80px
    }
}

.homepage-banner-custom h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 1.25rem
}

.elections-button,
button#cbc-gobtn {
    font-weight: 300;
    text-transform: uppercase
}

.homepage-banner-custom a.btn {
    margin-top: 20px;
    clear: both
}

.homepage-banner-custom a.btn:hover {
    color: #fff
}

.sw {
    float: left;
    height: 60px;
    background: rgba(0, 150, 136, .8);
    padding: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0, 2px, 0, 0, rgba(0, 0, 0, .1)
}

.sw form,
.sw-custom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left
}

.sw form {
    height: 50px
}

.sw a.logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: auto;
    height: 100%;
    max-width: 60px;
    margin-right: 10px;
    transition: all, 80ms;
    visibility: visible;
    opacity: 1
}

.sw .banner-search,
.sw .go {
    background: #fff;
    -moz-transition: all, 80ms;
    -o-transition: all, 80ms;
    -webkit-transition: all, 80ms;
    outline: 0
}

.sw a.logo i {
    font-size: 3.125rem;
    color: #fff
}

.sw .banner-search {
    margin-right: -6px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border: none;
    border-radius: 0;
    padding: 10px;
    height: 50px;
    transition: all, 80ms;
    -webkit-appearance: none
}

.sw .banner-search:focus {
    height: 60px;
    margin-left: -15px;
    padding: 10px 15px;
    background: #fff
}

.sw .banner-search:focus+.go {
    height: 60px;
    margin-right: -15px;
    max-width: 80px;
    background: #fff
}

.sw .banner-search:focus+.go+a.logo {
    visibility: hidden;
    opacity: 0;
    max-width: 0;
    margin-right: 0
}

.sw .go {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    display: inline-block;
    border: none;
    color: #ccc;
    height: 50px;
    transition: all, 80ms;
    font-size: 21px
}

.sw-custom {
    width: 80%;
    height: 60px;
    margin-bottom: 40px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sw-custom form {
    float: left;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: none
}

.sw-custom a.logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: auto;
    height: 100%;
    max-width: 60px;
    margin-right: 10px;
    transition: all, 80ms;
    visibility: visible;
    opacity: 1
}

.sw-custom a.logo i {
    font-size: 3.125rem;
    color: #fff
}

.sw-custom .banner-search {
    outline: 0;
    border: none;
    border-radius: 0;
    background: #fff;
    padding: 10px;
    height: 50px
}

.cbc-homebtn,
.cbc-homebtn:hover,
.elections-button {
    background-color: rgba(87, 68, 109, .8)
}

.homepage-button {
    display: block;
    text-align: center;
    clear: both
}

@media (min-width:240px) and (max-width:680px) {
    .sw-custom {
        margin-top: -20px;
        margin-left: 20px
    }
    .homepage-button {
        display: none
    }
}

@media (min-width:1024px) {
    .sw-custom form {
        margin-left: 100px
    }
    .cbc-home-bc {
        margin-top: -72px
    }
}

.elections-button {
    display: block;
    text-align: center;
    clear: both;
    font-family: Roboto;
    color: #fff;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px
}

.elections-button:hover {
    background-color: rgba(180, 157, 204, .8);
    color: #57446D!important
}

@media (min-width:240px) and (max-width:320px) {
    .elections-button {
        margin-bottom: 48px
    }
}

.cbc-arrow-down {
    display: block;
    margin-bottom: 20px
}

button#cbc-gobtn {
    height: 50px;
    background: #57446D;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: unset;
    color: #fff;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: 1.44px;
    font-size: 24px;
    cursor: pointer
}

.recycling-actions .Apply,
.recycling-actions .Book,
.recycling-actions .Find,
.recycling-actions .Order,
.recycling-actions .Pay,
.recycling-actions .Report {
    font-family: 'Roboto bold', Helvetica, Arial, sans-serif
}

@media (min-width:240px) and (max-width:680px) {
    .elections-button {
        width: 270px!important
    }
    button#cbc-gobtn {
        padding-left: 10px!important;
        padding-right: 10px!important
    }
}

@media (min-width:1024px) {
    input.cbc-search-input-cs {
        width: 500px
    }
}

@media (min-width:681px) and (max-width:1023px) {
    input.cbc-search-input-cs {
        width: 500px;
        margin-left: 120px
    }
}

.banner {
    height: 280px;
    background-image: url(https://cbc-dev-dotgovresources.azurewebsites.net/assets/images/Skyline_BG.svg);
    background-size: auto 280px;
    overflow: hidden
}

.banner .banner-image,
.banner .image-container {
    height: inherit
}

.banner .banner-image.parking .skyline-animation,
.banner .banner-image.recycling .skyline-animation {
    height: 100%;
    background-repeat: no-repeat;
    -moz-transition: margin, 2s;
    -o-transition: margin, 2s;
    -webkit-transition: margin, 2s;
    background-size: auto 110px
}

.banner .banner-image {
    background-image: url(https://cbc-dev-dotgovresources.azurewebsites.net/assets/images/Waste_skyline_BG.svg);
    background-repeat: no-repeat;
    background-size: auto 110px;
    background-position: 50% 60px
}

.banner .banner-image .skyline-animation {
    background-repeat: no-repeat
}

.banner .banner-image.recycling .skyline-animation {
    margin-left: -200%;
    background-image: url(https://cbc-dev-dotgovresources.azurewebsites.net/assets/images/lorry.svg);
    background-position: 50% 80px;
    transition: margin, 2s
}

body.loaded .banner .banner-image.recycling .skyline-animation {
    margin-left: -50%
}

.banner .banner-image.parking .skyline-animation {
    margin-left: -200%;
    background-image: url(http://cbclive.microsoftcrmportals.com/car-banner-icon);
    background-position: 50% 80px;
    transition: margin, 2s
}

body.loaded .banner .banner-image.parking .skyline-animation {
    margin-left: -50%
}

.banner .banner-image.christmas .skyline-animation,
.banner .banner-image.licensing .skyline-animation,
.banner .banner-image.planning .skyline-animation {
    height: 100%;
    display: inline-block;
    margin-left: 24%;
    background-repeat: no-repeat
}

.banner .banner-image.community .skyline-animation {
    height: 100%;
    margin-right: -200%;
    background-image: url(https://cbclive.microsoftcrmportals.com/animate-community.svg);
    background-repeat: no-repeat;
    background-size: auto 110px;
    background-position: 50% 80px;
    transition: margin, 2s
}

body.loaded .banner .banner-image.community .skyline-animation {
    margin-right: -30%
}

.banner .banner-image.planning .skyline-animation {
    background-image: url(https://cbclive.microsoftcrmportals.com/planning-house-without-roof-banner);
    background-size: auto 120px;
    background-position: 28px 60px;
    position: relative;
    width: 170px
}

.banner .banner-image.planning .skyline-animation:before {
    content: '';
    height: 100%;
    background-image: url(https://cbclive.microsoftcrmportals.com/planning-with-roof-homepage-banner);
    background-repeat: no-repeat;
    background-size: auto 65px;
    background-position: 0 35px;
    transition: margin, 2s;
    position: absolute;
    width: 170px;
    margin-top: -40%
}

body.loaded .banner .banner-image.planning .skyline-animation:before {
    margin-top: 0;
    content: " "
}

.banner .banner-image.christmas .skyline-animation {
    background-image: url(https://cbclive.microsoftcrmportals.com/christmas-gifts-banner-design);
    background-size: 500px;
    background-position: 25px 15px;
    position: relative;
    width: 530px
}

.banner .banner-image.licensing .skyline-animation {
    background-image: url(http://cbclive.microsoftcrmportals.com/shop-without-roof);
    background-size: auto 120px;
    background-position: 4px 60px;
    position: relative;
    width: 180px
}

.banner .banner-image.licensing .skyline-animation:before {
    content: '';
    height: 18%;
    background-image: url(http://cbclive.microsoftcrmportals.com/shop-roof-3);
    background-repeat: no-repeat;
    background-size: auto 65px;
    background-position: 0 35px;
    transition: margin, 2s;
    position: absolute;
    width: 145px;
    margin-top: -40%;
    margin-left: 13px
}

body.loaded-lc .banner .banner-image.licensing .skyline-animation:before {
    margin-top: 5%;
    content: " "
}

.message-container {
    margin: 24px 0;
    padding: 24px 20%;
    text-align: center
}

.message-container h3 {
    color: #00796B;
    margin-bottom: 16px
}

.message-container p {
    margin-bottom: 0;
    font-size: .875rem
}

.warning .card {
    background: #FFF3E0
}

.alert .card {
    background: #FFEBEE
}

.waste-blog {
    margin-bottom: 16px;
    padding: 16px!important;
    background-color: #00ACC1
}

.waste-blog h3 {
    color: #fff;
    margin-bottom: 4vh
}

.waste-blog p {
    color: #fff;
    text-align: center;
    margin-top: 4vh
}

.waste-blog a.ink {
    display: block;
    background-color: #fff;
    color: #00ACC1;
    margin-top: 8vh
}

.waste-blog a.ink:hover {
    text-decoration: none
}

.waste-blog img {
    max-width: 100%
}

#feedbackbox {
    padding: 0 16px
}

#feedbackbox h3 {
    color: #009688;
    font-weight: 700;
    text-transform: uppercase
}

#feedbackbox .feedback-inner {
    padding-top: 30px
}

#feedbackbox .raised-button {
    display: block;
    text-align: center;
    width: 100%;
    height: 51px;
    padding-top: 15px;
    background-color: #009688;
    margin: 0 auto 20px;
    text-transform: uppercase
}

.card.cbc-feedback-card:before {
    display: none
}

@media (min-width:0px) and (max-width:1023px) {
    .card.cbc-feedback-card {
        min-height: 100px!important;
        height: auto
    }
}

@media (min-width:1024px) {
    .breadcrumb {
        margin-left: -3%
    }
}

.recycling-actions,
footer.form-footer ul.form-footer-links {
    list-style: none;
    margin-left: 0
}

.breadcrumb li {
    display: inline-block;
    font-size: .9375rem;
    color: #2BA6CB
}

.breadcrumb a {
    color: #2BA6CB
}

.cbc-sidebar-actions h2 {
    margin-bottom: 27px;
    text-align: left
}

.recycling-actions li {
    padding: 6px 1.25rem
}

.recycling-actions li a {
    color: #fff;
    text-transform: uppercase;
    display: block
}

.recycling-actions li a .side-actions-img {
    padding: 15% 20% 28%
}

@media (min-width:240px) and (max-width:680px) {
    .recycling-actions li {
        width: 100%
    }
    .recycling-actions li a .side-actions-img {
        padding: 8% 15% 20%
    }
}

@media (min-width:681px) and (max-width:1023px) {
    .recycling-actions li a .side-actions-img {
        padding: 6% 15% 13%
    }
}

.recycling-actions li a .side-actions-img img {
    width: 100%
}

@media (min-width:0px) and (max-width:1024px) {
    .recycling-actions li a .side-actions-img img {
        width: 50%
    }
}

.recycling-actions li a h3.linkset-text {
    margin-bottom: 5px;
    margin-top: -3vh;
    font-size: .875rem;
    line-height: 23px
}

@media (min-width:240px) and (max-width:680px) {
    .recycling-actions li a h3.linkset-text {
        font-size: 1.375rem!important
    }
}

.recycling-actions li.sidelinks:last-child .side-actions-img {
    padding: 10% 10% 20%
}

.recycling-actions li.sidelinks:last-child img {
    width: 40%
}

.recycling-actions .Report {
    background-color: #ba68c8;
    font-weight: 700
}

.recycling-actions .Find {
    background-color: #309cf3;
    font-weight: 700
}

.recycling-actions .Apply {
    background-color: #009688;
    font-weight: 700
}

.recycling-actions .Pay {
    background-color: #4CAF50;
    font-weight: 700
}

.recycling-actions .Order {
    background-color: #ff9800;
    font-weight: 700
}

.recycling-actions .Book {
    background-color: #ef5350;
    font-weight: 700
}

.cbc-list .cbc-sidebar-actions {
    height: auto!important
}

footer#site-footer {
    display: inline-block;
    float: right;
    width: 100%;
    transition: width, .2s;
    background: #00796B;
    padding: 16px 24px
}

footer#site-footer * {
    color: #fff
}

footer.form-footer p a,
footer.form-footer ul.form-footer-links li a {
    color: #4A4A4A
}

footer#site-footer h2 {
    text-transform: uppercase;
    margin-bottom: 16px
}

footer#site-footer ul {
    margin: 0;
    padding: 0
}

footer#site-footer li {
    list-style: none;
    padding-bottom: 2vh
}

footer#site-footer li img {
    float: left
}

footer#site-footer p {
    font-size: 1rem;
    font-style: normal
}

footer#site-footer a {
    position: relative
}

footer#site-footer a:after {
    position: absolute;
    top: 100%;
    left: 0;
    content: ' ';
    height: 2px;
    width: 0;
    background-color: #fff;
    transition: width, .2s
}

footer#site-footer a:hover:after {
    width: 100%
}

footer#site-footer .border-r {
    border-right: 1px solid #fff
}

footer#site-footer .table-cell.icon {
    width: 30px;
    vertical-align: top
}

footer#site-footer .table-cell.icon i {
    font-size: 1.5rem
}

footer#site-footer .table-cell.link {
    padding-top: 0
}

footer#site-footer .table-cell.link p {
    margin-bottom: 0
}

footer#site-footer #ftr-address.border-r,
footer#site-footer #ftr-info.border-r,
footer#site-footer #ftr-quick-links.border-r,
footer#site-footer #ftr-socialmedia {
    padding: 0 16px;
    height: 280px;
    margin-top: 25px
}

@media (min-width:0px) and (max-width:639px) {
    footer#site-footer #ftr-address.border-r,
    footer#site-footer #ftr-info.border-r,
    footer#site-footer #ftr-quick-links.border-r,
    footer#site-footer #ftr-socialmedia {
        height: auto;
        padding-left: 0;
        border-right: none
    }
}

@media (min-width:640px) and (max-width:1023px) {
    footer#site-footer #ftr-address.border-r,
    footer#site-footer #ftr-info.border-r,
    footer#site-footer #ftr-quick-links.border-r,
    footer#site-footer #ftr-socialmedia {
        width: 48%;
        margin-bottom: 40px
    }
    footer#site-footer #ftr-address.border-r,
    footer#site-footer #ftr-quick-links.border-r {
        height: 400px
    }
    footer#site-footer #ftr-info.border-r {
        padding-left: 0
    }
}

footer#site-footer #ftr-quick-links.border-r {
    padding-left: 0;
    padding-right: 0
}

footer#site-footer #ftr-socialmedia ul.social-links li {
    display: inline-block;
    width: 60px;
    height: 40px
}

footer#site-footer #ftr-socialmedia ul.social-links img {
    width: 25px
}

footer#site-footer #powered-by {
    width: 100%;
    padding-top: 20px
}

@media screen and (max-width:1024px) {
    footer#site-footer #ftr-address.border-r,
    footer#site-footer #ftr-info.border-r {
        border-right: none
    }
}

footer#site-footer .floating-feedback {
    position: fixed;
    bottom: 3vh;
    right: 0
}

@media (min-width:240px) and (max-width:680px) {
    footer#site-footer #ftr-quick-links.border-r {
        border-right: none
    }
    footer#site-footer .floating-feedback {
        bottom: 132vh;
        float: right;
        position: relative;
        right: -24px
    }
}

footer.form-footer {
    margin-bottom: 10px;
    padding: 0 16px
}

footer.form-footer ul.form-footer-links li {
    display: inline;
    float: left;
    margin-right: 10px
}

footer.form-footer ul.form-footer-links li:after {
    content: '/'
}

footer.form-footer p {
    clear: both;
    margin-bottom: 0;
    margin-top: 16px;
    font-size: .875rem
}

#ieOverlay {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100vh;
    background-color: #009688
}

#ieOverlay p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 30px
}

#ieOverlay p img {
    margin-bottom: 60px
}

#ieOverlay p a {
    margin-top: 60px;
    background-color: #fff;
    color: #009688
}

#ieOverlay p a:hover {
    color: #009688
}

#buorgig {
    display: none!important
}

html {
    font-size: 16px!important
}

body {
    background-color: #f5f5f5;
    font-family: Roboto, sans-serif;
    font-size: 100%
}

#page {
    min-height: calc(100vh - 50px);
    margin-top: 130px;
    float: right;
    padding: 0
}

.row {
    max-width: 1200px
}

.columns {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 12px
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.flat-button,
.floating-action-accent-button,
.floating-action-button,
.raised-accent-button,
.raised-button {
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    text-align: center
}

.cbc-paddingright {
    padding-right: 24px
}

.cbc-paddingleft {
    padding-left: 16px
}

.wrapper {
    padding: 0 24px
}

@media (min-width:0px) and (max-width:1023px) {
    #page {
        margin-top: 0px
    }
    .kb-column {
        margin-top: 16px
    }
    .wrapper {
        padding: 0 8px
    }
}

.floating-action-accent-button,
.floating-action-button,
.raised-accent-button,
.raised-button {
    padding: .85em 1em .7em;
    margin: 0 0 1rem;
    font-size: .9rem
}

.more-btn {
    font-family: 'Roboto bold', sans-serif
}

.disabled-button,
.flat-button,
.raised-accent-button,
.raised-button {
    min-width: 64px;
    overflow: hidden
}

.floating-action-button,
.raised-button {
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #00bcd4;
    color: #fff
}

[data-whatinput=mouse] .floating-action-button,
[data-whatinput=mouse] .raised-button {
    outline: 0
}

.floating-action-button:focus,
.floating-action-button:hover,
.raised-button:focus,
.raised-button:hover {
    background-color: #00b3c9;
    color: #fff
}

.floating-action-accent-button,
.raised-accent-button {
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #ffeb3b;
    color: rgba(0, 0, 0, .87)
}

[data-whatinput=mouse] .floating-action-accent-button,
[data-whatinput=mouse] .raised-accent-button {
    outline: 0
}

.floating-action-accent-button:focus,
.floating-action-accent-button:hover,
.raised-accent-button:focus,
.raised-accent-button:hover {
    background-color: #ffe92b;
    color: rgba(0, 0, 0, .87)
}

.floating-action-accent-button,
.floating-action-accent-button:hover,
.raised-accent-button,
.raised-accent-button:hover {
    color: rgba(0, 0, 0, .87)
}

.floating-action-accent-button,
.floating-action-button {
    overflow: hidden;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    padding: 1rem;
    margin: 0
}

.floating-action-accent-button i,
.floating-action-button i {
    font-size: 24px;
    text-align: center
}

.floating-action-button i {
    color: #fff
}

.floating-action-accent-button i {
    color: rgba(0, 0, 0, .87)
}

.flat-button {
    border: 1px solid transparent;
    border-radius: 2px;
    padding: .85em 1em .7em;
    margin: 0 0 1rem;
    font-size: .9rem;
    background-color: transparent;
    color: #00bcd4
}

[data-whatinput=mouse] .flat-button {
    outline: 0
}

.flat-button:focus,
.flat-button:hover {
    background-color: rgba(153, 153, 153, .2);
    color: #00BCD4
}

.flat-button,
.flat-button:hover {
    color: #00bcd4
}

.breadcrumbs {
    margin-bottom: 20px
}

.modal {
    z-index: 9999999!important
}

@media (min-width:0px) and (max-width:700px) {
    .modal {
        max-height: 90vh
    }
}

.cbc-action-text {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-family: 'Roboto bold', Noto, sans-serif
}

.fa-arrow-down:before,
.fa-arrow-up:before,
.fa-spinner:before {
    font-family: icomoon
}

.cbc-sidebar-actions.card {
    padding: 16px!important;
    margin-bottom: 16px
}

#ad_wrapper p,
.cbc-sidebar-actions.card li a {
    margin-bottom: 0
}

.cbc-sidebar-actions.card ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cbc-sidebar-actions.card li {
    padding: 0
}

@media (min-width:1024px) {
    .cbc-sidebar-actions.card li {
        width: 50%
    }
    .cbc-sidebar-actions.card li:last-child {
        width: 100%
    }
}

.cbc-sidebar-actions.card li h3.linkset-text {
    margin-bottom: 0;
    margin-top: -5vh;
    font-size: .875rem;
    line-height: 32px
}

.cbc-sidebar-actions.card.fade-in:before {
    display: none
}

.cbc-check-bg {
    background: #5b6ac0;
    background: linear-gradient(to right, #5b6ac0 0, #5b6ac0 50%, #3f50b5 50%, #3f50b5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#5b6ac0, endColorstr=#3f50b5 100%, GradientType=1)
}

.cbc-report-bg {
    background: #ba68c8;
    background: linear-gradient(to right, #ba68c8 0, #ba68c8 50%, #aa47bc 50%, #aa47bc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#ba68c8, endColorstr=#aa47bc 100%, GradientType=1)
}

.cbc-book-bg {
    background: #ef5250;
    background: linear-gradient(to right, #ef5250 0, #ef5250 50%, #f34236 50%, #f34236 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#ef5250, endColorstr=#f34236 100%, GradientType=1)
}

.cbc-info-bg {
    background: #e92c6d;
    background: linear-gradient(to right, #e92c6d 0, #e92c6d 50%, #e92165 50%, #e92165 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#e92c6d, endColorstr=#e92165 100%, GradientType=1)
}

.cbc-order-bg {
    background: #ff9800;
    background: linear-gradient(to right, #ff9800 0, #ff9800 50%, #fb8c00 50%, #fb8c00 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#ff9800, endColorstr=#fb8c00 100%, GradientType=1)
}

.cbc-find-bg {
    background: #309cf3;
    background: linear-gradient(to right, #309cf3 0, #309cf3 50%, #2096f3 50%, #2096f3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#309cf3, endColorstr=#2096f3 100%, GradientType=1)
}

.cbc-pay-bg {
    background: #4CAF50;
    background: linear-gradient(to right, #4caf50 0, #4caf50 50%, #45a449 50%, #45a449 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#4CAF50, endColorstr=#45a449 100%, GradientType=1)
}

.cbc-apply-bg {
    background: #009688;
    background: linear-gradient(to right, #009688 0, #009688 50%, #00897a 50%, #00897a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#009688, endColorstr=#00897a 100%, GradientType=1)
}

.cbc-major-bg {
    background: #7500B9;
    background: linear-gradient(to right, #7500b9 0, #7500b9 50%, #5e35b1 50%, #5e35b1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#7500B9, endColorstr=#5E35B1 100%, GradientType=1)
}

.cbc-404 .card {
    padding: 16px 32px;
    margin-right: 32px
}

.alert,
.message {
    border: 0;
    border-radius: 0;
    padding: 15px
}

.alert p,
.message p {
    font-size: .875rem;
    color: #fff
}

.alert p a,
.message p a {
    color: #fff;
    text-decoration: underline
}

.alert-info {
    background-color: #03a9f4;
    color: #fff
}

.alert-danger {
    background-color: #f44336;
    color: #fff
}

.alert-warning,
.view-empty {
    background-color: #ff5722;
    color: #fff
}

.alert-success {
    background-color: #4caf50;
    color: #fff
}

.fa-arrow-up:before {
    content: "\e5c5"
}

.fa-spinner:before {
    content: "\e627"
}

#cbc-warning.card {
    background-color: #fcf8e3
}

#cbc-warning.card p {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: 700
}

@media (min-width:240px) and (max-width:680px) {
    .cbc-sidebar-actions.card li img {
        max-width: 100%
    }
    #cbc-warning-col {
        padding-left: 16px;
        padding-right: 16px
    }
}

#free-garden-sack-ad {
    margin-bottom: 10px
}

#free-garden-sack-ad .columns {
    padding-left: 16px;
    padding-right: 16px
}

#ad_wrapper {
    padding-top: 16px;
    background: #43A047
}

#ad_wrapper h3,
#ad_wrapper p {
    color: #fff
}

@media screen and (max-width:1023px) {
    #ad_wrapper p {
        margin-bottom: 16px
    }
}

#ad_wrapper .register_button {
    background: #fff;
    color: #43A047
}

@media screen and (min-width:424px) and (max-width:1023px) {
    #ad_wrapper .register_button {
        margin-right: 8px
    }
}

#ad_wrapper .more_information_button {
    background: #66BB6A
}

#ad_wrapper .more_information_button:hover {
    background-color: #54b359
}

#ad_wrapper .button:hover {
    background-color: #fff
}

#ad_wrapper .button_hover_change:hover {
    background-color: #258faf
}